componentes-sinco 1.0.12 → 1.0.14

package/dist/index.js

@@ -31,9 +31,9 @@ var __objRest = (source, exclude) => {
 };
 
 // src/Components/Adjuntar/Adjuntar.tsx
-import React2, { useEffect as useEffect3, useRef, useState as useState3 } from "react";
-import { Box as Box2, Button as Button2, IconButton as IconButton2, LinearProgress as LinearProgress2, Stack as Stack2, Typography as Typography2 } from "@mui/material";
-import { CloudUploadOutlined, AttachFileOutlined, DeleteOutline, UploadFileOutlined } from "@mui/icons-material";
+import React4, { useEffect as useEffect4, useRef, useState as useState4 } from "react";
+import { Box as Box3, Button as Button3, CircularProgress, IconButton as IconButton3, Stack as Stack3, Tooltip, Typography as Typography3 } from "@mui/material";
+import { CloudUploadOutlined, AttachFileOutlined, DeleteOutline, UploadFileOutlined, FileDownload } from "@mui/icons-material";
 
 // src/Components/ToastNotification/SCToastNotification.tsx
 import React, { useEffect as useEffect2, useState as useState2 } from "react";
@@ -215,18 +215,183 @@ var SCToastNotification = (toast) => {
   ));
 };
 
+// src/Components/Modal/Helpers/Data.tsx
+import React2 from "react";
+import { Info, Warning } from "@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__ */ React2.createElement(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__ */ React2.createElement(Info, { color: "error", fontSize: "medium" })
+  },
+  warning: {
+    color: "warning",
+    defaultDescription: "Se descartar\xE1 la [creaci\xF3n] y los cambios se perder\xE1n.",
+    icon: /* @__PURE__ */ React2.createElement(Warning, { color: "warning", fontSize: "medium" })
+  }
+};
+
+// src/Components/Modal/Helpers/Utils.tsx
+import * as MuiIcons from "@mui/icons-material";
+import { FilterListOutlined } from "@mui/icons-material";
+var getIconComponent = (iconName) => {
+  return iconName && MuiIcons[iconName] ? MuiIcons[iconName] : FilterListOutlined;
+};
+var getModalColor = (state) => {
+  var _a;
+  const colors = {
+    info: "info.100",
+    delete: "error.100",
+    warning: "warning.100"
+  };
+  return (_a = colors[state]) != null ? _a : "warning.100";
+};
+var getButtonColor = (state) => {
+  var _a;
+  const colorMap = {
+    info: "info",
+    delete: "error",
+    warning: "warning"
+  };
+  return (_a = colorMap[state]) != null ? _a : "info";
+};
+
+// src/Components/Modal/SCModal.tsx
+import React3, { useCallback, useMemo, useState as useState3 } from "react";
+import { Modal, Box as Box2, Typography as Typography2, IconButton as IconButton2, Button as Button2, Stack as Stack2 } from "@mui/material";
+import { Close as Close2 } from "@mui/icons-material";
+
+// src/generales/capitalize.tsx
+function capitalize(text) {
+  return text.charAt(0).toUpperCase() + text.slice(1);
+}
+
+// src/Components/Modal/SCModal.tsx
+var SCModal = ({
+  buttonModal,
+  state = "info",
+  open,
+  setOpen,
+  title,
+  description,
+  action
+}) => {
+  var _a, _b, _c, _d, _e;
+  const [internalOpen, setInternalOpen] = useState3(open != null ? open : false);
+  const isControlled = Boolean(setOpen);
+  const modalOpen = isControlled ? open != null ? open : false : internalOpen;
+  const setModalOpen = isControlled ? setOpen : setInternalOpen;
+  const handleToggle = useCallback(() => setModalOpen((prev) => !prev), [setModalOpen]);
+  const handleClose = useCallback(() => setModalOpen(false), [setModalOpen]);
+  const Icon = useMemo(() => getIconComponent(buttonModal == null ? void 0 : buttonModal.icon), [buttonModal == null ? void 0 : buttonModal.icon]);
+  const prevAction = useMemo(
+    () => action != null ? action : [
+      { text: "Cancelar", fn: handleClose },
+      { text: "Consultar", fn: () => {
+      } }
+    ],
+    [action, handleClose]
+  );
+  const { icon, defaultDescription } = modalStateConfig[state];
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, buttonModal && /* @__PURE__ */ React3.createElement(
+    Button2,
+    {
+      "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__ */ React3.createElement(Icon, null),
+      endIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "right" && /* @__PURE__ */ React3.createElement(Icon, null)
+    },
+    capitalize((_d = buttonModal == null ? void 0 : buttonModal.text) != null ? _d : "filtrar")
+  ), /* @__PURE__ */ React3.createElement(Modal, { open: modalOpen, onClose: handleClose, sx: { boxShadow: 8 } }, /* @__PURE__ */ React3.createElement(
+    Box2,
+    {
+      sx: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        width: 400,
+        bgcolor: "background.paper",
+        borderRadius: 1,
+        boxShadow: 24
+      }
+    },
+    /* @__PURE__ */ React3.createElement(Stack2, { direction: "row", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React3.createElement(Stack2, { direction: "row", alignItems: "center", p: 1, gap: 1.5 }, /* @__PURE__ */ React3.createElement(
+      Box2,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: "50%",
+        height: 36,
+        width: 36,
+        bgcolor: getModalColor(state)
+      },
+      icon
+    ), /* @__PURE__ */ React3.createElement(Typography2, { variant: "h6", color: "text.primary" }, title)), /* @__PURE__ */ React3.createElement(IconButton2, { onClick: handleClose, "data-testid": "test-buttonClose" }, /* @__PURE__ */ React3.createElement(Close2, { color: "action" }))),
+    /* @__PURE__ */ React3.createElement(Stack2, { py: 1, px: 3, gap: 1.5 }, /* @__PURE__ */ React3.createElement(Typography2, { variant: "body1" }, description || defaultDescription)),
+    action && /* @__PURE__ */ React3.createElement(
+      Stack2,
+      {
+        id: "Action",
+        direction: "row",
+        gap: 1,
+        p: 1,
+        justifyContent: "end",
+        bgcolor: "grey.50",
+        sx: { borderRadius: 1 }
+      },
+      /* @__PURE__ */ React3.createElement(
+        Button2,
+        {
+          color: "inherit",
+          variant: "text",
+          onClick: handleClose,
+          size: "small"
+        },
+        capitalize("cancelar")
+      ),
+      /* @__PURE__ */ React3.createElement(
+        Button2,
+        {
+          "data-testid": "test-aceptar",
+          color: getButtonColor(state),
+          variant: "contained",
+          onClick: (_e = action[0]) == null ? void 0 : _e.fn,
+          disabled: false,
+          size: "small"
+        },
+        capitalize(action[0].text)
+      )
+    )
+  )));
+};
+
 // src/Components/Adjuntar/Adjuntar.tsx
-var Adjuntar = ({
+var Attachment = ({
   sx,
   compact,
   error,
-  onChange,
   maxSize = 400,
-  fileAccepted = ""
+  fileAccepted = "",
+  onLoading,
+  onChange,
+  downloadAction,
+  initialFiles = []
 }) => {
-  const [files, setFiles] = useState3([]);
-  const [toast, setToast] = React2.useState(null);
-  const [isDragFile, setIsDragFile] = useState3(false);
+  const [files, setFiles] = useState4([]);
+  const [fileToDelete, setFileToDelete] = useState4(null);
+  const [toast, setToast] = React4.useState(null);
+  const [openModal, setOpenModal] = useState4(false);
+  const [isDragFile, setIsDragFile] = useState4(false);
   const inputRef = useRef(null);
   const handleDrop = (event2) => {
     event2.preventDefault();
@@ -247,7 +412,13 @@ var Adjuntar = ({
     event2.preventDefault();
     setIsDragFile(false);
   };
-  useEffect3(() => {
+  useEffect4(() => {
+    if (initialFiles.length > 0) {
+      setFiles(initialFiles);
+      onChange == null ? void 0 : onChange(initialFiles);
+    }
+  }, [initialFiles]);
+  useEffect4(() => {
     const interval = setInterval(() => {
       setFiles((prevFiles) => {
         let updated = false;
@@ -308,6 +479,7 @@ var Adjuntar = ({
           type: "error",
           title: "Tipo de archivo no permitido",
           listITems: [`El archivo ${file.name} no es un tipo permitido.`],
+          seeMore: true,
           time: 10
         });
         return;
@@ -335,7 +507,7 @@ var Adjuntar = ({
     setFiles(filtered);
     onChange == null ? void 0 : onChange(filtered);
   };
-  return /* @__PURE__ */ React2.createElement(Stack2, { spacing: 2 }, toast && /* @__PURE__ */ React2.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React4.createElement(Stack3, { spacing: 2 }, toast && /* @__PURE__ */ React4.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React4.createElement(
     "input",
     {
       type: "file",
@@ -344,8 +516,8 @@ var Adjuntar = ({
       ref: inputRef,
       onChange: handleUpload
     }
-  ), /* @__PURE__ */ React2.createElement(
-    Stack2,
+  ), /* @__PURE__ */ React4.createElement(
+    Stack3,
     {
       id: "ZonaAdjuntos",
       justifyContent: "center",
@@ -371,9 +543,8 @@ var Adjuntar = ({
         }
       }, sx)
     },
-    /* @__PURE__ */ React2.createElement(Box2, { display: "flex", bgcolor: error ? "error.50" : "primary.50", borderRadius: "100%", p: 1 }, /* @__PURE__ */ React2.createElement(CloudUploadOutlined, { color: error ? "error" : "primary", fontSize: "medium" })),
-    /* @__PURE__ */ React2.createElement(
-      Stack2,
+    onLoading ? /* @__PURE__ */ React4.createElement(Box3, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React4.createElement(CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Box3, { display: "flex", bgcolor: error ? "error.50" : "primary.50", borderRadius: "100%", p: 1 }, /* @__PURE__ */ React4.createElement(CloudUploadOutlined, { color: error ? "error" : "primary", fontSize: "medium" })), /* @__PURE__ */ React4.createElement(
+      Stack3,
       {
         width: "100%",
         flexDirection: compact ? "row" : "column",
@@ -381,20 +552,31 @@ var Adjuntar = ({
         justifyContent: compact ? "space-between" : "center",
         gap: 1
       },
-      /* @__PURE__ */ React2.createElement(Stack2, { flexDirection: "column", alignItems: compact ? "start" : "center", gap: 0.5 }, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"), /* @__PURE__ */ React2.createElement(Typography2, { variant: "caption", color: error ? "error" : "text.secondary" }, error ? `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Archivo no soportado` : `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Max. ${maxSize}MB`)),
-      /* @__PURE__ */ React2.createElement(
-        Button2,
+      /* @__PURE__ */ React4.createElement(Stack3, { flexDirection: "column", alignItems: compact ? "start" : "center", gap: 0.5 }, /* @__PURE__ */ React4.createElement(Typography3, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"), /* @__PURE__ */ React4.createElement(
+        Typography3,
+        {
+          variant: "caption",
+          color: error ? "error" : "text.secondary",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          maxWidth: "450px"
+        },
+        error ? `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Archivo no soportado` : `${fileAccepted || "DOCX, XML, PNG, JPG"} \u2022 Max. ${maxSize}MB`
+      )),
+      /* @__PURE__ */ React4.createElement(
+        Button3,
         {
           variant: "text",
           color: "primary",
           size: "small",
-          startIcon: /* @__PURE__ */ React2.createElement(AttachFileOutlined, { color: "primary", fontSize: "small" })
+          startIcon: /* @__PURE__ */ React4.createElement(AttachFileOutlined, { color: "primary", fontSize: "small" })
         },
         "Adjuntar"
       )
-    )
-  ), files.length > 0 && /* @__PURE__ */ React2.createElement(
-    Stack2,
+    ))
+  ), files.length > 0 && /* @__PURE__ */ React4.createElement(
+    Stack3,
     {
       id: "ContenedorArchivosAdjuntos",
       width: "100%",
@@ -405,8 +587,8 @@ var Adjuntar = ({
       }),
       spacing: 1
     },
-    files.map((file) => /* @__PURE__ */ React2.createElement(
-      Stack2,
+    files.map((file) => /* @__PURE__ */ React4.createElement(
+      Stack3,
       {
         height: 46,
         key: file.name + (file.uploadError ? "_error" : ""),
@@ -423,36 +605,62 @@ var Adjuntar = ({
           }
         }
       },
-      /* @__PURE__ */ React2.createElement(Stack2, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ React2.createElement(Stack2, { width: "100%" }, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "text.primary" }, file.name), /* @__PURE__ */ React2.createElement(Typography2, { 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} \u2022 carga ${file.progress}%`), file.progress === 100 && !file.uploadError ? null : /* @__PURE__ */ React2.createElement(
-        LinearProgress2,
+      /* @__PURE__ */ React4.createElement(Stack3, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React4.createElement(UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ React4.createElement(Stack3, { width: "100%" }, /* @__PURE__ */ React4.createElement(Typography3, { variant: "body2", color: "text.primary", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "210px" }, file.name), /* @__PURE__ */ React4.createElement(Typography3, { 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__ */ React4.createElement(Tooltip, { title: "Descargar" }, /* @__PURE__ */ React4.createElement(IconButton3, { size: "small", onClick: downloadAction }, /* @__PURE__ */ React4.createElement(FileDownload, { fontSize: "small", color: "action" }))),
+      /* @__PURE__ */ React4.createElement(Tooltip, { title: "Eliminar" }, /* @__PURE__ */ React4.createElement(IconButton3, { size: "small", onClick: () => {
+        setFileToDelete(file);
+        setOpenModal(true);
+      } }, /* @__PURE__ */ React4.createElement(DeleteOutline, { fontSize: "small", color: "action" })))
+    ))
+  ), /* @__PURE__ */ React4.createElement(
+    SCModal,
+    {
+      state: "delete",
+      open: openModal,
+      setOpen: setOpenModal,
+      title: "Eliminar archivo",
+      description: `\xBFEst\xE1s seguro que deseas eliminar "${fileToDelete == null ? void 0 : fileToDelete.name}"?`,
+      action: [
         {
-          variant: "determinate",
-          color: file.uploadError ? "error" : "primary",
-          value: file.progress
+          text: "Eliminar",
+          fn: () => {
+            if (fileToDelete) {
+              deleteFiles(fileToDelete.name);
+              setFileToDelete(null);
+              setToast(null);
+              setTimeout(() => {
+                setToast({
+                  title: "Archivo eliminado",
+                  type: "success",
+                  time: 2
+                });
+              }, 10);
+            }
+            setOpenModal(false);
+          }
         }
-      ))),
-      /* @__PURE__ */ React2.createElement(IconButton2, { size: "small", onClick: () => deleteFiles(file.name) }, /* @__PURE__ */ React2.createElement(DeleteOutline, { fontSize: "small", color: "action" }))
-    ))
+      ]
+    }
   ));
 };
 
 // src/Components/Drawer/SCDrawer.tsx
-import React9, { useEffect as useEffect9, useRef as useRef3 } from "react";
-import { Box as Box8, Drawer, Typography as Typography8, IconButton as IconButton6, Button as Button5, Stack as Stack4, Chip as Chip2 } from "@mui/material";
+import React11, { useEffect as useEffect10, useRef as useRef3 } from "react";
+import { Box as Box9, Drawer, Typography as Typography9, IconButton as IconButton7, Button as Button6, Stack as Stack5, Chip as Chip2 } from "@mui/material";
 import Grid4 from "@mui/material/Grid2";
 import CloseIcon from "@mui/icons-material/Close";
 import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
 import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
 
 // src/Components/Textfield/SCTextField.tsx
-import React3, { useEffect as useEffect4, useState as useState4 } from "react";
-import { FormControl, IconButton as IconButton3, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover, Input, Box as Box3, Typography as Typography3, SvgIcon, Tooltip } from "@mui/material";
+import React5, { useEffect as useEffect5, useState as useState5 } from "react";
+import { FormControl, IconButton as IconButton4, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover, Input, Box as Box4, Typography as Typography4, SvgIcon, Tooltip as Tooltip2 } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import { Visibility, VisibilityOff, InfoOutlined } from "@mui/icons-material";
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
 import * as Muicon from "@mui/icons-material";
-function getIconComponent(name) {
+function getIconComponent2(name) {
   if (typeof name !== "string") return name;
   return name in Muicon ? Muicon[name] : void 0;
 }
@@ -534,13 +742,13 @@ var SCTextField = ({
   let IconInputStart;
   let IconInputEnd;
   let IconTitle;
-  const [showPassword, setShowPassword] = useState4(false);
-  const [error, setError] = useState4(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = useState4(null);
+  const [showPassword, setShowPassword] = useState5(false);
+  const [error, setError] = useState5(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = useState5(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  const [anchorInfoElement, setAnchorInfoElement] = useState4(null);
+  const [anchorInfoElement, setAnchorInfoElement] = useState5(null);
   const openInfoElement = Boolean(anchorInfoElement);
-  useEffect4(() => {
+  useEffect5(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -549,14 +757,14 @@ var SCTextField = ({
   }, [error]);
   if (iconInputStart) {
     IconInputStartValidation = getIconValidation(iconInputStart);
-    IconInputStart = getIconComponent(iconInputStart);
+    IconInputStart = getIconComponent2(iconInputStart);
   }
   if (iconInputEnd) {
     IconInputEndValidation = getIconValidation(iconInputEnd);
-    IconInputEnd = getIconComponent(iconInputEnd);
+    IconInputEnd = getIconComponent2(iconInputEnd);
   }
   if (iconTitle) {
-    IconTitle = getIconComponent(iconTitle);
+    IconTitle = getIconComponent2(iconTitle);
   }
   const handleClickShowPassword = () => setShowPassword((show) => !show);
   const handleMouseDownPassword = (event2) => {
@@ -590,7 +798,7 @@ var SCTextField = ({
   const handleCloseInfoElement = () => {
     setAnchorInfoElement(null);
   };
-  return /* @__PURE__ */ React3.createElement(Box3, { sx: { width } }, /* @__PURE__ */ React3.createElement(Grid, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ React3.createElement(SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ React3.createElement(Typography3, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(Box4, { sx: { width } }, /* @__PURE__ */ React5.createElement(Grid, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ React5.createElement(SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ React5.createElement(Typography4, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
     InfoOutlined,
     {
       color: "action",
@@ -598,7 +806,7 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ React3.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     Popover,
     {
       sx: {
@@ -620,14 +828,14 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ React3.createElement(Typography3, { p: 2 }, infoTitle.text)
-  )) : /* @__PURE__ */ React3.createElement(Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React5.createElement(Typography4, { p: 2 }, infoTitle.text)
+  )) : /* @__PURE__ */ React5.createElement(Tooltip2, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React5.createElement(
     InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ React3.createElement(Grid, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ React3.createElement(
+  ))) : ""), /* @__PURE__ */ React5.createElement(Grid, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ React5.createElement(
     FormControl,
     {
       color,
@@ -636,7 +844,7 @@ var SCTextField = ({
       variant,
       sx: { background: background || "transparent", borderRadius: "4px" }
     },
-    /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React5.createElement(
       InputLabel,
       {
         "data-testid": "test-label",
@@ -647,7 +855,7 @@ var SCTextField = ({
       },
       label ? label : ""
     ),
-    /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React5.createElement(
       InputComponent,
       {
         size: size ? size : "medium",
@@ -663,17 +871,17 @@ var SCTextField = ({
         type: !showPassword && format2 === "password" ? "password" : (format2 || "text").toUpperCase() === "INT" || (format2 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
         className: format2 === "password" && !showPassword ? "" : "",
         placeholder,
-        startAdornment: iconInputStart ? /* @__PURE__ */ React3.createElement(InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ React3.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ React3.createElement(InputAdornment, { position: "end" }, format2 === "password" ? /* @__PURE__ */ React3.createElement(
-          IconButton3,
+        startAdornment: iconInputStart ? /* @__PURE__ */ React5.createElement(InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ React5.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
+        endAdornment: /* @__PURE__ */ React5.createElement(InputAdornment, { position: "end" }, format2 === "password" ? /* @__PURE__ */ React5.createElement(
+          IconButton4,
           {
             "aria-label": "toggle password visibility",
             onClick: handleClickShowPassword,
             onMouseDown: handleMouseDownPassword,
             edge: "end"
           },
-          showPassword ? /* @__PURE__ */ React3.createElement(VisibilityOff, null) : /* @__PURE__ */ React3.createElement(Visibility, null)
-        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+          showPassword ? /* @__PURE__ */ React5.createElement(VisibilityOff, null) : /* @__PURE__ */ React5.createElement(Visibility, null)
+        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
           InfoOutlined,
           {
             "data-testid": "test-infoElement",
@@ -684,7 +892,7 @@ var SCTextField = ({
             onMouseEnter: (event2) => handleOpenInfoElement(event2),
             onMouseLeave: () => handleCloseInfoElement()
           }
-        ), /* @__PURE__ */ React3.createElement(
+        ), /* @__PURE__ */ React5.createElement(
           Popover,
           {
             sx: {
@@ -706,19 +914,19 @@ var SCTextField = ({
             },
             disableRestoreFocus: true
           },
-          /* @__PURE__ */ React3.createElement(Typography3, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-        )) : /* @__PURE__ */ React3.createElement(Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React3.createElement(
+          /* @__PURE__ */ React5.createElement(Typography4, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+        )) : /* @__PURE__ */ React5.createElement(Tooltip2, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React5.createElement(
           InfoOutlined,
           {
             color: "action",
             fontSize: "small"
           }
-        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ React3.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
+        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ React5.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
         label: label ? label + (format2 === "password" && !showPassword ? "" : "") : "",
         autoComplete: format2 === "password" ? "new-password" : "off"
       }
     )
-  ), (iconInputEnd !== void 0 || format2 === "password") && infoElement ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+  ), (iconInputEnd !== void 0 || format2 === "password") && infoElement ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
     InfoOutlined,
     {
       "data-testid": "test-infoElement",
@@ -729,7 +937,7 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoElement(event2),
       onMouseLeave: handleCloseInfoElement
     }
-  ), /* @__PURE__ */ React3.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     Popover,
     {
       sx: { pointerEvents: "none" },
@@ -746,8 +954,8 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ React3.createElement(Typography3, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-  )) : /* @__PURE__ */ React3.createElement(Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React5.createElement(Typography4, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+  )) : /* @__PURE__ */ React5.createElement(Tooltip2, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React5.createElement(
     InfoOutlined,
     {
       sx: { marginLeft: "4px" },
@@ -758,17 +966,17 @@ var SCTextField = ({
 };
 
 // src/Components/TextArea/Helpers/validateIcon.tsx
-import * as MuiIcons from "@mui/icons-material";
+import * as MuiIcons2 from "@mui/icons-material";
 function getIcon(name) {
-  if (!name || !(name in MuiIcons)) {
+  if (!name || !(name in MuiIcons2)) {
     return null;
   }
-  return MuiIcons[name];
+  return MuiIcons2[name];
 }
 
 // src/Components/TextArea/SCTextArea.tsx
-import React4, { useEffect as useEffect5, useState as useState5 } from "react";
-import { Typography as Typography4, Stack as Stack3, TextField, Box as Box4, Popover as Popover2, Tooltip as Tooltip2, SvgIcon as SvgIcon2, Grid as Grid2 } from "@mui/material";
+import React6, { useEffect as useEffect6, useState as useState6 } from "react";
+import { Typography as Typography5, Stack as Stack4, TextField, Box as Box5, Popover as Popover2, Tooltip as Tooltip3, SvgIcon as SvgIcon2, Grid as Grid2 } from "@mui/material";
 import { InfoOutlined as InfoOutlined2 } from "@mui/icons-material";
 var SCTextArea = ({
   //informativas
@@ -791,11 +999,11 @@ var SCTextArea = ({
   state,
   onBlur
 }) => {
-  const [helperCount, setHelperCount] = useState5(0);
-  const [stateError, setStateError] = useState5(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = React4.useState(null);
+  const [helperCount, setHelperCount] = useState6(0);
+  const [stateError, setStateError] = useState6(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = React6.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  useEffect5(() => {
+  useEffect6(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon(iconTitle);
@@ -817,7 +1025,7 @@ var SCTextArea = ({
   const handleCloseInfoTitle = () => {
     setAnchorInfoTitle(null);
   };
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Box4, { sx: { width } }, /* @__PURE__ */ React4.createElement(Grid2, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ React4.createElement(SvgIcon2, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ React4.createElement(Typography4, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Box5, { sx: { width } }, /* @__PURE__ */ React6.createElement(Grid2, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ React6.createElement(SvgIcon2, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ React6.createElement(Typography5, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
     InfoOutlined2,
     {
       color: "action",
@@ -825,7 +1033,7 @@ var SCTextArea = ({
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ React4.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     Popover2,
     {
       sx: { pointerEvents: "none" },
@@ -842,14 +1050,14 @@ var SCTextArea = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ React4.createElement(Typography4, { sx: { p: 2 } }, infoTitle.text)
-  )) : /* @__PURE__ */ React4.createElement(Tooltip2, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React6.createElement(Typography5, { sx: { p: 2 } }, infoTitle.text)
+  )) : /* @__PURE__ */ React6.createElement(Tooltip3, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React6.createElement(
     InfoOutlined2,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ React4.createElement(Stack3, null, /* @__PURE__ */ React4.createElement(
+  ))) : ""), /* @__PURE__ */ React6.createElement(Stack4, null, /* @__PURE__ */ React6.createElement(
     TextField,
     {
       required,
@@ -871,8 +1079,8 @@ var SCTextArea = ({
       },
       autoComplete: "off"
     }
-  )), /* @__PURE__ */ React4.createElement(Stack3, null, /* @__PURE__ */ React4.createElement(
-    Typography4,
+  )), /* @__PURE__ */ React6.createElement(Stack4, null, /* @__PURE__ */ React6.createElement(
+    Typography5,
     {
       variant: "caption",
       color: "text.secondary",
@@ -885,8 +1093,8 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-import React5, { useEffect as useEffect6 } from "react";
-import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem, SvgIcon as SvgIcon3, ListItemIcon, ListItemText, Box as Box5 } from "@mui/material";
+import React7, { useEffect as useEffect7 } from "react";
+import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem, SvgIcon as SvgIcon3, ListItemIcon, ListItemText, Box as Box6 } from "@mui/material";
 import Select from "@mui/material/Select";
 import * as Muicon2 from "@mui/icons-material";
 function SCSelect({
@@ -903,16 +1111,16 @@ function SCSelect({
   state
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
-  const [prevData, setPrevData] = React5.useState(data);
-  const [error, setError] = React5.useState(false);
-  useEffect6(() => {
+  const [prevData, setPrevData] = React7.useState(data);
+  const [error, setError] = React7.useState(false);
+  useEffect7(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  useEffect6(() => {
+  useEffect7(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -946,25 +1154,25 @@ function SCSelect({
       }
     }
   };
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, data && /* @__PURE__ */ React5.createElement(Box5, { sx: { width } }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, data && /* @__PURE__ */ React7.createElement(Box6, { sx: { width } }, /* @__PURE__ */ React7.createElement(
     FormControl2,
     {
       fullWidth: true,
       size: size ? size : "medium",
       variant
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React7.createElement(
       InputLabel2,
       {
         error
       },
-      required ? /* @__PURE__ */ React5.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
+      required ? /* @__PURE__ */ React7.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
     ),
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React7.createElement(
       Select,
       {
         value: Array.isArray(state.hiddenValue) ? state.hiddenValue[0] || "" : state.hiddenValue != "-1" ? state.hiddenValue : "",
-        label: required ? /* @__PURE__ */ React5.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+        label: required ? /* @__PURE__ */ React7.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
         onChange: handleChange,
         onBlur: handleBlur,
         variant,
@@ -990,15 +1198,15 @@ function SCSelect({
         }
       },
       data.map((option, index) => {
-        return /* @__PURE__ */ React5.createElement(MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ React5.createElement(ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React5.createElement(SvgIcon3, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ React5.createElement(ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
+        return /* @__PURE__ */ React7.createElement(MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ React7.createElement(ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React7.createElement(SvgIcon3, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ React7.createElement(ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
       })
     )
   )));
 }
 
 // src/Components/SCAutocomplete.tsx
-import React6, { useEffect as useEffect7 } from "react";
-import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem2, TextField as TextField3, Typography as Typography6, SvgIcon as SvgIcon4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton5, Chip, Box as Box6, Button as Button4 } from "@mui/material";
+import React8, { useEffect as useEffect8 } from "react";
+import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem2, TextField as TextField3, Typography as Typography7, SvgIcon as SvgIcon4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton6, Chip, Box as Box7, Button as Button5 } from "@mui/material";
 import Grid3 from "@mui/material/Grid2";
 import { Search, Clear } from "@mui/icons-material";
 import * as Muicon3 from "@mui/icons-material";
@@ -1022,12 +1230,12 @@ function SCAutocomplete({
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
   let isSelected = false;
-  const [selectedOptions, setSelectedOptions] = React6.useState([]);
-  const [prevData, setPrevData] = React6.useState(data);
-  const [originalData, setOriginalData] = React6.useState(data);
-  const [inputValue, setInputValue] = React6.useState("");
-  const [isUserTyping, setIsUserTyping] = React6.useState(false);
-  useEffect7(() => {
+  const [selectedOptions, setSelectedOptions] = React8.useState([]);
+  const [prevData, setPrevData] = React8.useState(data);
+  const [originalData, setOriginalData] = React8.useState(data);
+  const [inputValue, setInputValue] = React8.useState("");
+  const [isUserTyping, setIsUserTyping] = React8.useState(false);
+  useEffect8(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -1038,7 +1246,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -1048,7 +1256,7 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
@@ -1106,7 +1314,7 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, data && /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, data && /* @__PURE__ */ React8.createElement(
     Autocomplete,
     {
       multiple: typeFormat === "multiselect",
@@ -1133,9 +1341,9 @@ function SCAutocomplete({
       limitTags: 2,
       renderTags: (value, getTagProps) => {
         const limit = 2;
-        return /* @__PURE__ */ React6.createElement(React6.Fragment, null, value.slice(0, limit).map((option, index) => {
+        return /* @__PURE__ */ React8.createElement(React8.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
-          return /* @__PURE__ */ React6.createElement(
+          return /* @__PURE__ */ React8.createElement(
             Chip,
             __spreadProps(__spreadValues({
               key,
@@ -1147,7 +1355,7 @@ function SCAutocomplete({
               style: { maxWidth: 120, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
             })
           );
-        }), value.length > limit && /* @__PURE__ */ React6.createElement(Box6, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
+        }), value.length > limit && /* @__PURE__ */ React8.createElement(Box7, { 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"]);
@@ -1165,7 +1373,7 @@ function SCAutocomplete({
           isValid = group == option[columnGroup];
           group = option[columnGroup];
         }
-        return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(React6.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ React6.createElement(Typography6, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ React6.createElement(
+        return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(React8.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ React8.createElement(Typography7, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ React8.createElement(
           MenuItem2,
           __spreadProps(__spreadValues({}, optionProps), {
             disabled: isDisabled,
@@ -1175,8 +1383,8 @@ function SCAutocomplete({
               opacity: isDisabled ? 0.5 : 1
             }
           }),
-          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ React6.createElement(ListItemIcon2, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React6.createElement(SvgIcon4, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
-          typeFormat == "multiselect" ? /* @__PURE__ */ React6.createElement(
+          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ React8.createElement(ListItemIcon2, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React8.createElement(SvgIcon4, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
+          typeFormat == "multiselect" ? /* @__PURE__ */ React8.createElement(
             Checkbox,
             {
               checked: isSelected,
@@ -1185,25 +1393,25 @@ function SCAutocomplete({
               color: "primary"
             }
           ) : "",
-          /* @__PURE__ */ React6.createElement(ListItemText2, { primary: getItemValue(option).text, color: "text.primary" }),
+          /* @__PURE__ */ React8.createElement(ListItemText2, { primary: getItemValue(option).text, color: "text.primary" }),
           getItemValue(option).component != void 0 ? getItemValue(option).component : ""
         )));
       },
-      renderInput: (params) => /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+      renderInput: (params) => /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
         TextField3,
         __spreadProps(__spreadValues({}, params), {
-          label: required ? /* @__PURE__ */ React6.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+          label: required ? /* @__PURE__ */ React8.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-            endAdornment: /* @__PURE__ */ React6.createElement(React6.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ React6.createElement(IconButton5, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ React6.createElement(Clear, { fontSize: "small" })) : "", /* @__PURE__ */ React6.createElement(InputAdornment3, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ React6.createElement(Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
+            endAdornment: /* @__PURE__ */ React8.createElement(React8.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ React8.createElement(IconButton6, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ React8.createElement(Clear, { fontSize: "small" })) : "", /* @__PURE__ */ React8.createElement(InputAdornment3, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ React8.createElement(Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
           })
         })
       )),
       slotProps: {
         listbox: {
-          component: React6.forwardRef(function ListboxComponent(props, ref) {
-            return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
-              Box6,
+          component: React8.forwardRef(function ListboxComponent(props, ref) {
+            return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
+              Box7,
               __spreadProps(__spreadValues({
                 ref
               }, props), {
@@ -1213,9 +1421,9 @@ function SCAutocomplete({
                   backgroundColor: "white"
                 }, props.sx)
               }),
-              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(FormControlLabel2, { control: /* @__PURE__ */ React6.createElement(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__ */ React6.createElement(Divider3, null)) : "",
+              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(FormControlLabel2, { control: /* @__PURE__ */ React8.createElement(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__ */ React8.createElement(Divider3, null)) : "",
               props.children,
-              deleteType == "button" || fnAplicar ? /* @__PURE__ */ React6.createElement(
+              deleteType == "button" || fnAplicar ? /* @__PURE__ */ React8.createElement(
                 Grid3,
                 {
                   container: true,
@@ -1230,8 +1438,8 @@ function SCAutocomplete({
                     justifyContent: "space-between"
                   }
                 },
-                deleteType == "button" ? /* @__PURE__ */ React6.createElement(
-                  Button4,
+                deleteType == "button" ? /* @__PURE__ */ React8.createElement(
+                  Button5,
                   {
                     variant: "text",
                     color: "primary",
@@ -1243,8 +1451,8 @@ function SCAutocomplete({
                   },
                   "Limpiar"
                 ) : "",
-                fnAplicar && /* @__PURE__ */ React6.createElement(
-                  Button4,
+                fnAplicar && /* @__PURE__ */ React8.createElement(
+                  Button5,
                   {
                     variant: "contained",
                     color: "primary",
@@ -1263,8 +1471,8 @@ function SCAutocomplete({
 }
 
 // src/Components/SCDateRange.tsx
-import React7 from "react";
-import { Box as Box7, InputAdornment as InputAdornment4 } from "@mui/material";
+import React9 from "react";
+import { Box as Box8, InputAdornment as InputAdornment4 } from "@mui/material";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { DateRangePicker } from "@mui/x-date-pickers-pro/DateRangePicker";
@@ -1295,7 +1503,7 @@ var SCDateRange = ({
     ];
     setState(convertedValue);
   };
-  return /* @__PURE__ */ React7.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ React7.createElement(Box7, { sx: { width: "100%" } }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React9.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ React9.createElement(Box8, { sx: { width: "100%" } }, /* @__PURE__ */ React9.createElement(
     DateRangePicker,
     {
       value: state,
@@ -1314,7 +1522,7 @@ var SCDateRange = ({
               required,
               error: position === "start" ? isStartEmpty : isEndEmpty,
               InputProps: {
-                endAdornment: /* @__PURE__ */ React7.createElement(InputAdornment4, { position: "end" }, /* @__PURE__ */ React7.createElement(
+                endAdornment: /* @__PURE__ */ React9.createElement(InputAdornment4, { position: "end" }, /* @__PURE__ */ React9.createElement(
                   EventIcon,
                   {
                     color: hasError ? "error" : "action",
@@ -1384,7 +1592,7 @@ var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setText
 };
 
 // src/Components/Drawer/Helpers/validateTypeElement.tsx
-import React8 from "react";
+import React10 from "react";
 var validateTypeElements = (element) => {
   var _a;
   let validation = "";
@@ -1392,37 +1600,37 @@ var validateTypeElements = (element) => {
   if (element.type == "textField") {
     validation = "textField";
     typeElement = element;
-  } else if (React8.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextField") {
+  } else if (React10.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextField") {
     validation = "textField";
     typeElement = element == null ? void 0 : element.component.props;
   } else if (element.type == "textArea") {
     validation = "textArea";
     typeElement = element;
-  } else if (React8.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextArea") {
+  } else if (React10.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextArea") {
     validation = "textArea";
     typeElement = element == null ? void 0 : element.component.props;
   } else if (element.type == "dateRange") {
     validation = "dateRange";
     typeElement = element;
-  } else if (React8.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCDateRange") {
+  } else if (React10.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCDateRange") {
     validation = "dateRange";
     typeElement = element == null ? void 0 : element.component.props;
   } else if (element.type == "autocomplete") {
     validation = "autocomplete";
     typeElement = element;
-  } else if (React8.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCAutocomplete") {
+  } else if (React10.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCAutocomplete") {
     validation = "autocomplete";
     typeElement = element == null ? void 0 : element.component.props;
   } else if (element.typeFormat == "multiselect") {
     validation = "multiselect";
     typeElement = element;
-  } else if (React8.isValidElement(element == null ? void 0 : element.component) && element.component.props && ((_a = element == null ? void 0 : element.component) == null ? void 0 : _a.props).typeFormat == "multiselect") {
+  } else if (React10.isValidElement(element == null ? void 0 : element.component) && element.component.props && ((_a = element == null ? void 0 : element.component) == null ? void 0 : _a.props).typeFormat == "multiselect") {
     validation = "multiselect";
     typeElement = element == null ? void 0 : element.component.props;
   } else if (element.type == "select") {
     validation = "select";
     typeElement = element;
-  } else if (React8.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCSelect") {
+  } else if (React10.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCSelect") {
     validation = "select";
     typeElement = element == null ? void 0 : element.component.props;
   }
@@ -1450,11 +1658,11 @@ function SCDrawer({
 }) {
   var _a, _b;
   const scrollRef = useRef3(null);
-  const [drawerOpen, setDrawerOpen] = React9.useState(open);
-  const [toast, setToast] = React9.useState(null);
-  const [stateChipFilters, setChipFilters] = React9.useState(false);
-  const [textFilters, setTextFilters] = React9.useState([]);
-  useEffect9(() => {
+  const [drawerOpen, setDrawerOpen] = React11.useState(open);
+  const [toast, setToast] = React11.useState(null);
+  const [stateChipFilters, setChipFilters] = React11.useState(false);
+  const [textFilters, setTextFilters] = React11.useState([]);
+  useEffect10(() => {
     if (chipFilters != void 0) {
       if (chipFilters.length > 0) {
         setTextFilters([]);
@@ -1462,7 +1670,7 @@ function SCDrawer({
       }
     }
   }, [chipFilters]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (open) {
       toggleDrawer(true);
     } else {
@@ -1625,8 +1833,8 @@ function SCDrawer({
   };
   const shouldShowChips = chipFilters != void 0 && chipFilters.length > 0 ? true : stateChipFilters === true && hasActiveFilters();
   const actionsA = actions == false ? false : actions != void 0 ? actions : [{ text: "Aplicar filtros", fn: inputValidation }, { text: "Limpiar filtros", fn: cleanFilters }];
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, toast && /* @__PURE__ */ React9.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React9.createElement(Grid4, { container: true, justifyContent: "flex-start", flexWrap: "nowrap", alignItems: "center", sx: { width: "100%" } }, shouldShowChips && /* @__PURE__ */ React9.createElement(Box8, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ React9.createElement(IconButton6, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React9.createElement(ArrowBackIosIcon, { fontSize: "small" })), /* @__PURE__ */ React9.createElement(
-    Box8,
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, toast && /* @__PURE__ */ React11.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React11.createElement(Grid4, { container: true, justifyContent: "flex-start", flexWrap: "nowrap", alignItems: "center", sx: { width: "100%" } }, shouldShowChips && /* @__PURE__ */ React11.createElement(Box9, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ React11.createElement(IconButton7, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React11.createElement(ArrowBackIosIcon, { fontSize: "small" })), /* @__PURE__ */ React11.createElement(
+    Box9,
     {
       ref: scrollRef,
       gap: 0.3,
@@ -1637,7 +1845,7 @@ function SCDrawer({
         "&::-webkit-scrollbar": { display: "none" }
       }
     },
-    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ React9.createElement(
+    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ React11.createElement(
       Chip2,
       __spreadProps(__spreadValues({
         key: index,
@@ -1652,15 +1860,15 @@ function SCDrawer({
         }
       })
     ))
-  ), /* @__PURE__ */ React9.createElement(IconButton6, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React9.createElement(ArrowForwardIosIcon, { fontSize: "small" }))), (buttonDrawer == null ? void 0 : buttonDrawer.type) == "chip" ? /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React11.createElement(IconButton7, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React11.createElement(ArrowForwardIosIcon, { fontSize: "small" }))), (buttonDrawer == null ? void 0 : buttonDrawer.type) == "chip" ? /* @__PURE__ */ React11.createElement(
     Chip2,
     __spreadProps(__spreadValues({
       onClick: toggleDrawer(true),
       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__ */ React9.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
-      deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React9.createElement(ButtonIcon, { fontSize: "small" }) : void 0
+      icon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" && ButtonIcon ? /* @__PURE__ */ React11.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
+      deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React11.createElement(ButtonIcon, { fontSize: "small" }) : void 0
     }, (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? { onDelete: () => {
     } } : {}), {
       sx: {
@@ -1670,8 +1878,8 @@ function SCDrawer({
         textTransform: "capitalize"
       }
     })
-  ) : /* @__PURE__ */ React9.createElement(
-    Button5,
+  ) : /* @__PURE__ */ React11.createElement(
+    Button6,
     {
       "data-testid": "test-buttonDrawer",
       sx: { textTransform: "capitalize" },
@@ -1679,11 +1887,11 @@ function SCDrawer({
       onClick: toggleDrawer(true),
       size: "small",
       variant: (buttonDrawer == null ? void 0 : buttonDrawer.variant) != void 0 ? buttonDrawer == null ? void 0 : buttonDrawer.variant : "text",
-      startIcon: ((buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" || !(buttonDrawer == null ? void 0 : buttonDrawer.iconPosition)) && ButtonIcon ? /* @__PURE__ */ React9.createElement(ButtonIcon, { fontSize: "small" }) : null,
-      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React9.createElement(ButtonIcon, { fontSize: "small" }) : null
+      startIcon: ((buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" || !(buttonDrawer == null ? void 0 : buttonDrawer.iconPosition)) && ButtonIcon ? /* @__PURE__ */ React11.createElement(ButtonIcon, { fontSize: "small" }) : null,
+      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React11.createElement(ButtonIcon, { fontSize: "small" }) : null
     },
     (_b = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _b : ""
-  )), /* @__PURE__ */ React9.createElement(
+  )), /* @__PURE__ */ React11.createElement(
     Drawer,
     {
       open: drawerOpen,
@@ -1697,15 +1905,15 @@ function SCDrawer({
         }
       }
     },
-    /* @__PURE__ */ React9.createElement(Stack4, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ React9.createElement(Grid4, { container: true, sx: { backgroundColor: "primary.50", alignItems: "center", height: "42px", textAlign: "left", padding: "8px 12px", justifyContent: "space-between", alignContent: "center" } }, /* @__PURE__ */ React9.createElement(Typography8, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"), /* @__PURE__ */ React9.createElement(IconButton6, { onClick: handleDrawerClose }, /* @__PURE__ */ React9.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))), /* @__PURE__ */ React9.createElement(Stack4, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
+    /* @__PURE__ */ React11.createElement(Stack5, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ React11.createElement(Grid4, { container: true, sx: { backgroundColor: "primary.50", alignItems: "center", height: "42px", textAlign: "left", padding: "8px 12px", justifyContent: "space-between", alignContent: "center" } }, /* @__PURE__ */ React11.createElement(Typography9, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"), /* @__PURE__ */ React11.createElement(IconButton7, { onClick: handleDrawerClose }, /* @__PURE__ */ React11.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))), /* @__PURE__ */ React11.createElement(Stack5, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
       var _a2, _b2, _c, _d, _e, _f;
-      return /* @__PURE__ */ React9.createElement(
-        Box8,
+      return /* @__PURE__ */ React11.createElement(
+        Box9,
         {
           key: `Stack_${(_a2 = arrayElement.type) != null ? _a2 : ""} ${(_b2 = arrayElement.label) != null ? _b2 : ""}${index}`,
           sx: { width: "100%" }
         },
-        arrayElement.component ? /* @__PURE__ */ React9.createElement(Stack4, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component) : arrayElement.type === "textField" ? /* @__PURE__ */ React9.createElement(
+        arrayElement.component ? /* @__PURE__ */ React11.createElement(Stack5, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component) : arrayElement.type === "textField" ? /* @__PURE__ */ React11.createElement(
           SCTextField,
           {
             title: arrayElement.title,
@@ -1731,7 +1939,7 @@ function SCDrawer({
             onBlur: arrayElement.onBlur,
             onKeyDown: arrayElement.onKeyDown
           }
-        ) : arrayElement.type === "textArea" ? /* @__PURE__ */ React9.createElement(
+        ) : arrayElement.type === "textArea" ? /* @__PURE__ */ React11.createElement(
           SCTextArea,
           {
             title: arrayElement.title,
@@ -1750,7 +1958,7 @@ function SCDrawer({
             state: arrayElement.state || "",
             onBlur: arrayElement.onBlur
           }
-        ) : arrayElement.type === "autocomplete" ? /* @__PURE__ */ React9.createElement(
+        ) : arrayElement.type === "autocomplete" ? /* @__PURE__ */ React11.createElement(
           SCAutocomplete,
           {
             label: arrayElement.label,
@@ -1768,7 +1976,7 @@ function SCDrawer({
             state: arrayElement.state || "",
             inputChange: arrayElement.inputChange
           }
-        ) : arrayElement.type === "select" ? /* @__PURE__ */ React9.createElement(
+        ) : arrayElement.type === "select" ? /* @__PURE__ */ React11.createElement(
           SCSelect,
           {
             label: arrayElement.label,
@@ -1784,7 +1992,7 @@ function SCDrawer({
             setState: arrayElement.setState,
             state: arrayElement.state || ""
           }
-        ) : arrayElement.type === "dateRange" ? /* @__PURE__ */ React9.createElement(
+        ) : arrayElement.type === "dateRange" ? /* @__PURE__ */ React11.createElement(
           SCDateRange,
           {
             labelDateInitial: arrayElement.labelDateInitial,
@@ -1797,7 +2005,7 @@ function SCDrawer({
           }
         ) : null
       );
-    })), actionsA != void 0 && actionsA != false ? Array.isArray(actionsA) && (actionsA == null ? void 0 : actionsA.length) > 0 ? /* @__PURE__ */ React9.createElement(
+    })), actionsA != void 0 && actionsA != false ? Array.isArray(actionsA) && (actionsA == null ? void 0 : actionsA.length) > 0 ? /* @__PURE__ */ React11.createElement(
       Grid4,
       {
         sx: { borderTop: 1, borderColor: "#1018403B" },
@@ -1809,8 +2017,8 @@ function SCDrawer({
         justifyContent: actionsA.length > 1 ? "space-between" : !anchor && anchor != "right" ? "flex-end" : "flex-start",
         flexDirection: anchor != "right" ? "row-reverse" : "row"
       },
-      actionsA.map((btn, index) => /* @__PURE__ */ React9.createElement(
-        Button5,
+      actionsA.map((btn, index) => /* @__PURE__ */ React11.createElement(
+        Button6,
         {
           key: index,
           variant: index === 0 || actionsA.length < 2 ? "contained" : "text",
@@ -1826,177 +2034,34 @@ function SCDrawer({
 }
 
 // src/Components/FooterAction/FooterAction.tsx
-import React10 from "react";
-import { AppBar, Toolbar, Box as Box9, Typography as Typography9 } from "@mui/material";
+import React12 from "react";
+import { AppBar, Toolbar, Box as Box10, Typography as Typography10 } from "@mui/material";
 var FooterAction = ({
   leftContent,
   rightContent,
   label,
   variant
 }) => {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React12.createElement(
     AppBar,
     {
       color: "inherit",
       sx: { position: variant == "float" ? "relative" : "fixed", left: 0, right: "auto", width: "100%", top: "auto", bottom: 0 }
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React12.createElement(
       Toolbar,
       {
         id: "footer-toolbar",
         sx: { gap: 1.5, minHeight: "50px !important" }
       },
       leftContent,
-      /* @__PURE__ */ React10.createElement(Box9, { flexGrow: 1 }),
-      label && /* @__PURE__ */ React10.createElement(Typography9, { variant: "body2", color: "text.secondary" }, label),
+      /* @__PURE__ */ React12.createElement(Box10, { flexGrow: 1 }),
+      label && /* @__PURE__ */ React12.createElement(Typography10, { variant: "body2", color: "text.secondary" }, label),
       rightContent
     )
   );
 };
 
-// src/Components/Modal/Helpers/Data.tsx
-import React11 from "react";
-import { Info, Warning } from "@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__ */ React11.createElement(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__ */ React11.createElement(Info, { color: "error", fontSize: "medium" })
-  },
-  warning: {
-    color: "warning",
-    defaultDescription: "Se descartar\xE1 la [creaci\xF3n] y los cambios se perder\xE1n.",
-    icon: /* @__PURE__ */ React11.createElement(Warning, { color: "warning", fontSize: "medium" })
-  }
-};
-
-// src/Components/Modal/Helpers/Utils.tsx
-import * as MuiIcons2 from "@mui/icons-material";
-import { FilterListOutlined } from "@mui/icons-material";
-var getIconComponent2 = (iconName) => {
-  return iconName && MuiIcons2[iconName] ? MuiIcons2[iconName] : FilterListOutlined;
-};
-var getModalColor = (state) => {
-  var _a;
-  const colors = {
-    info: "info.100",
-    delete: "error.100",
-    warning: "warning.100"
-  };
-  return (_a = colors[state]) != null ? _a : "warning.100";
-};
-var getButtonColor = (state) => {
-  var _a;
-  const colorMap = {
-    info: "info",
-    delete: "error",
-    warning: "warning"
-  };
-  return (_a = colorMap[state]) != null ? _a : "info";
-};
-
-// src/Components/Modal/SCModal.tsx
-import React12, { useCallback as useCallback3, useMemo as useMemo3, useState as useState6 } from "react";
-import { Modal, Box as Box10, Typography as Typography10, IconButton as IconButton7, Button as Button6, Stack as Stack5 } from "@mui/material";
-import { Close as Close2 } from "@mui/icons-material";
-
-// src/generales/capitalize.tsx
-function capitalize(text) {
-  return text.charAt(0).toUpperCase() + text.slice(1);
-}
-
-// src/Components/Modal/SCModal.tsx
-var SCModal = ({
-  buttonModal,
-  state = "info",
-  open,
-  title,
-  description,
-  action
-}) => {
-  var _a, _b, _c, _d, _e;
-  const [openModal, setOpenModal] = useState6(open != null ? open : false);
-  const handleOpen = React12.useCallback(() => {
-    setOpenModal((prev) => !prev);
-  }, []);
-  const Icon = useMemo3(() => getIconComponent2(buttonModal == null ? void 0 : buttonModal.icon), [buttonModal == null ? void 0 : buttonModal.icon]);
-  const handleClose = useCallback3(() => setOpenModal(false), []);
-  const prevAction = useMemo3(
-    () => action != null ? action : [{ text: "Cancelar", fn: handleClose }, { text: "Consultar", fn: () => {
-    } }],
-    [action, handleClose]
-  );
-  const { icon, defaultDescription } = modalStateConfig[state];
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
-    Button6,
-    {
-      "data-testid": "test-buttonModal",
-      color: (_a = buttonModal == null ? void 0 : buttonModal.color) != null ? _a : "primary",
-      onClick: handleOpen,
-      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__ */ React12.createElement(Icon, null),
-      endIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "right" && /* @__PURE__ */ React12.createElement(Icon, null)
-    },
-    capitalize((_d = buttonModal == null ? void 0 : buttonModal.text) != null ? _d : "filtrar")
-  ), /* @__PURE__ */ React12.createElement(Modal, { open: openModal, onClose: handleOpen, sx: { boxShadow: 8 } }, /* @__PURE__ */ React12.createElement(
-    Box10,
-    {
-      sx: {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)",
-        width: 400,
-        bgcolor: "background.paper",
-        borderRadius: 1,
-        boxShadow: 24
-      }
-    },
-    /* @__PURE__ */ React12.createElement(Stack5, { direction: "row", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React12.createElement(Stack5, { direction: "row", alignItems: "center", p: 1, gap: 1.5 }, /* @__PURE__ */ React12.createElement(Box10, { display: "flex", justifyContent: "center", alignItems: "center", borderRadius: "50%", height: 36, width: 36, bgcolor: getModalColor(state) }, icon), /* @__PURE__ */ React12.createElement(Typography10, { variant: "h6", color: "text.primary" }, title)), /* @__PURE__ */ React12.createElement(IconButton7, { onClick: handleOpen, "data-testid": "test-buttonClose" }, /* @__PURE__ */ React12.createElement(Close2, { color: "action" }))),
-    /* @__PURE__ */ React12.createElement(Stack5, { py: 1, px: 3, gap: 1.5 }, /* @__PURE__ */ React12.createElement(Typography10, { variant: "body1" }, description || defaultDescription)),
-    action && /* @__PURE__ */ React12.createElement(
-      Stack5,
-      {
-        id: "Action",
-        direction: "row",
-        gap: 1,
-        p: 1,
-        justifyContent: "end",
-        bgcolor: "grey.50",
-        sx: { borderRadius: 1 }
-      },
-      /* @__PURE__ */ React12.createElement(
-        Button6,
-        {
-          color: "inherit",
-          variant: "text",
-          onClick: handleClose,
-          size: "small"
-        },
-        capitalize("cancelar")
-      ),
-      /* @__PURE__ */ React12.createElement(
-        Button6,
-        {
-          "data-testid": "test-aceptar",
-          color: getButtonColor(state),
-          variant: "contained",
-          onClick: (_e = action[0]) == null ? void 0 : _e.fn,
-          disabled: false,
-          size: "small"
-        },
-        capitalize(action[0].text)
-      )
-    )
-  )));
-};
-
 // src/Components/MultiSelect/MultiSelect.tsx
 import React13, { useEffect as useEffect11, useMemo as useMemo5 } from "react";
 import { Button as Button7, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem3, Popover as Popover3, Stack as Stack6, TextField as TextField4 } from "@mui/material";
@@ -2685,7 +2750,7 @@ var EmptyState = ({
 
 // src/Components/SCDialog.tsx
 import React22, { useEffect as useEffect14, useState as useState10 } from "react";
-import { Button as Button10, Typography as Typography14, Modal as Modal2, Dialog, DialogActions, DialogContent, DialogTitle, IconButton as IconButton9, Tooltip as Tooltip3, Box as Box12, SvgIcon as SvgIcon5 } from "@mui/material";
+import { Button as Button10, Typography as Typography14, Modal as Modal2, Dialog, DialogActions, DialogContent, DialogTitle, IconButton as IconButton9, Tooltip as Tooltip4, Box as Box12, SvgIcon as SvgIcon5 } from "@mui/material";
 import Grid6 from "@mui/material/Grid2";
 import CloseIcon2 from "@mui/icons-material/Close";
 import * as Muicon5 from "@mui/icons-material";
@@ -2746,7 +2811,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   };
   const dialogActions = actions != null ? actions : [{ text: "Cerrar", fn: handleClose }];
   content = content != null ? content : { component: /* @__PURE__ */ React22.createElement(Box12, null, " Aqui va el contenido ") };
-  return /* @__PURE__ */ React22.createElement("div", null, buttonDialog ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React22.createElement(Tooltip3, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React22.createElement(Button10, { 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__ */ React22.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React22.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React22.createElement(IconButton9, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React22.createElement(SvgIcon5, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React22.createElement(Modal2, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React22.createElement("div", null, buttonDialog ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React22.createElement(Tooltip4, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React22.createElement(Button10, { 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__ */ React22.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React22.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React22.createElement(IconButton9, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React22.createElement(SvgIcon5, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React22.createElement(Modal2, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React22.createElement(
     Dialog,
     {
       "data-testid": "dialog-element",
@@ -3043,7 +3108,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
 
 // src/Components/Calendario/Calendar.tsx
 import React31, { useState as useState13 } from "react";
-import { Box as Box20, CircularProgress as CircularProgress4 } from "@mui/material";
+import { Box as Box20, CircularProgress as CircularProgress5 } from "@mui/material";
 
 // src/Components/Calendario/CalendarToolbar.tsx
 import React25, { useState as useState12 } from "react";
@@ -3113,7 +3178,7 @@ var CalendarToolbar = ({
 
 // src/Components/Calendario/Views/MonthView.tsx
 import React28 from "react";
-import { Box as Box17, Typography as Typography19, IconButton as IconButton11, Paper as Paper2, Tooltip as Tooltip5, Stack as Stack11, Divider as Divider6, CircularProgress } from "@mui/material";
+import { Box as Box17, Typography as Typography19, IconButton as IconButton11, Paper as Paper2, Tooltip as Tooltip6, Stack as Stack11, Divider as Divider6, CircularProgress as CircularProgress2 } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import dayjs4 from "dayjs";
 import localeData from "dayjs/plugin/localeData";
@@ -3255,7 +3320,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   const [openDrawer, setOpenDrawer] = React28.useState(false);
   const [selectedDay, setSelectedDay] = React28.useState(null);
   const [selectedEvents, setSelectedEvents] = React28.useState([]);
-  return /* @__PURE__ */ React28.createElement(Box17, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box17, { minWidth: "1050px" }, /* @__PURE__ */ React28.createElement(Box17, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box17, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography19, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React28.createElement(CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(Box17, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box17, { minWidth: "1050px" }, /* @__PURE__ */ React28.createElement(Box17, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box17, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography19, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React28.createElement(CircularProgress2, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
@@ -3305,7 +3370,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           },
           day.date()
         )
-      ), dayEvents.length > 2 && /* @__PURE__ */ React28.createElement(Tooltip5, { title: "M\xE1s eventos" }, /* @__PURE__ */ React28.createElement(
+      ), dayEvents.length > 2 && /* @__PURE__ */ React28.createElement(Tooltip6, { title: "M\xE1s eventos" }, /* @__PURE__ */ React28.createElement(
         IconButton11,
         {
           color: "primary",
@@ -3356,6 +3421,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
                     event: first,
                     color: stateColors[first.state],
                     onClick: () => onEventClick == null ? void 0 : onEventClick(first, day),
+                    onHover: onEventHover,
                     sx: {
                       whiteSpace: "normal",
                       "& .MuiTypography-root": {
@@ -3408,7 +3474,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
 
 // src/Components/Calendario/Views/WeekView.tsx
 import React29 from "react";
-import { Box as Box18, CircularProgress as CircularProgress2, Typography as Typography20 } from "@mui/material";
+import { Box as Box18, CircularProgress as CircularProgress3, Typography as Typography20 } from "@mui/material";
 import dayjs5 from "dayjs";
 import localeData2 from "dayjs/plugin/localeData";
 dayjs5.extend(localeData2);
@@ -3464,7 +3530,7 @@ var WeekView = ({
       /* @__PURE__ */ React29.createElement(Typography20, { variant: "h6", color: "text.primary" }, day.format("D")),
       /* @__PURE__ */ React29.createElement(Typography20, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
     );
-  })), isLoading ? /* @__PURE__ */ React29.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React29.createElement(CircularProgress2, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React29.createElement(
+  })), isLoading ? /* @__PURE__ */ React29.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React29.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React29.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
@@ -3546,7 +3612,7 @@ var WeekView = ({
 
 // src/Components/Calendario/Views/DayView.tsx
 import React30 from "react";
-import { Box as Box19, CircularProgress as CircularProgress3, Typography as Typography21 } from "@mui/material";
+import { Box as Box19, CircularProgress as CircularProgress4, Typography as Typography21 } from "@mui/material";
 import dayjs6 from "dayjs";
 var DayView = ({
   events,
@@ -3577,7 +3643,7 @@ var DayView = ({
     (event2) => currentDate.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
   );
   const noEvents = events.length === 0;
-  return /* @__PURE__ */ React30.createElement(Box19, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React30.createElement(Box19, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React30.createElement(Box19, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React30.createElement(Box19, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React30.createElement(Typography21, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React30.createElement(Typography21, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React30.createElement(Box19, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React30.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React30.createElement(Box19, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React30.createElement(Box19, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React30.createElement(Box19, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React30.createElement(Box19, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React30.createElement(Typography21, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React30.createElement(Typography21, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React30.createElement(Box19, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React30.createElement(CircularProgress4, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React30.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
@@ -3690,7 +3756,7 @@ var Calendar = ({
       alignItems: "center",
       height: "400px"
     },
-    /* @__PURE__ */ React31.createElement(CircularProgress4, { variant: "indeterminate" })
+    /* @__PURE__ */ React31.createElement(CircularProgress5, { variant: "indeterminate" })
   ))) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, view === "month" && /* @__PURE__ */ React31.createElement(
     MonthView,
     {
@@ -5701,8 +5767,8 @@ var AdproSincoTheme = createTheme(__spreadValues({}, ADPROTheme));
 var ADCSincoTheme = createTheme(__spreadValues({}, ADCTheme));
 export {
   ADCSincoTheme,
-  Adjuntar,
   AdproSincoTheme,
+  Attachment,
   Calendar,
   EmptyState,
   FooterAction,
@@ -5729,7 +5795,7 @@ export {
   capitalize,
   getButtonColor,
   getIcon,
-  getIconComponent2 as getIconComponent,
+  getIconComponent,
   getIconMultiSelect,
   getModalColor,
   modalStateConfig,