componentes-sinco 1.1.44 → 1.2.0

package/dist/index.js

@@ -4430,10 +4430,46 @@ var PageHeader = ({
   ), fixed && /* @__PURE__ */ React35.createElement(Stack13, { sx: { height: 48 } }));
 };
 
+// src/Components/SCAccordion.tsx
+import React36, { useState as useState17 } from "react";
+import { Grid as Grid7, Typography as Typography19 } from "@mui/material";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import ExpandLessIcon from "@mui/icons-material/ExpandLess";
+var SCAccordion = ({
+  title,
+  actions,
+  children
+}) => {
+  const [open, setOpen] = useState17(false);
+  return /* @__PURE__ */ React36.createElement(
+    Grid7,
+    {
+      flexDirection: "column",
+      sx: {
+        background: "white",
+        boxShadow: "0px 2px 4px 0px #18274B33",
+        padding: "0px 2px 0px 2px"
+      }
+    },
+    /* @__PURE__ */ React36.createElement(
+      Grid7,
+      {
+        container: true,
+        sx: { alignItems: "center", padding: "12px 16px 12px 16px", cursor: "pointer" },
+        justifyContent: "space-between",
+        onClick: () => setOpen((prev) => !prev)
+      },
+      /* @__PURE__ */ React36.createElement(Grid7, { sx: { textAlign: "left" } }, /* @__PURE__ */ React36.createElement(Typography19, { noWrap: true, variant: "subtitle1", align: "left", color: "text.primary" }, title)),
+      /* @__PURE__ */ React36.createElement(Grid7, null, /* @__PURE__ */ React36.createElement(Grid7, { container: true, justifyContent: "flex-end", alignItems: "center", gap: 1 }, actions, /* @__PURE__ */ React36.createElement(Grid7, { color: "#3975ac", sx: { textAlign: "right" } }, open ? /* @__PURE__ */ React36.createElement(ExpandLessIcon, { fontSize: "small", color: "action" }) : /* @__PURE__ */ React36.createElement(ExpandMoreIcon, { fontSize: "small", color: "action" }))))
+    ),
+    open && /* @__PURE__ */ React36.createElement(Grid7, { container: true, padding: "12px" }, children)
+  );
+};
+
 // src/Components/SCActivityCalendar.tsx
-import React37, { useState as useState18 } from "react";
-import { Typography as Typography20, IconButton as IconButton13, Box as Box22, Badge, Menu as Menu3, MenuItem as MenuItem7, ListItemIcon as ListItemIcon5, Popover as Popover6 } from "@mui/material";
-import Grid8 from "@mui/material/Grid";
+import React38, { useState as useState19 } from "react";
+import { Typography as Typography21, IconButton as IconButton13, Box as Box22, Badge, Menu as Menu3, MenuItem as MenuItem7, ListItemIcon as ListItemIcon5, Popover as Popover6 } from "@mui/material";
+import Grid9 from "@mui/material/Grid";
 import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers/LocalizationProvider";
 import { StaticDatePicker } from "@mui/x-date-pickers/StaticDatePicker";
@@ -4441,14 +4477,14 @@ import { es } from "date-fns/locale";
 import { format, startOfWeek, addDays, isSameDay } from "date-fns";
 
 // src/Components/SCListContent.tsx
-import React36 from "react";
+import React37 from "react";
 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 Grid8 from "@mui/material/Grid";
 import Avatar2 from "@mui/material/Avatar";
 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");
+  const [selectedIndex, setSelectedIndex] = React37.useState("1");
+  const [value, setValue] = React37.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) {
@@ -4467,26 +4503,26 @@ var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" })
       }
     }
   });
-  return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(List, { sx: { width: "100%", bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => {
+  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(List, { sx: { width: "100%", bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => {
     var _a, _b;
-    return /* @__PURE__ */ React36.createElement(React36.Fragment, { key: index }, /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React37.createElement(React37.Fragment, { key: index }, /* @__PURE__ */ React37.createElement(
       ListItemButton,
       {
         disabled: option.disable,
         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(SvgIcon7, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ React36.createElement(Avatar2, { 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(
+      option.iconLeft ? iconLeftType == "Icon" ? /* @__PURE__ */ React37.createElement(ListItemIcon4, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ React37.createElement(SvgIcon7, { fontSize: "small", sx: { color: option.iconLeftColor || "action" }, component: option.iconLeft })) : /* @__PURE__ */ React37.createElement(Avatar2, { 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__ */ React37.createElement(SvgIcon7, { fontSize: "small", component: option.iconLeft }) : option.iconLeft) : "",
+      /* @__PURE__ */ React37.createElement(
         ListItemText3,
         {
           sx: { color: option.colorDisabled == true ? "text.disabled" : "default" },
           primary: option.title,
-          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))
+          secondary: /* @__PURE__ */ React37.createElement(Grid8, { gap: 0.5 }, /* @__PURE__ */ React37.createElement(Grid8, { container: true, gap: 0.5, sx: { color: option.colorDisabled == true ? "text.disabled" : "default" } }, option.subtitle), /* @__PURE__ */ React37.createElement(Grid8, { 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(SvgIcon7, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ React36.createElement(Avatar2, { 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) : "");
+      option.iconRight ? iconRightType == "Icon" ? /* @__PURE__ */ React37.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", marginRight: "8px" } }, /* @__PURE__ */ React37.createElement(SvgIcon7, { fontSize: "small", sx: { color: option.iconRightColor || "action" }, component: option.iconRight })) : /* @__PURE__ */ React37.createElement(Avatar2, { variant: "circular", sx: { width: 20, height: 20 } }, ((_b = option.iconRight) == null ? void 0 : _b.type) != void 0 ? /* @__PURE__ */ React37.createElement(SvgIcon7, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight }) : option.iconRight) : ""
+    ), option.divider == true ? /* @__PURE__ */ React37.createElement(Divider6, null) : "");
   })));
 };
 
@@ -4512,22 +4548,22 @@ var SCActivityCalendar = ({
   configRangeHour
 }) => {
   let convertFecha;
-  const [fecha, setFecha] = useState18(/* @__PURE__ */ new Date());
-  const [fechaSeleccionada, setFechaSeleccionada] = useState18();
-  const [stateVal, setstateVal] = React37.useState(/* @__PURE__ */ new Date());
-  const [openCalendar, setOpenCalendar] = React37.useState(false);
-  const [anchorPopoverFiltro, setAnchorPopoverFiltro] = useState18(null);
-  const [datosEventos, setDatosEventos] = React37.useState(events);
+  const [fecha, setFecha] = useState19(/* @__PURE__ */ new Date());
+  const [fechaSeleccionada, setFechaSeleccionada] = useState19();
+  const [stateVal, setstateVal] = React38.useState(/* @__PURE__ */ new Date());
+  const [openCalendar, setOpenCalendar] = React38.useState(false);
+  const [anchorPopoverFiltro, setAnchorPopoverFiltro] = useState19(null);
+  const [datosEventos, setDatosEventos] = React38.useState(events);
   const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = startOfWeek(fecha, { weekStartsOn: 0 });
   const diasSemana = Array.from({ length: 7 }, (_, i) => addDays(inicioSemana, i));
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (fecha != null) {
       handleConvertFecha(fecha);
     }
   }, [fecha]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (events != null) {
       setDatosEventos(events);
     }
@@ -4567,7 +4603,7 @@ var SCActivityCalendar = ({
       setDatosEventos(resultado);
     }
   };
-  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(LocalizationProvider2, { dateAdapter: AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React37.createElement(Box22, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React37.createElement(Box22, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ React37.createElement(Grid8, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React37.createElement(Grid8, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React37.createElement(Box22, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React37.createElement(Typography20, { sx: { fontSize: "12px !important", color: "#10184099" } }, format(dia, "EEEE", { locale: es }).charAt(0).toUpperCase())), /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(LocalizationProvider2, { dateAdapter: AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React38.createElement(Box22, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React38.createElement(Box22, { sx: { width: "100%", padding: "0px", background: "transparent" } }, /* @__PURE__ */ React38.createElement(Grid9, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 16px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React38.createElement(Grid9, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React38.createElement(Box22, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React38.createElement(Typography21, { sx: { fontSize: "12px !important", color: "#10184099" } }, format(dia, "EEEE", { locale: es }).charAt(0).toUpperCase())), /* @__PURE__ */ React38.createElement(
     Box22,
     {
       onClick: () => setFecha(dia),
@@ -4580,8 +4616,8 @@ var SCActivityCalendar = ({
         position: "relative"
       }
     },
-    /* @__PURE__ */ React37.createElement(Typography20, { sx: { fontSize: "12px !important", color: isSameDay(dia, fecha) ? "white" : "#101840DE" } }, format(dia, "d"))
-  )))), /* @__PURE__ */ React37.createElement(Grid8, { container: true, justifyContent: "center" }, /* @__PURE__ */ React37.createElement(IconButton13, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React37.createElement(KeyboardDoubleArrowDownIcon, { color: "action" }))))) : /* @__PURE__ */ React37.createElement(Box22, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(Typography21, { sx: { fontSize: "12px !important", color: isSameDay(dia, fecha) ? "white" : "#101840DE" } }, format(dia, "d"))
+  )))), /* @__PURE__ */ React38.createElement(Grid9, { container: true, justifyContent: "center" }, /* @__PURE__ */ React38.createElement(IconButton13, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React38.createElement(KeyboardDoubleArrowDownIcon, { color: "action" }))))) : /* @__PURE__ */ React38.createElement(Box22, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React38.createElement(
     StaticDatePicker,
     {
       orientation: "landscape",
@@ -4606,7 +4642,7 @@ var SCActivityCalendar = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ React37.createElement(Grid8, { container: true, justifyContent: "center" }, /* @__PURE__ */ React37.createElement(IconButton13, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React37.createElement(KeyboardDoubleArrowUpIcon, { color: "action" }))))), /* @__PURE__ */ React37.createElement(IconButton13, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "380px" } }, /* @__PURE__ */ React37.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(Grid9, { container: true, justifyContent: "center" }, /* @__PURE__ */ React38.createElement(IconButton13, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React38.createElement(KeyboardDoubleArrowUpIcon, { color: "action" }))))), /* @__PURE__ */ React38.createElement(IconButton13, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "380px" } }, /* @__PURE__ */ React38.createElement(FilterListIcon, { color: "action" })), /* @__PURE__ */ React38.createElement(
     Popover6,
     {
       open: openPopoverFiltro,
@@ -4617,7 +4653,7 @@ var SCActivityCalendar = ({
         horizontal: "right"
       }
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(
       Menu3,
       {
         id: "basic-menu",
@@ -4630,24 +4666,24 @@ var SCActivityCalendar = ({
           }
         }
       },
-      /* @__PURE__ */ React37.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ React37.createElement(ListItemIcon5, null, /* @__PURE__ */ React37.createElement(CalendarMonthOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React37.createElement(Typography20, { variant: "inherit" }, "Ver todo")),
-      /* @__PURE__ */ React37.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ React37.createElement(ListItemIcon5, null, /* @__PURE__ */ React37.createElement(CheckCircleOutlineOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React37.createElement(Typography20, { variant: "inherit" }, "Ver finalizadas")),
-      /* @__PURE__ */ React37.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ React37.createElement(ListItemIcon5, null, /* @__PURE__ */ React37.createElement(EventBusyOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React37.createElement(Typography20, { variant: "inherit" }, "Ver aplazadas")),
-      /* @__PURE__ */ React37.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ React37.createElement(ListItemIcon5, null, /* @__PURE__ */ React37.createElement(PendingOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React37.createElement(Typography20, { variant: "inherit" }, "Ver en progreso"))
+      /* @__PURE__ */ React38.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Todo") }, /* @__PURE__ */ React38.createElement(ListItemIcon5, null, /* @__PURE__ */ React38.createElement(CalendarMonthOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React38.createElement(Typography21, { variant: "inherit" }, "Ver todo")),
+      /* @__PURE__ */ React38.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Finalizada") }, /* @__PURE__ */ React38.createElement(ListItemIcon5, null, /* @__PURE__ */ React38.createElement(CheckCircleOutlineOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React38.createElement(Typography21, { variant: "inherit" }, "Ver finalizadas")),
+      /* @__PURE__ */ React38.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "Aplazada") }, /* @__PURE__ */ React38.createElement(ListItemIcon5, null, /* @__PURE__ */ React38.createElement(EventBusyOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React38.createElement(Typography21, { variant: "inherit" }, "Ver aplazadas")),
+      /* @__PURE__ */ React38.createElement(MenuItem7, { onClick: (event2) => filtrarActividad(event2, "En progreso") }, /* @__PURE__ */ React38.createElement(ListItemIcon5, null, /* @__PURE__ */ React38.createElement(PendingOutlinedIcon, { fontSize: "small" })), /* @__PURE__ */ React38.createElement(Typography21, { variant: "inherit" }, "Ver en progreso"))
     )
-  ), /* @__PURE__ */ React37.createElement(Box22, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(Box22, { sx: { boxSizing: "border-box", padding: "0px 16px", width: "100%", height: openCalendar ? "calc(91% - 260px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React38.createElement(
     Box22,
     {
       key: dayIndex
     },
-    /* @__PURE__ */ React37.createElement(Grid8, { container: true }, /* @__PURE__ */ React37.createElement(Typography20, { variant: "subtitle1", sx: { color: isSameDay(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
+    /* @__PURE__ */ React38.createElement(Grid9, { container: true }, /* @__PURE__ */ React38.createElement(Typography21, { variant: "subtitle1", sx: { color: isSameDay(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
       day: "numeric"
     }), " de ", day.toLocaleDateString("es-ES", {
       month: "short"
     }), ", ", day.toLocaleDateString("es-ES", {
       weekday: "long"
     }))),
-    /* @__PURE__ */ React37.createElement(Box22, { sx: {
+    /* @__PURE__ */ React38.createElement(Box22, { sx: {
       display: "flex",
       flexDirection: "column"
     } }, (() => {
@@ -4656,16 +4692,16 @@ var SCActivityCalendar = ({
         (event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
       );
       if (eventosDelDia.length > 0) {
-        return eventosDelDia.map((event2, idx) => /* @__PURE__ */ React37.createElement(
+        return eventosDelDia.map((event2, idx) => /* @__PURE__ */ React38.createElement(
           SCListContent,
           {
             key: idx,
             options: [{
               title: event2.activityDescription,
-              subtitle: /* @__PURE__ */ React37.createElement(React37.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(Typography20, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ React37.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(Typography20, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React37.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React37.createElement(Typography20, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
+              subtitle: /* @__PURE__ */ React38.createElement(React38.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ React38.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React38.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
               iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
-              description: /* @__PURE__ */ React37.createElement(Grid8, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React37.createElement(Grid8, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ React37.createElement(Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React37.createElement(Typography20, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ React37.createElement(Typography20, { variant: "body1" }, event2.equipmentDescription)),
+              description: /* @__PURE__ */ React38.createElement(Grid9, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React38.createElement(Grid9, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ React38.createElement(Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React38.createElement(Typography21, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ React38.createElement(Typography21, { variant: "body1" }, event2.equipmentDescription)),
               divider: eventosDelDia.length === idx + 1 ? false : true,
               colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
               fn: fn ? () => fn(event2) : void 0
@@ -4673,7 +4709,7 @@ var SCActivityCalendar = ({
           }
         ));
       } else {
-        return /* @__PURE__ */ React37.createElement(
+        return /* @__PURE__ */ React38.createElement(
           SCListContent,
           {
             options: [{
@@ -4689,8 +4725,8 @@ var SCActivityCalendar = ({
 };
 
 // src/Components/SCAlert.tsx
-import React38 from "react";
-import { Alert, AlertTitle, Typography as Typography21 } from "@mui/material";
+import React39 from "react";
+import { Alert, AlertTitle, Typography as Typography22 } from "@mui/material";
 var SCAlert = ({
   title,
   subtitle,
@@ -4704,7 +4740,7 @@ var SCAlert = ({
   const handleClose = (event2) => {
     setOpenState(false);
   };
-  return /* @__PURE__ */ React38.createElement(React38.Fragment, null, openState && /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, openState && /* @__PURE__ */ React39.createElement(
     Alert,
     __spreadProps(__spreadValues({
       severity,
@@ -4719,15 +4755,15 @@ var SCAlert = ({
         }
       })
     }),
-    /* @__PURE__ */ React38.createElement(AlertTitle, null, title),
-    subtitle ? /* @__PURE__ */ React38.createElement(Typography21, { variant: "body3" }, subtitle) : null
+    /* @__PURE__ */ React39.createElement(AlertTitle, null, title),
+    subtitle ? /* @__PURE__ */ React39.createElement(Typography22, { variant: "body3" }, subtitle) : null
   ));
 };
 
 // src/Components/SCAppBar.tsx
-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 React40, { useState as useState20, useEffect as useEffect15 } from "react";
+import { Menu as Menu4, Box as Box23, Typography as Typography23, MenuItem as MenuItem8, IconButton as IconButton14, Badge as Badge2 } from "@mui/material";
+import Grid10 from "@mui/material/Grid";
 import "dayjs/locale/es";
 import MenuIcon from "@mui/icons-material/Menu";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
@@ -4741,8 +4777,8 @@ var SCAppBar = ({
   visibleConexion = true,
   visibleMenu = true
 }) => {
-  const [isOnline, setIsOnline] = useState19(window.navigator.onLine);
-  const [anchorEl, setAnchorEl] = useState19(null);
+  const [isOnline, setIsOnline] = useState20(window.navigator.onLine);
+  const [anchorEl, setAnchorEl] = useState20(null);
   const openMenu = Boolean(anchorEl);
   const handleMenuClick = (event2) => {
     setAnchorEl(event2.currentTarget);
@@ -4764,7 +4800,7 @@ var SCAppBar = ({
       window.removeEventListener("offline", handleOffline);
     };
   }, []);
-  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(Grid9, { sx: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React39.createElement(Grid9, { size: 12, sx: { display: "flex", flexDirection: "row", alignItems: "center", background, padding: "0px 16px", justifyContent: "space-between" } }, visibleVolver && /* @__PURE__ */ React39.createElement(IconButton14, { size: "medium", onClick: fnVolver }, /* @__PURE__ */ React39.createElement(ArrowBackIcon, { color: "action" })), /* @__PURE__ */ React39.createElement(Grid9, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, visibleConexion && /* @__PURE__ */ React39.createElement(Grid9, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, isOnline ? /* @__PURE__ */ React39.createElement(Wifi, { color: "action", sx: { marginRight: "8px" } }) : /* @__PURE__ */ React39.createElement(WifiOff, { color: "action", sx: { marginRight: "8px" } }), /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(Grid10, { sx: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React40.createElement(Grid10, { size: 12, sx: { display: "flex", flexDirection: "row", alignItems: "center", background, padding: "0px 16px", justifyContent: "space-between" } }, visibleVolver && /* @__PURE__ */ React40.createElement(IconButton14, { size: "medium", onClick: fnVolver }, /* @__PURE__ */ React40.createElement(ArrowBackIcon, { color: "action" })), /* @__PURE__ */ React40.createElement(Grid10, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, visibleConexion && /* @__PURE__ */ React40.createElement(Grid10, { sx: { display: "flex", flexDirection: "row", alignItems: "center" } }, isOnline ? /* @__PURE__ */ React40.createElement(Wifi, { color: "action", sx: { marginRight: "8px" } }) : /* @__PURE__ */ React40.createElement(WifiOff, { color: "action", sx: { marginRight: "8px" } }), /* @__PURE__ */ React40.createElement(
     Badge2,
     {
       anchorOrigin: {
@@ -4779,7 +4815,7 @@ var SCAppBar = ({
       },
       color: isOnline ? "success" : "error"
     }
-  ), /* @__PURE__ */ React39.createElement(Typography22, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(IconButton14, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ React39.createElement(MenuIcon, { color: "action" })), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React40.createElement(Typography23, { variant: "caption", color: "text.secondary" }, isOnline ? "Online" : "Offline")), visibleMenu && /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(IconButton14, { size: "medium", onClick: handleMenuClick }, /* @__PURE__ */ React40.createElement(MenuIcon, { color: "action" })), /* @__PURE__ */ React40.createElement(
     Menu4,
     {
       anchorEl,
@@ -4795,14 +4831,14 @@ var SCAppBar = ({
       },
       sx: { zIndex: "2000" }
     },
-    options.map((option, index) => /* @__PURE__ */ React39.createElement(MenuItem8, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React39.createElement(Typography22, { variant: "body2" }, option.name)))
-  )))), /* @__PURE__ */ React39.createElement(Box23, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
+    options.map((option, index) => /* @__PURE__ */ React40.createElement(MenuItem8, { onClick: option.fn, disabled: option.disabled, key: index }, /* @__PURE__ */ React40.createElement(Typography23, { variant: "body2" }, option.name)))
+  )))), /* @__PURE__ */ React40.createElement(Box23, { sx: { padding: "8px 16px 0px 16px" } }, contenidoExtra)));
 };
 
 // src/Components/SCCalendarSwipeable.tsx
-import React40, { useState as useState20 } from "react";
-import { Typography as Typography23, IconButton as IconButton15, Box as Box24 } from "@mui/material";
-import Grid10 from "@mui/material/Grid";
+import React41, { useState as useState21 } from "react";
+import { Typography as Typography24, IconButton as IconButton15, Box as Box24 } from "@mui/material";
+import Grid11 from "@mui/material/Grid";
 import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers/LocalizationProvider";
 import { StaticDatePicker as StaticDatePicker2 } from "@mui/x-date-pickers/StaticDatePicker";
@@ -4819,14 +4855,14 @@ var SCCalendarSwipeable = ({
   state
 }) => {
   let convertFecha;
-  const [fecha, setFecha] = useState20(/* @__PURE__ */ new Date());
-  const [fechaSeleccionada, setFechaSeleccionada] = useState20();
-  const [stateVal, setstateVal] = React40.useState(/* @__PURE__ */ new Date());
-  const [openCalendar, setOpenCalendar] = React40.useState(false);
+  const [fecha, setFecha] = useState21(/* @__PURE__ */ new Date());
+  const [fechaSeleccionada, setFechaSeleccionada] = useState21();
+  const [stateVal, setstateVal] = React41.useState(/* @__PURE__ */ new Date());
+  const [openCalendar, setOpenCalendar] = React41.useState(false);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = startOfWeek2(fecha, { weekStartsOn: 0 });
   const diasSemana = Array.from({ length: 7 }, (_, i) => addDays2(inicioSemana, i));
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (fecha != null) {
       handleConvertFecha(fecha);
     }
@@ -4850,7 +4886,7 @@ var SCCalendarSwipeable = ({
       // 0 = domingo, 1 = lunes
     })
   });
-  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(LocalizationProvider3, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React40.createElement(Box24, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React40.createElement(Box24, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ React40.createElement(Grid10, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React40.createElement(Grid10, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React40.createElement(Box24, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React40.createElement(Typography23, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(LocalizationProvider3, { dateAdapter: AdapterDateFns2, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React41.createElement(Box24, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React41.createElement(Box24, { sx: { width: "100%", padding: "0px 16px", background: "transparent" } }, /* @__PURE__ */ React41.createElement(Grid11, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React41.createElement(Grid11, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React41.createElement(Box24, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React41.createElement(Typography24, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React41.createElement(
     Box24,
     {
       onClick: () => setFecha(dia),
@@ -4866,8 +4902,8 @@ var SCCalendarSwipeable = ({
         //height: '36px',
       }
     },
-    /* @__PURE__ */ React40.createElement(Typography23, { sx: { fontSize: "12px !important", color: isSameDay2(dia, fecha) ? "white" : "#101840DE" } }, format2(dia, "d"))
-  )))), /* @__PURE__ */ React40.createElement(Grid10, { container: true, justifyContent: "center" }, /* @__PURE__ */ React40.createElement(IconButton15, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React40.createElement(KeyboardDoubleArrowDownIcon2, null))))) : /* @__PURE__ */ React40.createElement(Box24, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React41.createElement(Typography24, { sx: { fontSize: "12px !important", color: isSameDay2(dia, fecha) ? "white" : "#101840DE" } }, format2(dia, "d"))
+  )))), /* @__PURE__ */ React41.createElement(Grid11, { container: true, justifyContent: "center" }, /* @__PURE__ */ React41.createElement(IconButton15, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React41.createElement(KeyboardDoubleArrowDownIcon2, null))))) : /* @__PURE__ */ React41.createElement(Box24, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React41.createElement(
     StaticDatePicker2,
     {
       orientation: "landscape",
@@ -4892,11 +4928,11 @@ var SCCalendarSwipeable = ({
       },
       onChange: (newValue) => setFecha(newValue)
     }
-  ), /* @__PURE__ */ React40.createElement(Grid10, { container: true, justifyContent: "center" }, /* @__PURE__ */ React40.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React40.createElement(KeyboardDoubleArrowUpIcon2, null))))));
+  ), /* @__PURE__ */ React41.createElement(Grid11, { container: true, justifyContent: "center" }, /* @__PURE__ */ React41.createElement(IconButton15, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React41.createElement(KeyboardDoubleArrowUpIcon2, null))))));
 };
 
 // src/Components/SCCard.tsx
-import React41 from "react";
+import React42 from "react";
 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";
@@ -4905,15 +4941,15 @@ import CardMedia from "@mui/material/CardMedia";
 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 ExpandMoreIcon2 from "@mui/icons-material/ExpandMore";
 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);
+  const [expanded, setExpanded] = React42.useState(false);
   if (iconTitle) {
     if (Muicon8[iconTitle] == void 0) {
-      if (iconTitle && React41.isValidElement(iconTitle) && iconTitle.type == void 0) {
+      if (iconTitle && React42.isValidElement(iconTitle) && iconTitle.type == void 0) {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
       } else {
@@ -4928,11 +4964,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
   const handleExpandClick = () => {
     setExpanded(!expanded);
   };
-  return /* @__PURE__ */ React41.createElement(Card2, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement(Card2, { sx: { width: width || "auto" } }, title && /* @__PURE__ */ React42.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(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,
+      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React42.createElement(Box25, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React42.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React42.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__ */ React42.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React42.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React42.createElement(ExpandMoreIcon2, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -4951,14 +4987,14 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
         }
       }
     }
-  ), image && /* @__PURE__ */ React41.createElement(
+  ), image && /* @__PURE__ */ React42.createElement(
     CardMedia,
     {
       component: "img",
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ React41.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React41.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (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" } }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React41.createElement(
+  ), content && /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React42.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React42.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React42.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React42.createElement(ExpandMoreIcon2, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React42.createElement(
     Button18,
     {
       key: index,
@@ -4969,11 +5005,11 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       disabled: action.disabled || false
     },
     action.text
-  )) : ""), expand && /* @__PURE__ */ React41.createElement(Collapse2, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React41.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, expand.content)));
+  )) : ""), expand && /* @__PURE__ */ React42.createElement(Collapse2, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React42.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, expand.content)));
 };
 
 // src/Components/SCDataGrid.tsx
-import React42, { useEffect as useEffect18, useState as useState22 } from "react";
+import React43, { useEffect as useEffect18, useState as useState23 } 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";
@@ -5064,7 +5100,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
           label = label;
         }
       }
-      return /* @__PURE__ */ React42.createElement(
+      return /* @__PURE__ */ React43.createElement(
         "div",
         {
           style: {
@@ -5081,7 +5117,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
             fontWeight: params.rowNode.type == "group" ? "400" : "300"
           }
         },
-        params.rowNode.type === "group" && /* @__PURE__ */ React42.createElement(
+        params.rowNode.type === "group" && /* @__PURE__ */ React43.createElement(
           "span",
           {
             style: {
@@ -5094,7 +5130,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
               params.api.setRowChildrenExpansion(params.id, !params.rowNode.childrenExpanded);
             }
           },
-          params.rowNode.childrenExpanded ? /* @__PURE__ */ React42.createElement(KeyboardArrowUpIcon, { fontSize: "small", color: "action" }) : /* @__PURE__ */ React42.createElement(KeyboardArrowDownIcon, { fontSize: "small", color: "action" })
+          params.rowNode.childrenExpanded ? /* @__PURE__ */ React43.createElement(KeyboardArrowUpIcon, { fontSize: "small", color: "action" }) : /* @__PURE__ */ React43.createElement(KeyboardArrowDownIcon, { fontSize: "small", color: "action" })
         ),
         label
       );
@@ -5136,10 +5172,10 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
   let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
   let validationGroupingColDef = groupingColDefs || {};
-  const [groupDataLenght, setGroupDataLengh] = useState22(0);
-  const [pageSize, setPageSize] = useState22(rows);
-  const [arrayRows, setArrayRows] = useState22([]);
-  const [selectionModel, setSelectionModel] = useState22([]);
+  const [groupDataLenght, setGroupDataLengh] = useState23(0);
+  const [pageSize, setPageSize] = useState23(rows);
+  const [arrayRows, setArrayRows] = useState23([]);
+  const [selectionModel, setSelectionModel] = useState23([]);
   useEffect18(() => {
     var _a;
     if (setSelectedRow) {
@@ -5241,7 +5277,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       apiRef.current.setColumnVisibilityModel(columnVisibilityModel);
     }
   }, [columnVisibilityModel, apiRef]);
-  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, data && /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, data && /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ React43.createElement(
     DataGridPro,
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({
       getRowId,
@@ -5402,13 +5438,13 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
     })
   ))));
 }
-var SCDataGrid = React42.memo(SCDataGridInitial, (prevProps, nextProps) => {
+var SCDataGrid = React43.memo(SCDataGridInitial, (prevProps, nextProps) => {
   const isEqual = prevProps.rowsTable === nextProps.rowsTable && prevProps.checkboxSelection === nextProps.checkboxSelection && prevProps.width === nextProps.width && prevProps.maxHeight === nextProps.maxHeight;
   return isEqual;
 });
 
 // src/Components/SCDatePicker.tsx
-import React43 from "react";
+import React44 from "react";
 import { DatePicker } from "@mui/x-date-pickers/DatePicker";
 import "dayjs/locale/es";
 import dayjs10 from "dayjs";
@@ -5417,7 +5453,7 @@ import { LocalizationProvider as LocalizationProvider4 } from "@mui/x-date-picke
 import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
 import InsertInvitationOutlinedIcon2 from "@mui/icons-material/InsertInvitationOutlined";
 var SCDatePicker = ({ label, required, disabled, background, state, setState, width, minDate, maxDate }) => {
-  return /* @__PURE__ */ React43.createElement(LocalizationProvider4, { dateAdapter: AdapterDayjs2, adapterLocale: "es" }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React44.createElement(LocalizationProvider4, { dateAdapter: AdapterDayjs2, adapterLocale: "es" }, /* @__PURE__ */ React44.createElement(
     DatePicker,
     {
       disabled,
@@ -5473,9 +5509,9 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
 };
 
 // src/Components/SCDialog.tsx
-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 React45, { useEffect as useEffect19, useState as useState25 } from "react";
+import { Button as Button19, Typography as Typography26, 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 Grid12 from "@mui/material/Grid";
 import ToggleButton from "@mui/material/ToggleButton";
 import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import CloseIcon2 from "@mui/icons-material/Close";
@@ -5485,7 +5521,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   let iconTitleValidation = "";
   let IconTitle;
   let ButtonIcon;
-  const [open, setOpen] = useState24(show);
+  const [open, setOpen] = useState25(show);
   useEffect19(() => {
     if (show) {
       handleOpen();
@@ -5538,8 +5574,8 @@ 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(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(
+  content = content != null ? content : { component: /* @__PURE__ */ React45.createElement(Box26, null, " Aqui va el contenido ") };
+  return /* @__PURE__ */ React45.createElement("div", null, buttonDialog ? /* @__PURE__ */ React45.createElement(React45.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React45.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React45.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__ */ React45.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React45.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React45.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React45.createElement(SvgIcon10, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React45.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React45.createElement(
     Dialog4,
     {
       fullScreen: typeView === "mobile" ? true : false,
@@ -5554,8 +5590,8 @@ 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(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(
+    title && /* @__PURE__ */ React45.createElement(DialogTitle4, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ React45.createElement(Grid12, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, typeView == "web" ? /* @__PURE__ */ React45.createElement(Grid12, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ React45.createElement(Box26, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React45.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React45.createElement(SvgIcon10, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ React45.createElement(Grid12, { sx: { width: "98%" } }, /* @__PURE__ */ React45.createElement(Typography26, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), subtitle ? subtitle : "")) : /* @__PURE__ */ React45.createElement(Grid12, { container: true, size: 11, sx: { alignItems: "center", flexWrap: "nowrap" } }), disableClose != true ? /* @__PURE__ */ React45.createElement(IconButton17, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ React45.createElement(CloseIcon2, { color: "action" })) : ""), typeView == "mobile" ? /* @__PURE__ */ React45.createElement(Grid12, { sx: { display: "flex", flexDirection: "column", padding: "12px 0px 4px 0px" }, gap: 1.5 }, /* @__PURE__ */ React45.createElement(Typography26, { color: "text.primary", variant: "h5" }, title ? title : ""), subtitle ? subtitle : "") : ""),
+    /* @__PURE__ */ React45.createElement(
       DialogContent4,
       {
         "data-testid": "dialog-content",
@@ -5584,7 +5620,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           })
         }
       },
-      content.url ? /* @__PURE__ */ React44.createElement(
+      content.url ? /* @__PURE__ */ React45.createElement(
         "iframe",
         {
           style: { border: "none", minWidth: "100%", minHeight: "100%" },
@@ -5594,7 +5630,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       ) : content.component
     ),
-    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ React44.createElement(DialogActions4, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ React45.createElement(DialogActions4, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ React45.createElement(React45.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       Button19,
       {
         variant: "text",
@@ -5602,11 +5638,11 @@ 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(SvgIcon10, { fontSize: "small", component: dialogActions[0].icon }) : void 0
+        startIcon: dialogActions[0].icon ? /* @__PURE__ */ React45.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) => {
-      return /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(Box26, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
+      return /* @__PURE__ */ React45.createElement(
         Button19,
         {
           key: index + 1,
@@ -5615,12 +5651,12 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           size: "small",
           onClick: boton.fn,
           disabled: boton.disabled || false,
-          startIcon: boton.icon ? /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }) : void 0
+          startIcon: boton.icon ? /* @__PURE__ */ React45.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }) : void 0
         },
         boton.text
       );
     }))) : dialogActions.map((boton, index) => {
-      return /* @__PURE__ */ React44.createElement(
+      return /* @__PURE__ */ React45.createElement(
         Button19,
         {
           key: index,
@@ -5629,19 +5665,19 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           size: "small",
           onClick: boton.fn,
           disabled: boton.disabled || false,
-          startIcon: boton.icon ? /* @__PURE__ */ React44.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }) : void 0
+          startIcon: boton.icon ? /* @__PURE__ */ React45.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) => {
+    })) : /* @__PURE__ */ React45.createElement(Box26, { sx: { width: "100%", display: "flex", flexDirection: "row", justifyContent: "center" } }, /* @__PURE__ */ React45.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(SvgIcon10, { fontSize: "small", component: boton.icon }));
+      return /* @__PURE__ */ React45.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__ */ React45.createElement(SvgIcon10, { fontSize: "small", component: boton.icon }));
     })))) : "" : ""
   )));
 };
 
 // src/Components/SCDownloadExcelTable.tsx
-import React45 from "react";
+import React46 from "react";
 import { Button as Button20 } from "@mui/material";
 import FileDownloadOutlinedIcon2 from "@mui/icons-material/FileDownloadOutlined";
 import * as XLSX from "xlsx";
@@ -5674,11 +5710,11 @@ var SCDownloadExcelTable = ({
     XLSX.utils.book_append_sheet(workbook, worksheet, "Hoja1");
     XLSX.writeFile(workbook, `${fileName}.xlsx`);
   };
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React46.createElement(
     Button20,
     {
       onClick: descargaExcel,
-      startIcon: /* @__PURE__ */ React45.createElement(FileDownloadOutlinedIcon2, null),
+      startIcon: /* @__PURE__ */ React46.createElement(FileDownloadOutlinedIcon2, null),
       size: (downloadButton == null ? void 0 : downloadButton.size) || "small",
       color: (downloadButton == null ? void 0 : downloadButton.color) || "primary",
       variant: (downloadButton == null ? void 0 : downloadButton.variant) || "text",
@@ -5689,12 +5725,12 @@ var SCDownloadExcelTable = ({
 };
 
 // src/Components/SCMenu.tsx
-import React46 from "react";
-import { Box as Box27, Typography as Typography26, Paper as Paper5, Divider as Divider8, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
-import Grid12 from "@mui/material/Grid";
+import React47 from "react";
+import { Box as Box27, Typography as Typography27, Paper as Paper5, Divider as Divider8, MenuList as MenuList3, MenuItem as MenuItem9, ListItemIcon as ListItemIcon7, SvgIcon as SvgIcon11 } from "@mui/material";
+import Grid13 from "@mui/material/Grid";
 
 // src/Components/Hooks/useWindowDimensions.ts
-import { useState as useState25, useEffect as useEffect20 } from "react";
+import { useState as useState26, useEffect as useEffect20 } from "react";
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -5703,7 +5739,7 @@ function getWindowDimensions() {
   };
 }
 function useWindowDimensions() {
-  const [windowDimensions, setWindowDimensions] = useState25(getWindowDimensions());
+  const [windowDimensions, setWindowDimensions] = useState26(getWindowDimensions());
   useEffect20(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
@@ -5722,12 +5758,12 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
   const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
   const widthContainer = menuSize + pageSize;
   let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
-  const [selectedIndex, setSelectedIndex] = React46.useState("1");
-  const [value, setValue] = React46.useState("1");
-  React46.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React47.useState("1");
+  const [value, setValue] = React47.useState("1");
+  React47.useEffect(() => {
     heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
   }, [height]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (defaultOption) {
       handleClickMenusItem(event, void 0);
     }
@@ -5757,7 +5793,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(Grid12, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React46.createElement(Paper5, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React46.createElement(MenuList3, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(Grid13, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React47.createElement(Paper5, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React47.createElement(MenuList3, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
     MenuItem9,
     {
       disabled: disable == true ? true : false,
@@ -5765,13 +5801,13 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ React46.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React46.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ React46.createElement(Grid12, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React46.createElement(Typography26, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React46.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React46.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ React46.createElement(Divider8, null) : "")))), /* @__PURE__ */ React46.createElement(Grid12, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React46.createElement(Box27, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React46.createElement(Typography26, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+    option.iconLeft ? /* @__PURE__ */ React47.createElement(ListItemIcon7, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React47.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ React47.createElement(Grid13, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React47.createElement(Typography27, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React47.createElement(ListItemIcon7, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React47.createElement(SvgIcon11, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ React47.createElement(Divider8, null) : "")))), /* @__PURE__ */ React47.createElement(Grid13, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React47.createElement(Box27, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React47.createElement(Typography27, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCSnackBar.tsx
-import React47 from "react";
+import React48 from "react";
 import MuiAlert from "@mui/material/Alert";
 import "dayjs/locale/es";
 import Snackbar from "@mui/material/Snackbar";
@@ -5792,7 +5828,7 @@ var SCSnackBar = ({
     }
     setOpenState(false);
   };
-  return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React48.createElement(React48.Fragment, null, /* @__PURE__ */ React48.createElement(
     Snackbar,
     __spreadProps(__spreadValues({
       anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
@@ -5801,7 +5837,7 @@ var SCSnackBar = ({
     }, close ? { onClose: handleClose } : {}), {
       sx: { zIndex: 2e3 }
     }),
-    /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React48.createElement(
       MuiAlert,
       __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
         severity: type,
@@ -5813,19 +5849,19 @@ var SCSnackBar = ({
 };
 
 // src/Components/SCTabs.tsx
-import React48, { 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 React49, { useEffect as useEffect21 } from "react";
+import { Typography as Typography28, 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 Muicon11 from "@mui/icons-material";
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
-  const [toast, setToast] = React48.useState(null);
+  const [toast, setToast] = React49.useState(null);
   let i = 0;
   let j = 0;
   let k = 0;
   let l = 0;
   let validateTypeIcon = true;
-  const [value, setValue] = React48.useState("1");
+  const [value, setValue] = React49.useState("1");
   useEffect21(() => {
     if (defaultOption) {
       handleChange(event, void 0);
@@ -5876,7 +5912,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       setValue(newValue);
     }
   };
-  return /* @__PURE__ */ React48.createElement(React48.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React48.createElement(Box28, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React48.createElement(TabContext, { value }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React49.createElement(React49.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React49.createElement(Box28, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React49.createElement(TabContext, { value }, /* @__PURE__ */ React49.createElement(
     Tabs3,
     {
       "data-testid": "tab-container",
@@ -5890,7 +5926,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       orientation: orientation || "horizontal",
       sx: { borderBottom: orientation == "vertical" ? 0 : 1, borderRight: orientation == "vertical" ? 1 : 0, borderColor: "divider", background: background || "" }
     },
-    options.map((option) => /* @__PURE__ */ React48.createElement(
+    options.map((option) => /* @__PURE__ */ React49.createElement(
       Tab3,
       {
         "data-testid": "tab-item",
@@ -5899,7 +5935,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
         label: option.name || "",
         disabled: option.disabled || false,
         iconPosition: iconPosition || "end",
-        icon: typeIcon == "badge" ? /* @__PURE__ */ React48.createElement(
+        icon: typeIcon == "badge" ? /* @__PURE__ */ React49.createElement(
           Badge3,
           {
             sx: {
@@ -5914,23 +5950,23 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
             badgeContent: option.iconOrBadge,
             color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
           }
-        ) : typeIcon == "icon" ? /* @__PURE__ */ React48.createElement(SvgIcon12, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
+        ) : typeIcon == "icon" ? /* @__PURE__ */ React49.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" }
       }
     ))
-  ), children, options.map((option) => /* @__PURE__ */ React48.createElement(
+  ), children, options.map((option) => /* @__PURE__ */ React49.createElement(
     TabPanel,
     {
       key: k = k + 1,
       value: String(l = l + 1),
       sx: { padding: "16px" }
     },
-    option.page ? option.page : /* @__PURE__ */ React48.createElement(Typography27, null, "No se ha configurado el componente a visualizar ")
-  )))) : /* @__PURE__ */ React48.createElement(Box28, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React48.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
+    option.page ? option.page : /* @__PURE__ */ React49.createElement(Typography28, null, "No se ha configurado el componente a visualizar ")
+  )))) : /* @__PURE__ */ React49.createElement(Box28, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React49.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
 };
 
 // src/Components/SCTime.tsx
-import React49, { useState as useState27 } from "react";
+import React50, { useState as useState28 } from "react";
 import { Box as Box29, InputAdornment as InputAdornment6, Popover as Popover8, ClickAwayListener as ClickAwayListener3 } from "@mui/material";
 import { LocalizationProvider as LocalizationProvider5 } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs as AdapterDayjs3 } from "@mui/x-date-pickers/AdapterDayjs";
@@ -5956,10 +5992,10 @@ var SCTime = ({
   );
   const isTimeEmpty = required && !state;
   const hasError = isTimeEmpty || error;
-  const [anchorEl, setAnchorEl] = useState27(null);
-  const [isOpenPopover, setIsOpenPopover] = useState27(false);
-  const [popoverPlacement, setPopoverPlacement] = useState27("bottom");
-  const [popoverWidth, setPopoverWidth] = useState27(void 0);
+  const [anchorEl, setAnchorEl] = useState28(null);
+  const [isOpenPopover, setIsOpenPopover] = useState28(false);
+  const [popoverPlacement, setPopoverPlacement] = useState28("bottom");
+  const [popoverWidth, setPopoverWidth] = useState28(void 0);
   const detectPlacement = (element) => {
     const rect = element.getBoundingClientRect();
     const windowHeight = window.innerHeight;
@@ -5991,7 +6027,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React49.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React49.createElement(Box29, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React50.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3 }, /* @__PURE__ */ React50.createElement(Box29, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ React50.createElement(
     TimeField,
     {
       label,
@@ -6003,7 +6039,7 @@ var SCTime = ({
       slotProps: {
         textField: {
           InputProps: {
-            endAdornment: /* @__PURE__ */ React49.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React49.createElement(
+            endAdornment: /* @__PURE__ */ React50.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React50.createElement(
               AccessTimeIcon,
               {
                 color: disabled ? "disabled" : "action",
@@ -6032,7 +6068,7 @@ var SCTime = ({
         }
       }
     }
-  ), /* @__PURE__ */ React49.createElement(
+  ), /* @__PURE__ */ React50.createElement(
     Popover8,
     {
       open: isOpenPopover,
@@ -6063,7 +6099,7 @@ var SCTime = ({
         }
       }
     },
-    /* @__PURE__ */ React49.createElement(ClickAwayListener3, { onClickAway: handleClose }, /* @__PURE__ */ React49.createElement(Box29, { sx: { p: 0 } }, /* @__PURE__ */ React49.createElement(
+    /* @__PURE__ */ React50.createElement(ClickAwayListener3, { onClickAway: handleClose }, /* @__PURE__ */ React50.createElement(Box29, { sx: { p: 0 } }, /* @__PURE__ */ React50.createElement(
       DigitalClock,
       {
         value: state,
@@ -6086,14 +6122,14 @@ var SCTime = ({
 };
 
 // src/Components/SCZoom.tsx
-import React50, { useState as useState28 } from "react";
-import { Typography as Typography29, Divider as Divider9, IconButton as IconButton18, Box as Box30 } from "@mui/material";
-import Grid13 from "@mui/material/Grid";
+import React51, { useState as useState29 } from "react";
+import { Typography as Typography30, Divider as Divider9, IconButton as IconButton18, Box as Box30 } from "@mui/material";
+import Grid14 from "@mui/material/Grid";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import ZoomInIcon from "@mui/icons-material/ZoomIn";
 import RotateRightIcon from "@mui/icons-material/RotateRight";
 var SCZoom = ({ image, width, height, bottom, left }) => {
-  const [zoom, setZoom] = useState28(1);
+  const [zoom, setZoom] = useState29(1);
   const handleZoomIn = () => {
     setZoom((prev) => Math.min(prev + 0.2, 3));
   };
@@ -6103,7 +6139,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
   const handleReset = () => {
     setZoom(1);
   };
-  return /* @__PURE__ */ React50.createElement(Box30, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React51.createElement(Box30, { style: { width: width || "280px", height: height || "280px" } }, /* @__PURE__ */ React51.createElement(
     Box30,
     {
       sx: {
@@ -6113,7 +6149,7 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         height: height || "340px"
       }
     },
-    /* @__PURE__ */ React50.createElement(
+    /* @__PURE__ */ React51.createElement(
       "img",
       {
         src: image,
@@ -6125,14 +6161,14 @@ var SCZoom = ({ image, width, height, bottom, left }) => {
         }
       }
     )
-  ), /* @__PURE__ */ React50.createElement(Grid13, { container: true, flexWrap: "nowrap", alignItems: "center", gap: 1, sx: { position: "relative", bottom: bottom != null ? bottom : `calc(100% - 87%)`, left: left != null ? left : `calc(100% - 72%)`, zIndex: 1, width: "147px", borderRadius: "4px", padding: "4px 12px", border: bottom ? "0px" : "1px solid #0000001F", background: "white", boxShadow: bottom ? "" : "2px 3px 5px 0px #18274B33" } }, /* @__PURE__ */ React50.createElement(Grid13, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React50.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React50.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React50.createElement(Typography29, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React50.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React50.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React50.createElement(Divider9, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React50.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React50.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
+  ), /* @__PURE__ */ React51.createElement(Grid14, { container: true, flexWrap: "nowrap", alignItems: "center", gap: 1, sx: { position: "relative", bottom: bottom != null ? bottom : `calc(100% - 87%)`, left: left != null ? left : `calc(100% - 72%)`, zIndex: 1, width: "147px", borderRadius: "4px", padding: "4px 12px", border: bottom ? "0px" : "1px solid #0000001F", background: "white", boxShadow: bottom ? "" : "2px 3px 5px 0px #18274B33" } }, /* @__PURE__ */ React51.createElement(Grid14, { container: true, alignItems: "center", justifyContent: "center", flexWrap: "nowrap", gap: 0.5, sx: { width: "84px" } }, /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomOut, disabled: zoom <= 0.5, size: "small" }, /* @__PURE__ */ React51.createElement(ZoomOutIcon, { color: "action", fontSize: "small" })), /* @__PURE__ */ React51.createElement(Typography30, { variant: "body2", color: "textSecondary" }, Math.round(zoom * 100), "%"), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleZoomIn, disabled: zoom >= 3, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(ZoomInIcon, { color: "action", fontSize: "small" }))), /* @__PURE__ */ React51.createElement(Divider9, { orientation: "vertical", sx: { width: "1px", height: "16px" } }), /* @__PURE__ */ React51.createElement(IconButton18, { onClick: handleReset, color: "primary", size: "small" }, /* @__PURE__ */ React51.createElement(RotateRightIcon, { color: "action", fontSize: "small" }))));
 };
 
 // src/Theme/index.ts
 import { createTheme } from "@mui/material/styles";
 
 // src/Theme/components.ts
-import React51 from "react";
+import React52 from "react";
 import {
   InfoRounded as InfoRounded2,
   CheckCircleRounded as CheckCircleRounded2,
@@ -6836,10 +6872,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: React51.createElement(CheckCircleRounded2),
-        error: React51.createElement(ErrorRounded2),
-        warning: React51.createElement(WarningRounded2),
-        info: React51.createElement(InfoRounded2)
+        success: React52.createElement(CheckCircleRounded2),
+        error: React52.createElement(ErrorRounded2),
+        warning: React52.createElement(WarningRounded2),
+        info: React52.createElement(InfoRounded2)
       }
     },
     variants: [
@@ -7890,6 +7926,7 @@ export {
   FooterAction,
   MultiSelect,
   PageHeader,
+  SCAccordion,
   SCActivityCalendar,
   SCAlert,
   SCAppBar,