componentes-sinco 1.0.12 → 1.0.14

package/dist/index.cjs

@@ -60,8 +60,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ADCSincoTheme: () => ADCSincoTheme,
-  Adjuntar: () => Adjuntar,
   AdproSincoTheme: () => AdproSincoTheme,
+  Attachment: () => Attachment,
   Calendar: () => Calendar,
   EmptyState: () => EmptyState,
   FooterAction: () => FooterAction,
@@ -88,7 +88,7 @@ __export(src_exports, {
   capitalize: () => capitalize,
   getButtonColor: () => getButtonColor,
   getIcon: () => getIcon,
-  getIconComponent: () => getIconComponent2,
+  getIconComponent: () => getIconComponent,
   getIconMultiSelect: () => getIconMultiSelect,
   getModalColor: () => getModalColor,
   modalStateConfig: () => modalStateConfig,
@@ -99,9 +99,9 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/Components/Adjuntar/Adjuntar.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_material2 = require("@mui/material");
-var import_icons_material2 = require("@mui/icons-material");
+var import_react5 = __toESM(require("react"), 1);
+var import_material3 = require("@mui/material");
+var import_icons_material5 = require("@mui/icons-material");
 
 // src/Components/ToastNotification/SCToastNotification.tsx
 var import_react2 = __toESM(require("react"), 1);
@@ -283,19 +283,184 @@ var SCToastNotification = (toast) => {
   ));
 };
 
+// src/Components/Modal/Helpers/Data.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_icons_material2 = 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" })
+  },
+  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" })
+  },
+  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" })
+  }
+};
+
+// src/Components/Modal/Helpers/Utils.tsx
+var MuiIcons = __toESM(require("@mui/icons-material"), 1);
+var import_icons_material3 = require("@mui/icons-material");
+var getIconComponent = (iconName) => {
+  return iconName && MuiIcons[iconName] ? MuiIcons[iconName] : import_icons_material3.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
+var import_react4 = __toESM(require("react"), 1);
+var import_material2 = require("@mui/material");
+var import_icons_material4 = require("@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] = (0, import_react4.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 prevAction = (0, import_react4.useMemo)(
+    () => action != null ? action : [
+      { text: "Cancelar", fn: handleClose },
+      { text: "Consultar", fn: () => {
+      } }
+    ],
+    [action, handleClose]
+  );
+  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,
+    {
+      "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)
+    },
+    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,
+    {
+      sx: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        width: 400,
+        bgcolor: "background.paper",
+        borderRadius: 1,
+        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,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: "50%",
+        height: 36,
+        width: 36,
+        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,
+      {
+        id: "Action",
+        direction: "row",
+        gap: 1,
+        p: 1,
+        justifyContent: "end",
+        bgcolor: "grey.50",
+        sx: { borderRadius: 1 }
+      },
+      /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.Button,
+        {
+          color: "inherit",
+          variant: "text",
+          onClick: handleClose,
+          size: "small"
+        },
+        capitalize("cancelar")
+      ),
+      /* @__PURE__ */ import_react4.default.createElement(
+        import_material2.Button,
+        {
+          "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] = (0, import_react3.useState)([]);
-  const [toast, setToast] = import_react3.default.useState(null);
-  const [isDragFile, setIsDragFile] = (0, import_react3.useState)(false);
-  const inputRef = (0, import_react3.useRef)(null);
+  const [files, setFiles] = (0, import_react5.useState)([]);
+  const [fileToDelete, setFileToDelete] = (0, import_react5.useState)(null);
+  const [toast, setToast] = import_react5.default.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 handleDrop = (event2) => {
     event2.preventDefault();
     setIsDragFile(false);
@@ -315,7 +480,13 @@ var Adjuntar = ({
     event2.preventDefault();
     setIsDragFile(false);
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
+    if (initialFiles.length > 0) {
+      setFiles(initialFiles);
+      onChange == null ? void 0 : onChange(initialFiles);
+    }
+  }, [initialFiles]);
+  (0, import_react5.useEffect)(() => {
     const interval = setInterval(() => {
       setFiles((prevFiles) => {
         let updated = false;
@@ -376,6 +547,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;
@@ -403,7 +575,7 @@ var Adjuntar = ({
     setFiles(filtered);
     onChange == null ? void 0 : onChange(filtered);
   };
-  return /* @__PURE__ */ import_react3.default.createElement(import_material2.Stack, { spacing: 2 }, toast && /* @__PURE__ */ import_react3.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { spacing: 2 }, toast && /* @__PURE__ */ import_react5.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react5.default.createElement(
     "input",
     {
       type: "file",
@@ -412,8 +584,8 @@ var Adjuntar = ({
       ref: inputRef,
       onChange: handleUpload
     }
-  ), /* @__PURE__ */ import_react3.default.createElement(
-    import_material2.Stack,
+  ), /* @__PURE__ */ import_react5.default.createElement(
+    import_material3.Stack,
     {
       id: "ZonaAdjuntos",
       justifyContent: "center",
@@ -439,9 +611,8 @@ var Adjuntar = ({
         }
       }, sx)
     },
-    /* @__PURE__ */ import_react3.default.createElement(import_material2.Box, { display: "flex", bgcolor: error ? "error.50" : "primary.50", borderRadius: "100%", p: 1 }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.CloudUploadOutlined, { color: error ? "error" : "primary", fontSize: "medium" })),
-    /* @__PURE__ */ import_react3.default.createElement(
-      import_material2.Stack,
+    onLoading ? /* @__PURE__ */ import_react5.default.createElement(import_material3.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react5.default.createElement(import_material3.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, { display: "flex", bgcolor: error ? "error.50" : "primary.50", borderRadius: "100%", p: 1 }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.CloudUploadOutlined, { color: error ? "error" : "primary", fontSize: "medium" })), /* @__PURE__ */ import_react5.default.createElement(
+      import_material3.Stack,
       {
         width: "100%",
         flexDirection: compact ? "row" : "column",
@@ -449,20 +620,31 @@ var Adjuntar = ({
         justifyContent: compact ? "space-between" : "center",
         gap: 1
       },
-      /* @__PURE__ */ import_react3.default.createElement(import_material2.Stack, { flexDirection: "column", alignItems: compact ? "start" : "center", gap: 0.5 }, /* @__PURE__ */ import_react3.default.createElement(import_material2.Typography, { variant: "body2", color: "text.primary" }, "Arrastrar o adjuntar archivos"), /* @__PURE__ */ import_react3.default.createElement(import_material2.Typography, { 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__ */ import_react3.default.createElement(
-        import_material2.Button,
+      /* @__PURE__ */ import_react5.default.createElement(import_material3.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,
+        {
+          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__ */ import_react5.default.createElement(
+        import_material3.Button,
         {
           variant: "text",
           color: "primary",
           size: "small",
-          startIcon: /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.AttachFileOutlined, { color: "primary", fontSize: "small" })
+          startIcon: /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.AttachFileOutlined, { color: "primary", fontSize: "small" })
         },
         "Adjuntar"
       )
-    )
-  ), files.length > 0 && /* @__PURE__ */ import_react3.default.createElement(
-    import_material2.Stack,
+    ))
+  ), files.length > 0 && /* @__PURE__ */ import_react5.default.createElement(
+    import_material3.Stack,
     {
       id: "ContenedorArchivosAdjuntos",
       width: "100%",
@@ -473,8 +655,8 @@ var Adjuntar = ({
       }),
       spacing: 1
     },
-    files.map((file) => /* @__PURE__ */ import_react3.default.createElement(
-      import_material2.Stack,
+    files.map((file) => /* @__PURE__ */ import_react5.default.createElement(
+      import_material3.Stack,
       {
         height: 46,
         key: file.name + (file.uploadError ? "_error" : ""),
@@ -491,36 +673,62 @@ var Adjuntar = ({
           }
         }
       },
-      /* @__PURE__ */ import_react3.default.createElement(import_material2.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.UploadFileOutlined, { color: file.uploadError ? "error" : "primary", fontSize: "small" }), /* @__PURE__ */ import_react3.default.createElement(import_material2.Stack, { width: "100%" }, /* @__PURE__ */ import_react3.default.createElement(import_material2.Typography, { variant: "body2", color: "text.primary" }, file.name), /* @__PURE__ */ import_react3.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} \u2022 carga ${file.progress}%`), file.progress === 100 && !file.uploadError ? null : /* @__PURE__ */ import_react3.default.createElement(
-        import_material2.LinearProgress,
+      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.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, { variant: "body2", color: "text.primary", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "210px" }, file.name), /* @__PURE__ */ import_react5.default.createElement(import_material3.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, { size: "small", onClick: downloadAction }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.FileDownload, { fontSize: "small", color: "action" }))),
+      /* @__PURE__ */ import_react5.default.createElement(import_material3.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react5.default.createElement(import_material3.IconButton, { size: "small", onClick: () => {
+        setFileToDelete(file);
+        setOpenModal(true);
+      } }, /* @__PURE__ */ import_react5.default.createElement(import_icons_material5.DeleteOutline, { fontSize: "small", color: "action" })))
+    ))
+  ), /* @__PURE__ */ import_react5.default.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__ */ import_react3.default.createElement(import_material2.IconButton, { size: "small", onClick: () => deleteFiles(file.name) }, /* @__PURE__ */ import_react3.default.createElement(import_icons_material2.DeleteOutline, { fontSize: "small", color: "action" }))
-    ))
+      ]
+    }
   ));
 };
 
 // src/Components/Drawer/SCDrawer.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_material8 = require("@mui/material");
+var import_react12 = __toESM(require("react"), 1);
+var import_material9 = require("@mui/material");
 var import_Grid23 = __toESM(require("@mui/material/Grid2"), 1);
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 var import_ArrowBackIos = __toESM(require("@mui/icons-material/ArrowBackIos"), 1);
 var import_ArrowForwardIos = __toESM(require("@mui/icons-material/ArrowForwardIos"), 1);
 
 // src/Components/Textfield/SCTextField.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_material3 = require("@mui/material");
+var import_react6 = __toESM(require("react"), 1);
+var import_material4 = require("@mui/material");
 var import_Grid2 = __toESM(require("@mui/material/Grid2"), 1);
-var import_icons_material3 = require("@mui/icons-material");
+var import_icons_material6 = require("@mui/icons-material");
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
 var Muicon = __toESM(require("@mui/icons-material"), 1);
-function getIconComponent(name) {
+function getIconComponent2(name) {
   if (typeof name !== "string") return name;
   return name in Muicon ? Muicon[name] : void 0;
 }
@@ -592,23 +800,23 @@ var SCTextField = ({
   onKeyDown
 }) => {
   const inputComponents = {
-    outlined: import_material3.OutlinedInput,
-    filled: import_material3.FilledInput,
-    standard: import_material3.Input
+    outlined: import_material4.OutlinedInput,
+    filled: import_material4.FilledInput,
+    standard: import_material4.Input
   };
-  const InputComponent = inputComponents[variant] || import_material3.OutlinedInput;
+  const InputComponent = inputComponents[variant] || import_material4.OutlinedInput;
   let IconInputStartValidation;
   let IconInputEndValidation;
   let IconInputStart;
   let IconInputEnd;
   let IconTitle;
-  const [showPassword, setShowPassword] = (0, import_react4.useState)(false);
-  const [error, setError] = (0, import_react4.useState)(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = (0, import_react4.useState)(null);
+  const [showPassword, setShowPassword] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = (0, import_react6.useState)(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  const [anchorInfoElement, setAnchorInfoElement] = (0, import_react4.useState)(null);
+  const [anchorInfoElement, setAnchorInfoElement] = (0, import_react6.useState)(null);
   const openInfoElement = Boolean(anchorInfoElement);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -617,14 +825,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) => {
@@ -658,16 +866,16 @@ var SCTextField = ({
   const handleCloseInfoElement = () => {
     setAnchorInfoElement(null);
   };
-  return /* @__PURE__ */ import_react4.default.createElement(import_material3.Box, { sx: { width } }, /* @__PURE__ */ import_react4.default.createElement(import_Grid2.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react4.default.createElement(import_material3.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react4.default.createElement(import_material3.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
-    import_icons_material3.InfoOutlined,
+  return /* @__PURE__ */ import_react6.default.createElement(import_material4.Box, { sx: { width } }, /* @__PURE__ */ import_react6.default.createElement(import_Grid2.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react6.default.createElement(import_material4.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react6.default.createElement(import_material4.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
+    import_icons_material6.InfoOutlined,
     {
       color: "action",
       fontSize: "small",
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ import_react4.default.createElement(
-    import_material3.Popover,
+  ), /* @__PURE__ */ import_react6.default.createElement(
+    import_material4.Popover,
     {
       sx: {
         pointerEvents: "none",
@@ -688,15 +896,15 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react4.default.createElement(import_material3.Typography, { p: 2 }, infoTitle.text)
-  )) : /* @__PURE__ */ import_react4.default.createElement(import_material3.Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react4.default.createElement(
-    import_icons_material3.InfoOutlined,
+    /* @__PURE__ */ import_react6.default.createElement(import_material4.Typography, { p: 2 }, infoTitle.text)
+  )) : /* @__PURE__ */ import_react6.default.createElement(import_material4.Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react6.default.createElement(
+    import_icons_material6.InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react4.default.createElement(import_Grid2.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react4.default.createElement(
-    import_material3.FormControl,
+  ))) : ""), /* @__PURE__ */ import_react6.default.createElement(import_Grid2.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react6.default.createElement(
+    import_material4.FormControl,
     {
       color,
       fullWidth: true,
@@ -704,8 +912,8 @@ var SCTextField = ({
       variant,
       sx: { background: background || "transparent", borderRadius: "4px" }
     },
-    /* @__PURE__ */ import_react4.default.createElement(
-      import_material3.InputLabel,
+    /* @__PURE__ */ import_react6.default.createElement(
+      import_material4.InputLabel,
       {
         "data-testid": "test-label",
         htmlFor: "",
@@ -715,7 +923,7 @@ var SCTextField = ({
       },
       label ? label : ""
     ),
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       InputComponent,
       {
         size: size ? size : "medium",
@@ -731,18 +939,18 @@ 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__ */ import_react4.default.createElement(import_material3.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react4.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ import_react4.default.createElement(import_material3.InputAdornment, { position: "end" }, format2 === "password" ? /* @__PURE__ */ import_react4.default.createElement(
-          import_material3.IconButton,
+        startAdornment: iconInputStart ? /* @__PURE__ */ import_react6.default.createElement(import_material4.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react6.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
+        endAdornment: /* @__PURE__ */ import_react6.default.createElement(import_material4.InputAdornment, { position: "end" }, format2 === "password" ? /* @__PURE__ */ import_react6.default.createElement(
+          import_material4.IconButton,
           {
             "aria-label": "toggle password visibility",
             onClick: handleClickShowPassword,
             onMouseDown: handleMouseDownPassword,
             edge: "end"
           },
-          showPassword ? /* @__PURE__ */ import_react4.default.createElement(import_icons_material3.VisibilityOff, null) : /* @__PURE__ */ import_react4.default.createElement(import_icons_material3.Visibility, null)
-        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
-          import_icons_material3.InfoOutlined,
+          showPassword ? /* @__PURE__ */ import_react6.default.createElement(import_icons_material6.VisibilityOff, null) : /* @__PURE__ */ import_react6.default.createElement(import_icons_material6.Visibility, null)
+        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
+          import_icons_material6.InfoOutlined,
           {
             "data-testid": "test-infoElement",
             sx: { ml: 0.5 },
@@ -752,8 +960,8 @@ var SCTextField = ({
             onMouseEnter: (event2) => handleOpenInfoElement(event2),
             onMouseLeave: () => handleCloseInfoElement()
           }
-        ), /* @__PURE__ */ import_react4.default.createElement(
-          import_material3.Popover,
+        ), /* @__PURE__ */ import_react6.default.createElement(
+          import_material4.Popover,
           {
             sx: {
               pointerEvents: "none",
@@ -774,20 +982,20 @@ var SCTextField = ({
             },
             disableRestoreFocus: true
           },
-          /* @__PURE__ */ import_react4.default.createElement(import_material3.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-        )) : /* @__PURE__ */ import_react4.default.createElement(import_material3.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react4.default.createElement(
-          import_icons_material3.InfoOutlined,
+          /* @__PURE__ */ import_react6.default.createElement(import_material4.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+        )) : /* @__PURE__ */ import_react6.default.createElement(import_material4.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react6.default.createElement(
+          import_icons_material6.InfoOutlined,
           {
             color: "action",
             fontSize: "small"
           }
-        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react4.default.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
+        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react6.default.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
         label: label ? label + (format2 === "password" && !showPassword ? "" : "") : "",
         autoComplete: format2 === "password" ? "new-password" : "off"
       }
     )
-  ), (iconInputEnd !== void 0 || format2 === "password") && infoElement ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
-    import_icons_material3.InfoOutlined,
+  ), (iconInputEnd !== void 0 || format2 === "password") && infoElement ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
+    import_icons_material6.InfoOutlined,
     {
       "data-testid": "test-infoElement",
       component: "svg",
@@ -797,8 +1005,8 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoElement(event2),
       onMouseLeave: handleCloseInfoElement
     }
-  ), /* @__PURE__ */ import_react4.default.createElement(
-    import_material3.Popover,
+  ), /* @__PURE__ */ import_react6.default.createElement(
+    import_material4.Popover,
     {
       sx: { pointerEvents: "none" },
       open: openInfoElement,
@@ -814,9 +1022,9 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react4.default.createElement(import_material3.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-  )) : /* @__PURE__ */ import_react4.default.createElement(import_material3.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react4.default.createElement(
-    import_icons_material3.InfoOutlined,
+    /* @__PURE__ */ import_react6.default.createElement(import_material4.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+  )) : /* @__PURE__ */ import_react6.default.createElement(import_material4.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react6.default.createElement(
+    import_icons_material6.InfoOutlined,
     {
       sx: { marginLeft: "4px" },
       color: "action",
@@ -826,18 +1034,18 @@ var SCTextField = ({
 };
 
 // src/Components/TextArea/Helpers/validateIcon.tsx
-var MuiIcons = __toESM(require("@mui/icons-material"), 1);
+var MuiIcons2 = __toESM(require("@mui/icons-material"), 1);
 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
-var import_react5 = __toESM(require("react"), 1);
-var import_material4 = require("@mui/material");
-var import_icons_material4 = require("@mui/icons-material");
+var import_react7 = __toESM(require("react"), 1);
+var import_material5 = require("@mui/material");
+var import_icons_material7 = require("@mui/icons-material");
 var SCTextArea = ({
   //informativas
   title,
@@ -859,11 +1067,11 @@ var SCTextArea = ({
   state,
   onBlur
 }) => {
-  const [helperCount, setHelperCount] = (0, import_react5.useState)(0);
-  const [stateError, setStateError] = (0, import_react5.useState)(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = import_react5.default.useState(null);
+  const [helperCount, setHelperCount] = (0, import_react7.useState)(0);
+  const [stateError, setStateError] = (0, import_react7.useState)(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = import_react7.default.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon(iconTitle);
@@ -885,16 +1093,16 @@ var SCTextArea = ({
   const handleCloseInfoTitle = () => {
     setAnchorInfoTitle(null);
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_material4.Box, { sx: { width } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Grid, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ import_react5.default.createElement(import_material4.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ import_react5.default.createElement(import_material4.Typography, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
-    import_icons_material4.InfoOutlined,
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_material5.Box, { sx: { width } }, /* @__PURE__ */ import_react7.default.createElement(import_material5.Grid, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ import_react7.default.createElement(import_material5.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+    import_icons_material7.InfoOutlined,
     {
       color: "action",
       fontSize: "small",
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ import_react5.default.createElement(
-    import_material4.Popover,
+  ), /* @__PURE__ */ import_react7.default.createElement(
+    import_material5.Popover,
     {
       sx: { pointerEvents: "none" },
       open: openInfoTitle,
@@ -910,15 +1118,15 @@ var SCTextArea = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react5.default.createElement(import_material4.Typography, { sx: { p: 2 } }, infoTitle.text)
-  )) : /* @__PURE__ */ import_react5.default.createElement(import_material4.Tooltip, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react5.default.createElement(
-    import_icons_material4.InfoOutlined,
+    /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, { sx: { p: 2 } }, infoTitle.text)
+  )) : /* @__PURE__ */ import_react7.default.createElement(import_material5.Tooltip, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react7.default.createElement(
+    import_icons_material7.InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react5.default.createElement(import_material4.Stack, null, /* @__PURE__ */ import_react5.default.createElement(
-    import_material4.TextField,
+  ))) : ""), /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, null, /* @__PURE__ */ import_react7.default.createElement(
+    import_material5.TextField,
     {
       required,
       placeholder,
@@ -939,8 +1147,8 @@ var SCTextArea = ({
       },
       autoComplete: "off"
     }
-  )), /* @__PURE__ */ import_react5.default.createElement(import_material4.Stack, null, /* @__PURE__ */ import_react5.default.createElement(
-    import_material4.Typography,
+  )), /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, null, /* @__PURE__ */ import_react7.default.createElement(
+    import_material5.Typography,
     {
       variant: "caption",
       color: "text.secondary",
@@ -953,8 +1161,8 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_material5 = require("@mui/material");
+var import_react8 = __toESM(require("react"), 1);
+var import_material6 = require("@mui/material");
 var import_Select = __toESM(require("@mui/material/Select"), 1);
 var Muicon2 = __toESM(require("@mui/icons-material"), 1);
 function SCSelect({
@@ -971,16 +1179,16 @@ function SCSelect({
   state
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
-  const [prevData, setPrevData] = import_react6.default.useState(data);
-  const [error, setError] = import_react6.default.useState(false);
-  (0, import_react6.useEffect)(() => {
+  const [prevData, setPrevData] = import_react8.default.useState(data);
+  const [error, setError] = import_react8.default.useState(false);
+  (0, import_react8.useEffect)(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -1014,25 +1222,25 @@ function SCSelect({
       }
     }
   };
-  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, data && /* @__PURE__ */ import_react6.default.createElement(import_material5.Box, { sx: { width } }, /* @__PURE__ */ import_react6.default.createElement(
-    import_material5.FormControl,
+  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, data && /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, { sx: { width } }, /* @__PURE__ */ import_react8.default.createElement(
+    import_material6.FormControl,
     {
       fullWidth: true,
       size: size ? size : "medium",
       variant
     },
-    /* @__PURE__ */ import_react6.default.createElement(
-      import_material5.InputLabel,
+    /* @__PURE__ */ import_react8.default.createElement(
+      import_material6.InputLabel,
       {
         error
       },
-      required ? /* @__PURE__ */ import_react6.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
+      required ? /* @__PURE__ */ import_react8.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
     ),
-    /* @__PURE__ */ import_react6.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       import_Select.default,
       {
         value: Array.isArray(state.hiddenValue) ? state.hiddenValue[0] || "" : state.hiddenValue != "-1" ? state.hiddenValue : "",
-        label: required ? /* @__PURE__ */ import_react6.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+        label: required ? /* @__PURE__ */ import_react8.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
         onChange: handleChange,
         onBlur: handleBlur,
         variant,
@@ -1058,17 +1266,17 @@ function SCSelect({
         }
       },
       data.map((option, index) => {
-        return /* @__PURE__ */ import_react6.default.createElement(import_material5.MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react6.default.createElement(import_material5.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react6.default.createElement(import_material5.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ import_react6.default.createElement(import_material5.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
+        return /* @__PURE__ */ import_react8.default.createElement(import_material6.MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react8.default.createElement(import_material6.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react8.default.createElement(import_material6.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ import_react8.default.createElement(import_material6.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
       })
     )
   )));
 }
 
 // src/Components/SCAutocomplete.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_material6 = require("@mui/material");
+var import_react9 = __toESM(require("react"), 1);
+var import_material7 = require("@mui/material");
 var import_Grid22 = __toESM(require("@mui/material/Grid2"), 1);
-var import_icons_material5 = require("@mui/icons-material");
+var import_icons_material8 = require("@mui/icons-material");
 var Muicon3 = __toESM(require("@mui/icons-material"), 1);
 function SCAutocomplete({
   label = "",
@@ -1090,12 +1298,12 @@ function SCAutocomplete({
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
   let isSelected = false;
-  const [selectedOptions, setSelectedOptions] = import_react7.default.useState([]);
-  const [prevData, setPrevData] = import_react7.default.useState(data);
-  const [originalData, setOriginalData] = import_react7.default.useState(data);
-  const [inputValue, setInputValue] = import_react7.default.useState("");
-  const [isUserTyping, setIsUserTyping] = import_react7.default.useState(false);
-  (0, import_react7.useEffect)(() => {
+  const [selectedOptions, setSelectedOptions] = import_react9.default.useState([]);
+  const [prevData, setPrevData] = import_react9.default.useState(data);
+  const [originalData, setOriginalData] = import_react9.default.useState(data);
+  const [inputValue, setInputValue] = import_react9.default.useState("");
+  const [isUserTyping, setIsUserTyping] = import_react9.default.useState(false);
+  (0, import_react9.useEffect)(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -1106,7 +1314,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -1116,7 +1324,7 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
@@ -1174,8 +1382,8 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, data && /* @__PURE__ */ import_react7.default.createElement(
-    import_material6.Autocomplete,
+  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, data && /* @__PURE__ */ import_react9.default.createElement(
+    import_material7.Autocomplete,
     {
       multiple: typeFormat === "multiselect",
       clearOnEscape: true,
@@ -1201,10 +1409,10 @@ function SCAutocomplete({
       limitTags: 2,
       renderTags: (value, getTagProps) => {
         const limit = 2;
-        return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, value.slice(0, limit).map((option, index) => {
+        return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
-          return /* @__PURE__ */ import_react7.default.createElement(
-            import_material6.Chip,
+          return /* @__PURE__ */ import_react9.default.createElement(
+            import_material7.Chip,
             __spreadProps(__spreadValues({
               key,
               color: "default",
@@ -1215,7 +1423,7 @@ function SCAutocomplete({
               style: { maxWidth: 120, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
             })
           );
-        }), value.length > limit && /* @__PURE__ */ import_react7.default.createElement(import_material6.Box, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
+        }), value.length > limit && /* @__PURE__ */ import_react9.default.createElement(import_material7.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"]);
@@ -1233,8 +1441,8 @@ function SCAutocomplete({
           isValid = group == option[columnGroup];
           group = option[columnGroup];
         }
-        return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react7.default.createElement(import_material6.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react7.default.createElement(
-          import_material6.MenuItem,
+        return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react9.default.createElement(import_material7.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react9.default.createElement(
+          import_material7.MenuItem,
           __spreadProps(__spreadValues({}, optionProps), {
             disabled: isDisabled,
             style: {
@@ -1243,9 +1451,9 @@ function SCAutocomplete({
               opacity: isDisabled ? 0.5 : 1
             }
           }),
-          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react7.default.createElement(import_material6.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react7.default.createElement(import_material6.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
-          typeFormat == "multiselect" ? /* @__PURE__ */ import_react7.default.createElement(
-            import_material6.Checkbox,
+          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react9.default.createElement(import_material7.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react9.default.createElement(import_material7.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
+          typeFormat == "multiselect" ? /* @__PURE__ */ import_react9.default.createElement(
+            import_material7.Checkbox,
             {
               checked: isSelected,
               disabled: isDisabled,
@@ -1253,25 +1461,25 @@ function SCAutocomplete({
               color: "primary"
             }
           ) : "",
-          /* @__PURE__ */ import_react7.default.createElement(import_material6.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
+          /* @__PURE__ */ import_react9.default.createElement(import_material7.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
           getItemValue(option).component != void 0 ? getItemValue(option).component : ""
         )));
       },
-      renderInput: (params) => /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
-        import_material6.TextField,
+      renderInput: (params) => /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
+        import_material7.TextField,
         __spreadProps(__spreadValues({}, params), {
-          label: required ? /* @__PURE__ */ import_react7.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+          label: required ? /* @__PURE__ */ import_react9.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-            endAdornment: /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ import_react7.default.createElement(import_material6.IconButton, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ import_react7.default.createElement(import_icons_material5.Clear, { fontSize: "small" })) : "", /* @__PURE__ */ import_react7.default.createElement(import_material6.InputAdornment, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ import_react7.default.createElement(import_icons_material5.Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
+            endAdornment: /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ import_react9.default.createElement(import_material7.IconButton, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ import_react9.default.createElement(import_icons_material8.Clear, { fontSize: "small" })) : "", /* @__PURE__ */ import_react9.default.createElement(import_material7.InputAdornment, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ import_react9.default.createElement(import_icons_material8.Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
           })
         })
       )),
       slotProps: {
         listbox: {
-          component: import_react7.default.forwardRef(function ListboxComponent(props, ref) {
-            return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
-              import_material6.Box,
+          component: import_react9.default.forwardRef(function ListboxComponent(props, ref) {
+            return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
+              import_material7.Box,
               __spreadProps(__spreadValues({
                 ref
               }, props), {
@@ -1281,9 +1489,9 @@ function SCAutocomplete({
                   backgroundColor: "white"
                 }, props.sx)
               }),
-              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_material6.FormControlLabel, { control: /* @__PURE__ */ import_react7.default.createElement(import_material6.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_react7.default.createElement(import_material6.Divider, null)) : "",
+              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(import_material7.FormControlLabel, { control: /* @__PURE__ */ import_react9.default.createElement(import_material7.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_react9.default.createElement(import_material7.Divider, null)) : "",
               props.children,
-              deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react7.default.createElement(
+              deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react9.default.createElement(
                 import_Grid22.default,
                 {
                   container: true,
@@ -1298,8 +1506,8 @@ function SCAutocomplete({
                     justifyContent: "space-between"
                   }
                 },
-                deleteType == "button" ? /* @__PURE__ */ import_react7.default.createElement(
-                  import_material6.Button,
+                deleteType == "button" ? /* @__PURE__ */ import_react9.default.createElement(
+                  import_material7.Button,
                   {
                     variant: "text",
                     color: "primary",
@@ -1311,8 +1519,8 @@ function SCAutocomplete({
                   },
                   "Limpiar"
                 ) : "",
-                fnAplicar && /* @__PURE__ */ import_react7.default.createElement(
-                  import_material6.Button,
+                fnAplicar && /* @__PURE__ */ import_react9.default.createElement(
+                  import_material7.Button,
                   {
                     variant: "contained",
                     color: "primary",
@@ -1331,8 +1539,8 @@ function SCAutocomplete({
 }
 
 // src/Components/SCDateRange.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_material7 = require("@mui/material");
+var import_react10 = __toESM(require("react"), 1);
+var import_material8 = 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");
@@ -1363,7 +1571,7 @@ var SCDateRange = ({
     ];
     setState(convertedValue);
   };
-  return /* @__PURE__ */ import_react8.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react8.default.createElement(import_material7.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react10.default.createElement(import_material8.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react10.default.createElement(
     import_DateRangePicker.DateRangePicker,
     {
       value: state,
@@ -1382,7 +1590,7 @@ var SCDateRange = ({
               required,
               error: position === "start" ? isStartEmpty : isEndEmpty,
               InputProps: {
-                endAdornment: /* @__PURE__ */ import_react8.default.createElement(import_material7.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react8.default.createElement(
+                endAdornment: /* @__PURE__ */ import_react10.default.createElement(import_material8.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react10.default.createElement(
                   import_Event.default,
                   {
                     color: hasError ? "error" : "action",
@@ -1452,7 +1660,7 @@ var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setText
 };
 
 // src/Components/Drawer/Helpers/validateTypeElement.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 var validateTypeElements = (element) => {
   var _a;
   let validation = "";
@@ -1460,37 +1668,37 @@ var validateTypeElements = (element) => {
   if (element.type == "textField") {
     validation = "textField";
     typeElement = element;
-  } else if (import_react9.default.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextField") {
+  } else if (import_react11.default.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 (import_react9.default.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextArea") {
+  } else if (import_react11.default.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 (import_react9.default.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCDateRange") {
+  } else if (import_react11.default.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 (import_react9.default.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCAutocomplete") {
+  } else if (import_react11.default.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 (import_react9.default.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 (import_react11.default.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 (import_react9.default.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCSelect") {
+  } else if (import_react11.default.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;
   }
@@ -1517,12 +1725,12 @@ function SCDrawer({
   chipFilters
 }) {
   var _a, _b;
-  const scrollRef = (0, import_react10.useRef)(null);
-  const [drawerOpen, setDrawerOpen] = import_react10.default.useState(open);
-  const [toast, setToast] = import_react10.default.useState(null);
-  const [stateChipFilters, setChipFilters] = import_react10.default.useState(false);
-  const [textFilters, setTextFilters] = import_react10.default.useState([]);
-  (0, import_react10.useEffect)(() => {
+  const scrollRef = (0, import_react12.useRef)(null);
+  const [drawerOpen, setDrawerOpen] = import_react12.default.useState(open);
+  const [toast, setToast] = import_react12.default.useState(null);
+  const [stateChipFilters, setChipFilters] = import_react12.default.useState(false);
+  const [textFilters, setTextFilters] = import_react12.default.useState([]);
+  (0, import_react12.useEffect)(() => {
     if (chipFilters != void 0) {
       if (chipFilters.length > 0) {
         setTextFilters([]);
@@ -1530,7 +1738,7 @@ function SCDrawer({
       }
     }
   }, [chipFilters]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (open) {
       toggleDrawer(true);
     } else {
@@ -1693,8 +1901,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__ */ import_react10.default.createElement(import_react10.default.Fragment, null, toast && /* @__PURE__ */ import_react10.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react10.default.createElement(import_Grid23.default, { container: true, justifyContent: "flex-start", flexWrap: "nowrap", alignItems: "center", sx: { width: "100%" } }, shouldShowChips && /* @__PURE__ */ import_react10.default.createElement(import_material8.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ import_react10.default.createElement(import_material8.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react10.default.createElement(import_ArrowBackIos.default, { fontSize: "small" })), /* @__PURE__ */ import_react10.default.createElement(
-    import_material8.Box,
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, toast && /* @__PURE__ */ import_react12.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react12.default.createElement(import_Grid23.default, { container: true, justifyContent: "flex-start", flexWrap: "nowrap", alignItems: "center", sx: { width: "100%" } }, shouldShowChips && /* @__PURE__ */ import_react12.default.createElement(import_material9.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ import_react12.default.createElement(import_material9.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_ArrowBackIos.default, { fontSize: "small" })), /* @__PURE__ */ import_react12.default.createElement(
+    import_material9.Box,
     {
       ref: scrollRef,
       gap: 0.3,
@@ -1705,8 +1913,8 @@ function SCDrawer({
         "&::-webkit-scrollbar": { display: "none" }
       }
     },
-    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ import_react10.default.createElement(
-      import_material8.Chip,
+    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ import_react12.default.createElement(
+      import_material9.Chip,
       __spreadProps(__spreadValues({
         key: index,
         label: chipData.value
@@ -1720,15 +1928,15 @@ function SCDrawer({
         }
       })
     ))
-  ), /* @__PURE__ */ import_react10.default.createElement(import_material8.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react10.default.createElement(import_ArrowForwardIos.default, { fontSize: "small" }))), (buttonDrawer == null ? void 0 : buttonDrawer.type) == "chip" ? /* @__PURE__ */ import_react10.default.createElement(
-    import_material8.Chip,
+  ), /* @__PURE__ */ import_react12.default.createElement(import_material9.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_ArrowForwardIos.default, { fontSize: "small" }))), (buttonDrawer == null ? void 0 : buttonDrawer.type) == "chip" ? /* @__PURE__ */ import_react12.default.createElement(
+    import_material9.Chip,
     __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__ */ import_react10.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
-      deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react10.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: {
@@ -1738,8 +1946,8 @@ function SCDrawer({
         textTransform: "capitalize"
       }
     })
-  ) : /* @__PURE__ */ import_react10.default.createElement(
-    import_material8.Button,
+  ) : /* @__PURE__ */ import_react12.default.createElement(
+    import_material9.Button,
     {
       "data-testid": "test-buttonDrawer",
       sx: { textTransform: "capitalize" },
@@ -1747,12 +1955,12 @@ 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__ */ import_react10.default.createElement(ButtonIcon, { fontSize: "small" }) : null,
-      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react10.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
     },
     (_b = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _b : ""
-  )), /* @__PURE__ */ import_react10.default.createElement(
-    import_material8.Drawer,
+  )), /* @__PURE__ */ import_react12.default.createElement(
+    import_material9.Drawer,
     {
       open: drawerOpen,
       onClose: toggleDrawer(false),
@@ -1765,15 +1973,15 @@ function SCDrawer({
         }
       }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_material8.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react10.default.createElement(import_Grid23.default, { container: true, sx: { backgroundColor: "primary.50", alignItems: "center", height: "42px", textAlign: "left", padding: "8px 12px", justifyContent: "space-between", alignContent: "center" } }, /* @__PURE__ */ import_react10.default.createElement(import_material8.Typography, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"), /* @__PURE__ */ import_react10.default.createElement(import_material8.IconButton, { onClick: handleDrawerClose }, /* @__PURE__ */ import_react10.default.createElement(import_Close.default, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))), /* @__PURE__ */ import_react10.default.createElement(import_material8.Stack, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
+    /* @__PURE__ */ import_react12.default.createElement(import_material9.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react12.default.createElement(import_Grid23.default, { container: true, sx: { backgroundColor: "primary.50", alignItems: "center", height: "42px", textAlign: "left", padding: "8px 12px", justifyContent: "space-between", alignContent: "center" } }, /* @__PURE__ */ import_react12.default.createElement(import_material9.Typography, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"), /* @__PURE__ */ import_react12.default.createElement(import_material9.IconButton, { onClick: handleDrawerClose }, /* @__PURE__ */ import_react12.default.createElement(import_Close.default, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))), /* @__PURE__ */ import_react12.default.createElement(import_material9.Stack, { 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__ */ import_react10.default.createElement(
-        import_material8.Box,
+      return /* @__PURE__ */ import_react12.default.createElement(
+        import_material9.Box,
         {
           key: `Stack_${(_a2 = arrayElement.type) != null ? _a2 : ""} ${(_b2 = arrayElement.label) != null ? _b2 : ""}${index}`,
           sx: { width: "100%" }
         },
-        arrayElement.component ? /* @__PURE__ */ import_react10.default.createElement(import_material8.Stack, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component) : arrayElement.type === "textField" ? /* @__PURE__ */ import_react10.default.createElement(
+        arrayElement.component ? /* @__PURE__ */ import_react12.default.createElement(import_material9.Stack, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component) : arrayElement.type === "textField" ? /* @__PURE__ */ import_react12.default.createElement(
           SCTextField,
           {
             title: arrayElement.title,
@@ -1799,7 +2007,7 @@ function SCDrawer({
             onBlur: arrayElement.onBlur,
             onKeyDown: arrayElement.onKeyDown
           }
-        ) : arrayElement.type === "textArea" ? /* @__PURE__ */ import_react10.default.createElement(
+        ) : arrayElement.type === "textArea" ? /* @__PURE__ */ import_react12.default.createElement(
           SCTextArea,
           {
             title: arrayElement.title,
@@ -1818,7 +2026,7 @@ function SCDrawer({
             state: arrayElement.state || "",
             onBlur: arrayElement.onBlur
           }
-        ) : arrayElement.type === "autocomplete" ? /* @__PURE__ */ import_react10.default.createElement(
+        ) : arrayElement.type === "autocomplete" ? /* @__PURE__ */ import_react12.default.createElement(
           SCAutocomplete,
           {
             label: arrayElement.label,
@@ -1836,7 +2044,7 @@ function SCDrawer({
             state: arrayElement.state || "",
             inputChange: arrayElement.inputChange
           }
-        ) : arrayElement.type === "select" ? /* @__PURE__ */ import_react10.default.createElement(
+        ) : arrayElement.type === "select" ? /* @__PURE__ */ import_react12.default.createElement(
           SCSelect,
           {
             label: arrayElement.label,
@@ -1852,7 +2060,7 @@ function SCDrawer({
             setState: arrayElement.setState,
             state: arrayElement.state || ""
           }
-        ) : arrayElement.type === "dateRange" ? /* @__PURE__ */ import_react10.default.createElement(
+        ) : arrayElement.type === "dateRange" ? /* @__PURE__ */ import_react12.default.createElement(
           SCDateRange,
           {
             labelDateInitial: arrayElement.labelDateInitial,
@@ -1865,7 +2073,7 @@ function SCDrawer({
           }
         ) : null
       );
-    })), actionsA != void 0 && actionsA != false ? Array.isArray(actionsA) && (actionsA == null ? void 0 : actionsA.length) > 0 ? /* @__PURE__ */ import_react10.default.createElement(
+    })), actionsA != void 0 && actionsA != false ? Array.isArray(actionsA) && (actionsA == null ? void 0 : actionsA.length) > 0 ? /* @__PURE__ */ import_react12.default.createElement(
       import_Grid23.default,
       {
         sx: { borderTop: 1, borderColor: "#1018403B" },
@@ -1877,8 +2085,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__ */ import_react10.default.createElement(
-        import_material8.Button,
+      actionsA.map((btn, index) => /* @__PURE__ */ import_react12.default.createElement(
+        import_material9.Button,
         {
           key: index,
           variant: index === 0 || actionsA.length < 2 ? "contained" : "text",
@@ -1894,177 +2102,34 @@ function SCDrawer({
 }
 
 // src/Components/FooterAction/FooterAction.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_material9 = require("@mui/material");
+var import_react13 = __toESM(require("react"), 1);
+var import_material10 = require("@mui/material");
 var FooterAction = ({
   leftContent,
   rightContent,
   label,
   variant
 }) => {
-  return /* @__PURE__ */ import_react11.default.createElement(
-    import_material9.AppBar,
+  return /* @__PURE__ */ import_react13.default.createElement(
+    import_material10.AppBar,
     {
       color: "inherit",
       sx: { position: variant == "float" ? "relative" : "fixed", left: 0, right: "auto", width: "100%", top: "auto", bottom: 0 }
     },
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_material9.Toolbar,
+    /* @__PURE__ */ import_react13.default.createElement(
+      import_material10.Toolbar,
       {
         id: "footer-toolbar",
         sx: { gap: 1.5, minHeight: "50px !important" }
       },
       leftContent,
-      /* @__PURE__ */ import_react11.default.createElement(import_material9.Box, { flexGrow: 1 }),
-      label && /* @__PURE__ */ import_react11.default.createElement(import_material9.Typography, { variant: "body2", color: "text.secondary" }, label),
+      /* @__PURE__ */ import_react13.default.createElement(import_material10.Box, { flexGrow: 1 }),
+      label && /* @__PURE__ */ import_react13.default.createElement(import_material10.Typography, { variant: "body2", color: "text.secondary" }, label),
       rightContent
     )
   );
 };
 
-// src/Components/Modal/Helpers/Data.tsx
-var import_react12 = __toESM(require("react"), 1);
-var import_icons_material6 = 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_react12.default.createElement(import_icons_material6.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_react12.default.createElement(import_icons_material6.Info, { color: "error", fontSize: "medium" })
-  },
-  warning: {
-    color: "warning",
-    defaultDescription: "Se descartar\xE1 la [creaci\xF3n] y los cambios se perder\xE1n.",
-    icon: /* @__PURE__ */ import_react12.default.createElement(import_icons_material6.Warning, { color: "warning", fontSize: "medium" })
-  }
-};
-
-// src/Components/Modal/Helpers/Utils.tsx
-var MuiIcons2 = __toESM(require("@mui/icons-material"), 1);
-var import_icons_material7 = require("@mui/icons-material");
-var getIconComponent2 = (iconName) => {
-  return iconName && MuiIcons2[iconName] ? MuiIcons2[iconName] : import_icons_material7.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
-var import_react13 = __toESM(require("react"), 1);
-var import_material10 = require("@mui/material");
-var import_icons_material8 = require("@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] = (0, import_react13.useState)(open != null ? open : false);
-  const handleOpen = import_react13.default.useCallback(() => {
-    setOpenModal((prev) => !prev);
-  }, []);
-  const Icon = (0, import_react13.useMemo)(() => getIconComponent2(buttonModal == null ? void 0 : buttonModal.icon), [buttonModal == null ? void 0 : buttonModal.icon]);
-  const handleClose = (0, import_react13.useCallback)(() => setOpenModal(false), []);
-  const prevAction = (0, import_react13.useMemo)(
-    () => action != null ? action : [{ text: "Cancelar", fn: handleClose }, { text: "Consultar", fn: () => {
-    } }],
-    [action, handleClose]
-  );
-  const { icon, defaultDescription } = modalStateConfig[state];
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
-    import_material10.Button,
-    {
-      "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__ */ import_react13.default.createElement(Icon, null),
-      endIcon: (buttonModal == null ? void 0 : buttonModal.iconPosition) === "right" && /* @__PURE__ */ import_react13.default.createElement(Icon, null)
-    },
-    capitalize((_d = buttonModal == null ? void 0 : buttonModal.text) != null ? _d : "filtrar")
-  ), /* @__PURE__ */ import_react13.default.createElement(import_material10.Modal, { open: openModal, onClose: handleOpen, sx: { boxShadow: 8 } }, /* @__PURE__ */ import_react13.default.createElement(
-    import_material10.Box,
-    {
-      sx: {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)",
-        width: 400,
-        bgcolor: "background.paper",
-        borderRadius: 1,
-        boxShadow: 24
-      }
-    },
-    /* @__PURE__ */ import_react13.default.createElement(import_material10.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ import_react13.default.createElement(import_material10.Stack, { direction: "row", alignItems: "center", p: 1, gap: 1.5 }, /* @__PURE__ */ import_react13.default.createElement(import_material10.Box, { display: "flex", justifyContent: "center", alignItems: "center", borderRadius: "50%", height: 36, width: 36, bgcolor: getModalColor(state) }, icon), /* @__PURE__ */ import_react13.default.createElement(import_material10.Typography, { variant: "h6", color: "text.primary" }, title)), /* @__PURE__ */ import_react13.default.createElement(import_material10.IconButton, { onClick: handleOpen, "data-testid": "test-buttonClose" }, /* @__PURE__ */ import_react13.default.createElement(import_icons_material8.Close, { color: "action" }))),
-    /* @__PURE__ */ import_react13.default.createElement(import_material10.Stack, { py: 1, px: 3, gap: 1.5 }, /* @__PURE__ */ import_react13.default.createElement(import_material10.Typography, { variant: "body1" }, description || defaultDescription)),
-    action && /* @__PURE__ */ import_react13.default.createElement(
-      import_material10.Stack,
-      {
-        id: "Action",
-        direction: "row",
-        gap: 1,
-        p: 1,
-        justifyContent: "end",
-        bgcolor: "grey.50",
-        sx: { borderRadius: 1 }
-      },
-      /* @__PURE__ */ import_react13.default.createElement(
-        import_material10.Button,
-        {
-          color: "inherit",
-          variant: "text",
-          onClick: handleClose,
-          size: "small"
-        },
-        capitalize("cancelar")
-      ),
-      /* @__PURE__ */ import_react13.default.createElement(
-        import_material10.Button,
-        {
-          "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
 var import_react16 = __toESM(require("react"), 1);
 var import_material11 = require("@mui/material");
@@ -3424,6 +3489,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": {
@@ -5765,8 +5831,8 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ADCSincoTheme,
-  Adjuntar,
   AdproSincoTheme,
+  Attachment,
   Calendar,
   EmptyState,
   FooterAction,