componentes-sinco 1.2.8 → 1.2.9

package/dist/index.cjs

@@ -846,7 +846,7 @@ var Attachment = ({
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"), 1);
 var import_react_webcam = __toESM(require("react-webcam"), 1);
 
 // src/Components/Adjuntar/mobile/components/button.tsx
@@ -897,1214 +897,616 @@ var AttachmentButton = ({ buttonAttachment, open, setOpen }) => {
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-var import_material5 = require("@mui/material");
+var import_material16 = require("@mui/material");
 var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"), 1);
 var import_system = require("@mui/system");
-var import_icons_material7 = require("@mui/icons-material");
+var import_icons_material10 = require("@mui/icons-material");
 var import_PhotoCamera = __toESM(require("@mui/icons-material/PhotoCamera"), 1);
 var import_CancelOutlined = __toESM(require("@mui/icons-material/CancelOutlined"), 1);
 var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"), 1);
 var import_FileDownloadOutlined = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
+var Muicon6 = __toESM(require("@mui/icons-material"), 1);
+
+// src/Components/Drawer/SCDrawer.tsx
+var import_react21 = __toESM(require("react"), 1);
+var import_material15 = require("@mui/material");
+var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
+
+// src/Components/Drawer/Helpers/Utils.tsx
 var Muicon2 = __toESM(require("@mui/icons-material"), 1);
-var AttachmentMobile = ({
-  buttonAttachment,
-  maxSize = 400,
-  fileAccepted = "",
-  initialFiles,
-  deleteAction,
-  downloadAction,
-  onChange,
-  children,
-  sx,
-  view = "button",
-  iconFileItem,
-  onFileClick
-}) => {
-  const webcamRef = (0, import_react7.useRef)(null);
-  const [abrirCamara, setAbrirCamara] = (0, import_react7.useState)(false);
-  const [capturedImage, setCapturedImage] = (0, import_react7.useState)(null);
-  const [files, setFiles] = (0, import_react7.useState)([]);
-  const [toast, setToast] = (0, import_react7.useState)(null);
-  const [open, setOpen] = import_react7.default.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
+var import_react7 = __toESM(require("react"), 1);
+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 (!import_react7.default.isValidElement(node)) return null;
+  if (isKnownComponent(node)) return node;
+  const children = (_a = node.props) == null ? void 0 : _a.children;
+  if (!children) return null;
+  for (const child of import_react7.default.Children.toArray(children)) {
+    if (import_react7.default.isValidElement(child)) {
+      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 (import_react7.default.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
+    const node = element.component;
+    validation = resolveValidation(node);
+    typeElement = node.props;
+  } else if (import_react7.default.isValidElement(element == null ? void 0 : element.component)) {
+    const found = findInTree(element.component);
+    if (found) {
+      validation = resolveValidation(found);
+      typeElement = found.props;
+    }
+  }
+  return { validation, element: typeElement };
+};
+
+// src/Components/Drawer/hooks/useDrawerState.ts
+var import_react8 = require("react");
+var useDrawerState = ({ open, setOpen }) => {
+  const [drawerOpen, setDrawerOpen] = (0, import_react8.useState)(open || false);
+  (0, import_react8.useEffect)(() => {
+    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 = (0, import_react7.useCallback)((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
+var import_react9 = require("react");
+var useChipFilters = (arrayElements, chipFilters) => {
+  const [stateChipFilters, setChipFilters] = (0, import_react9.useState)(false);
+  const [textFilters, setTextFilters] = (0, import_react9.useState)([]);
+  (0, import_react9.useEffect)(() => {
+    if (chipFilters == null ? void 0 : chipFilters.length) {
+      setTextFilters([]);
+      processChipFilters();
     }
-  }, [webcamRef, setCapturedImage]);
-  const inputRef = (0, import_react7.useRef)(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
+    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;
       }
-      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
+      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__ */ import_react7.default.createElement(import_ImageOutlined.default, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.click();
-    } },
-    { icon: /* @__PURE__ */ import_react7.default.createElement(import_icons_material7.PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
-    { icon: /* @__PURE__ */ import_react7.default.createElement(import_icons_material7.FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.click();
-    } }
-  ];
-  (0, import_react7.useEffect)(() => {
-    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__ */ import_react7.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", gap: 1 }, view == "button" ? /* @__PURE__ */ import_react7.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ import_react7.default.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__ */ import_react7.default.createElement(import_CssBaseline.default, null), /* @__PURE__ */ import_react7.default.createElement(
-    import_material5.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__ */ import_react7.default.createElement(SCToastNotification, __spreadValues({}, toast)),
-    /* @__PURE__ */ import_react7.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ import_react7.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, { variant: "h6", color: "text.primary" }, "Agrega adjuntos"), /* @__PURE__ */ import_react7.default.createElement(import_material5.IconButton, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ import_react7.default.createElement(import_icons_material7.CloseOutlined, { color: "action" }))), /* @__PURE__ */ import_react7.default.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__ */ import_react7.default.createElement(import_system.Box, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2, sx: { padding: "0px 0px 52px 0px !important" } }, AttachtmentActions.map((option, index) => /* @__PURE__ */ import_react7.default.createElement(
-      import_system.Box,
-      {
-        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__ */ import_react7.default.createElement(
-        import_material5.IconButton,
-        {
-          sx: {
-            bgcolor: getAttachmentColor(option.color)
-          },
-          size: "large"
-        },
-        option.icon
-      ),
-      /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, { variant: "body2", color: "text.secondary" }, option.label)
-    ))))
-  ), abrirCamara && /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_CancelOutlined.default, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { className: "camras" }, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_webcam.default,
-    {
-      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__ */ import_react7.default.createElement(
-    import_PhotoCamera.default,
-    {
-      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__ */ import_react7.default.createElement(
-    import_material5.Stack,
-    {
-      "data-testid": "ContenedorArchivosAdjuntos",
-      id: "ContenedorArchivosAdjuntos",
-      width: "100%",
-      sx: __spreadValues({
-        overflowY: "auto"
-      }, files.length > 5 && {
-        maxHeight: 250
-      }),
-      spacing: 1
-    },
-    files.map((file) => /* @__PURE__ */ import_react7.default.createElement(
-      import_material5.Stack,
-      {
-        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__ */ import_react7.default.createElement(
-        import_material5.Stack,
-        {
-          direction: "row",
-          alignItems: "center",
-          gap: 1,
-          width: "100%",
-          onClick: () => onFileClick == null ? void 0 : onFileClick(file),
-          sx: { cursor: onFileClick ? "pointer" : "default" }
-        },
-        iconFileItem ? /* @__PURE__ */ import_react7.default.createElement(import_material5.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react7.default.createElement(
-          import_icons_material7.UploadFileOutlined,
-          {
-            color: file.uploadError ? "error" : "primary",
-            fontSize: "small"
-          }
-        ),
-        /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { width: "100%" }, /* @__PURE__ */ import_react7.default.createElement(
-          import_material5.Typography,
-          {
-            variant: "body2",
-            color: "text.primary",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            maxWidth: "310px"
-          },
-          file.name
-        ), /* @__PURE__ */ import_react7.default.createElement(
-          import_material5.Typography,
-          {
-            variant: "caption",
-            color: file.uploadError ? "error" : "text.secondary"
-          },
-          file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
-        ))
-      ),
-      view == "file" ? /* @__PURE__ */ import_react7.default.createElement(import_material5.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react7.default.createElement(
-        import_material5.IconButton,
-        {
-          size: "small",
-          onClick: () => downloadAction == null ? void 0 : downloadAction(file),
-          disabled: file.uploadError,
-          "aria-label": `Descargar ${file.name}`
-        },
-        /* @__PURE__ */ import_react7.default.createElement(import_FileDownloadOutlined.default, { fontSize: "small", color: "action" })
-      )) : "",
-      view == "button" ? /* @__PURE__ */ import_react7.default.createElement(import_material5.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react7.default.createElement(
-        import_material5.IconButton,
-        {
-          size: "small",
-          onClick: () => handleDeleteFile(file),
-          "aria-label": `Eliminar ${file.name}`
-        },
-        /* @__PURE__ */ import_react7.default.createElement(import_icons_material7.DeleteOutline, { fontSize: "small", color: "action" })
-      )) : ""
-    ))
-  ));
-};
-
-// src/Components/Calendario/Calendar.tsx
-var import_react36 = __toESM(require("react"), 1);
-var import_material24 = require("@mui/material");
-
-// src/Components/Calendario/CalendarToolbar.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_icons_material8 = require("@mui/icons-material");
-var import_material6 = require("@mui/material");
-var import_dayjs = __toESM(require("dayjs"), 1);
-var import_updateLocale = __toESM(require("dayjs/plugin/updateLocale"), 1);
-var import_es = require("dayjs/locale/es");
-import_dayjs.default.locale("es");
-import_dayjs.default.extend(import_updateLocale.default);
-import_dayjs.default.updateLocale("en", {
-  weekStart: 0
-  // 0 = domingo
-});
-var CalendarToolbar = ({
-  labelDate,
-  view,
-  onView,
-  onNavigate,
-  children
-}) => {
-  const [anchorEl, setAnchorEl] = (0, import_react8.useState)(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
+var import_react10 = require("react");
+var useToast = () => {
+  const [toast, setToast] = (0, import_react10.useState)(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__ */ import_react8.default.createElement(import_material6.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5, sx: { paddingBottom: "16px" } }, /* @__PURE__ */ import_react8.default.createElement(import_material6.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, null, /* @__PURE__ */ import_react8.default.createElement(
-    import_material6.Chip,
-    {
-      size: "medium",
-      label: "Hoy",
-      icon: /* @__PURE__ */ import_react8.default.createElement(import_icons_material8.EventOutlined, { fontSize: "small" }),
-      color: "primary",
-      onClick: () => onNavigate("TODAY"),
-      variant: "standard"
-    }
-  )), /* @__PURE__ */ import_react8.default.createElement(import_material6.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react8.default.createElement(import_material6.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react8.default.createElement(import_icons_material8.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react8.default.createElement(import_material6.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react8.default.createElement(import_icons_material8.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react8.default.createElement(import_material6.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react8.default.createElement(import_material6.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react8.default.createElement(import_icons_material8.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react8.default.createElement(
-    import_material6.Menu,
-    {
-      anchorEl,
-      open,
-      onClose: handleMenuClose,
-      anchorOrigin: { vertical: "bottom", horizontal: "center" },
-      transformOrigin: { vertical: "top", horizontal: "center" }
-    },
-    /* @__PURE__ */ import_react8.default.createElement(import_material6.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
-    /* @__PURE__ */ import_react8.default.createElement(import_material6.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
-    /* @__PURE__ */ import_react8.default.createElement(import_material6.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  ))), children ? /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, null, children) : /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, { width: "24px" }), " ");
 };
 
-// src/Components/Calendario/Views/MonthView.tsx
-var import_react32 = __toESM(require("react"), 1);
-var import_material21 = require("@mui/material");
-var import_Add = __toESM(require("@mui/icons-material/Add"), 1);
-var import_dayjs5 = __toESM(require("dayjs"), 1);
-var import_localeData = __toESM(require("dayjs/plugin/localeData"), 1);
-
-// src/Components/Calendario/Utils.tsx
-var import_dayjs2 = __toESM(require("dayjs"), 1);
-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((0, import_dayjs2.default)(), "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
-var import_react9 = __toESM(require("react"), 1);
-var import_material7 = require("@mui/material");
-var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
-  const [anchorEl, setAnchorEl] = import_react9.default.useState(null);
-  const handlePopoverOpen = (event3) => {
-    setAnchorEl(event3.currentTarget);
-  };
-  const handlePopoverClose = () => {
-    setAnchorEl(null);
-  };
-  const open = Boolean(anchorEl);
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_material7.Stack,
-    {
-      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__ */ import_react9.default.createElement(
-      import_material7.Divider,
-      {
-        orientation: "vertical",
-        flexItem: true,
+// src/Components/Drawer/components/DrawerButton.tsx
+var import_react11 = __toESM(require("react"), 1);
+var import_material5 = require("@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__ */ import_react11.default.createElement(
+      import_material5.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__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
+        deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0
+      }, (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__ */ import_react9.default.createElement(
-      import_material7.Box,
-      {
-        px: 1,
-        py: 0.5,
-        flex: "1",
-        minWidth: 0,
-        display: "flex",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ import_react9.default.createElement(
-        import_material7.Typography,
-        {
-          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__ */ import_react9.default.createElement(
-        import_material7.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__ */ import_react11.default.createElement(
+    import_material5.Button,
+    {
+      "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__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : null,
+      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react11.default.createElement(ButtonIcon, { fontSize: "small" }) : null
+    },
+    (_c = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _c : ""
   );
 };
 
-// src/Components/Drawer/SCDrawer.tsx
-var import_react24 = __toESM(require("react"), 1);
-var import_material18 = require("@mui/material");
-var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
+// src/Components/Drawer/components/ChipFiltersDisplay.tsx
+var import_react12 = __toESM(require("react"), 1);
+var import_material6 = require("@mui/material");
+var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
+var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
+var ChipFiltersDisplay = ({
+  textFilters,
+  onDeleteFilter
+}) => {
+  const scrollRef = (0, import_react12.useRef)(null);
+  const [hasOverflow, setHasOverflow] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
+    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__ */ import_react12.default.createElement(import_react12.default.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ import_react12.default.createElement(import_material6.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, hasOverflow && /* @__PURE__ */ import_react12.default.createElement(import_material6.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_ChevronLeft.default, { fontSize: "small", color: "action" })), /* @__PURE__ */ import_react12.default.createElement(
+    import_material6.Box,
+    {
+      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__ */ import_react12.default.createElement(
+      import_material6.Chip,
+      __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__ */ import_react12.default.createElement(import_material6.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_ChevronRight.default, { fontSize: "small", color: "action" }))));
+};
 
-// src/Components/Drawer/Helpers/Utils.tsx
+// src/Components/Drawer/components/DrawerContent.tsx
+var import_react18 = __toESM(require("react"), 1);
+var import_material12 = require("@mui/material");
+
+// src/Components/Textfield/SCTextField.tsx
+var import_react13 = __toESM(require("react"), 1);
+var import_material7 = require("@mui/material");
+var import_Grid = __toESM(require("@mui/material/Grid"), 1);
+var import_icons_material7 = require("@mui/icons-material");
+
+// src/Components/Textfield/Helpers/validateIcon.tsx
 var Muicon3 = __toESM(require("@mui/icons-material"), 1);
-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++;
-      }
-    }
+// 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 (requiredValues === filledValues) {
-    onSuccess();
-    setChipFilters(true);
-  } else {
-    onError({
-      type: "error",
-      title: "Algunos campos son requeridos",
-      time: 10
-    });
-    setChipFilters(false);
+  if (format3 === "decimal" && (target.value === "" && key === "." || key === "-" || key === "+")) {
+    event2.preventDefault();
   }
-};
-
-// src/Components/Drawer/Helpers/validateTypeElement.tsx
-var import_react10 = __toESM(require("react"), 1);
-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 (!import_react10.default.isValidElement(node)) return null;
-  if (isKnownComponent(node)) return node;
-  const children = (_a = node.props) == null ? void 0 : _a.children;
-  if (!children) return null;
-  for (const child of import_react10.default.Children.toArray(children)) {
-    if (import_react10.default.isValidElement(child)) {
-      const found = findInTree(child);
-      if (found) return found;
+  if (target.type === "text") {
+    const regex = /^[a-zA-ZáéíóúÁÉÍÓÚñÑ0-9\s_\-.,@]+$/;
+    if (!regex.test(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 (import_react10.default.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
-    const node = element.component;
-    validation = resolveValidation(node);
-    typeElement = node.props;
-  } else if (import_react10.default.isValidElement(element == null ? void 0 : element.component)) {
-    const found = findInTree(element.component);
-    if (found) {
-      validation = resolveValidation(found);
-      typeElement = found.props;
-    }
+}
+
+// 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);
   }
-  return { validation, element: typeElement };
 };
 
-// src/Components/Drawer/hooks/useDrawerState.ts
-var import_react11 = require("react");
-var useDrawerState = ({ open, setOpen }) => {
-  const [drawerOpen, setDrawerOpen] = (0, import_react11.useState)(open || false);
-  (0, import_react11.useEffect)(() => {
-    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/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: import_material7.OutlinedInput,
+    filled: import_material7.FilledInput,
+    standard: import_material7.Input
   };
-};
-
-// src/Components/Drawer/hooks/useChipFilters.ts
-var import_react12 = require("react");
-var useChipFilters = (arrayElements, chipFilters) => {
-  const [stateChipFilters, setChipFilters] = (0, import_react12.useState)(false);
-  const [textFilters, setTextFilters] = (0, import_react12.useState)([]);
-  (0, import_react12.useEffect)(() => {
-    if (chipFilters == null ? void 0 : chipFilters.length) {
-      setTextFilters([]);
-      processChipFilters();
-    }
-  }, [chipFilters]);
-  const processChipFilters = () => {
-    if (!(chipFilters == null ? void 0 : chipFilters.length)) {
-      processManualFilters();
-      return;
+  const InputComponent = inputComponents[variant] || import_material7.OutlinedInput;
+  let IconInputStartValidation;
+  let IconInputEndValidation;
+  let IconInputStart;
+  let IconInputEnd;
+  let IconTitle;
+  const [showPassword, setShowPassword] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = (0, import_react13.useState)(null);
+  const openInfoTitle = Boolean(anchorInfoTitle);
+  const [anchorInfoElement, setAnchorInfoElement] = (0, import_react13.useState)(null);
+  const openInfoElement = Boolean(anchorInfoElement);
+  (0, import_react13.useEffect)(() => {
+    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
-var import_react13 = require("react");
-var useToast = () => {
-  const [toast, setToast] = (0, import_react13.useState)(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__ */ import_react13.default.createElement(import_material7.Box, { sx: { width } }, /* @__PURE__ */ import_react13.default.createElement(import_Grid.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react13.default.createElement(import_material7.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+    import_icons_material7.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
-var import_react14 = __toESM(require("react"), 1);
-var import_material8 = require("@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__ */ import_react14.default.createElement(
-      import_material8.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__ */ import_react14.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0,
-        deleteIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react14.default.createElement(ButtonIcon, { fontSize: "small" }) : void 0
-      }, (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? { onDelete: () => {
-      } } : {}), {
-        sx: {
-          "& .MuiChip-icon": {
-            color: "inherit"
-          },
-          textTransform: "capitalize"
-        }
-      })
-    );
-  }
-  return /* @__PURE__ */ import_react14.default.createElement(
-    import_material8.Button,
-    {
-      "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__ */ import_react14.default.createElement(ButtonIcon, { fontSize: "small" }) : null,
-      endIcon: (buttonDrawer == null ? void 0 : buttonDrawer.iconPosition) === "right" && ButtonIcon ? /* @__PURE__ */ import_react14.default.createElement(ButtonIcon, { fontSize: "small" }) : null
-    },
-    (_c = buttonDrawer == null ? void 0 : buttonDrawer.text) != null ? _c : ""
-  );
-};
-
-// src/Components/Drawer/components/ChipFiltersDisplay.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_material9 = require("@mui/material");
-var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
-var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
-var ChipFiltersDisplay = ({
-  textFilters,
-  onDeleteFilter
-}) => {
-  const scrollRef = (0, import_react15.useRef)(null);
-  const [hasOverflow, setHasOverflow] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
-    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__ */ import_react15.default.createElement(import_react15.default.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, hasOverflow && /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ChevronLeft.default, { fontSize: "small", color: "action" })), /* @__PURE__ */ import_react15.default.createElement(
-    import_material9.Box,
-    {
-      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__ */ import_react15.default.createElement(
-      import_material9.Chip,
-      __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__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ChevronRight.default, { fontSize: "small", color: "action" }))));
-};
-
-// src/Components/Drawer/components/DrawerContent.tsx
-var import_react21 = __toESM(require("react"), 1);
-var import_material15 = require("@mui/material");
-
-// src/Components/Textfield/SCTextField.tsx
-var import_react16 = __toESM(require("react"), 1);
-var import_material10 = require("@mui/material");
-var import_Grid = __toESM(require("@mui/material/Grid"), 1);
-var import_icons_material9 = require("@mui/icons-material");
-
-// src/Components/Textfield/Helpers/validateIcon.tsx
-var Muicon4 = __toESM(require("@mui/icons-material"), 1);
-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: import_material10.OutlinedInput,
-    filled: import_material10.FilledInput,
-    standard: import_material10.Input
-  };
-  const InputComponent = inputComponents[variant] || import_material10.OutlinedInput;
-  let IconInputStartValidation;
-  let IconInputEndValidation;
-  let IconInputStart;
-  let IconInputEnd;
-  let IconTitle;
-  const [showPassword, setShowPassword] = (0, import_react16.useState)(false);
-  const [error, setError] = (0, import_react16.useState)(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = (0, import_react16.useState)(null);
-  const openInfoTitle = Boolean(anchorInfoTitle);
-  const [anchorInfoElement, setAnchorInfoElement] = (0, import_react16.useState)(null);
-  const openInfoElement = Boolean(anchorInfoElement);
-  (0, import_react16.useEffect)(() => {
-    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__ */ import_react16.default.createElement(import_material10.Box, { sx: { width } }, /* @__PURE__ */ import_react16.default.createElement(import_Grid.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react16.default.createElement(import_material10.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
-    import_icons_material9.InfoOutlined,
-    {
-      color: "action",
-      fontSize: "small",
-      onMouseEnter: (event2) => handleOpenInfoTitle(event2),
-      onMouseLeave: () => handleCloseInfoTitle()
-    }
-  ), /* @__PURE__ */ import_react16.default.createElement(
-    import_material10.Popover,
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_material7.Popover,
     {
       sx: {
         pointerEvents: "none",
@@ -2125,15 +1527,15 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, { p: 2 }, infoTitle.text)
-  )) : /* @__PURE__ */ import_react16.default.createElement(import_material10.Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react16.default.createElement(
-    import_icons_material9.InfoOutlined,
+    /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { p: 2 }, infoTitle.text)
+  )) : /* @__PURE__ */ import_react13.default.createElement(import_material7.Tooltip, { title: infoTitle.text, "data-testid": "test-infoTitle", placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react13.default.createElement(
+    import_icons_material7.InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react16.default.createElement(import_Grid.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react16.default.createElement(
-    import_material10.FormControl,
+  ))) : ""), /* @__PURE__ */ import_react13.default.createElement(import_Grid.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react13.default.createElement(
+    import_material7.FormControl,
     {
       color,
       fullWidth: true,
@@ -2147,8 +1549,8 @@ var SCTextField = ({
         }
       }
     },
-    /* @__PURE__ */ import_react16.default.createElement(
-      import_material10.InputLabel,
+    /* @__PURE__ */ import_react13.default.createElement(
+      import_material7.InputLabel,
       {
         "data-testid": "test-label",
         htmlFor: "",
@@ -2164,7 +1566,7 @@ var SCTextField = ({
       },
       label ? label : ""
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(
       InputComponent,
       {
         size: size ? size : "medium",
@@ -2180,18 +1582,18 @@ var SCTextField = ({
         type: !showPassword && format3 === "password" ? "password" : (format3 || "text").toUpperCase() === "INT" || (format3 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
         className: format3 === "password" && !showPassword ? "" : "",
         placeholder,
-        startAdornment: iconInputStart ? /* @__PURE__ */ import_react16.default.createElement(import_material10.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react16.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ import_react16.default.createElement(import_material10.InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ import_react16.default.createElement(
-          import_material10.IconButton,
+        startAdornment: iconInputStart ? /* @__PURE__ */ import_react13.default.createElement(import_material7.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react13.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
+        endAdornment: /* @__PURE__ */ import_react13.default.createElement(import_material7.InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ import_react13.default.createElement(
+          import_material7.IconButton,
           {
             "aria-label": "toggle password visibility",
             onClick: handleClickShowPassword,
             onMouseDown: handleMouseDownPassword,
             edge: "end"
           },
-          showPassword ? /* @__PURE__ */ import_react16.default.createElement(import_icons_material9.VisibilityOff, null) : /* @__PURE__ */ import_react16.default.createElement(import_icons_material9.Visibility, null)
-        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
-          import_icons_material9.InfoOutlined,
+          showPassword ? /* @__PURE__ */ import_react13.default.createElement(import_icons_material7.VisibilityOff, null) : /* @__PURE__ */ import_react13.default.createElement(import_icons_material7.Visibility, null)
+        ) : iconInputEnd === void 0 && infoElement !== void 0 ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+          import_icons_material7.InfoOutlined,
           {
             "data-testid": "test-infoElement",
             sx: { ml: 0.5 },
@@ -2201,8 +1603,8 @@ var SCTextField = ({
             onMouseEnter: (event2) => handleOpenInfoElement(event2),
             onMouseLeave: () => handleCloseInfoElement()
           }
-        ), /* @__PURE__ */ import_react16.default.createElement(
-          import_material10.Popover,
+        ), /* @__PURE__ */ import_react13.default.createElement(
+          import_material7.Popover,
           {
             sx: {
               pointerEvents: "none",
@@ -2223,20 +1625,20 @@ var SCTextField = ({
             },
             disableRestoreFocus: true
           },
-          /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-        )) : /* @__PURE__ */ import_react16.default.createElement(import_material10.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react16.default.createElement(
-          import_icons_material9.InfoOutlined,
+          /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+        )) : /* @__PURE__ */ import_react13.default.createElement(import_material7.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react13.default.createElement(
+          import_icons_material7.InfoOutlined,
           {
             color: "action",
             fontSize: "small"
           }
-        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react16.default.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
+        ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react13.default.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
         label: label ? label + (format3 === "password" && !showPassword ? "" : "") : "",
         autoComplete: format3 === "password" ? "new-password" : "off"
       }
     )
-  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
-    import_icons_material9.InfoOutlined,
+  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+    import_icons_material7.InfoOutlined,
     {
       "data-testid": "test-infoElement",
       component: "svg",
@@ -2246,8 +1648,8 @@ var SCTextField = ({
       onMouseEnter: (event2) => handleOpenInfoElement(event2),
       onMouseLeave: handleCloseInfoElement
     }
-  ), /* @__PURE__ */ import_react16.default.createElement(
-    import_material10.Popover,
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_material7.Popover,
     {
       sx: { pointerEvents: "none" },
       open: openInfoElement,
@@ -2263,9 +1665,9 @@ var SCTextField = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
-  )) : /* @__PURE__ */ import_react16.default.createElement(import_material10.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react16.default.createElement(
-    import_icons_material9.InfoOutlined,
+    /* @__PURE__ */ import_react13.default.createElement(import_material7.Typography, { "data-testid": "test-popover-text", p: 2 }, infoElement.text)
+  )) : /* @__PURE__ */ import_react13.default.createElement(import_material7.Tooltip, { title: infoElement.text, placement: "bottom-end", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react13.default.createElement(
+    import_icons_material7.InfoOutlined,
     {
       sx: { marginLeft: "4px" },
       color: "action",
@@ -2284,9 +1686,9 @@ function getIcon2(name) {
 }
 
 // src/Components/TextArea/SCTextArea.tsx
-var import_react17 = __toESM(require("react"), 1);
-var import_material11 = require("@mui/material");
-var import_icons_material10 = require("@mui/icons-material");
+var import_react14 = __toESM(require("react"), 1);
+var import_material8 = require("@mui/material");
+var import_icons_material8 = require("@mui/icons-material");
 var SCTextArea = ({
   //informativas
   title,
@@ -2308,11 +1710,11 @@ var SCTextArea = ({
   state,
   onBlur
 }) => {
-  const [helperCount, setHelperCount] = (0, import_react17.useState)(0);
-  const [stateError, setStateError] = (0, import_react17.useState)(false);
-  const [anchorInfoTitle, setAnchorInfoTitle] = import_react17.default.useState(null);
+  const [helperCount, setHelperCount] = (0, import_react14.useState)(0);
+  const [stateError, setStateError] = (0, import_react14.useState)(false);
+  const [anchorInfoTitle, setAnchorInfoTitle] = import_react14.default.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon2(iconTitle);
@@ -2334,16 +1736,16 @@ var SCTextArea = ({
   const handleCloseInfoTitle = () => {
     setAnchorInfoTitle(null);
   };
-  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_material11.Box, { sx: { width } }, /* @__PURE__ */ import_react17.default.createElement(import_material11.Grid, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ import_react17.default.createElement(import_material11.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ import_react17.default.createElement(import_material11.Typography, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
-    import_icons_material10.InfoOutlined,
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(import_material8.Box, { sx: { width } }, /* @__PURE__ */ import_react14.default.createElement(import_material8.Grid, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ import_react14.default.createElement(import_material8.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ import_react14.default.createElement(import_material8.Typography, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
+    import_icons_material8.InfoOutlined,
     {
       color: "action",
       fontSize: "small",
       onMouseEnter: (event2) => handleOpenInfoTitle(event2),
       onMouseLeave: () => handleCloseInfoTitle()
     }
-  ), /* @__PURE__ */ import_react17.default.createElement(
-    import_material11.Popover,
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_material8.Popover,
     {
       sx: { pointerEvents: "none" },
       open: openInfoTitle,
@@ -2359,15 +1761,15 @@ var SCTextArea = ({
       },
       disableRestoreFocus: true
     },
-    /* @__PURE__ */ import_react17.default.createElement(import_material11.Typography, { sx: { p: 2 } }, infoTitle.text)
-  )) : /* @__PURE__ */ import_react17.default.createElement(import_material11.Tooltip, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react17.default.createElement(
-    import_icons_material10.InfoOutlined,
+    /* @__PURE__ */ import_react14.default.createElement(import_material8.Typography, { sx: { p: 2 } }, infoTitle.text)
+  )) : /* @__PURE__ */ import_react14.default.createElement(import_material8.Tooltip, { title: infoTitle.text, placement: "bottom-start", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react14.default.createElement(
+    import_icons_material8.InfoOutlined,
     {
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react17.default.createElement(import_material11.Stack, null, /* @__PURE__ */ import_react17.default.createElement(
-    import_material11.TextField,
+  ))) : ""), /* @__PURE__ */ import_react14.default.createElement(import_material8.Stack, null, /* @__PURE__ */ import_react14.default.createElement(
+    import_material8.TextField,
     {
       required,
       placeholder,
@@ -2391,8 +1793,8 @@ var SCTextArea = ({
         shrink: true
       }
     }
-  )), /* @__PURE__ */ import_react17.default.createElement(import_material11.Stack, null, /* @__PURE__ */ import_react17.default.createElement(
-    import_material11.Typography,
+  )), /* @__PURE__ */ import_react14.default.createElement(import_material8.Stack, null, /* @__PURE__ */ import_react14.default.createElement(
+    import_material8.Typography,
     {
       variant: "caption",
       color: "text.secondary",
@@ -2405,10 +1807,10 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-var import_react18 = __toESM(require("react"), 1);
-var import_material12 = require("@mui/material");
+var import_react15 = __toESM(require("react"), 1);
+var import_material9 = require("@mui/material");
 var import_Select = __toESM(require("@mui/material/Select"), 1);
-var Muicon5 = __toESM(require("@mui/icons-material"), 1);
+var Muicon4 = __toESM(require("@mui/icons-material"), 1);
 function SCSelect({
   label = "",
   data,
@@ -2423,16 +1825,16 @@ function SCSelect({
   state
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
-  const [prevData, setPrevData] = import_react18.default.useState(data);
-  const [error, setError] = import_react18.default.useState(false);
-  (0, import_react18.useEffect)(() => {
+  const [prevData, setPrevData] = import_react15.default.useState(data);
+  const [error, setError] = import_react15.default.useState(false);
+  (0, import_react15.useEffect)(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -2442,7 +1844,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;
       }
@@ -2466,26 +1868,26 @@ function SCSelect({
       }
     }
   };
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, data && /* @__PURE__ */ import_react18.default.createElement(import_material12.Box, { sx: { width } }, /* @__PURE__ */ import_react18.default.createElement(
-    import_material12.FormControl,
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, data && /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { sx: { width } }, /* @__PURE__ */ import_react15.default.createElement(
+    import_material9.FormControl,
     {
       fullWidth: true,
       size: size ? size : "medium",
       variant,
       sx: { background: background ? background : "transparent" }
     },
-    /* @__PURE__ */ import_react18.default.createElement(
-      import_material12.InputLabel,
+    /* @__PURE__ */ import_react15.default.createElement(
+      import_material9.InputLabel,
       {
         error
       },
-      required ? /* @__PURE__ */ import_react18.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
+      required ? /* @__PURE__ */ import_react15.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label
     ),
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       import_Select.default,
       {
         value: Array.isArray(state.hiddenValue) ? state.hiddenValue[0] || "" : state.hiddenValue != "-1" ? state.hiddenValue : "",
-        label: required ? /* @__PURE__ */ import_react18.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+        label: required ? /* @__PURE__ */ import_react15.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
         onChange: handleChange,
         onBlur: handleBlur,
         variant,
@@ -2516,20 +1918,20 @@ function SCSelect({
         }
       },
       data.map((option, index) => {
-        return /* @__PURE__ */ import_react18.default.createElement(import_material12.MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react18.default.createElement(import_material12.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react18.default.createElement(import_material12.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ import_react18.default.createElement(import_material12.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
+        return /* @__PURE__ */ import_react15.default.createElement(import_material9.MenuItem, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react15.default.createElement(import_material9.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react15.default.createElement(import_material9.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ import_react15.default.createElement(import_material9.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
       })
     )
   )));
 }
 
 // src/Components/SCAutocomplete.tsx
-var import_react19 = __toESM(require("react"), 1);
-var import_material13 = require("@mui/material");
-var import_icons_material11 = require("@mui/icons-material");
-var Muicon6 = __toESM(require("@mui/icons-material"), 1);
+var import_react16 = __toESM(require("react"), 1);
+var import_material10 = require("@mui/material");
+var import_icons_material9 = require("@mui/icons-material");
+var Muicon5 = __toESM(require("@mui/icons-material"), 1);
 var StopEvent = ({ children }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(
-    import_material13.Box,
+  return /* @__PURE__ */ import_react16.default.createElement(
+    import_material10.Box,
     {
       onMouseDown: (e) => {
         e.preventDefault();
@@ -2567,12 +1969,12 @@ function SCAutocomplete({
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
   let isSelected = false;
-  const [selectedOptions, setSelectedOptions] = import_react19.default.useState([]);
-  const [prevData, setPrevData] = import_react19.default.useState(data);
-  const [originalData, setOriginalData] = import_react19.default.useState(data);
-  const [inputValue, setInputValue] = import_react19.default.useState("");
-  const [isUserTyping, setIsUserTyping] = import_react19.default.useState(false);
-  (0, import_react19.useEffect)(() => {
+  const [selectedOptions, setSelectedOptions] = import_react16.default.useState([]);
+  const [prevData, setPrevData] = import_react16.default.useState(data);
+  const [originalData, setOriginalData] = import_react16.default.useState(data);
+  const [inputValue, setInputValue] = import_react16.default.useState("");
+  const [isUserTyping, setIsUserTyping] = import_react16.default.useState(false);
+  (0, import_react16.useEffect)(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -2583,7 +1985,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -2593,7 +1995,7 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
@@ -2608,11 +2010,11 @@ function SCAutocomplete({
       textValue: newSelected.length > 0 ? newSelected.map((item) => getItemValue(item).text) : ""
     });
   };
-  const normalizedData = (0, import_react19.useMemo)(() => {
+  const normalizedData = (0, import_react16.useMemo)(() => {
     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;
@@ -2662,16 +2064,16 @@ function SCAutocomplete({
   const selectedValue = typeFormat === "multiselect" ? selectedOptions : originalData.find(
     (item) => getItemValue(item).value === state.hiddenValue
   ) || null;
-  const [open, setOpen] = import_react19.default.useState(false);
-  const componentClickActiveRef = import_react19.default.useRef(false);
-  const listboxScrollRef = import_react19.default.useRef(null);
-  const containerRef = import_react19.default.useRef(null);
-  const [chipLimit, setChipLimit] = import_react19.default.useState(2);
-  const outsideChipsMeasureRef = import_react19.default.useRef(null);
-  const [visibleChipCount, setVisibleChipCount] = import_react19.default.useState(Number.MAX_SAFE_INTEGER);
-  const [popoverAnchor, setPopoverAnchor] = import_react19.default.useState(null);
-  const popoverTimerRef = import_react19.default.useRef(null);
-  (0, import_react19.useEffect)(() => {
+  const [open, setOpen] = import_react16.default.useState(false);
+  const componentClickActiveRef = import_react16.default.useRef(false);
+  const listboxScrollRef = import_react16.default.useRef(null);
+  const containerRef = import_react16.default.useRef(null);
+  const [chipLimit, setChipLimit] = import_react16.default.useState(2);
+  const outsideChipsMeasureRef = import_react16.default.useRef(null);
+  const [visibleChipCount, setVisibleChipCount] = import_react16.default.useState(Number.MAX_SAFE_INTEGER);
+  const [popoverAnchor, setPopoverAnchor] = import_react16.default.useState(null);
+  const popoverTimerRef = import_react16.default.useRef(null);
+  (0, import_react16.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     const observer = new ResizeObserver((entries) => {
@@ -2682,7 +2084,7 @@ function SCAutocomplete({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!chipOutside || typeFormat !== "multiselect") return;
     const box = outsideChipsMeasureRef.current;
     if (!box) return;
@@ -2702,7 +2104,7 @@ function SCAutocomplete({
     observer.observe(box);
     return () => observer.disconnect();
   }, [selectedOptions, chipOutside, typeFormat]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const displayCount = Math.min(visibleChipCount, selectedOptions.length);
     if (selectedOptions.length - displayCount === 0) {
       setPopoverAnchor(null);
@@ -2726,14 +2128,14 @@ function SCAutocomplete({
     if (!(chipOutside == null ? void 0 : chipOutside.textSeccion)) return optionText.charAt(0).toUpperCase();
     return chipOutside.textSeccion.split(",").map((p) => optionText.charAt(Number(p.trim())).toUpperCase()).join("");
   };
-  const hayOnComponentClickGlobal = (0, import_react19.useMemo)(() => {
+  const hayOnComponentClickGlobal = (0, import_react16.useMemo)(() => {
     return data.some((opt) => {
       const item = getItemValue(opt);
       return Boolean(item.onComponentClick);
     });
   }, [data, getItemValue]);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, data && /* @__PURE__ */ import_react19.default.createElement(import_material13.Box, { ref: containerRef, sx: { width } }, /* @__PURE__ */ import_react19.default.createElement(
-    import_material13.Autocomplete,
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, data && /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { ref: containerRef, sx: { width } }, /* @__PURE__ */ import_react16.default.createElement(
+    import_material10.Autocomplete,
     __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
         if (componentClickActiveRef.current) return;
@@ -2765,10 +2167,10 @@ function SCAutocomplete({
       limitTags: chipLimit,
       renderTags: chipOutside ? () => null : (value, getTagProps) => {
         const limit = chipLimit;
-        return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, value.slice(0, limit).map((option, index) => {
+        return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
-          return /* @__PURE__ */ import_react19.default.createElement(
-            import_material13.Chip,
+          return /* @__PURE__ */ import_react16.default.createElement(
+            import_material10.Chip,
             __spreadProps(__spreadValues({
               key,
               color: "default",
@@ -2779,7 +2181,7 @@ function SCAutocomplete({
               style: { maxWidth: 120, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
             })
           );
-        }), value.length > limit && /* @__PURE__ */ import_react19.default.createElement(import_material13.Box, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
+        }), value.length > limit && /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center" } }, `+${value.length - limit}`));
       },
       renderOption: (props, option) => {
         const _a = props, { key } = _a, optionProps = __objRest(_a, ["key"]);
@@ -2798,8 +2200,8 @@ function SCAutocomplete({
           group = option[columnGroup];
         }
         const item = getItemValue(option);
-        return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react19.default.createElement(import_material13.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react19.default.createElement(
-          import_material13.MenuItem,
+        return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, { key }, columnGroup ? !isValid ? /* @__PURE__ */ import_react16.default.createElement(import_material10.Typography, { color: "text.secondary", sx: { margin: "7px 16px !important", fontSize: "13px !important" } }, option[columnGroup]) : "" : "", /* @__PURE__ */ import_react16.default.createElement(
+          import_material10.MenuItem,
           __spreadProps(__spreadValues({}, optionProps), {
             component: "li",
             disabled: isDisabled,
@@ -2809,9 +2211,9 @@ function SCAutocomplete({
               opacity: isDisabled ? 0.5 : 1
             }
           }),
-          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react19.default.createElement(import_material13.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react19.default.createElement(import_material13.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
-          typeFormat == "multiselect" ? /* @__PURE__ */ import_react19.default.createElement(
-            import_material13.Checkbox,
+          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ import_react16.default.createElement(import_material10.ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ import_react16.default.createElement(import_material10.SvgIcon, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
+          typeFormat == "multiselect" ? /* @__PURE__ */ import_react16.default.createElement(
+            import_material10.Checkbox,
             {
               checked: isSelected,
               disabled: isDisabled,
@@ -2819,8 +2221,8 @@ function SCAutocomplete({
               color: "primary"
             }
           ) : "",
-          /* @__PURE__ */ import_react19.default.createElement(import_material13.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
-          item.component != null ? /* @__PURE__ */ import_react19.default.createElement(StopEvent, null, /* @__PURE__ */ import_react19.default.createElement(
+          /* @__PURE__ */ import_react16.default.createElement(import_material10.ListItemText, { primary: getItemValue(option).text, color: "text.primary" }),
+          item.component != null ? /* @__PURE__ */ import_react16.default.createElement(StopEvent, null, /* @__PURE__ */ import_react16.default.createElement(
             "span",
             {
               onMouseDown: (event2) => {
@@ -2851,8 +2253,8 @@ function SCAutocomplete({
           )) : null
         )));
       },
-      renderInput: (params) => /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
-        import_material13.TextField,
+      renderInput: (params) => /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+        import_material10.TextField,
         __spreadProps(__spreadValues({
           sx: {
             "& .MuiOutlinedInput-input": {
@@ -2863,10 +2265,10 @@ function SCAutocomplete({
             }
           }
         }, params), {
-          label: required ? /* @__PURE__ */ import_react19.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
+          label: required ? /* @__PURE__ */ import_react16.default.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-            endAdornment: /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ import_react19.default.createElement(import_material13.IconButton, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ import_react19.default.createElement(import_icons_material11.Clear, { fontSize: "small" })) : "", /* @__PURE__ */ import_react19.default.createElement(import_material13.InputAdornment, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ import_react19.default.createElement(import_icons_material11.Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
+            endAdornment: /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, deleteType == "icon" && (state.hiddenValue.toString() != "-1" && state.hiddenValue.toString() != "") ? /* @__PURE__ */ import_react16.default.createElement(import_material10.IconButton, { size: "small", onClick: cleanOptions, sx: { marginLeft: "auto", textAlign: "right", padding: "0px" } }, /* @__PURE__ */ import_react16.default.createElement(import_icons_material9.Clear, { fontSize: "small" })) : "", /* @__PURE__ */ import_react16.default.createElement(import_material10.InputAdornment, { style: { zIndex: 1, position: "relative" }, position: "end" }, /* @__PURE__ */ import_react16.default.createElement(import_icons_material9.Search, { fontSize: "small", color: "action", style: { cursor: "pointer" } })))
           })
         })
       )),
@@ -2878,9 +2280,9 @@ function SCAutocomplete({
           }
         },
         listbox: {
-          component: import_react19.default.forwardRef(function ListboxComponent(props, ref) {
-            return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
-              import_material13.Box,
+          component: import_react16.default.forwardRef(function ListboxComponent(props, ref) {
+            return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+              import_material10.Box,
               __spreadProps(__spreadValues({
                 ref: (node) => {
                   listboxScrollRef.current = node;
@@ -2894,10 +2296,10 @@ function SCAutocomplete({
                   backgroundColor: "white"
                 }, props.sx)
               }),
-              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_material13.FormControlLabel, { control: /* @__PURE__ */ import_react19.default.createElement(import_material13.Checkbox, { checked: allSelected, indeterminate: selectedOptions.length > 0 && selectedOptions.length < data.length, onChange: handleCheckAll, color: "primary" }), label: "Todos los items", sx: { marginLeft: "0px !important", marginRight: "0px !important", padding: "7px 16px" } }), /* @__PURE__ */ import_react19.default.createElement(import_material13.Divider, null)) : "",
+              checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_material10.FormControlLabel, { control: /* @__PURE__ */ import_react16.default.createElement(import_material10.Checkbox, { checked: allSelected, indeterminate: selectedOptions.length > 0 && selectedOptions.length < data.length, onChange: handleCheckAll, color: "primary" }), label: "Todos los items", sx: { marginLeft: "0px !important", marginRight: "0px !important", padding: "7px 16px" } }), /* @__PURE__ */ import_react16.default.createElement(import_material10.Divider, null)) : "",
               props.children,
-              deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react19.default.createElement(
-                import_material13.Grid,
+              deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react16.default.createElement(
+                import_material10.Grid,
                 {
                   container: true,
                   sx: {
@@ -2911,8 +2313,8 @@ function SCAutocomplete({
                     justifyContent: "space-between"
                   }
                 },
-                deleteType == "button" ? /* @__PURE__ */ import_react19.default.createElement(
-                  import_material13.Button,
+                deleteType == "button" ? /* @__PURE__ */ import_react16.default.createElement(
+                  import_material10.Button,
                   {
                     variant: "text",
                     color: "primary",
@@ -2925,8 +2327,8 @@ function SCAutocomplete({
                   },
                   "Limpiar"
                 ) : "",
-                fnAplicar && /* @__PURE__ */ import_react19.default.createElement(
-                  import_material13.Button,
+                fnAplicar && /* @__PURE__ */ import_react16.default.createElement(
+                  import_material10.Button,
                   {
                     variant: "contained",
                     color: "primary",
@@ -2944,8 +2346,8 @@ function SCAutocomplete({
   ), chipOutside && typeFormat === "multiselect" && selectedOptions.length > 0 && (() => {
     const displayCount = Math.min(visibleChipCount, selectedOptions.length);
     const hiddenCount = selectedOptions.length - displayCount;
-    return /* @__PURE__ */ import_react19.default.createElement(import_material13.Box, { sx: { position: "relative", mt: 0.5 } }, /* @__PURE__ */ import_react19.default.createElement(
-      import_material13.Box,
+    return /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { position: "relative", mt: 0.5 } }, /* @__PURE__ */ import_react16.default.createElement(
+      import_material10.Box,
       {
         ref: outsideChipsMeasureRef,
         "aria-hidden": "true",
@@ -2963,18 +2365,18 @@ function SCAutocomplete({
       },
       selectedOptions.map((option) => {
         const avatarText = resolveAvatarText(option);
-        return /* @__PURE__ */ import_react19.default.createElement("div", { key: getItemValue(option).value, "data-outside-chip": true, style: { display: "inline-flex" } }, /* @__PURE__ */ import_react19.default.createElement(
-          import_material13.Chip,
+        return /* @__PURE__ */ import_react16.default.createElement("div", { key: getItemValue(option).value, "data-outside-chip": true, style: { display: "inline-flex" } }, /* @__PURE__ */ import_react16.default.createElement(
+          import_material10.Chip,
           __spreadValues({
             size: "medium",
             label: getItemValue(option).text
-          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react19.default.createElement(import_material13.Avatar, null, avatarText) } : {})
+          }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react16.default.createElement(import_material10.Avatar, null, avatarText) } : {})
         ));
       })
-    ), /* @__PURE__ */ import_react19.default.createElement(import_material13.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
+    ), /* @__PURE__ */ import_react16.default.createElement(import_material10.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5, maxHeight: 36, overflow: "hidden" } }, selectedOptions.slice(0, displayCount).map((option) => {
       const avatarText = resolveAvatarText(option);
-      return /* @__PURE__ */ import_react19.default.createElement(
-        import_material13.Chip,
+      return /* @__PURE__ */ import_react16.default.createElement(
+        import_material10.Chip,
         __spreadValues({
           key: getItemValue(option).value,
           color: "default",
@@ -2982,26 +2384,26 @@ function SCAutocomplete({
           variant: "filled",
           label: getItemValue(option).text,
           onDelete: () => handleDeleteChip(option)
-        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react19.default.createElement(import_material13.Avatar, null, avatarText) } : {})
+        }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react16.default.createElement(import_material10.Avatar, null, avatarText) } : {})
       );
-    }), hiddenCount > 0 && /* @__PURE__ */ import_react19.default.createElement(
-      import_material13.Box,
+    }), hiddenCount > 0 && /* @__PURE__ */ import_react16.default.createElement(
+      import_material10.Box,
       {
         onMouseEnter: handlePlusEnter,
         onMouseLeave: handlePlusLeave,
         sx: { ml: 0.5, fontSize: 13, color: "#666", display: "flex", alignItems: "center", cursor: "default" }
       },
       `+${hiddenCount}`
-    )), /* @__PURE__ */ import_react19.default.createElement(
-      import_material13.Popper,
+    )), /* @__PURE__ */ import_react16.default.createElement(
+      import_material10.Popper,
       {
         open: Boolean(popoverAnchor),
         anchorEl: popoverAnchor,
         placement: "bottom-start",
         sx: { zIndex: 1500 }
       },
-      /* @__PURE__ */ import_react19.default.createElement(
-        import_material13.Paper,
+      /* @__PURE__ */ import_react16.default.createElement(
+        import_material10.Paper,
         {
           elevation: 3,
           onMouseEnter: handlePopperEnter,
@@ -3010,8 +2412,8 @@ function SCAutocomplete({
         },
         selectedOptions.slice(displayCount).map((option) => {
           const avatarText = resolveAvatarText(option);
-          return /* @__PURE__ */ import_react19.default.createElement(
-            import_material13.Chip,
+          return /* @__PURE__ */ import_react16.default.createElement(
+            import_material10.Chip,
             __spreadValues({
               key: getItemValue(option).value,
               color: "default",
@@ -3019,7 +2421,7 @@ function SCAutocomplete({
               variant: "filled",
               label: getItemValue(option).text,
               onDelete: () => handleDeleteChip(option)
-            }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react19.default.createElement(import_material13.Avatar, { sx: { fontSize: avatarText.length > 1 ? "0.55rem" : "0.75rem" } }, avatarText) } : {})
+            }, chipOutside.type === "avatar" ? { avatar: /* @__PURE__ */ import_react16.default.createElement(import_material10.Avatar, { sx: { fontSize: avatarText.length > 1 ? "0.55rem" : "0.75rem" } }, avatarText) } : {})
           );
         })
       )
@@ -3028,14 +2430,14 @@ function SCAutocomplete({
 }
 
 // src/Components/SCDateRange.tsx
-var import_react20 = __toESM(require("react"), 1);
-var import_material14 = require("@mui/material");
+var import_react17 = __toESM(require("react"), 1);
+var import_material11 = require("@mui/material");
 var import_LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
 var import_DateRangePicker = require("@mui/x-date-pickers-pro/DateRangePicker");
 var import_MultiInputDateRangeField = require("@mui/x-date-pickers-pro/MultiInputDateRangeField");
-var import_dayjs3 = __toESM(require("dayjs"), 1);
-var import_es2 = require("dayjs/locale/es");
+var import_dayjs = __toESM(require("dayjs"), 1);
+var import_es = require("dayjs/locale/es");
 var import_x_license = require("@mui/x-license");
 var import_InsertInvitationOutlined = __toESM(require("@mui/icons-material/InsertInvitationOutlined"), 1);
 var SCDateRange = ({
@@ -3053,12 +2455,12 @@ var SCDateRange = ({
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
   const hasError = isStartEmpty || isEndEmpty;
-  const [notification, setNotification] = import_react20.default.useState(false);
+  const [notification, setNotification] = import_react17.default.useState(false);
   const handleDateChange = (newValue) => {
-    const minDateDayjs = (0, import_dayjs3.default)("2013-01-01");
+    const minDateDayjs = (0, import_dayjs.default)("2013-01-01");
     const convertedValue = [
-      newValue[0] ? (0, import_dayjs3.default)(newValue[0]) : null,
-      newValue[1] ? (0, import_dayjs3.default)(newValue[1]) : null
+      newValue[0] ? (0, import_dayjs.default)(newValue[0]) : null,
+      newValue[1] ? (0, import_dayjs.default)(newValue[1]) : null
     ];
     if (convertedValue[0] != null) {
       if ((!convertedValue[0].isValid() || !convertedValue[0].isAfter(minDateDayjs)) == true) {
@@ -3097,7 +2499,7 @@ var SCDateRange = ({
       setState(convertedValue);
     }
   };
-  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react20.default.createElement(import_material14.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react17.default.createElement(import_material11.Box, { sx: { width: "100%" } }, /* @__PURE__ */ import_react17.default.createElement(
     import_DateRangePicker.DateRangePicker,
     {
       value: state,
@@ -3121,7 +2523,7 @@ var SCDateRange = ({
             required,
             error: isStart ? isStartEmpty : isEndEmpty,
             InputProps: {
-              endAdornment: /* @__PURE__ */ import_react20.default.createElement(import_material14.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react20.default.createElement(
+              endAdornment: /* @__PURE__ */ import_react17.default.createElement(import_material11.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react17.default.createElement(
                 import_InsertInvitationOutlined.default,
                 {
                   color: hasError ? "error" : "action",
@@ -3157,11 +2559,11 @@ var DrawerContent = ({ arrayElements }) => {
     var _a, _b, _c, _d, _e, _f;
     const key = `Stack_${(_a = arrayElement.type) != null ? _a : ""} ${(_b = arrayElement.label) != null ? _b : ""}${index}`;
     if (arrayElement.component) {
-      return /* @__PURE__ */ import_react21.default.createElement(import_material15.Stack, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component);
+      return /* @__PURE__ */ import_react18.default.createElement(import_material12.Stack, { direction: "row", alignItems: "left", gap: 1 }, arrayElement.component);
     }
     switch (arrayElement.type) {
       case "textField":
-        return /* @__PURE__ */ import_react21.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(
           SCTextField,
           {
             title: arrayElement.title,
@@ -3189,7 +2591,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "textArea":
-        return /* @__PURE__ */ import_react21.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(
           SCTextArea,
           {
             title: arrayElement.title,
@@ -3210,7 +2612,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "autocomplete":
-        return /* @__PURE__ */ import_react21.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(
           SCAutocomplete,
           {
             label: arrayElement.label,
@@ -3230,7 +2632,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "select":
-        return /* @__PURE__ */ import_react21.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(
           SCSelect,
           {
             label: arrayElement.label,
@@ -3248,7 +2650,7 @@ var DrawerContent = ({ arrayElements }) => {
           }
         );
       case "dateRange":
-        return /* @__PURE__ */ import_react21.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(
           SCDateRange,
           {
             labelDateInitial: arrayElement.labelDateInitial,
@@ -3264,299 +2666,959 @@ var DrawerContent = ({ arrayElements }) => {
         return null;
     }
   };
-  return /* @__PURE__ */ import_react21.default.createElement(import_material15.Stack, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
+  return /* @__PURE__ */ import_react18.default.createElement(import_material12.Stack, { alignItems: "flex-start", height: "100%", gap: "16px", flex: 1, overflow: "auto", padding: "16px" }, arrayElements == null ? void 0 : arrayElements.map((arrayElement, index) => {
     var _a, _b;
-    return /* @__PURE__ */ import_react21.default.createElement(
-      import_material15.Box,
+    return /* @__PURE__ */ import_react18.default.createElement(
+      import_material12.Box,
       {
         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
-var import_react22 = __toESM(require("react"), 1);
-var import_material16 = require("@mui/material");
-var import_Grid2 = __toESM(require("@mui/material/Grid"), 1);
-var DrawerActions = ({ actions, anchor }) => {
-  if (actions === false || actions === void 0) {
-    return null;
-  }
-  if (!Array.isArray(actions) || actions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react22.default.createElement(
-    import_Grid2.default,
+      renderElement(arrayElement, index)
+    );
+  }));
+};
+
+// src/Components/Drawer/components/DrawerActions.tsx
+var import_react19 = __toESM(require("react"), 1);
+var import_material13 = require("@mui/material");
+var import_Grid2 = __toESM(require("@mui/material/Grid"), 1);
+var DrawerActions = ({ actions, anchor }) => {
+  if (actions === false || actions === void 0) {
+    return null;
+  }
+  if (!Array.isArray(actions) || actions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react19.default.createElement(
+    import_Grid2.default,
+    {
+      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__ */ import_react19.default.createElement(
+      import_material13.Button,
+      {
+        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
+var import_react20 = __toESM(require("react"), 1);
+var import_material14 = require("@mui/material");
+var import_Grid3 = __toESM(require("@mui/material/Grid"), 1);
+var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
+var DrawerHeader = ({
+  title,
+  colorTitle,
+  onClose,
+  filterSideCard,
+  type = "Drawer"
+}) => {
+  return /* @__PURE__ */ import_react20.default.createElement(
+    import_Grid3.default,
+    {
+      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__ */ import_react20.default.createElement(import_material14.Typography, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda aqui"),
+    filterSideCard ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, filterSideCard) : /* @__PURE__ */ import_react20.default.createElement(import_material14.IconButton, { onClick: onClose }, /* @__PURE__ */ import_react20.default.createElement(import_Close.default, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
+  );
+};
+
+// 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__ */ import_react21.default.createElement(import_react21.default.Fragment, null, toast && /* @__PURE__ */ import_react21.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react21.default.createElement(
+    import_Grid4.default,
+    {
+      container: true,
+      justifyContent: "flex-start",
+      flexWrap: "nowrap",
+      alignItems: "center",
+      sx: { width: "100%" }
+    },
+    shouldShowChips && /* @__PURE__ */ import_react21.default.createElement(
+      ChipFiltersDisplay,
+      {
+        textFilters,
+        onDeleteFilter: handleDeleteFilter
+      }
+    ),
+    buttonDrawer && /* @__PURE__ */ import_react21.default.createElement(
+      DrawerButton,
+      {
+        buttonDrawer,
+        onToggle: toggleDrawer(true)
+      }
+    )
+  ), type != "Swipeable" ? /* @__PURE__ */ import_react21.default.createElement(
+    import_material15.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__ */ import_react21.default.createElement(import_material15.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react21.default.createElement(
+      DrawerHeader,
+      {
+        title,
+        colorTitle,
+        onClose: handleDrawerClose,
+        filterSideCard,
+        type
+      }
+    ), /* @__PURE__ */ import_react21.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react21.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
+  ) : /* @__PURE__ */ import_react21.default.createElement(
+    import_material15.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__ */ import_react21.default.createElement(
+      import_material15.Box,
+      {
+        sx: {
+          width: 30,
+          height: 6,
+          backgroundColor: "#ccc",
+          borderRadius: 3,
+          position: "absolute",
+          top: 8,
+          left: "calc(50% - 15px)"
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react21.default.createElement(import_material15.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react21.default.createElement(
+      DrawerHeader,
+      {
+        title,
+        colorTitle,
+        onClose: handleDrawerClose,
+        type
+      }
+    ), /* @__PURE__ */ import_react21.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react21.default.createElement(
+      import_Grid4.default,
+      {
+        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__ */ import_react21.default.createElement(
+        import_material15.Button,
+        {
+          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 = (0, import_react22.useRef)(null);
+  const [abrirCamara, setAbrirCamara] = (0, import_react22.useState)(false);
+  const [capturedImage, setCapturedImage] = (0, import_react22.useState)(null);
+  const [files, setFiles] = (0, import_react22.useState)([]);
+  const [fileToDelete, setFileToDelete] = (0, import_react22.useState)(null);
+  const [openDrawerDelete, setOpenDrawerDelete] = (0, import_react22.useState)(false);
+  const [toast, setToast] = (0, import_react22.useState)(null);
+  const [open, setOpen] = import_react22.default.useState(false);
+  const 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 = (0, import_react22.useCallback)((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 = (0, import_react22.useRef)(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__ */ import_react22.default.createElement(import_ImageOutlined.default, { type: "file", color: "primary" }), color: "primary", label: "Galer\xEDa", onClick: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.click();
+    } },
+    { icon: /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.PhotoCameraOutlined, { type: "file", color: "success" }), color: "success", label: "C\xE1mara", onClick: () => openCam() },
+    { icon: /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.FolderOpenOutlined, { type: "file", color: "warning" }), color: "warning", label: "Archivos", onClick: () => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.click();
+    } }
+  ];
+  (0, import_react22.useEffect)(() => {
+    if (initialFiles && initialFiles.length > 0) {
+      setFiles(initialFiles);
+    }
+  }, []);
+  return /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", gap: 1 }, view == "button" ? /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ import_react22.default.createElement(
+    AttachmentButton,
+    {
+      buttonAttachment,
+      open,
+      setOpen
+    }
+  )) : "", /* @__PURE__ */ import_react22.default.createElement(import_CssBaseline.default, null), /* @__PURE__ */ import_react22.default.createElement(
+    import_material16.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__ */ import_react22.default.createElement(SCToastNotification, __spreadValues({}, toast)),
+    /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", flexDirection: "column", alignItems: "center", p: 2, gap: 2 }, /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", gap: 1, p: 1 }, /* @__PURE__ */ import_react22.default.createElement(import_material16.Typography, { variant: "h6", color: "text.primary" }, "Agrega adjuntos"), /* @__PURE__ */ import_react22.default.createElement(import_material16.IconButton, { size: "medium", onClick: toggleAttachment(false) }, /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.CloseOutlined, { color: "action" }))), /* @__PURE__ */ import_react22.default.createElement(
+      "input",
+      {
+        type: "file",
+        multiple: true,
+        hidden: true,
+        ref: inputRef,
+        onChange: handleUpload
+      }
+    ), /* @__PURE__ */ import_react22.default.createElement(import_system.Box, { display: "flex", justifyContent: "space-around", alignItems: "center", width: "100%", gap: 2, sx: { padding: "0px 0px 52px 0px !important" } }, AttachtmentActions.map((option, index) => /* @__PURE__ */ import_react22.default.createElement(
+      import_system.Box,
+      {
+        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__ */ import_react22.default.createElement(
+        import_material16.IconButton,
+        {
+          sx: {
+            bgcolor: getAttachmentColor(option.color)
+          },
+          size: "large"
+        },
+        option.icon
+      ),
+      /* @__PURE__ */ import_react22.default.createElement(import_material16.Typography, { variant: "body2", color: "text.secondary" }, option.label)
+    ))))
+  ), abrirCamara && /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(import_CancelOutlined.default, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ import_react22.default.createElement(import_material16.Stack, { className: "camras" }, /* @__PURE__ */ import_react22.default.createElement(
+    import_react_webcam.default,
+    {
+      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__ */ import_react22.default.createElement(
+    import_PhotoCamera.default,
+    {
+      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__ */ import_react22.default.createElement(
+    import_material16.Stack,
     {
-      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__ */ import_react22.default.createElement(
-      import_material16.Button,
+    files.map((file) => /* @__PURE__ */ import_react22.default.createElement(
+      import_material16.Stack,
       {
-        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__ */ import_react22.default.createElement(
+        import_material16.Stack,
+        {
+          direction: "row",
+          alignItems: "center",
+          gap: 1,
+          width: "100%",
+          onClick: () => onFileClick == null ? void 0 : onFileClick(file),
+          sx: { cursor: onFileClick ? "pointer" : "default" }
+        },
+        iconFileItem ? /* @__PURE__ */ import_react22.default.createElement(import_material16.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react22.default.createElement(
+          import_icons_material10.UploadFileOutlined,
+          {
+            color: file.uploadError ? "error" : "primary",
+            fontSize: "small"
+          }
+        ),
+        /* @__PURE__ */ import_react22.default.createElement(import_material16.Stack, { width: "100%" }, /* @__PURE__ */ import_react22.default.createElement(
+          import_material16.Typography,
+          {
+            variant: "body2",
+            color: "text.primary",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: "310px"
+          },
+          file.name
+        ), /* @__PURE__ */ import_react22.default.createElement(
+          import_material16.Typography,
+          {
+            variant: "caption",
+            color: file.uploadError ? "error" : "text.secondary"
+          },
+          file.uploadError && file.size / (1024 * 1024) > maxSize ? "Archivo super\xF3 el l\xEDmite \u2022 Carga fallida" : file.uploadError ? "Archivo duplicado o inv\xE1lido \u2022 Carga fallida" : `${(file.size / (1024 * 1024)).toFixed(2)}MB \u2022 ${file.type}`
+        ))
+      ),
+      view == "file" ? /* @__PURE__ */ import_react22.default.createElement(import_material16.Tooltip, { title: "Descargar" }, /* @__PURE__ */ import_react22.default.createElement(
+        import_material16.IconButton,
+        {
+          size: "small",
+          onClick: () => downloadAction == null ? void 0 : downloadAction(file),
+          disabled: file.uploadError,
+          "aria-label": `Descargar ${file.name}`
+        },
+        /* @__PURE__ */ import_react22.default.createElement(import_FileDownloadOutlined.default, { fontSize: "small", color: "action" })
+      )) : "",
+      view == "button" ? /* @__PURE__ */ import_react22.default.createElement(import_material16.Tooltip, { title: "Eliminar" }, /* @__PURE__ */ import_react22.default.createElement(
+        import_material16.IconButton,
+        {
+          size: "small",
+          onClick: () => {
+            setFileToDelete(file);
+            setOpenDrawerDelete(true);
+          },
+          "aria-label": `Eliminar ${file.name}`
+        },
+        /* @__PURE__ */ import_react22.default.createElement(import_icons_material10.DeleteOutline, { fontSize: "small", color: "action" })
+      )) : ""
     ))
-  );
+  ), openDrawerDelete && /* @__PURE__ */ import_react22.default.createElement(
+    SCDrawer,
+    {
+      open: openDrawerDelete,
+      setOpen: setOpenDrawerDelete,
+      title: "\xBFEliminar adjunto?",
+      type: "Swipeable",
+      heightDrawer: 150,
+      arrayElements: [
+        {
+          component: /* @__PURE__ */ import_react22.default.createElement(import_material16.Typography, null, "Esta seguro de eliminar el adjunto ", /* @__PURE__ */ import_react22.default.createElement("strong", null, '"', fileToDelete == null ? void 0 : fileToDelete.name, '"'), " ")
+        }
+      ],
+      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/components/DrawerHeader.tsx
+// src/Components/Calendario/Calendar.tsx
+var import_react36 = __toESM(require("react"), 1);
+var import_material24 = require("@mui/material");
+
+// src/Components/Calendario/CalendarToolbar.tsx
 var import_react23 = __toESM(require("react"), 1);
+var import_icons_material11 = require("@mui/icons-material");
 var import_material17 = require("@mui/material");
-var import_Grid3 = __toESM(require("@mui/material/Grid"), 1);
-var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
-var DrawerHeader = ({
-  title,
-  colorTitle,
-  onClose,
-  anchor,
-  filterSideCard
+var import_dayjs2 = __toESM(require("dayjs"), 1);
+var import_updateLocale = __toESM(require("dayjs/plugin/updateLocale"), 1);
+var import_es2 = require("dayjs/locale/es");
+import_dayjs2.default.locale("es");
+import_dayjs2.default.extend(import_updateLocale.default);
+import_dayjs2.default.updateLocale("en", {
+  weekStart: 0
+  // 0 = domingo
+});
+var CalendarToolbar = ({
+  labelDate,
+  view,
+  onView,
+  onNavigate,
+  children
 }) => {
-  return /* @__PURE__ */ import_react23.default.createElement(
-    import_Grid3.default,
-    {
-      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__ */ import_react23.default.createElement(import_material17.Typography, { variant: filterSideCard ? "body2" : "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda aqui"),
-    filterSideCard ? /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, filterSideCard) : /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { onClick: onClose }, /* @__PURE__ */ import_react23.default.createElement(import_Close.default, { "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 [anchorEl, setAnchorEl] = (0, import_react23.useState)(null);
+  const open = Boolean(anchorEl);
+  const handleMenuOpen = (event2) => {
+    setAnchorEl(event2.currentTarget);
   };
-  const handleDeleteFilter = (element) => {
-    deleteFilter(element, shouldShowChips, setTextFilters);
-    onChipDelete == null ? void 0 : onChipDelete(element);
+  const handleMenuClose = () => {
+    setAnchorEl(null);
   };
-  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 handleViewChange = (newView) => {
+    onView(newView);
+    handleMenuClose();
   };
-  const drawerActions = getActions();
-  return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, toast && /* @__PURE__ */ import_react24.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react24.default.createElement(
-    import_Grid4.default,
+  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");
+  };
+  return /* @__PURE__ */ import_react23.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5, sx: { paddingBottom: "16px" } }, /* @__PURE__ */ import_react23.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ import_react23.default.createElement(import_material17.Box, null, /* @__PURE__ */ import_react23.default.createElement(
+    import_material17.Chip,
     {
-      container: true,
-      justifyContent: "flex-start",
-      flexWrap: "nowrap",
-      alignItems: "center",
-      sx: { width: "100%" }
-    },
-    shouldShowChips && /* @__PURE__ */ import_react24.default.createElement(
-      ChipFiltersDisplay,
-      {
-        textFilters,
-        onDeleteFilter: handleDeleteFilter
-      }
-    ),
-    buttonDrawer && /* @__PURE__ */ import_react24.default.createElement(
-      DrawerButton,
-      {
-        buttonDrawer,
-        onToggle: toggleDrawer(true)
-      }
-    )
-  ), type != "Swipeable" ? /* @__PURE__ */ import_react24.default.createElement(
-    import_material18.Drawer,
+      size: "medium",
+      label: "Hoy",
+      icon: /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.EventOutlined, { fontSize: "small" }),
+      color: "primary",
+      onClick: () => onNavigate("TODAY"),
+      variant: "standard"
+    }
+  )), /* @__PURE__ */ import_react23.default.createElement(import_material17.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react23.default.createElement(import_material17.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react23.default.createElement(import_material17.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react23.default.createElement(import_icons_material11.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react23.default.createElement(
+    import_material17.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__ */ import_react24.default.createElement(import_material18.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react24.default.createElement(
-      DrawerHeader,
-      {
-        title,
-        colorTitle,
-        onClose: handleDrawerClose,
-        anchor,
-        filterSideCard
-      }
-    ), /* @__PURE__ */ import_react24.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react24.default.createElement(DrawerActions, { actions: drawerActions, anchor }))
-  ) : /* @__PURE__ */ import_react24.default.createElement(
-    import_material18.SwipeableDrawer,
+    /* @__PURE__ */ import_react23.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
+    /* @__PURE__ */ import_react23.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
+    /* @__PURE__ */ import_react23.default.createElement(import_material17.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
+  ))), children ? /* @__PURE__ */ import_react23.default.createElement(import_material17.Box, null, children) : /* @__PURE__ */ import_react23.default.createElement(import_material17.Box, { width: "24px" }), " ");
+};
+
+// src/Components/Calendario/Views/MonthView.tsx
+var import_react32 = __toESM(require("react"), 1);
+var import_material21 = require("@mui/material");
+var import_Add = __toESM(require("@mui/icons-material/Add"), 1);
+var import_dayjs5 = __toESM(require("dayjs"), 1);
+var import_localeData = __toESM(require("dayjs/plugin/localeData"), 1);
+
+// src/Components/Calendario/Utils.tsx
+var import_dayjs3 = __toESM(require("dayjs"), 1);
+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((0, import_dayjs3.default)(), "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
+var import_react24 = __toESM(require("react"), 1);
+var import_material18 = require("@mui/material");
+var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
+  const [anchorEl, setAnchorEl] = import_react24.default.useState(null);
+  const handlePopoverOpen = (event3) => {
+    setAnchorEl(event3.currentTarget);
+  };
+  const handlePopoverClose = () => {
+    setAnchorEl(null);
+  };
+  const open = Boolean(anchorEl);
+  return /* @__PURE__ */ import_react24.default.createElement(
+    import_material18.Stack,
     {
-      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__ */ import_react24.default.createElement(
-      import_material18.Box,
+      import_material18.Divider,
       {
+        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__ */ import_react24.default.createElement(import_material18.Stack, { flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react24.default.createElement(
-      DrawerHeader,
-      {
-        title,
-        colorTitle,
-        onClose: handleDrawerClose,
-        anchor
-      }
-    ), /* @__PURE__ */ import_react24.default.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ import_react24.default.createElement(
-      import_Grid4.default,
+    /* @__PURE__ */ import_react24.default.createElement(
+      import_material18.Box,
       {
-        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__ */ import_react24.default.createElement(
-        import_material18.Button,
+      /* @__PURE__ */ import_react24.default.createElement(
+        import_material18.Typography,
         {
-          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__ */ import_react24.default.createElement(
+        import_material18.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) : " "
+      )
+    )
+  );
+};
 
 // src/Components/EmptyState/EmptyState.tsx
 var import_react29 = __toESM(require("react"), 1);
@@ -5084,17 +5146,15 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerH
   let IconTitle;
   const [expanded, setExpanded] = import_react49.default.useState(false);
   if (iconTitle) {
-    if (Muicon8[iconTitle] == void 0) {
-      if (iconTitle && import_react49.default.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 = () => {