componentes-sinco 1.1.30 → 1.1.32

package/dist/index.js

@@ -52,8 +52,9 @@ var __async = (__this, __arguments, generator) => {
 
 // src/Components/Adjuntar/Adjuntar.tsx
 import React4, { useEffect as useEffect3, useRef, useState as useState4 } from "react";
-import { Box as Box3, Button as Button3, CircularProgress, IconButton as IconButton3, Stack as Stack3, Tooltip, Typography as Typography3 } from "@mui/material";
+import { Box as Box3, Button as Button3, CircularProgress, IconButton as IconButton3, Stack as Stack3, Tooltip, Typography as Typography3, SvgIcon } from "@mui/material";
 import { CloudUploadOutlined, AttachFileOutlined, DeleteOutline, UploadFileOutlined, FileDownload } from "@mui/icons-material";
+import * as Muicon from "@mui/icons-material";
 
 // src/Components/ToastNotification/SCToastNotification.tsx
 import React, { useEffect as useEffect2, useState as useState2 } from "react";
@@ -398,7 +399,8 @@ var Attachment = ({
   onChange,
   downloadAction,
   deleteAction,
-  initialFiles = []
+  initialFiles = [],
+  iconFileItem
 }) => {
   const [files, setFiles] = useState4([]);
   const [fileToDelete, setFileToDelete] = useState4(null);
@@ -406,6 +408,14 @@ var Attachment = ({
   const [openModal, setOpenModal] = useState4(false);
   const [isDragFile, setIsDragFile] = useState4(false);
   const inputRef = useRef(null);
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon[iconFileItem];
+    }
+  }
   useEffect3(() => {
     if (initialFiles && initialFiles.length > 0) {
       setFiles(initialFiles);
@@ -656,7 +666,7 @@ var Attachment = ({
           }
         }
       },
-      /* @__PURE__ */ React4.createElement(Stack3, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React4.createElement(Stack3, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ React4.createElement(SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React4.createElement(
         UploadFileOutlined,
         {
           color: file.uploadError ? "error" : "primary",
@@ -799,7 +809,7 @@ var AttachmentButton = ({ buttonAttachment, open, setOpen }) => {
 };
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
-import { IconButton as IconButton4, Stack as Stack4, SwipeableDrawer, Tooltip as Tooltip2, Typography as Typography4 } from "@mui/material";
+import { IconButton as IconButton4, Stack as Stack4, SwipeableDrawer, Tooltip as Tooltip2, Typography as Typography4, SvgIcon as SvgIcon2 } from "@mui/material";
 import CssBaseline from "@mui/material/CssBaseline";
 import { Box as Box4 } from "@mui/system";
 import { CloseOutlined, DeleteOutline as DeleteOutline2, FolderOpenOutlined, PhotoCameraOutlined, UploadFileOutlined as UploadFileOutlined2 } from "@mui/icons-material";
@@ -807,6 +817,7 @@ import PhotoCameraIcon from "@mui/icons-material/PhotoCamera";
 import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined";
 import ImageOutlinedIcon from "@mui/icons-material/ImageOutlined";
 import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
+import * as Muicon2 from "@mui/icons-material";
 var AttachmentMobile = ({
   buttonAttachment,
   maxSize = 400,
@@ -817,7 +828,8 @@ var AttachmentMobile = ({
   onChange,
   children,
   sx,
-  view = "button"
+  view = "button",
+  iconFileItem
 }) => {
   const webcamRef = useRef2(null);
   const [abrirCamara, setAbrirCamara] = useState5(false);
@@ -828,6 +840,14 @@ var AttachmentMobile = ({
   const toggleAttachment = (newOpen) => () => {
     setOpen(newOpen);
   };
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon2[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon2[iconFileItem];
+    }
+  }
   const closeCam = () => {
     setAbrirCamara(false);
   };
@@ -1136,7 +1156,7 @@ var AttachmentMobile = ({
           }
         }
       },
-      /* @__PURE__ */ React6.createElement(Stack4, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React6.createElement(Stack4, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ React6.createElement(SvgIcon2, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ React6.createElement(
         UploadFileOutlined2,
         {
           color: file.uploadError ? "error" : "primary",
@@ -1185,7 +1205,7 @@ var AttachmentMobile = ({
 };
 
 // src/Components/Calendario/Calendar.tsx
-import React31, { useEffect as useEffect12, useState as useState14 } from "react";
+import React31, { useEffect as useEffect11, useState as useState14 } from "react";
 import { Box as Box19, CircularProgress as CircularProgress5 } from "@mui/material";
 
 // src/Components/Calendario/CalendarToolbar.tsx
@@ -1390,10 +1410,10 @@ import { Drawer, Stack as Stack9, SwipeableDrawer as SwipeableDrawer2, Box as Bo
 import Grid6 from "@mui/material/Grid";
 
 // src/Components/Drawer/Helpers/Utils.tsx
-import * as Muicon from "@mui/icons-material";
+import * as Muicon3 from "@mui/icons-material";
 var getIcon = (iconName) => {
-  if (iconName && iconName in Muicon) {
-    return Muicon[iconName];
+  if (iconName && iconName in Muicon3) {
+    return Muicon3[iconName];
   }
   return null;
 };
@@ -1429,58 +1449,75 @@ var validateInputs = (arrayElements, onError, onSuccess, setChipFilters, setText
 
 // src/Components/Drawer/Helpers/validateTypeElement.tsx
 import React9 from "react";
+var COMPONENT_NAME_MAP = {
+  SCtextField: "textField",
+  SCtextArea: "textArea",
+  SCDateRange: "dateRange",
+  SCDatePicker: "datePicker",
+  SCTime: "time",
+  SCAutocomplete: "autocomplete",
+  SCSelect: "select"
+};
+var getComponentName = (node) => {
+  const type = node.type;
+  return typeof type === "function" ? type.displayName || type.name || "" : "";
+};
+var isKnownComponent = (node) => {
+  var _a;
+  const name = getComponentName(node);
+  if (COMPONENT_NAME_MAP[name]) return true;
+  if (((_a = node.props) == null ? void 0 : _a.typeFormat) === "multiselect") return true;
+  return false;
+};
+var findInTree = (node) => {
+  var _a;
+  if (!React9.isValidElement(node)) return null;
+  if (isKnownComponent(node)) return node;
+  const children = (_a = node.props) == null ? void 0 : _a.children;
+  if (!children) return null;
+  for (const child of React9.Children.toArray(children)) {
+    if (React9.isValidElement(child)) {
+      const found = findInTree(child);
+      if (found) return found;
+    }
+  }
+  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 == "textField") {
-    validation = "textField";
+  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 (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextField") {
-    validation = "textField";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "textArea") {
-    validation = "textArea";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCtextArea") {
-    validation = "textArea";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "dateRange") {
-    validation = "dateRange";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCDateRange") {
-    validation = "dateRange";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "autocomplete") {
-    validation = "autocomplete";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCAutocomplete") {
-    validation = "autocomplete";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.typeFormat == "multiselect") {
-    validation = "multiselect";
-    typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.props && ((_a = element == null ? void 0 : element.component) == null ? void 0 : _a.props).typeFormat == "multiselect") {
+  } else if (element.typeFormat === "multiselect") {
     validation = "multiselect";
-    typeElement = element == null ? void 0 : element.component.props;
-  } else if (element.type == "select") {
-    validation = "select";
     typeElement = element;
-  } else if (React9.isValidElement(element == null ? void 0 : element.component) && element.component.type && element.component.type.name == "SCSelect") {
-    validation = "select";
-    typeElement = element == null ? void 0 : element.component.props;
+  } else if (React9.isValidElement(element == null ? void 0 : element.component) && isKnownComponent(element.component)) {
+    const node = element.component;
+    validation = resolveValidation(node);
+    typeElement = node.props;
+  } else if (React9.isValidElement(element == null ? void 0 : element.component)) {
+    const found = findInTree(element.component);
+    if (found) {
+      validation = resolveValidation(found);
+      typeElement = found.props;
+    }
   }
-  return {
-    validation,
-    element: typeElement
-  };
+  return { validation, element: typeElement };
 };
 
 // src/Components/Drawer/hooks/useDrawerState.ts
-import { useState as useState7, useEffect as useEffect6 } from "react";
+import { useState as useState7, useEffect as useEffect5 } from "react";
 var useDrawerState = ({ open, setOpen }) => {
   const [drawerOpen, setDrawerOpen] = useState7(open || false);
-  useEffect6(() => {
+  useEffect5(() => {
     if (open !== void 0) {
       setDrawerOpen(open);
     }
@@ -1509,11 +1546,11 @@ var useDrawerState = ({ open, setOpen }) => {
 };
 
 // src/Components/Drawer/hooks/useChipFilters.ts
-import { useState as useState8, useEffect as useEffect7 } from "react";
+import { useState as useState8, useEffect as useEffect6 } from "react";
 var useChipFilters = (arrayElements, chipFilters) => {
   const [stateChipFilters, setChipFilters] = useState8(false);
   const [textFilters, setTextFilters] = useState8([]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (chipFilters == null ? void 0 : chipFilters.length) {
       setTextFilters([]);
       processChipFilters();
@@ -1538,11 +1575,11 @@ var useChipFilters = (arrayElements, chipFilters) => {
   const processManualFilters = () => {
     const newFiltersToAdd = [];
     arrayElements.forEach((element) => {
-      var _a, _b, _c, _d;
+      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() !== ",") {
-        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")}` : textValue;
+      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
         );
@@ -1570,20 +1607,26 @@ var useChipFilters = (arrayElements, chipFilters) => {
     });
   };
   const getCurrentValue = (validation, typeElement) => {
-    var _a, _b, _c, _d, _e;
+    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")}`;
       }
       return "";
     }
-    return ((_e = typeElement.state) == null ? void 0 : _e.textValue) !== void 0 ? String(typeElement.state.textValue).trim() : String(typeElement.state).trim();
+    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) => filter.arrayElement.label === label
+        (filter) => label !== void 0 ? filter.arrayElement.label === label : filter.value === value
       );
       if (existingFilterIndex !== -1) {
         const updatedFilters = [...prevFilters];
@@ -1604,7 +1647,7 @@ var useChipFilters = (arrayElements, chipFilters) => {
         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 !== ",";
+        return stateValue !== "" && stateValue !== "," && stateValue !== "undefined";
       }
     });
   };
@@ -1649,6 +1692,10 @@ var resetElementByType = (originalElement, validation, typeElement) => {
     case "dateRange":
       defaultValue = [null, null];
       break;
+    case "datePicker":
+    case "time":
+      defaultValue = null;
+      break;
     case "multiselect":
       defaultValue = { hiddenValue: [], textValue: [] };
       break;
@@ -1725,21 +1772,21 @@ var DrawerButton = ({
 };
 
 // src/Components/Drawer/components/ChipFiltersDisplay.tsx
-import React11, { useRef as useRef4 } from "react";
+import React11, { useRef as useRef3 } from "react";
 import { Box as Box7, IconButton as IconButton6, Chip as Chip3 } from "@mui/material";
-import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
-import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
+import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 var ChipFiltersDisplay = ({
   textFilters,
   onDeleteFilter
 }) => {
-  const scrollRef = useRef4(null);
+  const scrollRef = useRef3(null);
   const scroll = (offset) => {
     if (scrollRef.current) {
       scrollRef.current.scrollLeft += offset;
     }
   };
-  return /* @__PURE__ */ React11.createElement(Box7, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React11.createElement(ArrowBackIosIcon, { fontSize: "small" })), /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, (textFilters == null ? void 0 : textFilters.length) > 0 && /* @__PURE__ */ React11.createElement(Box7, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronLeftIcon, { fontSize: "small", color: "action" })), /* @__PURE__ */ React11.createElement(
     Box7,
     {
       ref: scrollRef,
@@ -1766,7 +1813,7 @@ var ChipFiltersDisplay = ({
         }
       })
     ))
-  ), /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React11.createElement(ArrowForwardIosIcon, { fontSize: "small" })));
+  ), /* @__PURE__ */ React11.createElement(IconButton6, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ React11.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -1774,22 +1821,22 @@ import React17 from "react";
 import { Box as Box13, Stack as Stack8 } from "@mui/material";
 
 // src/Components/Textfield/SCTextField.tsx
-import React12, { useEffect as useEffect8, useState as useState10 } from "react";
-import { FormControl, IconButton as IconButton7, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover as Popover2, Input, Box as Box8, Typography as Typography7, SvgIcon, Tooltip as Tooltip4 } from "@mui/material";
+import React12, { useEffect as useEffect7, useState as useState10 } from "react";
+import { FormControl, IconButton as IconButton7, InputAdornment, InputLabel, OutlinedInput, FilledInput, Popover as Popover2, Input, Box as Box8, Typography as Typography7, SvgIcon as SvgIcon3, Tooltip as Tooltip4 } from "@mui/material";
 import Grid from "@mui/material/Grid";
 import { Visibility, VisibilityOff, InfoOutlined } from "@mui/icons-material";
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
-import * as Muicon2 from "@mui/icons-material";
+import * as Muicon4 from "@mui/icons-material";
 function getIconComponent2(name) {
   if (typeof name !== "string") return name;
-  return name in Muicon2 ? Muicon2[name] : void 0;
+  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 Muicon2 ? "icon" : "text";
+  return name in Muicon4 ? "icon" : "text";
 }
 
 // src/Components/Textfield/Helpers/validateKeyDown.tsx
@@ -1869,7 +1916,7 @@ var SCTextField = ({
   const openInfoTitle = Boolean(anchorInfoTitle);
   const [anchorInfoElement, setAnchorInfoElement] = useState10(null);
   const openInfoElement = Boolean(anchorInfoElement);
-  useEffect8(() => {
+  useEffect7(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
@@ -1919,7 +1966,7 @@ var SCTextField = ({
   const handleCloseInfoElement = () => {
     setAnchorInfoElement(null);
   };
-  return /* @__PURE__ */ React12.createElement(Box8, { sx: { width } }, /* @__PURE__ */ React12.createElement(Grid, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ React12.createElement(SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ React12.createElement(Typography7, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React12.createElement(Box8, { sx: { width } }, /* @__PURE__ */ React12.createElement(Grid, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ React12.createElement(SvgIcon3, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ React12.createElement(Typography7, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
     InfoOutlined,
     {
       color: "action",
@@ -2108,8 +2155,8 @@ function getIcon2(name) {
 }
 
 // src/Components/TextArea/SCTextArea.tsx
-import React13, { useEffect as useEffect9, useState as useState11 } from "react";
-import { Typography as Typography8, Stack as Stack7, TextField, Box as Box9, Popover as Popover3, Tooltip as Tooltip5, SvgIcon as SvgIcon2, Grid as Grid2 } from "@mui/material";
+import React13, { useEffect as useEffect8, useState as useState11 } from "react";
+import { Typography as Typography8, Stack as Stack7, TextField, Box as Box9, Popover as Popover3, Tooltip as Tooltip5, SvgIcon as SvgIcon4, Grid as Grid2 } from "@mui/material";
 import { InfoOutlined as InfoOutlined2 } from "@mui/icons-material";
 var SCTextArea = ({
   //informativas
@@ -2136,7 +2183,7 @@ var SCTextArea = ({
   const [stateError, setStateError] = useState11(false);
   const [anchorInfoTitle, setAnchorInfoTitle] = React13.useState(null);
   const openInfoTitle = Boolean(anchorInfoTitle);
-  useEffect9(() => {
+  useEffect8(() => {
     setHelperCount(state == null ? void 0 : state.length);
   }, [state]);
   const IconTitle = getIcon2(iconTitle);
@@ -2158,7 +2205,7 @@ var SCTextArea = ({
   const handleCloseInfoTitle = () => {
     setAnchorInfoTitle(null);
   };
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Box9, { sx: { width } }, /* @__PURE__ */ React13.createElement(Grid2, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ React13.createElement(SvgIcon2, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ React13.createElement(Typography8, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Box9, { sx: { width } }, /* @__PURE__ */ React13.createElement(Grid2, { container: true, sx: { alignItems: "center" }, gap: 0.5 }, iconTitle && IconTitle && /* @__PURE__ */ React13.createElement(SvgIcon4, { color: "action", fontSize: "small", component: IconTitle }), title && /* @__PURE__ */ React13.createElement(Typography8, { color: colorTitle || "text.secondary", variant: "subtitle2" }, title), infoTitle ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     InfoOutlined2,
     {
       color: "action",
@@ -2229,10 +2276,10 @@ var SCTextArea = ({
 };
 
 // src/Components/SCSelect.tsx
-import React14, { useEffect as useEffect10 } from "react";
-import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem as MenuItem2, SvgIcon as SvgIcon3, ListItemIcon, ListItemText, Box as Box10 } from "@mui/material";
+import React14, { useEffect as useEffect9 } from "react";
+import { InputLabel as InputLabel2, FormControl as FormControl2, MenuItem as MenuItem2, SvgIcon as SvgIcon5, ListItemIcon, ListItemText, Box as Box10 } from "@mui/material";
 import Select from "@mui/material/Select";
-import * as Muicon3 from "@mui/icons-material";
+import * as Muicon5 from "@mui/icons-material";
 function SCSelect({
   label = "",
   data,
@@ -2249,14 +2296,14 @@ function SCSelect({
   const labelContent = `<span style="color: red;">* </span>` + label;
   const [prevData, setPrevData] = React14.useState(data);
   const [error, setError] = React14.useState(false);
-  useEffect10(() => {
+  useEffect9(() => {
     if (error) {
       setTimeout(() => {
         setError(false);
       }, 1e3);
     }
   }, [error]);
-  useEffect10(() => {
+  useEffect9(() => {
     let dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (dataChangeValidation == false) {
       setState({ hiddenValue: "", textValue: "" });
@@ -2266,7 +2313,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 = Muicon3[option == null ? void 0 : option.icon];
+        option.icon = Muicon5[option == null ? void 0 : option.icon];
       } else {
         option;
       }
@@ -2338,17 +2385,17 @@ function SCSelect({
         }
       },
       data.map((option, index) => {
-        return /* @__PURE__ */ React14.createElement(MenuItem2, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ React14.createElement(ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React14.createElement(SvgIcon3, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ React14.createElement(ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
+        return /* @__PURE__ */ React14.createElement(MenuItem2, { key: index, value: getItemValue(option).value }, getItemValue(option).icon != void 0 ? /* @__PURE__ */ React14.createElement(ListItemIcon, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React14.createElement(SvgIcon5, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "", /* @__PURE__ */ React14.createElement(ListItemText, { primary: getItemValue(option).text, color: "text.primary" }));
       })
     )
   )));
 }
 
 // src/Components/SCAutocomplete.tsx
-import React15, { useEffect as useEffect11, useMemo as useMemo4 } from "react";
-import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem3, TextField as TextField3, Typography as Typography10, SvgIcon as SvgIcon4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider4, FormControlLabel as FormControlLabel2, IconButton as IconButton9, Chip as Chip4, Box as Box11, Button as Button7, Grid as Grid3 } from "@mui/material";
+import React15, { useEffect as useEffect10, useMemo as useMemo3 } from "react";
+import { Autocomplete, Checkbox, InputAdornment as InputAdornment3, MenuItem as MenuItem3, TextField as TextField3, Typography as Typography10, SvgIcon as SvgIcon6, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider4, FormControlLabel as FormControlLabel2, IconButton as IconButton9, Chip as Chip4, Box as Box11, Button as Button7, Grid as Grid3 } from "@mui/material";
 import { Search, Clear } from "@mui/icons-material";
-import * as Muicon4 from "@mui/icons-material";
+import * as Muicon6 from "@mui/icons-material";
 var StopEvent = ({ children }) => {
   return /* @__PURE__ */ React15.createElement(
     Box11,
@@ -2382,7 +2429,8 @@ function SCAutocomplete({
   setState,
   state,
   inputChange,
-  maxCheck
+  maxCheck,
+  width = "100%"
 }) {
   const labelContent = `<span style="color: red;">* </span>` + label;
   let group = "";
@@ -2392,7 +2440,7 @@ function SCAutocomplete({
   const [originalData, setOriginalData] = React15.useState(data);
   const [inputValue, setInputValue] = React15.useState("");
   const [isUserTyping, setIsUserTyping] = React15.useState(false);
-  useEffect11(() => {
+  useEffect10(() => {
     const dataChangeValidation = JSON.stringify(prevData) === JSON.stringify(data);
     if (!dataChangeValidation && !isUserTyping) {
       setState({ hiddenValue: "-1", textValue: "" });
@@ -2403,7 +2451,7 @@ function SCAutocomplete({
     }
     setPrevData(data);
   }, [data, isUserTyping]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (typeFormat == "multiselect") {
       if (state.hiddenValue != "-1" && Array.isArray(state.hiddenValue)) {
         const newSelectedOptions = originalData.filter(
@@ -2413,16 +2461,16 @@ function SCAutocomplete({
       }
     }
   }, [state.hiddenValue, originalData, typeFormat]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (inputValue === "") {
       setIsUserTyping(false);
     }
   }, [inputValue]);
-  const normalizedData = useMemo4(() => {
+  const normalizedData = useMemo3(() => {
     return data.map((option) => {
       if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
         return __spreadProps(__spreadValues({}, option), {
-          icon: Muicon4[option.icon]
+          icon: Muicon6[option.icon]
         });
       }
       return option;
@@ -2474,13 +2522,26 @@ function SCAutocomplete({
   ) || null;
   const [open, setOpen] = React15.useState(false);
   const componentClickActiveRef = React15.useRef(false);
-  const hayOnComponentClickGlobal = useMemo4(() => {
+  const containerRef = React15.useRef(null);
+  const [chipLimit, setChipLimit] = React15.useState(2);
+  useEffect10(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new ResizeObserver((entries) => {
+      const width2 = entries[0].contentRect.width;
+      const limit = Math.max(1, Math.floor((width2 - 80) / 128));
+      setChipLimit(limit);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const hayOnComponentClickGlobal = useMemo3(() => {
     return data.some((opt) => {
       const item = getItemValue(opt);
       return Boolean(item.onComponentClick);
     });
   }, [data, getItemValue]);
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, data && /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, data && /* @__PURE__ */ React15.createElement(Box11, { ref: containerRef, sx: { width } }, /* @__PURE__ */ React15.createElement(
     Autocomplete,
     __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, hayOnComponentClickGlobal ? { disableCloseOnSelect: true } : {}), hayOnComponentClickGlobal ? { blurOnSelect: false } : {}), hayOnComponentClickGlobal ? { open } : {}), hayOnComponentClickGlobal ? { onOpen: () => setOpen(true) } : {}), hayOnComponentClickGlobal ? {
       onClose: (event2, reason) => {
@@ -2510,9 +2571,9 @@ function SCAutocomplete({
         width: "100%",
         maxWidth: "100%"
       },
-      limitTags: 2,
+      limitTags: chipLimit,
       renderTags: (value, getTagProps) => {
-        const limit = 2;
+        const limit = chipLimit;
         return /* @__PURE__ */ React15.createElement(React15.Fragment, null, value.slice(0, limit).map((option, index) => {
           const _a = getTagProps({ index }), { key } = _a, chipProps = __objRest(_a, ["key"]);
           return /* @__PURE__ */ React15.createElement(
@@ -2557,7 +2618,7 @@ function SCAutocomplete({
               opacity: isDisabled ? 0.5 : 1
             }
           }),
-          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ React15.createElement(ListItemIcon2, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React15.createElement(SvgIcon4, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
+          typeFormat != "multiselect" && getItemValue(option).icon != void 0 ? /* @__PURE__ */ React15.createElement(ListItemIcon2, { sx: { minWidth: "10px !important" } }, /* @__PURE__ */ React15.createElement(SvgIcon6, { fontSize: "small", color: "action", component: getItemValue(option).icon })) : "",
           typeFormat == "multiselect" ? /* @__PURE__ */ React15.createElement(
             Checkbox,
             {
@@ -2595,7 +2656,14 @@ function SCAutocomplete({
       },
       renderInput: (params) => /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
         TextField3,
-        __spreadProps(__spreadValues({}, params), {
+        __spreadProps(__spreadValues({
+          sx: { "& .MuiOutlinedInput-input": {
+            padding: "2.5px 2px 2.5px 2px !important",
+            // ajusta aquí
+            width: "10px !important",
+            minWidth: "10px !important"
+          } }
+        }, params), {
           label: required ? /* @__PURE__ */ React15.createElement("span", { dangerouslySetInnerHTML: { __html: labelContent } }) : label,
           placeholder: selectedOptions.length == 0 ? "B\xFAsqueda" : "",
           InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
@@ -2670,7 +2738,7 @@ function SCAutocomplete({
         }
       }
     })
-  ));
+  )));
 }
 
 // src/Components/SCDateRange.tsx
@@ -3833,7 +3901,7 @@ var Calendar = ({
 }) => {
   const [view, setView] = useState14(initialView);
   const { currentDate, navigateDate } = useCalendarNavigation(dayjs9(), onDateChange);
-  useEffect12(() => {
+  useEffect11(() => {
     onDateChange == null ? void 0 : onDateChange(currentDate);
   }, [currentDate, onDateChange]);
   const handleViewChange = (newView) => {
@@ -3935,7 +4003,7 @@ var FooterAction = ({
 };
 
 // src/Components/Menu/Menu.tsx
-import React33, { useCallback as useCallback4, useState as useState15 } from "react";
+import React33, { useCallback as useCallback3, useState as useState15 } from "react";
 import { Button as Button12, Menu as Menu2 } from "@mui/material";
 var BasicMenu = ({
   open,
@@ -3954,7 +4022,7 @@ var BasicMenu = ({
   } : setInternalOpen;
   const menuAnchorEl = anchorEl != null ? anchorEl : internalAnchorEl;
   const actualOpen = Boolean(menuAnchorEl) && menuOpen;
-  const handleButtonClick = useCallback4((event2) => {
+  const handleButtonClick = useCallback3((event2) => {
     if (handleClick) {
       handleClick(event2);
     } else {
@@ -3964,7 +4032,7 @@ var BasicMenu = ({
       }
     }
   }, [handleClick, setMenuOpen, isControlled]);
-  const handleMenuClose = useCallback4(() => {
+  const handleMenuClose = useCallback3(() => {
     if (onClose) {
       onClose();
     } else {
@@ -4003,32 +4071,32 @@ var BasicMenu = ({
 };
 
 // src/Components/MultiSelect/MultiSelect.tsx
-import React34, { useEffect as useEffect13, useMemo as useMemo6 } from "react";
+import React34, { useEffect as useEffect12, useMemo as useMemo5 } from "react";
 import { Button as Button13, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem5, Popover as Popover4, Stack as Stack12, TextField as TextField4 } from "@mui/material";
 import { SearchOutlined } from "@mui/icons-material";
 
 // src/Components/MultiSelect/helpers/useHandlers.tsx
-import { useCallback as useCallback5, useState as useState16 } from "react";
+import { useCallback as useCallback4, useState as useState16 } from "react";
 function useMultiSelectHandlers() {
   const [anchorEl, setAnchorEl] = useState16(null);
   const [open, setOpen] = useState16(false);
   const [selectedItems, setSelectedItems] = useState16([]);
   const [filterValue, setFilterValue] = useState16("");
-  const handleOpen = useCallback5((e) => {
+  const handleOpen = useCallback4((e) => {
     setAnchorEl(e.currentTarget);
     setOpen(true);
   }, []);
-  const handleClose = useCallback5(() => {
+  const handleClose = useCallback4(() => {
     setAnchorEl(null);
     setOpen(false);
   }, []);
-  const handleFilterChange = useCallback5(
+  const handleFilterChange = useCallback4(
     (e) => {
       setFilterValue(e.target.value);
     },
     []
   );
-  const handleCheckboxToggle = useCallback5((item) => {
+  const handleCheckboxToggle = useCallback4((item) => {
     setSelectedItems(
       (prev) => prev.includes(item) ? prev.filter((i) => i !== item) : [...prev, item]
     );
@@ -4055,15 +4123,15 @@ function getIconMultiSelect(name) {
 }
 
 // src/Components/MultiSelect/helpers/useFilteredItems.tsx
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo4 } from "react";
 function useFilteredItems(items, filterValue, getItemLabel, selectedItems) {
-  const filteredItems = useMemo5(
+  const filteredItems = useMemo4(
     () => items.filter(
       (item) => getItemLabel(item).toLowerCase().includes(filterValue.toLowerCase())
     ),
     [items, filterValue, getItemLabel]
   );
-  const sortedItems = useMemo5(() => {
+  const sortedItems = useMemo4(() => {
     return [
       ...filteredItems.filter((item) => selectedItems.includes(item)),
       ...filteredItems.filter((item) => !selectedItems.includes(item))
@@ -4097,16 +4165,16 @@ function MultiSelect({
     handleCheckboxToggle,
     setOpen
   } = useMultiSelectHandlers();
-  useEffect13(() => {
+  useEffect12(() => {
     if (open !== void 0) {
       setOpen(open);
     }
   }, [open, setOpen]);
-  useEffect13(() => {
+  useEffect12(() => {
     setSelectedItems([]);
   }, [items, setSelectedItems]);
   const { filteredItems, sortedItems } = useFilteredItems(items, filterValue, getItemLabel, selectedItems);
-  const Icon = useMemo6(() => {
+  const Icon = useMemo5(() => {
     var _a2;
     return getIconMultiSelect((_a2 = button == null ? void 0 : button.icon) != null ? _a2 : "FilterListOutlined");
   }, [button == null ? void 0 : button.icon]);
@@ -4212,7 +4280,7 @@ var PageHeader = ({
       zIndex: 10,
       sx: { boxShadow: shadow ? (theme) => theme.shadows[1] : "none" }
     },
-    /* @__PURE__ */ React35.createElement(Stack13, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React35.createElement(Stack13, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ React35.createElement(Stack13, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.primary" }, subtitle))), actions && /* @__PURE__ */ React35.createElement(Stack13, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
+    /* @__PURE__ */ React35.createElement(Stack13, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React35.createElement(Stack13, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ React35.createElement(Stack13, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ React35.createElement(Typography18, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ React35.createElement(Stack13, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
   );
 };
 
@@ -4228,27 +4296,27 @@ import { format, startOfWeek, addDays, isSameDay } from "date-fns";
 
 // src/Components/SCListContent.tsx
 import React36 from "react";
-import { Divider as Divider6, List, ListItemButton, ListItemIcon as ListItemIcon4, ListItemText as ListItemText3, SvgIcon as SvgIcon5 } from "@mui/material";
+import { Divider as Divider6, List, ListItemButton, ListItemIcon as ListItemIcon4, ListItemText as ListItemText3, SvgIcon as SvgIcon7 } from "@mui/material";
 import Grid7 from "@mui/material/Grid";
 import Avatar from "@mui/material/Avatar";
-import * as Muicon5 from "@mui/icons-material";
+import * as Muicon7 from "@mui/icons-material";
 var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
   const [selectedIndex, setSelectedIndex] = React36.useState("1");
   const [value, setValue] = React36.useState("1");
   options.map(function(option, index, array) {
     if (option == null ? void 0 : option.iconLeft) {
       if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
-        const found = Muicon5[option == null ? void 0 : option.iconLeft];
+        const found = Muicon7[option == null ? void 0 : option.iconLeft];
         if (found != void 0) {
-          option.iconLeft = Muicon5[option == null ? void 0 : option.iconLeft];
+          option.iconLeft = Muicon7[option == null ? void 0 : option.iconLeft];
         }
       }
     }
     if (option == null ? void 0 : option.iconRight) {
       if ((option == null ? void 0 : option.iconRight.type) == void 0) {
-        const found = Muicon5[option == null ? void 0 : option.iconRight];
+        const found = Muicon7[option == null ? void 0 : option.iconRight];
         if (found != void 0) {
-          option.iconRight = Muicon5[option == null ? void 0 : option.iconRight];
+          option.iconRight = Muicon7[option == null ? void 0 : option.iconRight];
         }
       }
     }
@@ -4262,7 +4330,7 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
         onClick: option.fn,
         sx: { gap: 1, padding: iconLeftType == "Icon" ? "8px 8px" : "8px 8px 8px 0px" }
       },
-      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ React36.createElement(ListItemIcon4, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ React36.createElement(SvgIcon5, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ React36.createElement(Avatar, { sx: { width: 25, height: 25, fontSize: "11px", bgcolor: option.iconLeftColor ? `${option.iconLeftColor}.main` : "default" } }, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ React36.createElement(SvgIcon5, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
+      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ React36.createElement(ListItemIcon4, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ React36.createElement(SvgIcon7, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ React36.createElement(Avatar, { sx: { width: 25, height: 25, fontSize: "11px", bgcolor: option.iconLeftColor ? `${option.iconLeftColor}.main` : "default" } }, ((_a = option.iconLeft) == null ? void 0 : _a.type) != void 0 ? /* @__PURE__ */ React36.createElement(SvgIcon7, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
       /* @__PURE__ */ React36.createElement(
         ListItemText3,
         {
@@ -4271,7 +4339,7 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
           secondary: /* @__PURE__ */ React36.createElement(Grid7, { gap: 0.5 }, /* @__PURE__ */ React36.createElement(Grid7, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ React36.createElement(Grid7, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.description))
         }
       ),
-      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ React36.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React36.createElement(SvgIcon5, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ React36.createElement(Avatar, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ React36.createElement(SvgIcon5, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
+      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ React36.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React36.createElement(SvgIcon7, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ React36.createElement(Avatar, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ React36.createElement(SvgIcon7, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
     ), option.divider == true ? /* @__PURE__ */ React36.createElement(Divider6, null) : "");
   })));
 };
@@ -4304,8 +4372,6 @@ var SCActivityCalendar = ({
   const [openCalendar, setOpenCalendar] = React37.useState(false);
   const [anchorPopoverFiltro, setAnchorPopoverFiltro] = useState18(null);
   const [datosEventos, setDatosEventos] = React37.useState(events);
-  console.log("eventos", events);
-  console.log("datosEventos", datosEventos);
   const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = startOfWeek(fecha, { weekStartsOn: 0 });
@@ -4440,12 +4506,9 @@ var SCActivityCalendar = ({
       flexDirection: "column"
     } }, (() => {
       const esDomingo = day.getDay() === 0;
-      console.log("D\xEDa:", day);
-      console.log("Filtrando eventos para el d\xEDa:", datosEventos);
       const eventosDelDia = datosEventos.filter(
         (event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
       );
-      console.log("Cantidad eventos para el d\xEDa:", eventosDelDia);
       if (eventosDelDia.length > 0) {
         return eventosDelDia.map((event2, idx) => /* @__PURE__ */ React37.createElement(
           SCListContent,
@@ -4516,7 +4579,7 @@ var SCAlert = ({
 };
 
 // src/Components/SCAppBar.tsx
-import React39, { useState as useState19, useEffect as useEffect16 } from "react";
+import React39, { useState as useState19, useEffect as useEffect15 } from "react";
 import { Menu as Menu4, Box as Box23, Typography as Typography22, MenuItem as MenuItem8, IconButton as IconButton14, Badge as Badge2 } from "@mui/material";
 import Grid9 from "@mui/material/Grid";
 import "dayjs/locale/es";
@@ -4541,13 +4604,11 @@ var SCAppBar = ({
   const handleMenuClose = () => {
     setAnchorEl(null);
   };
-  useEffect16(() => {
+  useEffect15(() => {
     const handleOnline = () => {
-      console.log("tiene internet");
       setIsOnline(true);
     };
     const handleOffline = () => {
-      console.log(" no tiene internet");
       setIsOnline(false);
     };
     window.addEventListener("online", handleOnline);
@@ -4690,7 +4751,7 @@ var SCCalendarSwipeable = ({
 
 // src/Components/SCCard.tsx
 import React41 from "react";
-import { Button as Button18, Box as Box25, SvgIcon as SvgIcon7 } from "@mui/material";
+import { Button as Button18, Box as Box25, SvgIcon as SvgIcon9 } from "@mui/material";
 import IconButton16 from "@mui/material/IconButton";
 import Card2 from "@mui/material/Card";
 import CardHeader from "@mui/material/CardHeader";
@@ -4699,13 +4760,13 @@ import CardContent2 from "@mui/material/CardContent";
 import CardActions from "@mui/material/CardActions";
 import Collapse2 from "@mui/material/Collapse";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import * as Muicon6 from "@mui/icons-material";
+import * as Muicon8 from "@mui/icons-material";
 var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
   let iconTitleValidation = "";
   let IconTitle;
   const [expanded, setExpanded] = React41.useState(false);
   if (iconTitle) {
-    if (Muicon6[iconTitle] == void 0) {
+    if (Muicon8[iconTitle] == void 0) {
       if (iconTitle && React41.isValidElement(iconTitle) && iconTitle.type == void 0) {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
@@ -4715,7 +4776,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon6[iconTitle];
+      IconTitle = Muicon8[iconTitle];
     }
   }
   const handleExpandClick = () => {
@@ -4724,7 +4785,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
   return /* @__PURE__ */ React41.createElement(Card2, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ React41.createElement(
     CardHeader,
     {
-      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React41.createElement(Box25, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React41.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React41.createElement(SvgIcon7, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
+      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React41.createElement(Box25, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React41.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React41.createElement(SvgIcon9, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
       action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
@@ -4766,13 +4827,13 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
 };
 
 // src/Components/SCDataGrid.tsx
-import React42, { useEffect as useEffect19, useState as useState22 } from "react";
+import React42, { useEffect as useEffect18, useState as useState22 } from "react";
 import { DataGridPro, useGridApiRef } from "@mui/x-data-grid-pro";
 import { LicenseInfo as LicenseInfo2 } from "@mui/x-license";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import { useTheme } from "@mui/material/styles";
-function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
+function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableHeader, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
   LicenseInfo2.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
@@ -4869,6 +4930,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
             color: "#10184099",
             display: "flex",
             alignItems: "center",
+            borderTop: params.rowNode.type === "group" && params.rowNode.depth === 0 ? "2px solid #2063A0" : "1px solid #E0E0E0",
             paddingLeft: params.rowNode.depth == 0 ? "5px" : params.rowNode.depth == 1 ? "15px" : "25px",
             backgroundColor: params.rowNode.type === "group" ? theme.palette.grey[100 + (maxDepth - params.rowNode.depth) * 100] : "#FFFFFF",
             fontWeight: params.rowNode.type == "group" ? "400" : "300"
@@ -4933,14 +4995,14 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   const [pageSize, setPageSize] = useState22(rows);
   const [arrayRows, setArrayRows] = useState22([]);
   const [selectionModel, setSelectionModel] = useState22([]);
-  useEffect19(() => {
+  useEffect18(() => {
     var _a;
     if (setSelectedRow) {
       setSelectedRow(arrayRows[selectedIndex]);
       setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
     }
   }, [selectedIndex]);
-  useEffect19(() => {
+  useEffect18(() => {
     if ((data == null ? void 0 : data.length) > 0) {
       dataConvertRows(data, void 0);
     }
@@ -5023,14 +5085,13 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       columnVisibilityModel[col.field] = false;
     }
   });
-  console.log("columnVisibilityModel:", columnVisibilityModel);
   const initialState = {
     pagination: { paginationModel: { pageSize: rows } }
   };
   if (Object.keys(columnVisibilityModel).length > 0) {
     initialState.columns = { columnVisibilityModel };
   }
-  useEffect19(() => {
+  useEffect18(() => {
     if (apiRef.current && Object.keys(columnVisibilityModel).length > 0) {
       apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
     }
@@ -5075,6 +5136,9 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       },
       sx: {
         maxHeight: maxHeight ? `${maxHeight}px` : "none",
+        "& .MuiDataGrid-columnHeaders": {
+          display: disableHeader == true ? "none" : "block"
+        },
         "& .MuiDataGrid-filler": {
           display: "none !important"
         },
@@ -5264,20 +5328,20 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
 };
 
 // src/Components/SCDialog.tsx
-import React44, { useEffect as useEffect20, useState as useState24 } from "react";
-import { Button as Button19, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon8 } from "@mui/material";
+import React44, { useEffect as useEffect19, useState as useState24 } from "react";
+import { Button as Button19, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon10 } from "@mui/material";
 import Grid11 from "@mui/material/Grid";
 import ToggleButton from "@mui/material/ToggleButton";
 import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import CloseIcon2 from "@mui/icons-material/Close";
-import * as Muicon7 from "@mui/icons-material";
+import * as Muicon9 from "@mui/icons-material";
 var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView = "web", setShow, show }) => {
   let i = 0;
   let iconTitleValidation = "";
   let IconTitle;
   let ButtonIcon;
   const [open, setOpen] = useState24(show);
-  useEffect20(() => {
+  useEffect19(() => {
     if (show) {
       handleOpen();
     } else {
@@ -5285,17 +5349,17 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     }
   }, [show]);
   if ((buttonDialog == null ? void 0 : buttonDialog.icon) != void 0) {
-    if (Muicon7[buttonDialog == null ? void 0 : buttonDialog.icon] == void 0) {
+    if (Muicon9[buttonDialog == null ? void 0 : buttonDialog.icon] == void 0) {
       ButtonIcon = buttonDialog == null ? void 0 : buttonDialog.icon;
     } else {
-      ButtonIcon = Muicon7[buttonDialog == null ? void 0 : buttonDialog.icon];
+      ButtonIcon = Muicon9[buttonDialog == null ? void 0 : buttonDialog.icon];
     }
   }
   if (Array.isArray(actions)) {
     actions.map(function(option, index, array) {
       if (option == null ? void 0 : option.icon) {
         if ((option == null ? void 0 : option.icon.type) == void 0) {
-          option.icon = Muicon7[option == null ? void 0 : option.icon];
+          option.icon = Muicon9[option == null ? void 0 : option.icon];
         } else {
           option;
         }
@@ -5303,17 +5367,17 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     });
   }
   if (iconTitle) {
-    if (Muicon7[iconTitle] == void 0) {
-      if (Muicon7[iconTitle]) {
+    if (Muicon9[iconTitle] == void 0) {
+      if (Muicon9[iconTitle]) {
         iconTitleValidation = "icon";
-        IconTitle = Muicon7[iconTitle];
+        IconTitle = Muicon9[iconTitle];
       } else {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon7[iconTitle];
+      IconTitle = Muicon9[iconTitle];
     }
   }
   const handleOpen = () => {
@@ -5330,7 +5394,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   };
   const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
   content = content != null ? content : { component: /* @__PURE__ */ React44.createElement(Box26, null, " Aqui va el contenido ") };
-  return /* @__PURE__ */ React44.createElement("div", null, buttonDialog ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React44.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React44.createElement(Button19, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React44.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React44.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React44.createElement("div", null, buttonDialog ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React44.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React44.createElement(Button19, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React44.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React44.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React44.createElement(
     Dialog4,
     {
       fullScreen: typeView === "mobile" ? true : false,
@@ -5345,7 +5409,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       }
     },
-    title && /* @__PURE__ */ React44.createElement(DialogTitle4, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React44.createElement(Grid11, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ React44.createElement(Grid11, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ React44.createElement(Box26, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React44.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React44.createElement(SvgIcon8, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ React44.createElement(Grid11, { sx: { width: "98%" } }, /* @__PURE__ */ React44.createElement(Typography25, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ React44.createElement(Grid11, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ React44.createElement(IconButton17, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ React44.createElement(CloseIcon2, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ React44.createElement(Grid11, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ React44.createElement(Typography25, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
+    title && /* @__PURE__ */ React44.createElement(DialogTitle4, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React44.createElement(Grid11, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ React44.createElement(Grid11, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ React44.createElement(Box26, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React44.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React44.createElement(SvgIcon10, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ React44.createElement(Grid11, { sx: { width: "98%" } }, /* @__PURE__ */ React44.createElement(Typography25, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ React44.createElement(Grid11, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ React44.createElement(IconButton17, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ React44.createElement(CloseIcon2, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ React44.createElement(Grid11, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ React44.createElement(Typography25, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
     /* @__PURE__ */ React44.createElement(
       DialogContent4,
       {
@@ -5393,7 +5457,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         size: "small",
         onClick: dialogActions[0].fn,
         disabled: dialogActions[0].disabled || false,
-        startIcon: dialogActions[0].icon ? /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", component: dialogActions[0].icon }) : void 0
+        startIcon: dialogActions[0].icon ? /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", component: dialogActions[0].icon }) : void 0
       },
       dialogActions[0].text
     ), /* @__PURE__ */ React44.createElement(Box26, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
@@ -5406,7 +5470,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           size: "small",
           onClick: boton.fn,
           disabled: boton.disabled || false,
-          startIcon: boton.icon ? /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", component: boton.icon }) : void 0
+          startIcon: boton.icon ? /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }) : void 0
         },
         boton.text
       );
@@ -5420,24 +5484,24 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           size: "small",
           onClick: boton.fn,
           disabled: boton.disabled || false,
-          startIcon: boton.icon ? /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", component: boton.icon }) : void 0
+          startIcon: boton.icon ? /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }) : void 0
         },
         boton.text
       );
     })) : /* @__PURE__ */ React44.createElement(Box26, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ React44.createElement(ToggleButtonGroup, { size: "large", fullWidth: true }, dialogActions.map((boton, index) => {
       var _a;
-      return /* @__PURE__ */ React44.createElement(ToggleButton, { sx: { color: "primary.main" }, disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", component: boton.icon }));
+      return /* @__PURE__ */ React44.createElement(ToggleButton, { sx: { color: "primary.main" }, disabled: boton.disabled || false, fullWidth: boton.text ? true : false, size: "medium", value: "text", onClick: boton.fn }, (_a = boton.text) != null ? _a : /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }));
     })))) : "" : ""
   )));
 };
 
 // src/Components/SCMenu.tsx
 import React45 from "react";
-import { Box as Box27, Typography as Typography26, Paper as Paper4, Divider as Divider8, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon9 } from "@mui/material";
+import { Box as Box27, Typography as Typography26, Paper as Paper4, Divider as Divider8, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
 import Grid12 from "@mui/material/Grid";
 
 // src/Components/Hooks/useWindowDimensions.ts
-import { useState as useState25, useEffect as useEffect21 } from "react";
+import { useState as useState25, useEffect as useEffect20 } from "react";
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -5447,7 +5511,7 @@ function getWindowDimensions() {
 }
 function useWindowDimensions() {
   const [windowDimensions, setWindowDimensions] = useState25(getWindowDimensions());
-  useEffect21(() => {
+  useEffect20(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
@@ -5458,7 +5522,7 @@ function useWindowDimensions() {
 }
 
 // src/Components/SCMenu.tsx
-import * as Muicon8 from "@mui/icons-material";
+import * as Muicon10 from "@mui/icons-material";
 var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }) => {
   const { height, width } = useWindowDimensions();
   const menuSize = widthMenu ? parseInt(widthMenu) : 284;
@@ -5478,14 +5542,14 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
   options.map(function(option, index, array) {
     if (option == null ? void 0 : option.iconLeft) {
       if ((option == null ? void 0 : option.iconLeft.type) == void 0) {
-        option.iconLeft = Muicon8[option == null ? void 0 : option.iconLeft];
+        option.iconLeft = Muicon10[option == null ? void 0 : option.iconLeft];
       } else {
         option;
       }
     }
     if (option == null ? void 0 : option.iconRight) {
       if ((option == null ? void 0 : option.iconRight.type) == void 0) {
-        option.iconRight = Muicon8[option == null ? void 0 : option.iconRight];
+        option.iconRight = Muicon10[option == null ? void 0 : option.iconRight];
       } else {
         option;
       }
@@ -5508,8 +5572,8 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ React45.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React45.createElement(SvgIcon9, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ React45.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React45.createElement(Typography26, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React45.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React45.createElement(SvgIcon9, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+    option.iconLeft ? /* @__PURE__ */ React45.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React45.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ React45.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React45.createElement(Typography26, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React45.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React45.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
   ), option.divider == true ? /* @__PURE__ */ React45.createElement(Divider8, null) : "")))), /* @__PURE__ */ React45.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React45.createElement(Box27, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React45.createElement(Typography26, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
@@ -5556,11 +5620,11 @@ var SCSnackBar = ({
 };
 
 // src/Components/SCTabs.tsx
-import React47, { useEffect as useEffect22 } from "react";
-import { Typography as Typography27, Box as Box28, SvgIcon as SvgIcon10, Tab as Tab3, Tabs as Tabs3, Badge as Badge3 } from "@mui/material";
+import React47, { useEffect as useEffect21 } from "react";
+import { Typography as Typography27, Box as Box28, SvgIcon as SvgIcon12, Tab as Tab3, Tabs as Tabs3, Badge as Badge3 } from "@mui/material";
 import TabPanel from "@mui/lab/TabPanel";
 import TabContext from "@mui/lab/TabContext";
-import * as Muicon9 from "@mui/icons-material";
+import * as Muicon11 from "@mui/icons-material";
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
   const [toast, setToast] = React47.useState(null);
   let i = 0;
@@ -5569,7 +5633,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
   let l = 0;
   let validateTypeIcon = true;
   const [value, setValue] = React47.useState("1");
-  useEffect22(() => {
+  useEffect21(() => {
     if (defaultOption) {
       handleChange(event, void 0);
     }
@@ -5578,9 +5642,9 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
     const optionsLength = options.length;
     if (option == null ? void 0 : option.iconOrBadge) {
       if (typeIcon == "icon") {
-        if ((option == null ? void 0 : option.iconOrBadge) in Muicon9 == true) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon11 == true) {
           validateTypeIcon = true;
-          option.iconOrBadge = Muicon9[option == null ? void 0 : option.iconOrBadge];
+          option.iconOrBadge = Muicon11[option == null ? void 0 : option.iconOrBadge];
         } else {
           validateTypeIcon = false;
           setTimeout(() => {
@@ -5594,7 +5658,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
           return;
         }
       } else if (typeIcon == "badge") {
-        if ((option == null ? void 0 : option.iconOrBadge) in Muicon9 == false) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon11 == false) {
           validateTypeIcon = true;
           option;
         } else {
@@ -5657,7 +5721,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
             badgeContent: option.iconOrBadge,
             color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
           }
-        ) : typeIcon == "icon" ? /* @__PURE__ */ React47.createElement(SvgIcon10, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
+        ) : typeIcon == "icon" ? /* @__PURE__ */ React47.createElement(SvgIcon12, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
         sx: { "& .MuiTab-icon": { margin: "0px !important" }, padding: "10px 16px", gap: "4px" }
       }
     ))
@@ -5734,7 +5798,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React48.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React48.createElement(Box29, { sx: { position: "relative", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React48.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React48.createElement(Box29, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React48.createElement(
     TimeField,
     {
       label,