componentes-sinco 1.2.8 → 1.2.9

package/dist/index.js

@@ -760,7 +760,7 @@ var Attachment = ({
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-import React6, { useEffect as useEffect4, useRef as useRef2, useState as useState5, useCallback as useCallback2 } from "react";
+import React18, { useEffect as useEffect11, useRef as useRef3, useState as useState12, useCallback as useCallback2 } from "react";
 import Webcam from "react-webcam";
 
 // src/Components/Adjuntar/mobile/components/button.tsx
@@ -811,1214 +811,616 @@ var AttachmentButton = ({ buttonAttachment, open, setOpen }) => {
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-import { IconButton as IconButton4, Stack as Stack4, SwipeableDrawer, Tooltip as Tooltip2, Typography as Typography4, SvgIcon as SvgIcon2 } from "@mui/material";
+import { IconButton as IconButton9, Stack as Stack7, SwipeableDrawer as SwipeableDrawer2, Tooltip as Tooltip4, Typography as Typography9, SvgIcon as SvgIcon6 } from "@mui/material";
 import CssBaseline from "@mui/material/CssBaseline";
-import { Box as Box4 } from "@mui/system";
+import { Box as Box12 } from "@mui/system";
 import { CloseOutlined, DeleteOutline as DeleteOutline2, FolderOpenOutlined, PhotoCameraOutlined, UploadFileOutlined as UploadFileOutlined2 } from "@mui/icons-material";
 import PhotoCameraIcon from "@mui/icons-material/PhotoCamera";
 import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined";
 import ImageOutlinedIcon from "@mui/icons-material/ImageOutlined";
 import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
+import * as Muicon6 from "@mui/icons-material";
+
+// src/Components/Drawer/SCDrawer.tsx
+import React17 from "react";
+import { Drawer, Stack as Stack6, SwipeableDrawer, Box as Box11, Button as Button9 } from "@mui/material";
+import Grid6 from "@mui/material/Grid";
+
+// src/Components/Drawer/Helpers/Utils.tsx
 import * as Muicon2 from "@mui/icons-material";
-var AttachmentMobile = ({
-  buttonAttachment,
-  maxSize = 400,
-  fileAccepted = "",
-  initialFiles,
-  deleteAction,
-  downloadAction,
-  onChange,
-  children,
-  sx,
-  view = "button",
-  iconFileItem,
-  onFileClick
-}) => {
-  const webcamRef = useRef2(null);
-  const [abrirCamara, setAbrirCamara] = useState5(false);
-  const [capturedImage, setCapturedImage] = useState5(null);
-  const [files, setFiles] = useState5([]);
-  const [toast, setToast] = useState5(null);
-  const [open, setOpen] = React6.useState(false);
-  const toggleAttachment = (newOpen) => () => {
-    setOpen(newOpen);
+var getIcon = (iconName) => {
+  if (iconName && iconName in Muicon2) {
+    return Muicon2[iconName];
+  }
+  return null;
+};
+
+// src/Components/Drawer/Helpers/validateInput.tsx
+var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setTextFilters) => {
+  var _a, _b;
+  let requiredValues = 0;
+  let filledValues = 0;
+  for (let i = 0; i < arrayElements.length; i++) {
+    const element = arrayElements[i];
+    const { validation, element: typeElement } = validateTypeElements(element);
+    const textValue = ((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0 ? String((_b = typeElement.state) == null ? void 0 : _b.textValue) : String(typeElement.state);
+    if (typeElement == null ? void 0 : typeElement.required) {
+      requiredValues++;
+      if (textValue.trim() !== "" && textValue.trim() !== ",") {
+        filledValues++;
+      }
+    }
+  }
+  if (requiredValues === filledValues) {
+    onSuccess();
+    setChipFilters(true);
+  } else {
+    onError({
+      type: "error",
+      title: "Algunos campos son requeridos",
+      time: 10
+    });
+    setChipFilters(false);
+  }
+};
+
+// src/Components/Drawer/Helpers/validateTypeElement.tsx
+import React6 from "react";
+var COMPONENT_NAME_MAP = {
+  SCtextField: "textField",
+  SCtextArea: "textArea",
+  SCDateRange: "dateRange",
+  SCDatePicker: "datePicker",
+  SCTime: "time",
+  SCAutocomplete: "autocomplete",
+  SCSelect: "select"
+};
+var getComponentName = (node) => {
+  const type = node.type;
+  return typeof type === "function" ? type.displayName || type.name || "" : "";
+};
+var isKnownComponent = (node) => {
+  var _a;
+  const name = getComponentName(node);
+  if (COMPONENT_NAME_MAP[name]) return true;
+  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return true;
+  return false;
+};
+var findInTree = (node) => {
+  var _a;
+  if (!React6.isValidElement(node)) return null;
+  if (isKnownComponent(node)) return node;
+  const children = (_a = node.props) == null ? void 0 : _a.children;
+  if (!children) return null;
+  for (const child of React6.Children.toArray(children)) {
+    if (React6.isValidElement(child)) {
+      const found = findInTree(child);
+      if (found) return found;
+    }
+  }
+  return null;
+};
+var resolveValidation = (node) => {
+  var _a;
+  const name = getComponentName(node);
+  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return "multiselect";
+  return COMPONENT_NAME_MAP[name] || "";
+};
+var validateTypeElements = (element) => {
+  var _a;
+  let validation = "";
+  let typeElement = element;
+  if (element.type && COMPONENT_NAME_MAP[(_a = Object.keys(COMPONENT_NAME_MAP).find((k) => COMPONENT_NAME_MAP[k] === element.type)) != null ? _a : ""]) {
+    validation = element.type;
+    typeElement = element;
+  } else if (element.typeFormat === "multiselect") {
+    validation = "multiselect";
+    typeElement = element;
+  } else if (React6.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
+    const node = element.component;
+    validation = resolveValidation(node);
+    typeElement = node.props;
+  } else if (React6.isValidElement(element == null ? void 0 : element.component)) {
+    const found = findInTree(element.component);
+    if (found) {
+      validation = resolveValidation(found);
+      typeElement = found.props;
+    }
+  }
+  return { validation, element: typeElement };
+};
+
+// src/Components/Drawer/hooks/useDrawerState.ts
+import { useState as useState5, useEffect as useEffect4 } from "react";
+var useDrawerState = ({ open, setOpen }) => {
+  const [drawerOpen, setDrawerOpen] = useState5(open || false);
+  useEffect4(() => {
+    if (open !== void 0) {
+      setDrawerOpen(open);
+    }
+  }, [open]);
+  const handleDrawerClose = () => {
+    setDrawerOpen(false);
+    setOpen == null ? void 0 : setOpen(false);
   };
-  let IconFileItem;
-  if (iconFileItem) {
-    if (Muicon2[iconFileItem] == void 0) {
-      IconFileItem = iconFileItem;
+  const handleDrawerOpen = () => {
+    setDrawerOpen(true);
+    setOpen == null ? void 0 : setOpen(true);
+  };
+  const toggleDrawer = (newOpen) => () => {
+    if (newOpen) {
+      handleDrawerOpen();
     } else {
-      IconFileItem = Muicon2[iconFileItem];
+      handleDrawerClose();
     }
-  }
-  const closeCam = () => {
-    setAbrirCamara(false);
   };
-  const openCam = () => {
-    setOpen(false);
-    setAbrirCamara(true);
+  return {
+    drawerOpen,
+    handleDrawerClose,
+    handleDrawerOpen,
+    toggleDrawer
   };
-  let capturedImage2 = null;
-  const capture = useCallback2((e) => {
-    if (webcamRef.current) {
-      const imageSrc = webcamRef.current.getScreenshot();
-      setCapturedImage(imageSrc);
-      capturedImage2 = imageSrc;
-      setOpen(false);
-      toggleAttachment(false);
-      setAbrirCamara(false);
-      handleUpload(e);
+};
+
+// src/Components/Drawer/hooks/useChipFilters.ts
+import { useState as useState6, useEffect as useEffect5 } from "react";
+var useChipFilters = (arrayElements, chipFilters) => {
+  const [stateChipFilters, setChipFilters] = useState6(false);
+  const [textFilters, setTextFilters] = useState6([]);
+  useEffect5(() => {
+    if (chipFilters == null ? void 0 : chipFilters.length) {
+      setTextFilters([]);
+      processChipFilters();
     }
-  }, [webcamRef, setCapturedImage]);
-  const inputRef = useRef2(null);
-  const handleUpload = (event2) => {
-    var _a;
-    let newFiles = event2.target.files;
-    if (capturedImage || capturedImage2) {
-      const image = capturedImage || capturedImage2;
-      if (!image) return;
-      const arr = image.split(",");
-      const mime = ((_a = arr[0].match(/:(.*?);/)) == null ? void 0 : _a[1]) || "image/jpeg";
-      const bstr = atob(arr[1]);
-      let n = bstr.length;
-      const u8arr = new Uint8Array(n);
-      while (n--) {
-        u8arr[n] = bstr.charCodeAt(n);
-      }
-      const fechaActual = new Date(Date.now());
-      const fechaConFormato = fechaActual.getFullYear() + "" + (fechaActual.getMonth() + 1) + fechaActual.getDate() + fechaActual.getHours() + fechaActual.getMinutes() + fechaActual.getSeconds();
-      const capturedFile = new File([u8arr], `photo_${fechaConFormato}.jpg`, { type: mime });
-      newFiles = [capturedFile];
-      setCapturedImage(null);
-      capturedImage2 = null;
+  }, [chipFilters]);
+  const processChipFilters = () => {
+    if (!(chipFilters == null ? void 0 : chipFilters.length)) {
+      processManualFilters();
+      return;
     }
-    if (!newFiles) return;
-    const nuevosArchivos = [];
-    const archivosValidos = [];
-    Array.from(newFiles).forEach((file) => {
-      const isDuplicateFile = files.some(
-        (existingFile) => existingFile.name === file.name && existingFile.size === file.size
-      );
-      const sizeMB = file.size / (1024 * 1024);
-      if (isDuplicateFile) {
-        setToast({
-          type: "error",
-          title: "Archivo duplicado",
-          listITems: [`El archivo "${file.name}" ya existe.`],
-          seeMore: true,
-          time: 5
-        });
-        return;
-      }
-      if (sizeMB > maxSize) {
-        nuevosArchivos.push({
-          name: file.name,
-          size: file.size,
-          type: file.type,
-          progress: 0,
-          uploadError: true
-        });
-        setToast({
-          type: "error",
-          title: "Carga fallida",
-          seeMore: true,
-          listITems: [`El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.`],
-          time: 5
-        });
-        return;
-      }
-      if (fileAccepted && !file.name.match(
-        new RegExp(
-          `(${fileAccepted.replace(/\./g, "\\.").replace(/,/g, "|")})$`,
-          "i"
-        )
-      )) {
-        setToast({
-          type: "error",
-          title: "Tipo de archivo no permitido",
-          listITems: [`El archivo "${file.name}" no es un tipo permitido.`],
-          seeMore: true,
-          time: 5
+    arrayElements.forEach((arrayElement) => {
+      var _a;
+      const { validation, element: typeElement } = validateTypeElements(arrayElement);
+      if (Array.isArray((_a = typeElement.state) == null ? void 0 : _a.textValue)) {
+        chipFilters.forEach((chipFilter) => {
+          const chipValue = String(chipFilter).trim();
+          const isInArray = typeElement.state.textValue.some(
+            (v) => String(v).trim() === chipValue
+          );
+          if (isInArray && chipValue !== "" && chipValue !== ",") {
+            setTextFilters((prev) => {
+              const exists = prev.findIndex((f) => f.value === chipValue) !== -1;
+              if (exists) return prev;
+              return [...prev, { value: chipValue, arrayElement: typeElement }];
+            });
+          }
         });
         return;
       }
-      nuevosArchivos.push({
-        name: file.name,
-        size: file.size,
-        type: file.type,
-        progress: 0,
-        uploadError: false
+      const currentValue = getCurrentValue(validation, typeElement);
+      chipFilters.forEach((chipFilter) => {
+        const chipValue = String(chipFilter).trim();
+        if (currentValue === chipValue && currentValue !== "" && currentValue !== ",") {
+          updateFilter(currentValue, typeElement, arrayElement.label);
+        }
       });
-      archivosValidos.push(file);
     });
-    if (nuevosArchivos.length > 0) {
-      setFiles((prevFiles) => {
-        const updatedFiles = [...prevFiles, ...nuevosArchivos];
-        if (archivosValidos.length > 0) {
-          onChange == null ? void 0 : onChange([
-            ...archivosValidos,
-            ...prevFiles.map((f) => new File([], f.name, { type: f.type }))
-          ]);
+  };
+  const processManualFilters = () => {
+    const newFiltersToAdd = [];
+    arrayElements.forEach((element) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      const { validation, element: typeElement } = validateTypeElements(element);
+      const textValue = ((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0 ? String((_b = typeElement.state) == null ? void 0 : _b.textValue) : String(typeElement.state);
+      if (textValue.trim() !== "" && textValue.trim() !== "," && textValue.trim() !== "undefined") {
+        const value = validation === "dateRange" ? `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}` : validation === "datePicker" ? (_f = (_e = typeElement.state) == null ? void 0 : _e.format("DD/MM/YYYY")) != null ? _f : "" : validation === "time" ? (_h = (_g = typeElement.state) == null ? void 0 : _g.format("HH:mm")) != null ? _h : "" : textValue;
+        const existingFilterIndex = newFiltersToAdd.findIndex(
+          (filter) => filter.arrayElement.label === element.label
+        );
+        const newFilter = { value, arrayElement: typeElement };
+        if (existingFilterIndex !== -1) {
+          newFiltersToAdd[existingFilterIndex] = newFilter;
+        } else {
+          newFiltersToAdd.push(newFilter);
+        }
+      }
+    });
+    setTextFilters((prevFilters) => {
+      let updatedFilters = [...prevFilters];
+      newFiltersToAdd.forEach((newFilter) => {
+        const existingFilterIndex = updatedFilters.findIndex(
+          (filter) => filter.arrayElement.label === newFilter.arrayElement.label
+        );
+        if (existingFilterIndex !== -1) {
+          updatedFilters[existingFilterIndex] = newFilter;
+        } else {
+          updatedFilters.push(newFilter);
         }
-        return updatedFiles;
       });
-    }
-    setOpen(false);
-    event2.target.value = "";
+      return updatedFilters;
+    });
   };
-  const handleDeleteFile = (fileToRemove) => __async(null, null, function* () {
-    try {
-      if (deleteAction) {
-        yield deleteAction(fileToRemove.name);
-      }
-      const updatedFiles = files.filter(
-        (file) => !(file.name === fileToRemove.name && file.size === fileToRemove.size)
-      );
-      setFiles(updatedFiles);
-      if (onChange) {
-        const remainingValidFiles = updatedFiles.filter((f) => !f.uploadError).map((f) => new File([], f.name, { type: f.type }));
-        onChange(remainingValidFiles);
+  const getCurrentValue = (validation, typeElement) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (validation === "dateRange") {
+      if (((_a = typeElement.state) == null ? void 0 : _a[0]) && ((_b = typeElement.state) == null ? void 0 : _b[1])) {
+        return `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}`;
       }
-      setToast({
-        type: "success",
-        title: "Archivo eliminado",
-        listITems: [`El archivo "${fileToRemove.name}" ha sido eliminado exitosamente.`],
-        seeMore: true,
-        time: 3
-      });
-    } catch (error) {
-      setToast({
-        type: "error",
-        title: "Error al eliminar",
-        listITems: [`No se pudo eliminar el archivo "${fileToRemove.name}".`],
-        seeMore: true,
-        time: 5
-      });
+      return "";
     }
-  });
-  const AttachtmentActions = [
-    { icon: /* @__PURE__ */ React6.createElement(ImageOutlinedIcon, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.click();
-    } },
-    { icon: /* @__PURE__ */ React6.createElement(PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
-    { icon: /* @__PURE__ */ React6.createElement(FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.click();
-    } }
-  ];
-  useEffect4(() => {
-    if (initialFiles && initialFiles.length > 0) {
-      setFiles(initialFiles);
+    if (validation === "datePicker") {
+      return ((_f = (_e = typeElement.state) == null ? void 0 : _e.isValid) == null ? void 0 : _f.call(_e)) ? typeElement.state.format("DD/MM/YYYY") : "";
     }
-  }, []);
-  return /* @__PURE__ */ React6.createElement(Box4, { display: "flex", flexDirection: "column", gap: 1 }, view == "button" ? /* @__PURE__ */ React6.createElement(Box4, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ React6.createElement(
-    AttachmentButton,
-    {
-      buttonAttachment,
-      open,
-      setOpen
+    if (validation === "time") {
+      return ((_h = (_g = typeElement.state) == null ? void 0 : _g.isValid) == null ? void 0 : _h.call(_g)) ? typeElement.state.format("HH:mm") : "";
     }
-  )) : "", /* @__PURE__ */ React6.createElement(CssBaseline, null), /* @__PURE__ */ React6.createElement(
-    SwipeableDrawer,
-    {
-      slotProps: {
-        backdrop: {
-          sx: { backgroundColor: "#00000038" }
-        }
-      },
-      ModalProps: {
-        sx: {
-          zIndex: 1400,
-          "& .MuiPaper-root": {
-            borderRadius: "16px 16px 0 0"
-          }
-        },
-        BackdropProps: { timeout: 400 }
-      },
-      transitionDuration: { enter: 500, exit: 400 },
-      hysteresis: 0.2,
-      anchor: "bottom",
-      swipeAreaWidth: 56,
-      open,
-      onClose: toggleAttachment(false),
-      onOpen: toggleAttachment(true)
-    },
-    toast && /* @__PURE__ */ React6.createElement(SCToastNotification, __spreadValues({}, toast)),
-    /* @__PURE__ */ React6.createElement(Box4, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ React6.createElement(Box4, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ React6.createElement(Typography4, { variant: "h6", color: "text.primary" }, "Agrega adjuntos"), /* @__PURE__ */ React6.createElement(IconButton4, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ React6.createElement(CloseOutlined, { color: "action" }))), /* @__PURE__ */ React6.createElement(
-      "input",
-      {
-        type: "file",
-        multiple: true,
-        hidden: true,
-        ref: inputRef,
-        onChange: handleUpload
+    return ((_i = typeElement.state) == null ? void 0 : _i.textValue) !== void 0 ? String(typeElement.state.textValue).trim() : String(typeElement.state).trim();
+  };
+  const updateFilter = (value, typeElement, label) => {
+    setTextFilters((prevFilters) => {
+      const newFilter = { value, arrayElement: typeElement };
+      const existingFilterIndex = prevFilters.findIndex(
+        (filter) => label !== void 0 ? filter.arrayElement.label === label : filter.value === value
+      );
+      if (existingFilterIndex !== -1) {
+        const updatedFilters = [...prevFilters];
+        updatedFilters[existingFilterIndex] = newFilter;
+        return updatedFilters;
+      } else {
+        return [...prevFilters, newFilter];
       }
-    ), /* @__PURE__ */ React6.createElement(Box4, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2, sx: { padding: "0px 0px 52px 0px !important" } }, AttachtmentActions.map((option, index) => /* @__PURE__ */ React6.createElement(
-      Box4,
-      {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        width: "100%",
-        height: 80,
-        borderRadius: 1,
-        bgcolor: "grey.50",
-        border: "1px solid",
-        borderColor: "grey.100",
-        justifyContent: "center",
-        p: 1,
-        gap: 0.5,
-        onClick: option.onClick,
-        sx: {
-          cursor: "pointer"
-        }
-      },
-      /* @__PURE__ */ React6.createElement(
-        IconButton4,
-        {
-          sx: {
-            bgcolor: getAttachmentColor(option.color)
-          },
-          size: "large"
-        },
-        option.icon
-      ),
-      /* @__PURE__ */ React6.createElement(Typography4, { variant: "body2", color: "text.secondary" }, option.label)
-    ))))
-  ), abrirCamara && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(CancelOutlinedIcon, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ React6.createElement(Stack4, { className: "camras" }, /* @__PURE__ */ React6.createElement(
-    Webcam,
-    {
-      audio: false,
-      ref: webcamRef,
-      width: "100%",
-      height: "100%",
-      screenshotFormat: "image/jpeg",
-      videoConstraints: {
-        //facingMode: { exact: "environment" }
-        facingMode: "environment"
-        //facingMode: "environment" // cámara trasera
-      },
-      style: {
-        position: "fixed",
-        // Fijo para cubrir toda la ventana
-        top: 0,
-        left: 0,
-        objectFit: "cover",
-        backgroundColor: "black",
-        zIndex: 1600
-        // Encima de todo
+    });
+  };
+  const hasActiveFilters = () => {
+    return arrayElements.some((arrayElement) => {
+      var _a, _b, _c;
+      const { validation, element: typeElement } = validateTypeElements(arrayElement);
+      if (((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0) {
+        return String(typeElement.state.textValue).trim() !== "";
+      } else if (validation === "dateRange") {
+        return ((_b = typeElement.state) == null ? void 0 : _b[0]) !== null && ((_c = typeElement.state) == null ? void 0 : _c[1]) !== null;
+      } else {
+        const stateValue = String(typeElement.state).trim();
+        return stateValue !== "" && stateValue !== "," && stateValue !== "undefined";
       }
-    }
-  ), /* @__PURE__ */ React6.createElement(
-    PhotoCameraIcon,
-    {
-      onClick: capture,
-      sx: {
-        height: "45px",
-        width: "45px",
-        padding: "6px",
-        backgroundColor: "white",
-        color: "#1E62A1",
-        borderRadius: "50px",
-        zIndex: 1700,
-        position: "absolute",
-        bottom: "10px",
-        left: "50%"
-      },
-      fontSize: "medium"
-    }
-  ))), files.length > 0 && /* @__PURE__ */ React6.createElement(
-    Stack4,
-    {
-      "data-testid": "ContenedorArchivosAdjuntos",
-      id: "ContenedorArchivosAdjuntos",
-      width: "100%",
-      sx: __spreadValues({
-        overflowY: "auto"
-      }, files.length > 5 && {
-        maxHeight: 250
-      }),
-      spacing: 1
-    },
-    files.map((file) => /* @__PURE__ */ React6.createElement(
-      Stack4,
-      {
-        height: 46,
-        key: file.name + (file.uploadError ? "_error" : ""),
-        direction: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 2,
-        padding: 1,
-        borderRadius: 1,
-        sx: {
-          backgroundColor: file.uploadError ? "error.50" : "transparent",
-          ":hover": {
-            backgroundColor: file.uploadError ? "error.100" : "primary.50"
-          }
-        }
-      },
-      /* @__PURE__ */ React6.createElement(
-        Stack4,
-        {
-          direction: "row",
-          alignItems: "center",
-          gap: 1,
-          width: "100%",
-          onClick: () => onFileClick == null ? void 0 : onFileClick(file),
-          sx: { cursor: onFileClick ? "pointer" : "default" }
-        },
-        iconFileItem ? /* @__PURE__ */ React6.createElement(SvgIcon2, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React6.createElement(
-          UploadFileOutlined2,
-          {
-            color: file.uploadError ? "error" : "primary",
-            fontSize: "small"
-          }
-        ),
-        /* @__PURE__ */ React6.createElement(Stack4, { width: "100%" }, /* @__PURE__ */ React6.createElement(
-          Typography4,
-          {
-            variant: "body2",
-            color: "text.primary",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            maxWidth: "310px"
-          },
-          file.name
-        ), /* @__PURE__ */ React6.createElement(
-          Typography4,
-          {
-            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}`
-        ))
-      ),
-      view == "file" ? /* @__PURE__ */ React6.createElement(Tooltip2, { title: "Descargar" }, /* @__PURE__ */ React6.createElement(
-        IconButton4,
-        {
-          size: "small",
-          onClick: () => downloadAction == null ? void 0 : downloadAction(file),
-          disabled: file.uploadError,
-          "aria-label": `Descargar ${file.name}`
-        },
-        /* @__PURE__ */ React6.createElement(FileDownloadOutlinedIcon, { fontSize: "small", color: "action" })
-      )) : "",
-      view == "button" ? /* @__PURE__ */ React6.createElement(Tooltip2, { title: "Eliminar" }, /* @__PURE__ */ React6.createElement(
-        IconButton4,
-        {
-          size: "small",
-          onClick: () => handleDeleteFile(file),
-          "aria-label": `Eliminar ${file.name}`
-        },
-        /* @__PURE__ */ React6.createElement(DeleteOutline2, { fontSize: "small", color: "action" })
-      )) : ""
-    ))
-  ));
-};
-
-// src/Components/Calendario/Calendar.tsx
-import React31, { useEffect as useEffect12, useState as useState15 } from "react";
-import { Box as Box19, CircularProgress as CircularProgress5 } from "@mui/material";
-
-// src/Components/Calendario/CalendarToolbar.tsx
-import React7, { useState as useState6 } from "react";
-import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, EventOutlined } from "@mui/icons-material";
-import { Box as Box5, Chip, IconButton as IconButton5, Menu, MenuItem, Stack as Stack5, Typography as Typography5 } from "@mui/material";
-import dayjs from "dayjs";
-import updateLocale from "dayjs/plugin/updateLocale";
-import "dayjs/locale/es";
-dayjs.locale("es");
-dayjs.extend(updateLocale);
-dayjs.updateLocale("en", {
-  weekStart: 0
-  // 0 = domingo
-});
-var CalendarToolbar = ({
-  labelDate,
-  view,
-  onView,
-  onNavigate,
-  children
-}) => {
-  const [anchorEl, setAnchorEl] = useState6(null);
-  const open = Boolean(anchorEl);
-  const handleMenuOpen = (event2) => {
-    setAnchorEl(event2.currentTarget);
+    });
   };
-  const handleMenuClose = () => {
-    setAnchorEl(null);
+  const shouldShowChips = (chipFilters == null ? void 0 : chipFilters.length) ? true : stateChipFilters && hasActiveFilters();
+  return {
+    stateChipFilters,
+    setChipFilters,
+    textFilters,
+    setTextFilters,
+    shouldShowChips,
+    processChipFilters,
+    hasActiveFilters
   };
-  const handleViewChange = (newView) => {
-    onView(newView);
-    handleMenuClose();
+};
+
+// src/Components/Drawer/hooks/useToast.ts
+import { useState as useState7 } from "react";
+var useToast = () => {
+  const [toast, setToast] = useState7(null);
+  const setToastWithDelay = (toastContent) => {
+    setToast(null);
+    setTimeout(() => {
+      setToast(toastContent);
+    }, 10);
   };
-  const getFormattedDate = () => {
-    const sunday = labelDate.day(0);
-    if (view === "month") {
-      const textMonth = labelDate.format("MMMM YYYY");
-      return textMonth.charAt(0).toUpperCase() + textMonth.slice(1);
-    }
-    if (view === "week") {
-      return `${labelDate.startOf("week").format("DD MMM")} - ${labelDate.endOf("week").format("DD MMM YYYY")}`;
-    }
-    return labelDate.format(" DD MMMM YYYY");
+  const clearToast = () => setToast(null);
+  return {
+    toast,
+    setToastWithDelay,
+    clearToast
   };
-  return /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5, sx: { paddingBottom: "16px" } }, /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
-    Chip,
-    {
-      size: "medium",
-      label: "Hoy",
-      icon: /* @__PURE__ */ React7.createElement(EventOutlined, { fontSize: "small" }),
-      color: "primary",
-      onClick: () => onNavigate("TODAY"),
-      variant: "standard"
-    }
-  )), /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React7.createElement(IconButton5, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ React7.createElement(ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(IconButton5, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ React7.createElement(ChevronRight, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(Typography5, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ React7.createElement(IconButton5, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ React7.createElement(KeyboardArrowDown2, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(
-    Menu,
-    {
-      anchorEl,
-      open,
-      onClose: handleMenuClose,
-      anchorOrigin: { vertical: "bottom", horizontal: "center" },
-      transformOrigin: { vertical: "top", horizontal: "center" }
-    },
-    /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
-    /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
-    /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  ))), children ? /* @__PURE__ */ React7.createElement(Box5, null, children) : /* @__PURE__ */ React7.createElement(Box5, { width: "24px" }), " ");
 };
 
-// src/Components/Calendario/Views/MonthView.tsx
-import React28 from "react";
-import { Box as Box16, Typography as Typography14, IconButton as IconButton11, Paper as Paper2, Tooltip as Tooltip6, Stack as Stack11, CircularProgress as CircularProgress2, Button as Button11 } from "@mui/material";
-import AddIcon from "@mui/icons-material/Add";
-import dayjs5 from "dayjs";
-import localeData from "dayjs/plugin/localeData";
-
-// src/Components/Calendario/Utils.tsx
-import dayjs2 from "dayjs";
-function getMonthDays(date) {
-  const start = date.startOf("month").day(0);
-  const end = date.endOf("month").day(6);
-  const days = [];
-  let current = start;
-  while (current.isBefore(end) || current.isSame(end, "day")) {
-    days.push(current);
-    current = current.add(1, "day");
+// src/Components/Drawer/utils/filterUtils.ts
+var resetElementByType = (originalElement, validation, typeElement) => {
+  let defaultValue;
+  switch (validation) {
+    case "textField":
+    case "textArea":
+      defaultValue = "";
+      break;
+    case "dateRange":
+      defaultValue = [null, null];
+      break;
+    case "datePicker":
+    case "time":
+      defaultValue = null;
+      break;
+    case "multiselect":
+      defaultValue = { hiddenValue: [], textValue: [] };
+      break;
+    default:
+      defaultValue = { hiddenValue: "-1", textValue: "" };
+  }
+  if (typeElement.setState) {
+    typeElement.setState(defaultValue);
   }
-  return days;
-}
-var isToday = (date) => {
-  return date.isSame(dayjs2(), "day");
 };
-var stateColors = {
-  Asignada: "warning.200",
-  Generada: "default.main",
-  EnProgreso: "primary.200",
-  Aplazada: "secondary.A400",
-  Vencida: "error.200",
-  Finalizada: "success.200"
-  //#FCE4C0
+var cleanAllFilters = (arrayElements, setTextFilters) => {
+  arrayElements.forEach((element) => {
+    const { validation, element: typeElement } = validateTypeElements(element);
+    if (typeElement.setState) {
+      resetElementByType(element, validation, typeElement);
+    }
+  });
+  setTextFilters([]);
+};
+var deleteFilter = (element, shouldShowChips, setTextFilters) => {
+  const { validation, element: typeElement } = validateTypeElements(element);
+  if (typeElement.setState && shouldShowChips) {
+    resetElementByType(element, validation, typeElement);
+    setTextFilters(
+      (prevFilters) => prevFilters.filter((filter) => filter.arrayElement.label !== element.label)
+    );
+  }
 };
 
-// src/Components/Calendario/Event.tsx
-import React8 from "react";
-import { Box as Box6, Stack as Stack6, Typography as Typography6, Divider as Divider2, Popover } from "@mui/material";
-var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
-  const [anchorEl, setAnchorEl] = React8.useState(null);
-  const handlePopoverOpen = (event3) => {
-    setAnchorEl(event3.currentTarget);
-  };
-  const handlePopoverClose = () => {
-    setAnchorEl(null);
-  };
-  const open = Boolean(anchorEl);
-  return /* @__PURE__ */ React8.createElement(
-    Stack6,
-    {
-      direction: "row",
-      padding: 0.5,
-      borderRadius: 0.5,
-      alignItems: "flex-start",
-      minHeight: "20px",
-      onMouseOver: () => onHover == null ? void 0 : onHover(event2),
-      onClick: (e) => {
-        e.stopPropagation();
-        onClick == null ? void 0 : onClick(event2);
-      },
-      sx: (theme) => __spreadValues({
-        backgroundColor: theme.palette.common.white,
-        boxShadow: theme.shadows[2],
-        color: theme.palette.text.secondary,
-        overflow: "hidden",
-        cursor: onClick ? "pointer" : "default"
-      }, sx)
-    },
-    /* @__PURE__ */ React8.createElement(
-      Divider2,
-      {
-        orientation: "vertical",
-        flexItem: true,
+// src/Components/Drawer/components/DrawerButton.tsx
+import React7 from "react";
+import { Button as Button5, Chip } from "@mui/material";
+var DrawerButton = ({
+  buttonDrawer,
+  onToggle
+}) => {
+  var _a, _b, _c;
+  const ButtonIcon = getIcon(buttonDrawer == null ? void 0 : buttonDrawer.icon);
+  if ((buttonDrawer == null ? void 0 : buttonDrawer.type) === "chip") {
+    return /* @__PURE__ */ React7.createElement(
+      Chip,
+      __spreadProps(__spreadValues({
+        onClick: onToggle,
+        size: "medium",
+        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__ */ React7.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
+        deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React7.createElement(ButtonIcon, { fontSize: "small" }) : void 0
+      }, (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? { onDelete: () => {
+      } } : {}), {
         sx: {
-          width: "2px",
-          backgroundColor: color != null ? color : "primary.main",
-          borderRadius: "2px"
+          "& .MuiChip-icon": {
+            color: "inherit"
+          },
+          textTransform: "capitalize"
         }
-      }
-    ),
-    /* @__PURE__ */ React8.createElement(
-      Box6,
-      {
-        px: 1,
-        py: 0.5,
-        flex: "1",
-        minWidth: 0,
-        display: "flex",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ React8.createElement(
-        Typography6,
-        {
-          color: "text.primary",
-          variant: "caption",
-          noWrap: true,
-          sx: {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
-          },
-          onMouseEnter: handlePopoverOpen,
-          onMouseLeave: handlePopoverClose
-        },
-        event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
-      ),
-      /* @__PURE__ */ React8.createElement(
-        Popover,
-        {
-          id: "mouse-over-popover",
-          sx: { pointerEvents: "none" },
-          open,
-          anchorEl,
-          anchorOrigin: {
-            vertical: "top",
-            horizontal: "right"
-          },
-          transformOrigin: {
-            vertical: "bottom",
-            horizontal: "right"
-          },
-          onClose: handlePopoverClose,
-          disableRestoreFocus: true
-        },
-        onHover ? onHover(event2) : " "
-      )
-    )
+      })
+    );
+  }
+  return /* @__PURE__ */ React7.createElement(
+    Button5,
+    {
+      "data-testid": "test-buttonDrawer",
+      sx: { textTransform: "capitalize" },
+      color: buttonDrawer == null ? void 0 : buttonDrawer.color,
+      onClick: onToggle,
+      size: "small",
+      variant: (_b = buttonDrawer == null ? void 0 : buttonDrawer.variant) != null ? _b : "text",
+      startIcon: ((buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" || !(buttonDrawer == null ? void 0 : buttonDrawer.iconPosition)) && ButtonIcon ? /* @__PURE__ */ React7.createElement(ButtonIcon, { fontSize: "small" }) : null,
+      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React7.createElement(ButtonIcon, { fontSize: "small" }) : null
+    },
+    (_c = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _c : ""
   );
 };
 
-// src/Components/Drawer/SCDrawer.tsx
-import React20 from "react";
-import { Drawer, Stack as Stack9, SwipeableDrawer as SwipeableDrawer2, Box as Box14, Button as Button9 } from "@mui/material";
-import Grid6 from "@mui/material/Grid";
+// src/Components/Drawer/components/ChipFiltersDisplay.tsx
+import React8, { useRef as useRef2, useState as useState8, useEffect as useEffect6 } from "react";
+import { Box as Box4, IconButton as IconButton4, Chip as Chip2 } from "@mui/material";
+import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
+var ChipFiltersDisplay = ({
+  textFilters,
+  onDeleteFilter
+}) => {
+  const scrollRef = useRef2(null);
+  const [hasOverflow, setHasOverflow] = useState8(false);
+  useEffect6(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const checkOverflow = () => setHasOverflow(el.scrollWidth > el.clientWidth);
+    checkOverflow();
+    const observer = new ResizeObserver(checkOverflow);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [textFilters]);
+  const scroll = (offset) => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollLeft += offset;
+    }
+  };
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ React8.createElement(Box4, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, hasOverflow && /* @__PURE__ */ React8.createElement(IconButton4, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React8.createElement(ChevronLeftIcon, { fontSize: "small", color: "action" })), /* @__PURE__ */ React8.createElement(
+    Box4,
+    {
+      ref: scrollRef,
+      gap: 0.3,
+      sx: {
+        display: "flex",
+        overflowX: "auto",
+        scrollBehavior: "smooth",
+        "&::-webkit-scrollbar": { display: "none" }
+      }
+    },
+    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ React8.createElement(
+      Chip2,
+      __spreadProps(__spreadValues({
+        key: index,
+        label: chipData.value
+      }, chipData.arrayElement.required === false || chipData.arrayElement.required === void 0 ? { onDelete: () => onDeleteFilter(chipData.arrayElement) } : {}), {
+        color: "default",
+        variant: "filled",
+        size: "small",
+        sx: {
+          flexShrink: 0,
+          minWidth: "auto"
+        }
+      })
+    ))
+  ), hasOverflow && /* @__PURE__ */ React8.createElement(IconButton4, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React8.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))));
+};
 
-// src/Components/Drawer/Helpers/Utils.tsx
+// src/Components/Drawer/components/DrawerContent.tsx
+import React14 from "react";
+import { Box as Box10, Stack as Stack5 } from "@mui/material";
+
+// src/Components/Textfield/SCTextField.tsx
+import React9, { useEffect as useEffect7, useState as useState9 } from "react";
+import { FormControl, IconButton as IconButton5, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover, Input, Box as Box5, Typography as Typography4, SvgIcon as SvgIcon2, Tooltip as Tooltip2 } from "@mui/material";
+import Grid from "@mui/material/Grid";
+import { Visibility, VisibilityOff, InfoOutlined } from "@mui/icons-material";
+
+// src/Components/Textfield/Helpers/validateIcon.tsx
 import * as Muicon3 from "@mui/icons-material";
-var getIcon = (iconName) => {
-  if (iconName && iconName in Muicon3) {
-    return Muicon3[iconName];
+function getIconComponent2(name) {
+  if (typeof name !== "string") return name;
+  return name in Muicon3 ? Muicon3[name] : void 0;
+}
+function getIconValidation(name) {
+  if (typeof name !== "string") {
+    return (name == null ? void 0 : name.type) ? "icon" : "text";
   }
-  return null;
-};
+  return name in Muicon3 ? "icon" : "text";
+}
 
-// src/Components/Drawer/Helpers/validateInput.tsx
-var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setTextFilters) => {
-  var _a, _b;
-  let requiredValues = 0;
-  let filledValues = 0;
-  for (let i = 0; i < arrayElements.length; i++) {
-    const element = arrayElements[i];
-    const { validation, element: typeElement } = validateTypeElements(element);
-    const textValue = ((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0 ? String((_b = typeElement.state) == null ? void 0 : _b.textValue) : String(typeElement.state);
-    if (typeElement == null ? void 0 : typeElement.required) {
-      requiredValues++;
-      if (textValue.trim() !== "" && textValue.trim() !== ",") {
-        filledValues++;
-      }
-    }
-  }
-  if (requiredValues === filledValues) {
-    onSuccess();
-    setChipFilters(true);
-  } else {
-    onError({
-      type: "error",
-      title: "Algunos campos son requeridos",
-      time: 10
-    });
-    setChipFilters(false);
+// src/Components/Textfield/Helpers/validateKeyDown.tsx
+function validateKeyDown(event2, format3) {
+  const key = event2.key;
+  const target = event2.target;
+  if (format3 === "int" && !/^[0-9]$/.test(key)) {
+    event2.preventDefault();
   }
-};
-
-// src/Components/Drawer/Helpers/validateTypeElement.tsx
-import React9 from "react";
-var COMPONENT_NAME_MAP = {
-  SCtextField: "textField",
-  SCtextArea: "textArea",
-  SCDateRange: "dateRange",
-  SCDatePicker: "datePicker",
-  SCTime: "time",
-  SCAutocomplete: "autocomplete",
-  SCSelect: "select"
-};
-var getComponentName = (node) => {
-  const type = node.type;
-  return typeof type === "function" ? type.displayName || type.name || "" : "";
-};
-var isKnownComponent = (node) => {
-  var _a;
-  const name = getComponentName(node);
-  if (COMPONENT_NAME_MAP[name]) return true;
-  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return true;
-  return false;
-};
-var findInTree = (node) => {
-  var _a;
-  if (!React9.isValidElement(node)) return null;
-  if (isKnownComponent(node)) return node;
-  const children = (_a = node.props) == null ? void 0 : _a.children;
-  if (!children) return null;
-  for (const child of React9.Children.toArray(children)) {
-    if (React9.isValidElement(child)) {
-      const found = findInTree(child);
-      if (found) return found;
-    }
+  if (format3 === "decimal" && (target.value === "" && key === "." || key === "-" || key === "+")) {
+    event2.preventDefault();
   }
-  return null;
-};
-var resolveValidation = (node) => {
-  var _a;
-  const name = getComponentName(node);
-  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return "multiselect";
-  return COMPONENT_NAME_MAP[name] || "";
-};
-var validateTypeElements = (element) => {
-  var _a;
-  let validation = "";
-  let typeElement = element;
-  if (element.type && COMPONENT_NAME_MAP[(_a = Object.keys(COMPONENT_NAME_MAP).find((k) => COMPONENT_NAME_MAP[k] === element.type)) != null ? _a : ""]) {
-    validation = element.type;
-    typeElement = element;
-  } else if (element.typeFormat === "multiselect") {
-    validation = "multiselect";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
-    const node = element.component;
-    validation = resolveValidation(node);
-    typeElement = node.props;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component)) {
-    const found = findInTree(element.component);
-    if (found) {
-      validation = resolveValidation(found);
-      typeElement = found.props;
+  if (target.type === "text") {
+    const regex = /^[a-zA-ZáéíóúÁÉÍÓÚñÑ0-9\s_\-.,@]+$/;
+    if (!regex.test(key)) {
+      event2.preventDefault();
     }
   }
-  return { validation, element: typeElement };
-};
+}
 
-// src/Components/Drawer/hooks/useDrawerState.ts
-import { useState as useState7, useEffect as useEffect5 } from "react";
-var useDrawerState = ({ open, setOpen }) => {
-  const [drawerOpen, setDrawerOpen] = useState7(open || false);
-  useEffect5(() => {
-    if (open !== void 0) {
-      setDrawerOpen(open);
-    }
-  }, [open]);
-  const handleDrawerClose = () => {
-    setDrawerOpen(false);
-    setOpen == null ? void 0 : setOpen(false);
-  };
-  const handleDrawerOpen = () => {
-    setDrawerOpen(true);
-    setOpen == null ? void 0 : setOpen(true);
-  };
-  const toggleDrawer = (newOpen) => () => {
-    if (newOpen) {
-      handleDrawerOpen();
-    } else {
-      handleDrawerClose();
-    }
-  };
-  return {
-    drawerOpen,
-    handleDrawerClose,
-    handleDrawerOpen,
-    toggleDrawer
-  };
+// src/Components/Textfield/Helpers/validateOnBlur.tsx
+var validateOnBlurField = ({
+  state,
+  required = false,
+  setError,
+  onBlur
+}) => (event2) => {
+  const isError = !state.trim() && required;
+  setError(isError);
+  if (onBlur) {
+    onBlur(event2);
+  }
 };
 
-// src/Components/Drawer/hooks/useChipFilters.ts
-import { useState as useState8, useEffect as useEffect6 } from "react";
-var useChipFilters = (arrayElements, chipFilters) => {
-  const [stateChipFilters, setChipFilters] = useState8(false);
-  const [textFilters, setTextFilters] = useState8([]);
-  useEffect6(() => {
-    if (chipFilters == null ? void 0 : chipFilters.length) {
-      setTextFilters([]);
-      processChipFilters();
-    }
-  }, [chipFilters]);
-  const processChipFilters = () => {
-    if (!(chipFilters == null ? void 0 : chipFilters.length)) {
-      processManualFilters();
-      return;
+// src/Components/Textfield/SCTextField.tsx
+var SCTextField = ({
+  //informativas
+  title,
+  iconTitle,
+  infoTitle,
+  label = "",
+  placeholder = "",
+  infoElement,
+  iconInputStart,
+  iconInputEnd,
+  maxLength,
+  //Apariencia
+  variant = "outlined",
+  format: format3,
+  disabled,
+  required,
+  size,
+  width = "100%",
+  color,
+  background,
+  //Funcionales
+  setState,
+  state,
+  onChange,
+  onBlur,
+  onKeyDown
+}) => {
+  const inputComponents = {
+    outlined: OutlinedInput,
+    filled: FilledInput,
+    standard: Input
+  };
+  const InputComponent = inputComponents[variant] || OutlinedInput;
+  let IconInputStartValidation;
+  let IconInputEndValidation;
+  let IconInputStart;
+  let IconInputEnd;
+  let IconTitle;
+  const [showPassword, setShowPassword] = useState9(false);
+  const [error, setError] = useState9(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = useState9(null);
+  const openInfoTitle = Boolean(anchorInfoTitle);
+  const [anchorInfoElement, setAnchorInfoElement] = useState9(null);
+  const openInfoElement = Boolean(anchorInfoElement);
+  useEffect7(() => {
+    if (error) {
+      setTimeout(() => {
+        setError(false);
+      }, 1e3);
     }
-    arrayElements.forEach((arrayElement) => {
-      var _a;
-      const { validation, element: typeElement } = validateTypeElements(arrayElement);
-      if (Array.isArray((_a = typeElement.state) == null ? void 0 : _a.textValue)) {
-        chipFilters.forEach((chipFilter) => {
-          const chipValue = String(chipFilter).trim();
-          const isInArray = typeElement.state.textValue.some(
-            (v) => String(v).trim() === chipValue
-          );
-          if (isInArray && chipValue !== "" && chipValue !== ",") {
-            setTextFilters((prev) => {
-              const exists = prev.findIndex((f) => f.value === chipValue) !== -1;
-              if (exists) return prev;
-              return [...prev, { value: chipValue, arrayElement: typeElement }];
-            });
-          }
-        });
-        return;
-      }
-      const currentValue = getCurrentValue(validation, typeElement);
-      chipFilters.forEach((chipFilter) => {
-        const chipValue = String(chipFilter).trim();
-        if (currentValue === chipValue && currentValue !== "" && currentValue !== ",") {
-          updateFilter(currentValue, typeElement, arrayElement.label);
-        }
-      });
-    });
+  }, [error]);
+  if (iconInputStart) {
+    IconInputStartValidation = getIconValidation(iconInputStart);
+    IconInputStart = getIconComponent2(iconInputStart);
+  }
+  if (iconInputEnd) {
+    IconInputEndValidation = getIconValidation(iconInputEnd);
+    IconInputEnd = getIconComponent2(iconInputEnd);
+  }
+  if (iconTitle) {
+    IconTitle = getIconComponent2(iconTitle);
+  }
+  const handleClickShowPassword = () => setShowPassword((show) => !show);
+  const handleMouseDownPassword = (event2) => {
+    event2.preventDefault();
   };
-  const processManualFilters = () => {
-    const newFiltersToAdd = [];
-    arrayElements.forEach((element) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
-      const { validation, element: typeElement } = validateTypeElements(element);
-      const textValue = ((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0 ? String((_b = typeElement.state) == null ? void 0 : _b.textValue) : String(typeElement.state);
-      if (textValue.trim() !== "" && textValue.trim() !== "," && textValue.trim() !== "undefined") {
-        const value = validation === "dateRange" ? `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}` : validation === "datePicker" ? (_f = (_e = typeElement.state) == null ? void 0 : _e.format("DD/MM/YYYY")) != null ? _f : "" : validation === "time" ? (_h = (_g = typeElement.state) == null ? void 0 : _g.format("HH:mm")) != null ? _h : "" : textValue;
-        const existingFilterIndex = newFiltersToAdd.findIndex(
-          (filter) => filter.arrayElement.label === element.label
-        );
-        const newFilter = { value, arrayElement: typeElement };
-        if (existingFilterIndex !== -1) {
-          newFiltersToAdd[existingFilterIndex] = newFilter;
-        } else {
-          newFiltersToAdd.push(newFilter);
-        }
-      }
-    });
-    setTextFilters((prevFilters) => {
-      let updatedFilters = [...prevFilters];
-      newFiltersToAdd.forEach((newFilter) => {
-        const existingFilterIndex = updatedFilters.findIndex(
-          (filter) => filter.arrayElement.label === newFilter.arrayElement.label
-        );
-        if (existingFilterIndex !== -1) {
-          updatedFilters[existingFilterIndex] = newFilter;
-        } else {
-          updatedFilters.push(newFilter);
-        }
-      });
-      return updatedFilters;
-    });
+  const handleKeyDown = (event2) => {
+    validateKeyDown(event2, format3);
+    if (onKeyDown) onKeyDown(event2);
   };
-  const getCurrentValue = (validation, typeElement) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    if (validation === "dateRange") {
-      if (((_a = typeElement.state) == null ? void 0 : _a[0]) && ((_b = typeElement.state) == null ? void 0 : _b[1])) {
-        return `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}`;
+  const handleInputChange = (event2) => {
+    let valueMax = maxLength ? maxLength + 1 : 50;
+    if (event2.target.value.length < valueMax) {
+      if (setState) {
+        setState(event2.target.value);
       }
-      return "";
-    }
-    if (validation === "datePicker") {
-      return ((_f = (_e = typeElement.state) == null ? void 0 : _e.isValid) == null ? void 0 : _f.call(_e)) ? typeElement.state.format("DD/MM/YYYY") : "";
-    }
-    if (validation === "time") {
-      return ((_h = (_g = typeElement.state) == null ? void 0 : _g.isValid) == null ? void 0 : _h.call(_g)) ? typeElement.state.format("HH:mm") : "";
-    }
-    return ((_i = typeElement.state) == null ? void 0 : _i.textValue) !== void 0 ? String(typeElement.state.textValue).trim() : String(typeElement.state).trim();
-  };
-  const updateFilter = (value, typeElement, label) => {
-    setTextFilters((prevFilters) => {
-      const newFilter = { value, arrayElement: typeElement };
-      const existingFilterIndex = prevFilters.findIndex(
-        (filter) => label !== void 0 ? filter.arrayElement.label === label : filter.value === value
-      );
-      if (existingFilterIndex !== -1) {
-        const updatedFilters = [...prevFilters];
-        updatedFilters[existingFilterIndex] = newFilter;
-        return updatedFilters;
-      } else {
-        return [...prevFilters, newFilter];
+      if (onChange) {
+        onChange(event2);
       }
-    });
+    }
   };
-  const hasActiveFilters = () => {
-    return arrayElements.some((arrayElement) => {
-      var _a, _b, _c;
-      const { validation, element: typeElement } = validateTypeElements(arrayElement);
-      if (((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0) {
-        return String(typeElement.state.textValue).trim() !== "";
-      } else if (validation === "dateRange") {
-        return ((_b = typeElement.state) == null ? void 0 : _b[0]) !== null && ((_c = typeElement.state) == null ? void 0 : _c[1]) !== null;
-      } else {
-        const stateValue = String(typeElement.state).trim();
-        return stateValue !== "" && stateValue !== "," && stateValue !== "undefined";
-      }
-    });
+  const handleBlur = validateOnBlurField({ state, required, setError, onBlur });
+  const handleOpenInfoTitle = (event2) => {
+    setAnchorInfoTitle(event2.currentTarget);
   };
-  const shouldShowChips = (chipFilters == null ? void 0 : chipFilters.length) ? true : stateChipFilters && hasActiveFilters();
-  return {
-    stateChipFilters,
-    setChipFilters,
-    textFilters,
-    setTextFilters,
-    shouldShowChips,
-    processChipFilters,
-    hasActiveFilters
+  const handleCloseInfoTitle = () => {
+    setAnchorInfoTitle(null);
   };
-};
-
-// src/Components/Drawer/hooks/useToast.ts
-import { useState as useState9 } from "react";
-var useToast = () => {
-  const [toast, setToast] = useState9(null);
-  const setToastWithDelay = (toastContent) => {
-    setToast(null);
-    setTimeout(() => {
-      setToast(toastContent);
-    }, 10);
+  const handleOpenInfoElement = (event2) => {
+    setAnchorInfoElement(event2.currentTarget);
   };
-  const clearToast = () => setToast(null);
-  return {
-    toast,
-    setToastWithDelay,
-    clearToast
+  const handleCloseInfoElement = () => {
+    setAnchorInfoElement(null);
   };
-};
-
-// src/Components/Drawer/utils/filterUtils.ts
-var resetElementByType = (originalElement, validation, typeElement) => {
-  let defaultValue;
-  switch (validation) {
-    case "textField":
-    case "textArea":
-      defaultValue = "";
-      break;
-    case "dateRange":
-      defaultValue = [null, null];
-      break;
-    case "datePicker":
-    case "time":
-      defaultValue = null;
-      break;
-    case "multiselect":
-      defaultValue = { hiddenValue: [], textValue: [] };
-      break;
-    default:
-      defaultValue = { hiddenValue: "-1", textValue: "" };
-  }
-  if (typeElement.setState) {
-    typeElement.setState(defaultValue);
-  }
-};
-var cleanAllFilters = (arrayElements, setTextFilters) => {
-  arrayElements.forEach((element) => {
-    const { validation, element: typeElement } = validateTypeElements(element);
-    if (typeElement.setState) {
-      resetElementByType(element, validation, typeElement);
+  return /* @__PURE__ */ React9.createElement(Box5, { sx: { width } }, /* @__PURE__ */ React9.createElement(Grid, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ React9.createElement(SvgIcon2, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ React9.createElement(Typography4, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
+    InfoOutlined,
+    {
+      color: "action",
+      fontSize: "small",
+      onMouseEnter: (event2) => handleOpenInfoTitle(event2),
+      onMouseLeave: () => handleCloseInfoTitle()
     }
-  });
-  setTextFilters([]);
-};
-var deleteFilter = (element, shouldShowChips, setTextFilters) => {
-  const { validation, element: typeElement } = validateTypeElements(element);
-  if (typeElement.setState && shouldShowChips) {
-    resetElementByType(element, validation, typeElement);
-    setTextFilters(
-      (prevFilters) => prevFilters.filter((filter) => filter.arrayElement.label !== element.label)
-    );
-  }
-};
-
-// src/Components/Drawer/components/DrawerButton.tsx
-import React10 from "react";
-import { Button as Button5, Chip as Chip2 } from "@mui/material";
-var DrawerButton = ({
-  buttonDrawer,
-  onToggle
-}) => {
-  var _a, _b, _c;
-  const ButtonIcon = getIcon(buttonDrawer == null ? void 0 : buttonDrawer.icon);
-  if ((buttonDrawer == null ? void 0 : buttonDrawer.type) === "chip") {
-    return /* @__PURE__ */ React10.createElement(
-      Chip2,
-      __spreadProps(__spreadValues({
-        onClick: onToggle,
-        size: "medium",
-        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__ */ React10.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
-        deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React10.createElement(ButtonIcon, { fontSize: "small" }) : void 0
-      }, (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? { onDelete: () => {
-      } } : {}), {
-        sx: {
-          "& .MuiChip-icon": {
-            color: "inherit"
-          },
-          textTransform: "capitalize"
-        }
-      })
-    );
-  }
-  return /* @__PURE__ */ React10.createElement(
-    Button5,
-    {
-      "data-testid": "test-buttonDrawer",
-      sx: { textTransform: "capitalize" },
-      color: buttonDrawer == null ? void 0 : buttonDrawer.color,
-      onClick: onToggle,
-      size: "small",
-      variant: (_b = buttonDrawer == null ? void 0 : buttonDrawer.variant) != null ? _b : "text",
-      startIcon: ((buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "left" || !(buttonDrawer == null ? void 0 : buttonDrawer.iconPosition)) && ButtonIcon ? /* @__PURE__ */ React10.createElement(ButtonIcon, { fontSize: "small" }) : null,
-      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ React10.createElement(ButtonIcon, { fontSize: "small" }) : null
-    },
-    (_c = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _c : ""
-  );
-};
-
-// src/Components/Drawer/components/ChipFiltersDisplay.tsx
-import React11, { useRef as useRef3, useState as useState10, useEffect as useEffect7 } from "react";
-import { Box as Box7, IconButton as IconButton6, Chip as Chip3 } from "@mui/material";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-var ChipFiltersDisplay = ({
-  textFilters,
-  onDeleteFilter
-}) => {
-  const scrollRef = useRef3(null);
-  const [hasOverflow, setHasOverflow] = useState10(false);
-  useEffect7(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    const checkOverflow = () => setHasOverflow(el.scrollWidth > el.clientWidth);
-    checkOverflow();
-    const observer = new ResizeObserver(checkOverflow);
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [textFilters]);
-  const scroll = (offset) => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollLeft += offset;
-    }
-  };
-  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ React11.createElement(Box7, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, hasOverflow && /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronLeftIcon, { fontSize: "small", color: "action" })), /* @__PURE__ */ React11.createElement(
-    Box7,
-    {
-      ref: scrollRef,
-      gap: 0.3,
-      sx: {
-        display: "flex",
-        overflowX: "auto",
-        scrollBehavior: "smooth",
-        "&::-webkit-scrollbar": { display: "none" }
-      }
-    },
-    textFilters == null ? void 0 : textFilters.map((chipData, index) => /* @__PURE__ */ React11.createElement(
-      Chip3,
-      __spreadProps(__spreadValues({
-        key: index,
-        label: chipData.value
-      }, chipData.arrayElement.required === false || chipData.arrayElement.required === void 0 ? { onDelete: () => onDeleteFilter(chipData.arrayElement) } : {}), {
-        color: "default",
-        variant: "filled",
-        size: "small",
-        sx: {
-          flexShrink: 0,
-          minWidth: "auto"
-        }
-      })
-    ))
-  ), hasOverflow && /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))));
-};
-
-// src/Components/Drawer/components/DrawerContent.tsx
-import React17 from "react";
-import { Box as Box13, Stack as Stack8 } from "@mui/material";
-
-// src/Components/Textfield/SCTextField.tsx
-import React12, { useEffect as useEffect8, useState as useState11 } from "react";
-import { FormControl, IconButton as IconButton7, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover as Popover2, Input, Box as Box8, Typography as Typography7, SvgIcon as SvgIcon3, Tooltip as Tooltip4 } from "@mui/material";
-import Grid from "@mui/material/Grid";
-import { Visibility, VisibilityOff, InfoOutlined } from "@mui/icons-material";
-
-// src/Components/Textfield/Helpers/validateIcon.tsx
-import * as Muicon4 from "@mui/icons-material";
-function getIconComponent2(name) {
-  if (typeof name !== "string") return name;
-  return name in Muicon4 ? Muicon4[name] : void 0;
-}
-function getIconValidation(name) {
-  if (typeof name !== "string") {
-    return (name == null ? void 0 : name.type) ? "icon" : "text";
-  }
-  return name in Muicon4 ? "icon" : "text";
-}
-
-// src/Components/Textfield/Helpers/validateKeyDown.tsx
-function validateKeyDown(event2, format3) {
-  const key = event2.key;
-  const target = event2.target;
-  if (format3 === "int" && !/^[0-9]$/.test(key)) {
-    event2.preventDefault();
-  }
-  if (format3 === "decimal" && (target.value === "" && key === "." || key === "-" || key === "+")) {
-    event2.preventDefault();
-  }
-  if (target.type === "text") {
-    const regex = /^[a-zA-ZáéíóúÁÉÍÓÚñÑ0-9\s_\-.,@]+$/;
-    if (!regex.test(key)) {
-      event2.preventDefault();
-    }
-  }
-}
-
-// src/Components/Textfield/Helpers/validateOnBlur.tsx
-var validateOnBlurField = ({
-  state,
-  required = false,
-  setError,
-  onBlur
-}) => (event2) => {
-  const isError = !state.trim() && required;
-  setError(isError);
-  if (onBlur) {
-    onBlur(event2);
-  }
-};
-
-// src/Components/Textfield/SCTextField.tsx
-var SCTextField = ({
-  //informativas
-  title,
-  iconTitle,
-  infoTitle,
-  label = "",
-  placeholder = "",
-  infoElement,
-  iconInputStart,
-  iconInputEnd,
-  maxLength,
-  //Apariencia
-  variant = "outlined",
-  format: format3,
-  disabled,
-  required,
-  size,
-  width = "100%",
-  color,
-  background,
-  //Funcionales
-  setState,
-  state,
-  onChange,
-  onBlur,
-  onKeyDown
-}) => {
-  const inputComponents = {
-    outlined: OutlinedInput,
-    filled: FilledInput,
-    standard: Input
-  };
-  const InputComponent = inputComponents[variant] || OutlinedInput;
-  let IconInputStartValidation;
-  let IconInputEndValidation;
-  let IconInputStart;
-  let IconInputEnd;
-  let IconTitle;
-  const [showPassword, setShowPassword] = useState11(false);
-  const [error, setError] = useState11(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = useState11(null);
-  const openInfoTitle = Boolean(anchorInfoTitle);
-  const [anchorInfoElement, setAnchorInfoElement] = useState11(null);
-  const openInfoElement = Boolean(anchorInfoElement);
-  useEffect8(() => {
-    if (error) {
-      setTimeout(() => {
-        setError(false);
-      }, 1e3);
-    }
-  }, [error]);
-  if (iconInputStart) {
-    IconInputStartValidation = getIconValidation(iconInputStart);
-    IconInputStart = getIconComponent2(iconInputStart);
-  }
-  if (iconInputEnd) {
-    IconInputEndValidation = getIconValidation(iconInputEnd);
-    IconInputEnd = getIconComponent2(iconInputEnd);
-  }
-  if (iconTitle) {
-    IconTitle = getIconComponent2(iconTitle);
-  }
-  const handleClickShowPassword = () => setShowPassword((show) => !show);
-  const handleMouseDownPassword = (event2) => {
-    event2.preventDefault();
-  };
-  const handleKeyDown = (event2) => {
-    validateKeyDown(event2, format3);
-    if (onKeyDown) onKeyDown(event2);
-  };
-  const handleInputChange = (event2) => {
-    let valueMax = maxLength ? maxLength + 1 : 50;
-    if (event2.target.value.length < valueMax) {
-      if (setState) {
-        setState(event2.target.value);
-      }
-      if (onChange) {
-        onChange(event2);
-      }
-    }
-  };
-  const handleBlur = validateOnBlurField({ state, required, setError, onBlur });
-  const handleOpenInfoTitle = (event2) => {
-    setAnchorInfoTitle(event2.currentTarget);
-  };
-  const handleCloseInfoTitle = () => {
-    setAnchorInfoTitle(null);
-  };
-  const handleOpenInfoElement = (event2) => {
-    setAnchorInfoElement(event2.currentTarget);
-  };
-  const handleCloseInfoElement = () => {
-    setAnchorInfoElement(null);
-  };
-  return /* @__PURE__ */ React12.createElement(Box8, { sx: { width } }, /* @__PURE__ */ React12.createElement(Grid, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ React12.createElement(SvgIcon3, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ React12.createElement(Typography7, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
-    InfoOutlined,
-    {
-      color: "action",
-      fontSize: "small",
-      onMouseEnter: (event2) => handleOpenInfoTitle(event2),
-      onMouseLeave: () => handleCloseInfoTitle()
-    }
-  ), /* @__PURE__ */ React12.createElement(
-    Popover2,
+  ), /* @__PURE__ */ React9.createElement(
+    Popover,
     {
       sx: {
         pointerEvents: "none",
@@ -2039,14 +1441,14 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ React12.createElement(Typography7, { p: 2 }, infoTitle.text)
-  )) : /* @__PURE__ */ React12.createElement(Tooltip4, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React9.createElement(Typography4, { p: 2 }, infoTitle.text)
+  )) : /* @__PURE__ */ React9.createElement(Tooltip2, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React9.createElement(
     InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ React12.createElement(Grid, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ React12.createElement(
+  ))) : ""), /* @__PURE__ */ React9.createElement(Grid, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ React9.createElement(
     FormControl,
     {
       color,
@@ -2061,7 +1463,7 @@ var SCTextField = ({
         }
       }
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React9.createElement(
       InputLabel,
       {
         "data-testid": "test-label",
@@ -2078,7 +1480,7 @@ var SCTextField = ({
       },
       label ? label : ""
     ),
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React9.createElement(
       InputComponent,
       {
         size: size ? size : "medium",
@@ -2094,17 +1496,17 @@ var SCTextField = ({
         type: !showPassword && format3 === "password" ? "password" : (format3 || "text").toUpperCase() === "INT" || (format3 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
         className: format3 === "password" && !showPassword ? "" : "",
         placeholder,
-        startAdornment: iconInputStart ? /* @__PURE__ */ React12.createElement(InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ React12.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ React12.createElement(InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ React12.createElement(
-          IconButton7,
+        startAdornment: iconInputStart ? /* @__PURE__ */ React9.createElement(InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ React9.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
+        endAdornment: /* @__PURE__ */ React9.createElement(InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ React9.createElement(
+          IconButton5,
           {
             "aria-label": "toggle password visibility",
             onClick: handleClickShowPassword,
             onMouseDown: handleMouseDownPassword,
             edge: "end"
           },
-          showPassword ? /* @__PURE__ */ React12.createElement(VisibilityOff, null) : /* @__PURE__ */ React12.createElement(Visibility, null)
-        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+          showPassword ? /* @__PURE__ */ React9.createElement(VisibilityOff, null) : /* @__PURE__ */ React9.createElement(Visibility, null)
+        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
           InfoOutlined,
           {
             "data-testid": "test-infoElement",
@@ -2115,8 +1517,8 @@ var SCTextField = ({
             onMouseEnter: (event2) => handleOpenInfoElement(event2),
             onMouseLeave: () => handleCloseInfoElement()
           }
-        ), /* @__PURE__ */ React12.createElement(
-          Popover2,
+        ), /* @__PURE__ */ React9.createElement(
+          Popover,
           {
             sx: {
               pointerEvents: "none",
@@ -2137,19 +1539,19 @@ var SCTextField = ({
             },
             disableRestoreFocus: true
           },
-          /* @__PURE__ */ React12.createElement(Typography7, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-        )) : /* @__PURE__ */ React12.createElement(Tooltip4, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React12.createElement(
+          /* @__PURE__ */ React9.createElement(Typography4, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+        )) : /* @__PURE__ */ React9.createElement(Tooltip2, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React9.createElement(
           InfoOutlined,
           {
             color: "action",
             fontSize: "small"
           }
-        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ React12.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
+        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ React9.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
         label: label ? label + (format3 === "password" && !showPassword ? "" : "") : "",
         autoComplete: format3 === "password" ? "new-password" : "off"
       }
     )
-  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
     InfoOutlined,
     {
       "data-testid": "test-infoElement",
@@ -2160,8 +1562,8 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoElement(event2),
       onMouseLeave: handleCloseInfoElement
     }
-  ), /* @__PURE__ */ React12.createElement(
-    Popover2,
+  ), /* @__PURE__ */ React9.createElement(
+    Popover,
     {
       sx: { pointerEvents: "none" },
       open: openInfoElement,
@@ -2177,8 +1579,8 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ React12.createElement(Typography7, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-  )) : /* @__PURE__ */ React12.createElement(Tooltip4, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React9.createElement(Typography4, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+  )) : /* @__PURE__ */ React9.createElement(Tooltip2, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React9.createElement(
     InfoOutlined,
     {
       sx: { marginLeft: "4px" },
@@ -2198,8 +1600,8 @@ function getIcon2(name) {
 }
 
 // src/Components/TextArea/SCTextArea.tsx
-import React13, { useEffect as useEffect9, useState as useState12 } from "react";
-import { Typography as Typography8, Stack as Stack7, TextField, Box as Box9, Popover as Popover3, Tooltip as Tooltip5, SvgIcon as SvgIcon4, Grid as Grid2 } from "@mui/material";
+import React10, { useEffect as useEffect8, useState as useState10 } from "react";
+import { Typography as Typography5, Stack as Stack4, TextField, Box as Box6, Popover as Popover2, Tooltip as Tooltip3, SvgIcon as SvgIcon3, Grid as Grid2 } from "@mui/material";
 import { InfoOutlined as InfoOutlined2 } from "@mui/icons-material";
 var SCTextArea = ({
   //informativas
@@ -2222,11 +1624,11 @@ var SCTextArea = ({
   state,
   onBlur
 }) => {
-  const [helperCount, setHelperCount] = useState12(0);
-  const [stateError, setStateError] = useState12(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = React13.useState(null);
+  const [helperCount, setHelperCount] = useState10(0);
+  const [stateError, setStateError] = useState10(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = React10.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  useEffect9(() => {
+  useEffect8(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon2(iconTitle);
@@ -2248,7 +1650,7 @@ var SCTextArea = ({
   const handleCloseInfoTitle = () => {
     setAnchorInfoTitle(null);
   };
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Box9, { sx: { width } }, /* @__PURE__ */ React13.createElement(Grid2, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ React13.createElement(SvgIcon4, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ React13.createElement(Typography8, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Box6, { sx: { width } }, /* @__PURE__ */ React10.createElement(Grid2, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ React10.createElement(SvgIcon3, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ React10.createElement(Typography5, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(
     InfoOutlined2,
     {
       color: "action",
@@ -2256,8 +1658,8 @@ var SCTextArea = ({
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ React13.createElement(
-    Popover3,
+  ), /* @__PURE__ */ React10.createElement(
+    Popover2,
     {
       sx: { pointerEvents: "none" },
       open: openInfoTitle,
@@ -2273,14 +1675,14 @@ var SCTextArea = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ React13.createElement(Typography8, { sx: { p: 2 } }, infoTitle.text)
-  )) : /* @__PURE__ */ React13.createElement(Tooltip5, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React10.createElement(Typography5, { sx: { p: 2 } }, infoTitle.text)
+  )) : /* @__PURE__ */ React10.createElement(Tooltip3, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React10.createElement(
     InfoOutlined2,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ React13.createElement(Stack7, null, /* @__PURE__ */ React13.createElement(
+  ))) : ""), /* @__PURE__ */ React10.createElement(Stack4, null, /* @__PURE__ */ React10.createElement(
     TextField,
     {
       required,
@@ -2305,8 +1707,8 @@ var SCTextArea = ({
         shrink: true
       }
     }
-  )), /* @__PURE__ */ React13.createElement(Stack7, null, /* @__PURE__ */ React13.createElement(
-    Typography8,
+  )), /* @__PURE__ */ React10.createElement(Stack4, null, /* @__PURE__ */ React10.createElement(
+    Typography5,
     {
       variant: "caption",
       color: "text.secondary",
@@ -2319,10 +1721,10 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-import React14, { useEffect as useEffect10 } from "react";
-import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem as MenuItem2, SvgIcon as SvgIcon5, ListItemIcon, ListItemText, Box as Box10 } from "@mui/material";
+import React11, { useEffect as useEffect9 } from "react";
+import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem, SvgIcon as SvgIcon4, ListItemIcon, ListItemText, Box as Box7 } from "@mui/material";
 import Select from "@mui/material/Select";
-import * as Muicon5 from "@mui/icons-material";
+import * as Muicon4 from "@mui/icons-material";
 function SCSelect({
   label = "",
   data,
@@ -2337,16 +1739,16 @@ function SCSelect({
   state
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
-  const [prevData, setPrevData] = React14.useState(data);
-  const [error, setError] = React14.useState(false);
-  useEffect10(() => {
+  const [prevData, setPrevData] = React11.useState(data);
+  const [error, setError] = React11.useState(false);
+  useEffect9(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  useEffect10(() => {
+  useEffect9(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -2356,7 +1758,7 @@ function SCSelect({
   data.map(function(option, index, array) {
     if (option == null ? void 0 : option.icon) {
       if ((option == null ? void 0 : option.icon.type) == void 0) {
-        option.icon = Muicon5[option == null ? void 0 : option.icon];
+        option.icon = Muicon4[option == null ? void 0 : option.icon];
       } else {
         option;
       }
@@ -2380,7 +1782,7 @@ function SCSelect({
       }
     }
   };
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, data && /* @__PURE__ */ React14.createElement(Box10, { sx: { width } }, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, data && /* @__PURE__ */ React11.createElement(Box7, { sx: { width } }, /* @__PURE__ */ React11.createElement(
     FormControl2,
     {
       fullWidth: true,
@@ -2388,18 +1790,18 @@ function SCSelect({
       variant,
       sx: { background: background ? background : "transparent" }
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React11.createElement(
       InputLabel2,
       {
         error
       },
-      required ? /* @__PURE__ */ React14.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
+      required ? /* @__PURE__ */ React11.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
     ),
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React11.createElement(
       Select,
       {
         value: Array.isArray(state.hiddenValue) ? state.hiddenValue[0] || "" : state.hiddenValue != "-1" ? state.hiddenValue : "",
-        label: required ? /* @__PURE__ */ React14.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+        label: required ? /* @__PURE__ */ React11.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
         onChange: handleChange,
         onBlur: handleBlur,
         variant,
@@ -2430,20 +1832,20 @@ function SCSelect({
         }
       },
       data.map((option, index) => {
-        return /* @__PURE__ */ React14.createElement(MenuItem2, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ React14.createElement(ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React14.createElement(SvgIcon5, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ React14.createElement(ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
+        return /* @__PURE__ */ React11.createElement(MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ React11.createElement(ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React11.createElement(SvgIcon4, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ React11.createElement(ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
       })
     )
   )));
 }
 
 // src/Components/SCAutocomplete.tsx
-import React15, { useEffect as useEffect11, useMemo as useMemo3 } from "react";
-import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem3, TextField as TextField3, Avatar, Typography as Typography10, SvgIcon as SvgIcon6, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider4, FormControlLabel as FormControlLabel2, IconButton as IconButton9, Chip as Chip4, Box as Box11, Button as Button7, Grid as Grid3, Popper, Paper } from "@mui/material";
+import React12, { useEffect as useEffect10, useMemo as useMemo3 } from "react";
+import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem2, TextField as TextField3, Avatar, Typography as Typography7, SvgIcon as SvgIcon5, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider3, FormControlLabel as FormControlLabel2, IconButton as IconButton7, Chip as Chip3, Box as Box8, Button as Button7, Grid as Grid3, Popper, Paper } from "@mui/material";
 import { Search, Clear } from "@mui/icons-material";
-import * as Muicon6 from "@mui/icons-material";
+import * as Muicon5 from "@mui/icons-material";
 var StopEvent = ({ children }) => {
-  return /* @__PURE__ */ React15.createElement(
-    Box11,
+  return /* @__PURE__ */ React12.createElement(
+    Box8,
     {
       onMouseDown: (e) => {
         e.preventDefault();
@@ -2481,12 +1883,12 @@ function SCAutocomplete({
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
   let isSelected = false;
-  const [selectedOptions, setSelectedOptions] = React15.useState([]);
-  const [prevData, setPrevData] = React15.useState(data);
-  const [originalData, setOriginalData] = React15.useState(data);
-  const [inputValue, setInputValue] = React15.useState("");
-  const [isUserTyping, setIsUserTyping] = React15.useState(false);
-  useEffect11(() => {
+  const [selectedOptions, setSelectedOptions] = React12.useState([]);
+  const [prevData, setPrevData] = React12.useState(data);
+  const [originalData, setOriginalData] = React12.useState(data);
+  const [inputValue, setInputValue] = React12.useState("");
+  const [isUserTyping, setIsUserTyping] = React12.useState(false);
+  useEffect10(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -2497,7 +1899,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -2507,7 +1909,7 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
@@ -2526,7 +1928,7 @@ function SCAutocomplete({
     return data.map((option) => {
       if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
         return __spreadProps(__spreadValues({}, option), {
-          icon: Muicon6[option.icon]
+          icon: Muicon5[option.icon]
         });
       }
       return option;
@@ -2576,16 +1978,16 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
-  const [open, setOpen] = React15.useState(false);
-  const componentClickActiveRef = React15.useRef(false);
-  const listboxScrollRef = React15.useRef(null);
-  const containerRef = React15.useRef(null);
-  const [chipLimit, setChipLimit] = React15.useState(2);
-  const outsideChipsMeasureRef = React15.useRef(null);
-  const [visibleChipCount, setVisibleChipCount] = React15.useState(Number.MAX_SAFE_INTEGER);
-  const [popoverAnchor, setPopoverAnchor] = React15.useState(null);
-  const popoverTimerRef = React15.useRef(null);
-  useEffect11(() => {
+  const [open, setOpen] = React12.useState(false);
+  const componentClickActiveRef = React12.useRef(false);
+  const listboxScrollRef = React12.useRef(null);
+  const containerRef = React12.useRef(null);
+  const [chipLimit, setChipLimit] = React12.useState(2);
+  const outsideChipsMeasureRef = React12.useRef(null);
+  const [visibleChipCount, setVisibleChipCount] = React12.useState(Number.MAX_SAFE_INTEGER);
+  const [popoverAnchor, setPopoverAnchor] = React12.useState(null);
+  const popoverTimerRef = React12.useRef(null);
+  useEffect10(() => {
     const el = containerRef.current;
     if (!el) return;
     const observer = new ResizeObserver((entries) => {
@@ -2596,7 +1998,7 @@ function SCAutocomplete({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!chipOutside || typeFormat !== "multiselect") return;
     const box = outsideChipsMeasureRef.current;
     if (!box) return;
@@ -2616,7 +2018,7 @@ function SCAutocomplete({
     observer.observe(box);
     return () => observer.disconnect();
   }, [selectedOptions, chipOutside, typeFormat]);
-  useEffect11(() => {
+  useEffect10(() => {
     const displayCount = Math.min(visibleChipCount, selectedOptions.length);
     if (selectedOptions.length - displayCount === 0) {
       setPopoverAnchor(null);
@@ -2646,7 +2048,7 @@ function SCAutocomplete({
       return Boolean(item.onComponentClick);
     });
   }, [data, getItemValue]);
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, data && /* @__PURE__ */ React15.createElement(Box11, { ref: containerRef, sx: { width } }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, data && /* @__PURE__ */ React12.createElement(Box8, { ref: containerRef, sx: { width } }, /* @__PURE__ */ React12.createElement(
     Autocomplete,
     __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
@@ -2679,10 +2081,10 @@ function SCAutocomplete({
       limitTags: chipLimit,
       renderTags: chipOutside ? () => null : (value, getTagProps) => {
         const limit = chipLimit;
-        return /* @__PURE__ */ React15.createElement(React15.Fragment, null, value.slice(0, limit).map((option, index) => {
+        return /* @__PURE__ */ React12.createElement(React12.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
-          return /* @__PURE__ */ React15.createElement(
-            Chip4,
+          return /* @__PURE__ */ React12.createElement(
+            Chip3,
             __spreadProps(__spreadValues({
               key,
               color: "default",
@@ -2693,7 +2095,7 @@ function SCAutocomplete({
               style: { maxWidth: 120, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
             })
           );
-        }), value.length > limit && /* @__PURE__ */ React15.createElement(Box11, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
+        }), value.length > limit && /* @__PURE__ */ React12.createElement(Box8, { 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"]);
@@ -2712,8 +2114,8 @@ function SCAutocomplete({
           group = option[columnGroup];
         }
         const item = getItemValue(option);
-        return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(React15.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ React15.createElement(Typography10, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ React15.createElement(
-          MenuItem3,
+        return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(React12.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ React12.createElement(Typography7, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ React12.createElement(
+          MenuItem2,
           __spreadProps(__spreadValues({}, optionProps), {
             component: "li",
             disabled: isDisabled,
@@ -2723,8 +2125,8 @@ function SCAutocomplete({
               opacity: isDisabled ? 0.5 : 1
             }
           }),
-          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ React15.createElement(ListItemIcon2, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React15.createElement(SvgIcon6, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
-          typeFormat == "multiselect" ? /* @__PURE__ */ React15.createElement(
+          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ React12.createElement(ListItemIcon2, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React12.createElement(SvgIcon5, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
+          typeFormat == "multiselect" ? /* @__PURE__ */ React12.createElement(
             Checkbox,
             {
               checked: isSelected,
@@ -2733,8 +2135,8 @@ function SCAutocomplete({
               color: "primary"
             }
           ) : "",
-          /* @__PURE__ */ React15.createElement(ListItemText2, { primary: getItemValue(option).text, color: "text.primary" }),
-          item.component != null ? /* @__PURE__ */ React15.createElement(StopEvent, null, /* @__PURE__ */ React15.createElement(
+          /* @__PURE__ */ React12.createElement(ListItemText2, { primary: getItemValue(option).text, color: "text.primary" }),
+          item.component != null ? /* @__PURE__ */ React12.createElement(StopEvent, null, /* @__PURE__ */ React12.createElement(
             "span",
             {
               onMouseDown: (event2) => {
@@ -2765,7 +2167,7 @@ function SCAutocomplete({
           )) : null
         )));
       },
-      renderInput: (params) => /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
+      renderInput: (params) => /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
         TextField3,
         __spreadProps(__spreadValues({
           sx: {
@@ -2777,10 +2179,10 @@ function SCAutocomplete({
             }
           }
         }, params), {
-          label: required ? /* @__PURE__ */ React15.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+          label: required ? /* @__PURE__ */ React12.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-            endAdornment: /* @__PURE__ */ React15.createElement(React15.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ React15.createElement(IconButton9, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ React15.createElement(Clear, { fontSize: "small" })) : "", /* @__PURE__ */ React15.createElement(InputAdornment3, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ React15.createElement(Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
+            endAdornment: /* @__PURE__ */ React12.createElement(React12.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ React12.createElement(IconButton7, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ React12.createElement(Clear, { fontSize: "small" })) : "", /* @__PURE__ */ React12.createElement(InputAdornment3, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ React12.createElement(Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
           })
         })
       )),
@@ -2792,9 +2194,9 @@ function SCAutocomplete({
           }
         },
         listbox: {
-          component: React15.forwardRef(function ListboxComponent(props, ref) {
-            return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
-              Box11,
+          component: React12.forwardRef(function ListboxComponent(props, ref) {
+            return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+              Box8,
               __spreadProps(__spreadValues({
                 ref: (node) => {
                   listboxScrollRef.current = node;
@@ -2808,9 +2210,9 @@ function SCAutocomplete({
                   backgroundColor: "white"
                 }, props.sx)
               }),
-              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(FormControlLabel2, { control: /* @__PURE__ */ React15.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__ */ React15.createElement(Divider4, null)) : "",
+              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(FormControlLabel2, { control: /* @__PURE__ */ React12.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__ */ React12.createElement(Divider3, null)) : "",
               props.children,
-              deleteType == "button" || fnAplicar ? /* @__PURE__ */ React15.createElement(
+              deleteType == "button" || fnAplicar ? /* @__PURE__ */ React12.createElement(
                 Grid3,
                 {
                   container: true,
@@ -2825,7 +2227,7 @@ function SCAutocomplete({
                     justifyContent: "space-between"
                   }
                 },
-                deleteType == "button" ? /* @__PURE__ */ React15.createElement(
+                deleteType == "button" ? /* @__PURE__ */ React12.createElement(
                   Button7,
                   {
                     variant: "text",
@@ -2839,7 +2241,7 @@ function SCAutocomplete({
                   },
                   "Limpiar"
                 ) : "",
-                fnAplicar && /* @__PURE__ */ React15.createElement(
+                fnAplicar && /* @__PURE__ */ React12.createElement(
                   Button7,
                   {
                     variant: "contained",
@@ -2858,8 +2260,8 @@ function SCAutocomplete({
   ), chipOutside && typeFormat === "multiselect" && selectedOptions.length > 0 && (() => {
     const displayCount = Math.min(visibleChipCount, selectedOptions.length);
     const hiddenCount = selectedOptions.length - displayCount;
-    return /* @__PURE__ */ React15.createElement(Box11, { sx: { position: "relative", mt: 0.5 } }, /* @__PURE__ */ React15.createElement(
-      Box11,
+    return /* @__PURE__ */ React12.createElement(Box8, { sx: { position: "relative", mt: 0.5 } }, /* @__PURE__ */ React12.createElement(
+      Box8,
       {
         ref: outsideChipsMeasureRef,
         "aria-hidden": "true",
@@ -2877,18 +2279,18 @@ function SCAutocomplete({
       },
       selectedOptions.map((option) => {
         const avatarText = resolveAvatarText(option);
-        return /* @__PURE__ */ React15.createElement("div", { key: getItemValue(option).value, "data-outside-chip": true, style: { display: "inline-flex" } }, /* @__PURE__ */ React15.createElement(
-          Chip4,
+        return /* @__PURE__ */ React12.createElement("div", { key: getItemValue(option).value, "data-outside-chip": true, style: { display: "inline-flex" } }, /* @__PURE__ */ React12.createElement(
+          Chip3,
           __spreadValues({
             size: "medium",
             label: getItemValue(option).text
-          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, null, avatarText) } : {})
+          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React12.createElement(Avatar, null, avatarText) } : {})
         ));
       })
-    ), /* @__PURE__ */ React15.createElement(Box11, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
+    ), /* @__PURE__ */ React12.createElement(Box8, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
       const avatarText = resolveAvatarText(option);
-      return /* @__PURE__ */ React15.createElement(
-        Chip4,
+      return /* @__PURE__ */ React12.createElement(
+        Chip3,
         __spreadValues({
           key: getItemValue(option).value,
           color: "default",
@@ -2896,17 +2298,17 @@ function SCAutocomplete({
           variant: "filled",
           label: getItemValue(option).text,
           onDelete: () => handleDeleteChip(option)
-        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, null, avatarText) } : {})
+        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React12.createElement(Avatar, null, avatarText) } : {})
       );
-    }), hiddenCount > 0 && /* @__PURE__ */ React15.createElement(
-      Box11,
+    }), hiddenCount > 0 && /* @__PURE__ */ React12.createElement(
+      Box8,
       {
         onMouseEnter: handlePlusEnter,
         onMouseLeave: handlePlusLeave,
         sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center", cursor: "default" }
       },
       `+${hiddenCount}`
-    )), /* @__PURE__ */ React15.createElement(
+    )), /* @__PURE__ */ React12.createElement(
       Popper,
       {
         open: Boolean(popoverAnchor),
@@ -2914,7 +2316,7 @@ function SCAutocomplete({
         placement: "bottom-start",
         sx: { zIndex: 1500 }
       },
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React12.createElement(
         Paper,
         {
           elevation: 3,
@@ -2924,8 +2326,8 @@ function SCAutocomplete({
         },
         selectedOptions.slice(displayCount).map((option) => {
           const avatarText = resolveAvatarText(option);
-          return /* @__PURE__ */ React15.createElement(
-            Chip4,
+          return /* @__PURE__ */ React12.createElement(
+            Chip3,
             __spreadValues({
               key: getItemValue(option).value,
               color: "default",
@@ -2933,7 +2335,7 @@ function SCAutocomplete({
               variant: "filled",
               label: getItemValue(option).text,
               onDelete: () => handleDeleteChip(option)
-            }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React15.createElement(Avatar, { sx: { fontSize: avatarText.length > 1 ? "0.55rem" : "0.75rem" } }, avatarText) } : {})
+            }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ React12.createElement(Avatar, { sx: { fontSize: avatarText.length > 1 ? "0.55rem" : "0.75rem" } }, avatarText) } : {})
           );
         })
       )
@@ -2942,13 +2344,13 @@ function SCAutocomplete({
 }
 
 // src/Components/SCDateRange.tsx
-import React16 from "react";
-import { Box as Box12, InputAdornment as InputAdornment4 } from "@mui/material";
+import React13 from "react";
+import { Box as Box9, 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";
 import { MultiInputDateRangeField } from "@mui/x-date-pickers-pro/MultiInputDateRangeField";
-import dayjs3 from "dayjs";
+import dayjs from "dayjs";
 import "dayjs/locale/es";
 import { LicenseInfo } from "@mui/x-license";
 import InsertInvitationOutlinedIcon from "@mui/icons-material/InsertInvitationOutlined";
@@ -2967,12 +2369,12 @@ var SCDateRange = ({
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
   const hasError = isStartEmpty || isEndEmpty;
-  const [notification, setNotification] = React16.useState(false);
+  const [notification, setNotification] = React13.useState(false);
   const handleDateChange = (newValue) => {
-    const minDateDayjs = dayjs3("2013-01-01");
+    const minDateDayjs = dayjs("2013-01-01");
     const convertedValue = [
-      newValue[0] ? dayjs3(newValue[0]) : null,
-      newValue[1] ? dayjs3(newValue[1]) : null
+      newValue[0] ? dayjs(newValue[0]) : null,
+      newValue[1] ? dayjs(newValue[1]) : null
     ];
     if (convertedValue[0] != null) {
       if ((!convertedValue[0].isValid() || !convertedValue[0].isAfter(minDateDayjs)) == true) {
@@ -3011,7 +2413,7 @@ var SCDateRange = ({
       setState(convertedValue);
     }
   };
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ React16.createElement(Box12, { sx: { width: "100%" } }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ React13.createElement(Box9, { sx: { width: "100%" } }, /* @__PURE__ */ React13.createElement(
     DateRangePicker,
     {
       value: state,
@@ -3035,7 +2437,7 @@ var SCDateRange = ({
             required,
             error: isStart ? isStartEmpty : isEndEmpty,
             InputProps: {
-              endAdornment: /* @__PURE__ */ React16.createElement(InputAdornment4, { position: "end" }, /* @__PURE__ */ React16.createElement(
+              endAdornment: /* @__PURE__ */ React13.createElement(InputAdornment4, { position: "end" }, /* @__PURE__ */ React13.createElement(
                 InsertInvitationOutlinedIcon,
                 {
                   color: hasError ? "error" : "action",
@@ -3071,11 +2473,11 @@ var DrawerContent = ({ arrayElements }) => {
     var _a, _b, _c, _d, _e, _f;
     const key = `Stack_${(_a = arrayElement.type) != null ? _a : ""} ${(_b = arrayElement.label) != null ? _b : ""}${index}`;
     if (arrayElement.component) {
-      return /* @__PURE__ */ React17.createElement(Stack8, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component);
+      return /* @__PURE__ */ React14.createElement(Stack5, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component);
     }
     switch (arrayElement.type) {
       case "textField":
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React14.createElement(
           SCTextField,
           {
             title: arrayElement.title,
@@ -3103,7 +2505,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "textArea":
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React14.createElement(
           SCTextArea,
           {
             title: arrayElement.title,
@@ -3124,7 +2526,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "autocomplete":
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React14.createElement(
           SCAutocomplete,
           {
             label: arrayElement.label,
@@ -3144,7 +2546,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "select":
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React14.createElement(
           SCSelect,
           {
             label: arrayElement.label,
@@ -3162,7 +2564,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "dateRange":
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React14.createElement(
           SCDateRange,
           {
             labelDateInitial: arrayElement.labelDateInitial,
@@ -3178,299 +2580,959 @@ var DrawerContent = ({ arrayElements }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ React17.createElement(Stack8, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
+  return /* @__PURE__ */ React14.createElement(Stack5, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
     var _a, _b;
-    return /* @__PURE__ */ React17.createElement(
-      Box13,
+    return /* @__PURE__ */ React14.createElement(
+      Box10,
       {
         key: `Stack_${(_a = arrayElement.type) != null ? _a : ""} ${(_b = arrayElement.label) != null ? _b : ""}${index}`,
         sx: { width: "100%" }
       },
-      renderElement(arrayElement, index)
-    );
-  }));
-};
-
-// src/Components/Drawer/components/DrawerActions.tsx
-import React18 from "react";
-import { Button as Button8 } from "@mui/material";
-import Grid4 from "@mui/material/Grid";
-var DrawerActions = ({ actions, anchor }) => {
-  if (actions === false || actions === void 0) {
-    return null;
-  }
-  if (!Array.isArray(actions) || actions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React18.createElement(
-    Grid4,
+      renderElement(arrayElement, index)
+    );
+  }));
+};
+
+// src/Components/Drawer/components/DrawerActions.tsx
+import React15 from "react";
+import { Button as Button8 } from "@mui/material";
+import Grid4 from "@mui/material/Grid";
+var DrawerActions = ({ actions, anchor }) => {
+  if (actions === false || actions === void 0) {
+    return null;
+  }
+  if (!Array.isArray(actions) || actions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React15.createElement(
+    Grid4,
+    {
+      sx: { borderTop: 1, borderColor: "#1018403B", zIndex: 1500 },
+      container: true,
+      gap: 2,
+      padding: "8px 16px",
+      height: "42px",
+      alignItems: "center",
+      flexWrap: "nowrap",
+      justifyContent: actions.length > 1 ? "space-between" : "flex-start",
+      flexDirection: "row-reverse"
+    },
+    actions.map((btn, index) => /* @__PURE__ */ React15.createElement(
+      Button8,
+      {
+        key: index,
+        variant: index === 0 || actions.length < 2 ? "contained" : "text",
+        color: btn.color ? btn.color : "primary",
+        onClick: btn.fn,
+        disabled: btn.disabled || false,
+        size: "small",
+        fullWidth: anchor === "bottom" ? true : false
+      },
+      btn.text
+    ))
+  );
+};
+
+// src/Components/Drawer/components/DrawerHeader.tsx
+import React16 from "react";
+import { Typography as Typography8, IconButton as IconButton8 } from "@mui/material";
+import Grid5 from "@mui/material/Grid";
+import CloseIcon from "@mui/icons-material/Close";
+var DrawerHeader = ({
+  title,
+  colorTitle,
+  onClose,
+  filterSideCard,
+  type = "Drawer"
+}) => {
+  return /* @__PURE__ */ React16.createElement(
+    Grid5,
+    {
+      container: true,
+      sx: {
+        marginTop: type == "Swipeable" ? "16px" : "0px",
+        backgroundColor: type == "Swipeable" ? "white" : type == "Sidecar" ? "#EAEBEC" : "primary.50",
+        alignItems: "center",
+        height: filterSideCard ? "38px" : "42px",
+        textAlign: "left",
+        padding: "8px 12px",
+        justifyContent: "space-between",
+        alignContent: "center"
+      }
+    },
+    /* @__PURE__ */ React16.createElement(Typography8, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda aqui"),
+    filterSideCard ? /* @__PURE__ */ React16.createElement(React16.Fragment, null, filterSideCard) : /* @__PURE__ */ React16.createElement(IconButton8, { onClick: onClose }, /* @__PURE__ */ React16.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
+  );
+};
+
+// src/Components/Drawer/SCDrawer.tsx
+function SCDrawer({
+  title,
+  arrayElements = [],
+  actions,
+  buttonDrawer,
+  colorTitle,
+  anchor = "left",
+  width,
+  open,
+  setOpen,
+  chipFilters,
+  heightDrawer = 456,
+  filterSideCard,
+  type = "Drawer",
+  onChipDelete
+}) {
+  const drawerBleeding = heightDrawer;
+  const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
+  const { toast, setToastWithDelay } = useToast();
+  const {
+    stateChipFilters,
+    setChipFilters,
+    textFilters,
+    setTextFilters,
+    shouldShowChips,
+    processChipFilters
+  } = useChipFilters(arrayElements, chipFilters);
+  const handleInputValidation = () => {
+    if (chipFilters == null ? void 0 : chipFilters.length) {
+      processChipFilters();
+    } else {
+      processChipFilters();
+      validateInputs(
+        arrayElements,
+        setToastWithDelay,
+        handleDrawerClose,
+        setChipFilters,
+        setTextFilters
+      );
+    }
+  };
+  const handleCleanFilters = () => {
+    cleanAllFilters(arrayElements, setTextFilters);
+  };
+  const handleDeleteFilter = (element) => {
+    deleteFilter(element, shouldShowChips, setTextFilters);
+    onChipDelete == null ? void 0 : onChipDelete(element);
+  };
+  const getActions = () => {
+    if (actions === false) return false;
+    if (actions !== void 0) return actions;
+    return [
+      { text: "Aplicar filtros", fn: handleInputValidation },
+      { text: "Limpiar filtros", fn: handleCleanFilters }
+    ];
+  };
+  const drawerActions = getActions();
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, toast && /* @__PURE__ */ React17.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React17.createElement(
+    Grid6,
+    {
+      container: true,
+      justifyContent: "flex-start",
+      flexWrap: "nowrap",
+      alignItems: "center",
+      sx: { width: "100%" }
+    },
+    shouldShowChips && /* @__PURE__ */ React17.createElement(
+      ChipFiltersDisplay,
+      {
+        textFilters,
+        onDeleteFilter: handleDeleteFilter
+      }
+    ),
+    buttonDrawer && /* @__PURE__ */ React17.createElement(
+      DrawerButton,
+      {
+        buttonDrawer,
+        onToggle: toggleDrawer(true)
+      }
+    )
+  ), type != "Swipeable" ? /* @__PURE__ */ React17.createElement(
+    Drawer,
+    {
+      open: drawerOpen,
+      onClose: type == "Sidecar" ? void 0 : toggleDrawer(false),
+      anchor: anchor != null ? anchor : "left",
+      sx: {
+        "& .MuiDrawer-paper": {
+          width: type == "Sidecar" ? "100%" : width != null ? width : "450px",
+          boxSizing: "border-box",
+          borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
+          boxShadow: type == "Sidecar" ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
+        },
+        "&.MuiDrawer-root": {
+          boxShadow: type == "Sidecar" ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
+        }
+      },
+      ModalProps: {
+        keepMounted: true,
+        disablePortal: type == "Sidecar" ? true : false,
+        slotProps: {
+          root: {
+            style: {
+              position: "absolute"
+            }
+          }
+        }
+      },
+      hideBackdrop: true,
+      PaperProps: {
+        sx: {
+          position: "absolute !important",
+          height: "100%",
+          width: 300,
+          right: 0
+        }
+      }
+    },
+    /* @__PURE__ */ React17.createElement(Stack6, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ React17.createElement(
+      DrawerHeader,
+      {
+        title,
+        colorTitle,
+        onClose: handleDrawerClose,
+        filterSideCard,
+        type
+      }
+    ), /* @__PURE__ */ React17.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ React17.createElement(DrawerActions, { actions: drawerActions, anchor }))
+  ) : /* @__PURE__ */ React17.createElement(
+    SwipeableDrawer,
+    {
+      open: drawerOpen,
+      onClose: toggleDrawer(false),
+      onOpen: toggleDrawer(true),
+      anchor: "bottom",
+      swipeAreaWidth: drawerBleeding,
+      transitionDuration: { enter: 500, exit: 400 },
+      ModalProps: {
+        BackdropProps: { timeout: 400 }
+      },
+      hysteresis: 0.2,
+      sx: {
+        zIndex: 1400,
+        "& .MuiDrawer-paper": {
+          width: "auto",
+          height: `calc(50% - ${drawerBleeding}px)`,
+          boxSizing: "border-box",
+          borderRadius: "4px 4px 0px 0px"
+        }
+      },
+      slotProps: {
+        backdrop: {
+          sx: { backgroundColor: "#00000038" }
+        }
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      Box11,
+      {
+        sx: {
+          width: 30,
+          height: 6,
+          backgroundColor: "#ccc",
+          borderRadius: 3,
+          position: "absolute",
+          top: 8,
+          left: "calc(50% - 15px)"
+        }
+      }
+    ),
+    /* @__PURE__ */ React17.createElement(Stack6, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ React17.createElement(
+      DrawerHeader,
+      {
+        title,
+        colorTitle,
+        onClose: handleDrawerClose,
+        type
+      }
+    ), /* @__PURE__ */ React17.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ React17.createElement(
+      Grid6,
+      {
+        sx: { zIndex: 1500 },
+        container: true,
+        gap: 2,
+        padding: "8px 16px 40px 16px",
+        height: "86px",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        justifyContent: Array.isArray(drawerActions) && drawerActions.length > 1 ? "space-between" : "flex-end",
+        flexDirection: "row-reverse"
+      },
+      Array.isArray(drawerActions) && drawerActions.map((btn, index) => /* @__PURE__ */ React17.createElement(
+        Button9,
+        {
+          key: index,
+          variant: index === 0 || drawerActions.length < 2 ? "contained" : "text",
+          color: "primary",
+          onClick: btn.fn,
+          disabled: btn.disabled || false,
+          size: "small",
+          fullWidth: type == "Swipeable" ? true : false
+        },
+        btn.text
+      ))
+    ))
+  ));
+}
+
+// src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
+var AttachmentMobile = ({
+  buttonAttachment,
+  maxSize = 400,
+  fileAccepted = "",
+  initialFiles,
+  deleteAction,
+  downloadAction,
+  onChange,
+  children,
+  sx,
+  view = "button",
+  iconFileItem,
+  onFileClick
+}) => {
+  const webcamRef = useRef3(null);
+  const [abrirCamara, setAbrirCamara] = useState12(false);
+  const [capturedImage, setCapturedImage] = useState12(null);
+  const [files, setFiles] = useState12([]);
+  const [fileToDelete, setFileToDelete] = useState12(null);
+  const [openDrawerDelete, setOpenDrawerDelete] = useState12(false);
+  const [toast, setToast] = useState12(null);
+  const [open, setOpen] = React18.useState(false);
+  const toggleAttachment = (newOpen) => () => {
+    setOpen(newOpen);
+  };
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon6[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon6[iconFileItem];
+    }
+  }
+  const closeCam = () => {
+    setAbrirCamara(false);
+  };
+  const openCam = () => {
+    setOpen(false);
+    setAbrirCamara(true);
+  };
+  let capturedImage2 = null;
+  const capture = useCallback2((e) => {
+    if (webcamRef.current) {
+      const imageSrc = webcamRef.current.getScreenshot();
+      setCapturedImage(imageSrc);
+      capturedImage2 = imageSrc;
+      setOpen(false);
+      toggleAttachment(false);
+      setAbrirCamara(false);
+      handleUpload(e);
+    }
+  }, [webcamRef, setCapturedImage]);
+  const inputRef = useRef3(null);
+  const handleUpload = (event2) => {
+    var _a;
+    let newFiles = event2.target.files;
+    if (capturedImage || capturedImage2) {
+      const image = capturedImage || capturedImage2;
+      if (!image) return;
+      const arr = image.split(",");
+      const mime = ((_a = arr[0].match(/:(.*?);/)) == null ? void 0 : _a[1]) || "image/jpeg";
+      const bstr = atob(arr[1]);
+      let n = bstr.length;
+      const u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      const fechaActual = new Date(Date.now());
+      const fechaConFormato = fechaActual.getFullYear() + "" + (fechaActual.getMonth() + 1) + fechaActual.getDate() + fechaActual.getHours() + fechaActual.getMinutes() + fechaActual.getSeconds();
+      const capturedFile = new File([u8arr], `photo_${fechaConFormato}.jpg`, { type: mime });
+      newFiles = [capturedFile];
+      setCapturedImage(null);
+      capturedImage2 = null;
+    }
+    if (!newFiles) return;
+    const nuevosArchivos = [];
+    const archivosValidos = [];
+    Array.from(newFiles).forEach((file) => {
+      const isDuplicateFile = files.some(
+        (existingFile) => existingFile.name === file.name && existingFile.size === file.size
+      );
+      const sizeMB = file.size / (1024 * 1024);
+      if (isDuplicateFile) {
+        setToast({
+          type: "error",
+          title: "Archivo duplicado",
+          listITems: [`El archivo "${file.name}" ya existe.`],
+          seeMore: true,
+          time: 5
+        });
+        return;
+      }
+      if (sizeMB > maxSize) {
+        nuevosArchivos.push({
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          progress: 0,
+          uploadError: true
+        });
+        setToast({
+          type: "error",
+          title: "Carga fallida",
+          seeMore: true,
+          listITems: [`El archivo "${file.name}" supera el l\xEDmite de ${maxSize}MB.`],
+          time: 5
+        });
+        return;
+      }
+      if (fileAccepted && !file.name.match(
+        new RegExp(
+          `(${fileAccepted.replace(/\./g, "\\.").replace(/,/g, "|")})$`,
+          "i"
+        )
+      )) {
+        setToast({
+          type: "error",
+          title: "Tipo de archivo no permitido",
+          listITems: [`El archivo "${file.name}" no es un tipo permitido.`],
+          seeMore: true,
+          time: 5
+        });
+        return;
+      }
+      nuevosArchivos.push({
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        progress: 0,
+        uploadError: false
+      });
+      archivosValidos.push(file);
+    });
+    if (nuevosArchivos.length > 0) {
+      setFiles((prevFiles) => {
+        const updatedFiles = [...prevFiles, ...nuevosArchivos];
+        if (archivosValidos.length > 0) {
+          onChange == null ? void 0 : onChange([
+            ...archivosValidos,
+            ...prevFiles.map((f) => new File([], f.name, { type: f.type }))
+          ]);
+        }
+        return updatedFiles;
+      });
+    }
+    setOpen(false);
+    event2.target.value = "";
+  };
+  const handleDeleteFile = (fileToRemove) => __async(null, null, function* () {
+    try {
+      if (deleteAction) {
+        yield deleteAction(fileToRemove.name);
+      }
+      const updatedFiles = files.filter(
+        (file) => !(file.name === fileToRemove.name && file.size === fileToRemove.size)
+      );
+      setFiles(updatedFiles);
+      if (onChange) {
+        const remainingValidFiles = updatedFiles.filter((f) => !f.uploadError).map((f) => new File([], f.name, { type: f.type }));
+        onChange(remainingValidFiles);
+      }
+      setToast({
+        type: "success",
+        title: "Archivo eliminado",
+        listITems: [`El archivo "${fileToRemove.name}" ha sido eliminado exitosamente.`],
+        seeMore: true,
+        time: 3
+      });
+    } catch (error) {
+      setToast({
+        type: "error",
+        title: "Error al eliminar",
+        listITems: [`No se pudo eliminar el archivo "${fileToRemove.name}".`],
+        seeMore: true,
+        time: 5
+      });
+    }
+  });
+  const deleteFiles = (fileName) => {
+    setFiles((prevFiles) => {
+      const filteredFiles = prevFiles.filter((file) => file.name !== fileName);
+      onChange == null ? void 0 : onChange(
+        filteredFiles.map((f) => new File([], f.name, { type: f.type }))
+      );
+      return filteredFiles;
+    });
+  };
+  const AttachtmentActions = [
+    { icon: /* @__PURE__ */ React18.createElement(ImageOutlinedIcon, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.click();
+    } },
+    { icon: /* @__PURE__ */ React18.createElement(PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
+    { icon: /* @__PURE__ */ React18.createElement(FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.click();
+    } }
+  ];
+  useEffect11(() => {
+    if (initialFiles && initialFiles.length > 0) {
+      setFiles(initialFiles);
+    }
+  }, []);
+  return /* @__PURE__ */ React18.createElement(Box12, { display: "flex", flexDirection: "column", gap: 1 }, view == "button" ? /* @__PURE__ */ React18.createElement(Box12, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ React18.createElement(
+    AttachmentButton,
+    {
+      buttonAttachment,
+      open,
+      setOpen
+    }
+  )) : "", /* @__PURE__ */ React18.createElement(CssBaseline, null), /* @__PURE__ */ React18.createElement(
+    SwipeableDrawer2,
+    {
+      slotProps: {
+        backdrop: {
+          sx: { backgroundColor: "#00000038" }
+        }
+      },
+      ModalProps: {
+        sx: {
+          zIndex: 1400,
+          "& .MuiPaper-root": {
+            borderRadius: "16px 16px 0 0"
+          }
+        },
+        BackdropProps: { timeout: 400 }
+      },
+      transitionDuration: { enter: 500, exit: 400 },
+      hysteresis: 0.2,
+      anchor: "bottom",
+      swipeAreaWidth: 56,
+      open,
+      onClose: toggleAttachment(false),
+      onOpen: toggleAttachment(true)
+    },
+    toast && /* @__PURE__ */ React18.createElement(SCToastNotification, __spreadValues({}, toast)),
+    /* @__PURE__ */ React18.createElement(Box12, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ React18.createElement(Box12, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ React18.createElement(Typography9, { variant: "h6", color: "text.primary" }, "Agrega adjuntos"), /* @__PURE__ */ React18.createElement(IconButton9, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ React18.createElement(CloseOutlined, { color: "action" }))), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "file",
+        multiple: true,
+        hidden: true,
+        ref: inputRef,
+        onChange: handleUpload
+      }
+    ), /* @__PURE__ */ React18.createElement(Box12, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2, sx: { padding: "0px 0px 52px 0px !important" } }, AttachtmentActions.map((option, index) => /* @__PURE__ */ React18.createElement(
+      Box12,
+      {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        width: "100%",
+        height: 80,
+        borderRadius: 1,
+        bgcolor: "grey.50",
+        border: "1px solid",
+        borderColor: "grey.100",
+        justifyContent: "center",
+        p: 1,
+        gap: 0.5,
+        onClick: option.onClick,
+        sx: {
+          cursor: "pointer"
+        }
+      },
+      /* @__PURE__ */ React18.createElement(
+        IconButton9,
+        {
+          sx: {
+            bgcolor: getAttachmentColor(option.color)
+          },
+          size: "large"
+        },
+        option.icon
+      ),
+      /* @__PURE__ */ React18.createElement(Typography9, { variant: "body2", color: "text.secondary" }, option.label)
+    ))))
+  ), abrirCamara && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(CancelOutlinedIcon, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ React18.createElement(Stack7, { className: "camras" }, /* @__PURE__ */ React18.createElement(
+    Webcam,
+    {
+      audio: false,
+      ref: webcamRef,
+      width: "100%",
+      height: "100%",
+      screenshotFormat: "image/jpeg",
+      videoConstraints: {
+        //facingMode: { exact: "environment" }
+        facingMode: "environment"
+        //facingMode: "environment" // cámara trasera
+      },
+      style: {
+        position: "fixed",
+        // Fijo para cubrir toda la ventana
+        top: 0,
+        left: 0,
+        objectFit: "cover",
+        backgroundColor: "black",
+        zIndex: 1600
+        // Encima de todo
+      }
+    }
+  ), /* @__PURE__ */ React18.createElement(
+    PhotoCameraIcon,
+    {
+      onClick: capture,
+      sx: {
+        height: "45px",
+        width: "45px",
+        padding: "6px",
+        backgroundColor: "white",
+        color: "#1E62A1",
+        borderRadius: "50px",
+        zIndex: 1700,
+        position: "absolute",
+        bottom: "10px",
+        left: "50%"
+      },
+      fontSize: "medium"
+    }
+  ))), files.length > 0 && /* @__PURE__ */ React18.createElement(
+    Stack7,
     {
-      sx: { borderTop: 1, borderColor: "#1018403B", zIndex: 1500 },
-      container: true,
-      gap: 2,
-      padding: "8px 16px",
-      height: "42px",
-      alignItems: "center",
-      flexWrap: "nowrap",
-      justifyContent: actions.length > 1 ? "space-between" : "flex-start",
-      flexDirection: "row-reverse"
+      "data-testid": "ContenedorArchivosAdjuntos",
+      id: "ContenedorArchivosAdjuntos",
+      width: "100%",
+      sx: __spreadValues({
+        overflowY: "auto"
+      }, files.length > 5 && {
+        maxHeight: 250
+      }),
+      spacing: 1
     },
-    actions.map((btn, index) => /* @__PURE__ */ React18.createElement(
-      Button8,
+    files.map((file) => /* @__PURE__ */ React18.createElement(
+      Stack7,
       {
-        key: index,
-        variant: index === 0 || actions.length < 2 ? "contained" : "text",
-        color: btn.color ? btn.color : "primary",
-        onClick: btn.fn,
-        disabled: btn.disabled || false,
-        size: "small",
-        fullWidth: anchor === "bottom" ? true : false
+        height: 46,
+        key: file.name + (file.uploadError ? "_error" : ""),
+        direction: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        padding: 1,
+        borderRadius: 1,
+        sx: {
+          backgroundColor: file.uploadError ? "error.50" : "transparent",
+          ":hover": {
+            backgroundColor: file.uploadError ? "error.100" : "primary.50"
+          }
+        }
       },
-      btn.text
+      /* @__PURE__ */ React18.createElement(
+        Stack7,
+        {
+          direction: "row",
+          alignItems: "center",
+          gap: 1,
+          width: "100%",
+          onClick: () => onFileClick == null ? void 0 : onFileClick(file),
+          sx: { cursor: onFileClick ? "pointer" : "default" }
+        },
+        iconFileItem ? /* @__PURE__ */ React18.createElement(SvgIcon6, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React18.createElement(
+          UploadFileOutlined2,
+          {
+            color: file.uploadError ? "error" : "primary",
+            fontSize: "small"
+          }
+        ),
+        /* @__PURE__ */ React18.createElement(Stack7, { width: "100%" }, /* @__PURE__ */ React18.createElement(
+          Typography9,
+          {
+            variant: "body2",
+            color: "text.primary",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: "310px"
+          },
+          file.name
+        ), /* @__PURE__ */ React18.createElement(
+          Typography9,
+          {
+            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}`
+        ))
+      ),
+      view == "file" ? /* @__PURE__ */ React18.createElement(Tooltip4, { title: "Descargar" }, /* @__PURE__ */ React18.createElement(
+        IconButton9,
+        {
+          size: "small",
+          onClick: () => downloadAction == null ? void 0 : downloadAction(file),
+          disabled: file.uploadError,
+          "aria-label": `Descargar ${file.name}`
+        },
+        /* @__PURE__ */ React18.createElement(FileDownloadOutlinedIcon, { fontSize: "small", color: "action" })
+      )) : "",
+      view == "button" ? /* @__PURE__ */ React18.createElement(Tooltip4, { title: "Eliminar" }, /* @__PURE__ */ React18.createElement(
+        IconButton9,
+        {
+          size: "small",
+          onClick: () => {
+            setFileToDelete(file);
+            setOpenDrawerDelete(true);
+          },
+          "aria-label": `Eliminar ${file.name}`
+        },
+        /* @__PURE__ */ React18.createElement(DeleteOutline2, { fontSize: "small", color: "action" })
+      )) : ""
     ))
-  );
-};
-
-// src/Components/Drawer/components/DrawerHeader.tsx
-import React19 from "react";
-import { Typography as Typography11, IconButton as IconButton10 } from "@mui/material";
-import Grid5 from "@mui/material/Grid";
-import CloseIcon from "@mui/icons-material/Close";
-var DrawerHeader = ({
-  title,
-  colorTitle,
-  onClose,
-  anchor,
-  filterSideCard
-}) => {
-  return /* @__PURE__ */ React19.createElement(
-    Grid5,
+  ), openDrawerDelete && /* @__PURE__ */ React18.createElement(
+    SCDrawer,
     {
-      container: true,
-      sx: {
-        marginTop: anchor == "bottom" ? "16px" : "0px",
-        backgroundColor: anchor == "bottom" ? "white" : filterSideCard ? "#EAEBEC" : "primary.50",
-        alignItems: "center",
-        height: filterSideCard ? "38px" : "42px",
-        textAlign: "left",
-        padding: "8px 12px",
-        justifyContent: "space-between",
-        alignContent: "center"
-      }
-    },
-    /* @__PURE__ */ React19.createElement(Typography11, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda aqui"),
-    filterSideCard ? /* @__PURE__ */ React19.createElement(React19.Fragment, null, filterSideCard) : /* @__PURE__ */ React19.createElement(IconButton10, { onClick: onClose }, /* @__PURE__ */ React19.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
-  );
+      open: openDrawerDelete,
+      setOpen: setOpenDrawerDelete,
+      title: "\xBFEliminar adjunto?",
+      type: "Swipeable",
+      heightDrawer: 150,
+      arrayElements: [
+        {
+          component: /* @__PURE__ */ React18.createElement(Typography9, null, "Esta seguro de eliminar el adjunto ", /* @__PURE__ */ React18.createElement("strong", null, '"', fileToDelete == null ? void 0 : fileToDelete.name, '"'), " ")
+        }
+      ],
+      actions: [
+        {
+          text: "Eliminar",
+          fn: () => __async(null, null, function* () {
+            if (fileToDelete) {
+              try {
+                if (deleteAction) {
+                  yield deleteAction(fileToDelete.name);
+                }
+                deleteFiles(fileToDelete.name);
+                setToast({
+                  title: "Archivo eliminado",
+                  type: "success",
+                  listITems: [`El archivo "${fileToDelete.name}" fue eliminado exitosamente.`],
+                  time: 3
+                });
+              } catch (error) {
+                setToast({
+                  title: "Error al eliminar archivo",
+                  type: "error",
+                  listITems: [`No se pudo eliminar el archivo "${fileToDelete.name}".`],
+                  time: 5
+                });
+              } finally {
+                setFileToDelete(null);
+                setOpenDrawerDelete(false);
+              }
+            }
+          })
+        },
+        { text: "Cancelar", fn: () => setOpenDrawerDelete(false) }
+      ]
+    }
+  ));
 };
 
-// src/Components/Drawer/SCDrawer.tsx
-function SCDrawer({
-  title,
-  arrayElements = [],
-  actions,
-  buttonDrawer,
-  colorTitle,
-  anchor = "left",
-  width,
-  open,
-  setOpen,
-  chipFilters,
-  heightDrawer = 456,
-  filterSideCard,
-  type = "Drawer",
-  onChipDelete
-}) {
-  const drawerBleeding = heightDrawer;
-  const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
-  const { toast, setToastWithDelay } = useToast();
-  const {
-    stateChipFilters,
-    setChipFilters,
-    textFilters,
-    setTextFilters,
-    shouldShowChips,
-    processChipFilters
-  } = useChipFilters(arrayElements, chipFilters);
-  const handleInputValidation = () => {
-    if (chipFilters == null ? void 0 : chipFilters.length) {
-      processChipFilters();
-    } else {
-      processChipFilters();
-      validateInputs(
-        arrayElements,
-        setToastWithDelay,
-        handleDrawerClose,
-        setChipFilters,
-        setTextFilters
-      );
-    }
+// src/Components/Calendario/Calendar.tsx
+import React31, { useEffect as useEffect12, useState as useState15 } from "react";
+import { Box as Box19, CircularProgress as CircularProgress5 } from "@mui/material";
+
+// src/Components/Calendario/CalendarToolbar.tsx
+import React19, { useState as useState13 } from "react";
+import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, EventOutlined } from "@mui/icons-material";
+import { Box as Box13, Chip as Chip5, IconButton as IconButton10, Menu, MenuItem as MenuItem3, Stack as Stack8, Typography as Typography10 } from "@mui/material";
+import dayjs2 from "dayjs";
+import updateLocale from "dayjs/plugin/updateLocale";
+import "dayjs/locale/es";
+dayjs2.locale("es");
+dayjs2.extend(updateLocale);
+dayjs2.updateLocale("en", {
+  weekStart: 0
+  // 0 = domingo
+});
+var CalendarToolbar = ({
+  labelDate,
+  view,
+  onView,
+  onNavigate,
+  children
+}) => {
+  const [anchorEl, setAnchorEl] = useState13(null);
+  const open = Boolean(anchorEl);
+  const handleMenuOpen = (event2) => {
+    setAnchorEl(event2.currentTarget);
   };
-  const handleCleanFilters = () => {
-    cleanAllFilters(arrayElements, setTextFilters);
+  const handleMenuClose = () => {
+    setAnchorEl(null);
   };
-  const handleDeleteFilter = (element) => {
-    deleteFilter(element, shouldShowChips, setTextFilters);
-    onChipDelete == null ? void 0 : onChipDelete(element);
+  const handleViewChange = (newView) => {
+    onView(newView);
+    handleMenuClose();
   };
-  const getActions = () => {
-    if (actions === false) return false;
-    if (actions !== void 0) return actions;
-    return [
-      { text: "Aplicar filtros", fn: handleInputValidation },
-      { text: "Limpiar filtros", fn: handleCleanFilters }
-    ];
+  const getFormattedDate = () => {
+    const sunday = labelDate.day(0);
+    if (view === "month") {
+      const textMonth = labelDate.format("MMMM YYYY");
+      return textMonth.charAt(0).toUpperCase() + textMonth.slice(1);
+    }
+    if (view === "week") {
+      return `${labelDate.startOf("week").format("DD MMM")} - ${labelDate.endOf("week").format("DD MMM YYYY")}`;
+    }
+    return labelDate.format(" DD MMMM YYYY");
   };
-  const drawerActions = getActions();
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, toast && /* @__PURE__ */ React20.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ React20.createElement(
-    Grid6,
+  return /* @__PURE__ */ React19.createElement(Stack8, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5, sx: { paddingBottom: "16px" } }, /* @__PURE__ */ React19.createElement(Stack8, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ React19.createElement(Box13, null, /* @__PURE__ */ React19.createElement(
+    Chip5,
     {
-      container: true,
-      justifyContent: "flex-start",
-      flexWrap: "nowrap",
-      alignItems: "center",
-      sx: { width: "100%" }
-    },
-    shouldShowChips && /* @__PURE__ */ React20.createElement(
-      ChipFiltersDisplay,
-      {
-        textFilters,
-        onDeleteFilter: handleDeleteFilter
-      }
-    ),
-    buttonDrawer && /* @__PURE__ */ React20.createElement(
-      DrawerButton,
-      {
-        buttonDrawer,
-        onToggle: toggleDrawer(true)
-      }
-    )
-  ), type != "Swipeable" ? /* @__PURE__ */ React20.createElement(
-    Drawer,
+      size: "medium",
+      label: "Hoy",
+      icon: /* @__PURE__ */ React19.createElement(EventOutlined, { fontSize: "small" }),
+      color: "primary",
+      onClick: () => onNavigate("TODAY"),
+      variant: "standard"
+    }
+  )), /* @__PURE__ */ React19.createElement(Stack8, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React19.createElement(IconButton10, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ React19.createElement(ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ React19.createElement(IconButton10, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ React19.createElement(ChevronRight, { fontSize: "small" })), /* @__PURE__ */ React19.createElement(Typography10, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ React19.createElement(IconButton10, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ React19.createElement(KeyboardArrowDown2, { fontSize: "small" })), /* @__PURE__ */ React19.createElement(
+    Menu,
     {
-      open: drawerOpen,
-      onClose: type == "Sidecar" ? void 0 : toggleDrawer(false),
-      anchor: anchor != null ? anchor : "left",
-      sx: {
-        "& .MuiDrawer-paper": {
-          width: type == "Sidecar" ? "100%" : width != null ? width : "450px",
-          boxSizing: "border-box",
-          borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
-          boxShadow: type == "Sidecar" ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
-        },
-        "&.MuiDrawer-root": {
-          boxShadow: type == "Sidecar" ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
-        }
-      },
-      ModalProps: {
-        keepMounted: true,
-        disablePortal: type == "Sidecar" ? true : false,
-        slotProps: {
-          root: {
-            style: {
-              position: "absolute"
-            }
-          }
-        }
-      },
-      hideBackdrop: true,
-      PaperProps: {
-        sx: {
-          position: "absolute !important",
-          height: "100%",
-          width: 300,
-          right: 0
-        }
-      }
+      anchorEl,
+      open,
+      onClose: handleMenuClose,
+      anchorOrigin: { vertical: "bottom", horizontal: "center" },
+      transformOrigin: { vertical: "top", horizontal: "center" }
     },
-    /* @__PURE__ */ React20.createElement(Stack9, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ React20.createElement(
-      DrawerHeader,
-      {
-        title,
-        colorTitle,
-        onClose: handleDrawerClose,
-        anchor,
-        filterSideCard
-      }
-    ), /* @__PURE__ */ React20.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ React20.createElement(DrawerActions, { actions: drawerActions, anchor }))
-  ) : /* @__PURE__ */ React20.createElement(
-    SwipeableDrawer2,
+    /* @__PURE__ */ React19.createElement(MenuItem3, { onClick: () => handleViewChange("month") }, "Mes"),
+    /* @__PURE__ */ React19.createElement(MenuItem3, { onClick: () => handleViewChange("week") }, "Semana"),
+    /* @__PURE__ */ React19.createElement(MenuItem3, { onClick: () => handleViewChange("day") }, "D\xEDa")
+  ))), children ? /* @__PURE__ */ React19.createElement(Box13, null, children) : /* @__PURE__ */ React19.createElement(Box13, { width: "24px" }), " ");
+};
+
+// src/Components/Calendario/Views/MonthView.tsx
+import React28 from "react";
+import { Box as Box16, Typography as Typography14, IconButton as IconButton11, Paper as Paper2, Tooltip as Tooltip6, Stack as Stack11, CircularProgress as CircularProgress2, Button as Button11 } from "@mui/material";
+import AddIcon from "@mui/icons-material/Add";
+import dayjs5 from "dayjs";
+import localeData from "dayjs/plugin/localeData";
+
+// src/Components/Calendario/Utils.tsx
+import dayjs3 from "dayjs";
+function getMonthDays(date) {
+  const start = date.startOf("month").day(0);
+  const end = date.endOf("month").day(6);
+  const days = [];
+  let current = start;
+  while (current.isBefore(end) || current.isSame(end, "day")) {
+    days.push(current);
+    current = current.add(1, "day");
+  }
+  return days;
+}
+var isToday = (date) => {
+  return date.isSame(dayjs3(), "day");
+};
+var stateColors = {
+  Asignada: "warning.200",
+  Generada: "default.main",
+  EnProgreso: "primary.200",
+  Aplazada: "secondary.A400",
+  Vencida: "error.200",
+  Finalizada: "success.200"
+  //#FCE4C0
+};
+
+// src/Components/Calendario/Event.tsx
+import React20 from "react";
+import { Box as Box14, Stack as Stack9, Typography as Typography11, Divider as Divider4, Popover as Popover3 } from "@mui/material";
+var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
+  const [anchorEl, setAnchorEl] = React20.useState(null);
+  const handlePopoverOpen = (event3) => {
+    setAnchorEl(event3.currentTarget);
+  };
+  const handlePopoverClose = () => {
+    setAnchorEl(null);
+  };
+  const open = Boolean(anchorEl);
+  return /* @__PURE__ */ React20.createElement(
+    Stack9,
     {
-      open: drawerOpen,
-      onClose: toggleDrawer(false),
-      onOpen: toggleDrawer(true),
-      anchor: "bottom",
-      swipeAreaWidth: drawerBleeding,
-      transitionDuration: { enter: 500, exit: 400 },
-      ModalProps: {
-        BackdropProps: { timeout: 400 }
-      },
-      hysteresis: 0.2,
-      sx: {
-        zIndex: 1400,
-        "& .MuiDrawer-paper": {
-          width: "auto",
-          height: `calc(50% - ${drawerBleeding}px)`,
-          boxSizing: "border-box",
-          borderRadius: "4px 4px 0px 0px"
-        }
+      direction: "row",
+      padding: 0.5,
+      borderRadius: 0.5,
+      alignItems: "flex-start",
+      minHeight: "20px",
+      onMouseOver: () => onHover == null ? void 0 : onHover(event2),
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick == null ? void 0 : onClick(event2);
       },
-      slotProps: {
-        backdrop: {
-          sx: { backgroundColor: "#00000038" }
-        }
-      }
+      sx: (theme) => __spreadValues({
+        backgroundColor: theme.palette.common.white,
+        boxShadow: theme.shadows[2],
+        color: theme.palette.text.secondary,
+        overflow: "hidden",
+        cursor: onClick ? "pointer" : "default"
+      }, sx)
     },
     /* @__PURE__ */ React20.createElement(
-      Box14,
+      Divider4,
       {
+        orientation: "vertical",
+        flexItem: true,
         sx: {
-          width: 30,
-          height: 6,
-          backgroundColor: "#ccc",
-          borderRadius: 3,
-          position: "absolute",
-          top: 8,
-          left: "calc(50% - 15px)"
+          width: "2px",
+          backgroundColor: color != null ? color : "primary.main",
+          borderRadius: "2px"
         }
       }
     ),
-    /* @__PURE__ */ React20.createElement(Stack9, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ React20.createElement(
-      DrawerHeader,
-      {
-        title,
-        colorTitle,
-        onClose: handleDrawerClose,
-        anchor
-      }
-    ), /* @__PURE__ */ React20.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ React20.createElement(
-      Grid6,
+    /* @__PURE__ */ React20.createElement(
+      Box14,
       {
-        sx: { zIndex: 1500 },
-        container: true,
-        gap: 2,
-        padding: "8px 16px 40px 16px",
-        height: "86px",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        justifyContent: Array.isArray(drawerActions) && drawerActions.length > 1 ? "space-between" : "flex-end",
-        flexDirection: "row-reverse"
+        px: 1,
+        py: 0.5,
+        flex: "1",
+        minWidth: 0,
+        display: "flex",
+        alignItems: "center"
       },
-      Array.isArray(drawerActions) && drawerActions.map((btn, index) => /* @__PURE__ */ React20.createElement(
-        Button9,
+      /* @__PURE__ */ React20.createElement(
+        Typography11,
         {
-          key: index,
-          variant: index === 0 || drawerActions.length < 2 ? "contained" : "text",
-          color: "primary",
-          onClick: btn.fn,
-          disabled: btn.disabled || false,
-          size: "small",
-          fullWidth: anchor === "bottom" ? true : false
+          color: "text.primary",
+          variant: "caption",
+          noWrap: true,
+          sx: {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          onMouseEnter: handlePopoverOpen,
+          onMouseLeave: handlePopoverClose
         },
-        btn.text
-      ))
-    ))
-  ));
-}
+        event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
+      ),
+      /* @__PURE__ */ React20.createElement(
+        Popover3,
+        {
+          id: "mouse-over-popover",
+          sx: { pointerEvents: "none" },
+          open,
+          anchorEl,
+          anchorOrigin: {
+            vertical: "top",
+            horizontal: "right"
+          },
+          transformOrigin: {
+            vertical: "bottom",
+            horizontal: "right"
+          },
+          onClose: handlePopoverClose,
+          disableRestoreFocus: true
+        },
+        onHover ? onHover(event2) : " "
+      )
+    )
+  );
+};
 
 // src/Components/EmptyState/EmptyState.tsx
 import React25 from "react";
@@ -4998,17 +5060,15 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerH
   let IconTitle;
   const [expanded, setExpanded] = React42.useState(false);
   if (iconTitle) {
-    if (Muicon8[iconTitle] == void 0) {
-      if (iconTitle && React42.isValidElement(iconTitle) && iconTitle.type == void 0) {
-        iconTitleValidation = "image";
-        IconTitle = iconTitle;
-      } else {
-        iconTitleValidation = "icon";
-        IconTitle = iconTitle;
-      }
-    } else {
+    if (typeof iconTitle === "string" && /\.(png|jpg|jpeg|gif|svg|webp)$/i.test(iconTitle)) {
+      iconTitleValidation = "image";
+      IconTitle = iconTitle;
+    } else if (Muicon8[iconTitle] != void 0) {
       iconTitleValidation = "icon";
       IconTitle = Muicon8[iconTitle];
+    } else {
+      iconTitleValidation = "icon";
+      IconTitle = iconTitle;
     }
   }
   const handleExpandClick = () => {