componentes-sinco 1.1.30 → 1.1.31

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",
@@ -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;
 };
@@ -1541,7 +1561,7 @@ var useChipFilters = (arrayElements, chipFilters) => {
       var _a, _b, _c, _d;
       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() !== ",") {
+      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")}` : textValue;
         const existingFilterIndex = newFiltersToAdd.findIndex(
           (filter) => filter.arrayElement.label === element.label
@@ -1604,7 +1624,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";
       }
     });
   };
@@ -1727,8 +1747,8 @@ var DrawerButton = ({
 // src/Components/Drawer/components/ChipFiltersDisplay.tsx
 import React11, { useRef as useRef4 } 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
@@ -1739,7 +1759,7 @@ var ChipFiltersDisplay = ({
       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(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 +1786,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
@@ -1775,21 +1795,21 @@ 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 { 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
@@ -1919,7 +1939,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",
@@ -2109,7 +2129,7 @@ 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 { 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
@@ -2158,7 +2178,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",
@@ -2230,9 +2250,9 @@ 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 { 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,
@@ -2266,7 +2286,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,7 +2358,7 @@ 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" }));
       })
     )
   )));
@@ -2346,9 +2366,9 @@ function SCSelect({
 
 // 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 { 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,
@@ -2422,7 +2442,7 @@ function SCAutocomplete({
     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;
@@ -2557,7 +2577,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,
             {
@@ -4212,7 +4232,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 +4248,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 +4282,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 +4291,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 +4324,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 +4458,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,
@@ -4690,7 +4705,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 +4714,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 +4730,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon6[iconTitle];
+      IconTitle = Muicon8[iconTitle];
     }
   }
   const handleExpandClick = () => {
@@ -4724,7 +4739,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,
@@ -4772,7 +4787,7 @@ 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="
   );
@@ -5075,6 +5090,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"
         },
@@ -5265,12 +5283,12 @@ 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 { 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 = "";
@@ -5285,17 +5303,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 +5321,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 +5348,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 +5363,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 +5411,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 +5424,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,20 +5438,20 @@ 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
@@ -5458,7 +5476,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 +5496,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 +5526,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")))));
 };
 
@@ -5557,10 +5575,10 @@ 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 { 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;
@@ -5578,9 +5596,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 +5612,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 +5675,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 +5752,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,