componentes-sinco 1.0.25 → 1.0.27

package/dist/index.js

@@ -723,7 +723,7 @@ var Attachment = ({
                 setToast({
                   title: "Error al eliminar archivo",
                   type: "error",
-                  time: 4
+                  time: 2
                 });
               } finally {
                 setFileToDelete(null);
@@ -765,13 +765,13 @@ function getIconValidation(name) {
 }
 
 // src/Components/Textfield/Helpers/validateKeyDown.tsx
-function validateKeyDown(event2, format2) {
+function validateKeyDown(event2, format3) {
   const key = event2.key;
   const target = event2.target;
-  if (format2 === "int" && !/^[0-9]$/.test(key)) {
+  if (format3 === "int" && !/^[0-9]$/.test(key)) {
     event2.preventDefault();
   }
-  if (format2 === "decimal" && (target.value === "" && key === "." || key === "-" || key === "+")) {
+  if (format3 === "decimal" && (target.value === "" && key === "." || key === "-" || key === "+")) {
     event2.preventDefault();
   }
   if (target.type === "text") {
@@ -810,7 +810,7 @@ var SCTextField = ({
   maxLength,
   //Apariencia
   variant = "outlined",
-  format: format2,
+  format: format3,
   disabled,
   required,
   size,
@@ -864,7 +864,7 @@ var SCTextField = ({
     event2.preventDefault();
   };
   const handleKeyDown = (event2) => {
-    validateKeyDown(event2, format2);
+    validateKeyDown(event2, format3);
     if (onKeyDown) onKeyDown(event2);
   };
   const handleInputChange = (event2) => {
@@ -961,11 +961,11 @@ var SCTextField = ({
         onChange: handleInputChange,
         onBlur: handleBlur,
         inputProps: { maxLength: maxLength ? maxLength : 50 },
-        type: !showPassword && format2 === "password" ? "password" : (format2 || "text").toUpperCase() === "INT" || (format2 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
-        className: format2 === "password" && !showPassword ? "" : "",
+        type: !showPassword && format3 === "password" ? "password" : (format3 || "text").toUpperCase() === "INT" || (format3 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
+        className: format3 === "password" && !showPassword ? "" : "",
         placeholder,
         startAdornment: iconInputStart ? /* @__PURE__ */ React5.createElement(InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ React5.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ React5.createElement(InputAdornment, { position: "end" }, format2 === "password" ? /* @__PURE__ */ React5.createElement(
+        endAdornment: /* @__PURE__ */ React5.createElement(InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ React5.createElement(
           IconButton4,
           {
             "aria-label": "toggle password visibility",
@@ -1015,11 +1015,11 @@ var SCTextField = ({
             fontSize: "small"
           }
         ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ React5.createElement(IconInputEnd, { fontSize: "small" }) : null : ""),
-        label: label ? label + (format2 === "password" && !showPassword ? "" : "") : "",
-        autoComplete: format2 === "password" ? "new-password" : "off"
+        label: label ? label + (format3 === "password" && !showPassword ? "" : "") : "",
+        autoComplete: format3 === "password" ? "new-password" : "off"
       }
     )
-  ), (iconInputEnd !== void 0 || format2 === "password") && infoElement ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
+  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(
     InfoOutlined,
     {
       "data-testid": "test-infoElement",
@@ -2415,11 +2415,7 @@ var SCCalendarSwipeable = ({
     setOpenCalendar(newOpen);
   };
   const locale = __spreadValues({}, es);
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(LocalizationProvider2, { dateAdapter: AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React15.createElement(Box11, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React15.createElement(Box11, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ React15.createElement(Grid5, { container: true, gap: 0.5, sx: {
-    justifyContent: "space-between",
-    padding: "12px 0px",
-    background: "transparent"
-  } }, diasSemana.map((dia) => /* @__PURE__ */ React15.createElement(Grid5, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React15.createElement(Box11, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React15.createElement(Typography12, { sx: { fontSize: "12px !important", color: "#10184099" } }, format(dia, "EEEE", { locale: es }).charAt(0).toUpperCase())), /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(LocalizationProvider2, { dateAdapter: AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ React15.createElement(Box11, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React15.createElement(Box11, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ React15.createElement(Grid5, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React15.createElement(Grid5, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React15.createElement(Box11, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React15.createElement(Typography12, { sx: { fontSize: "12px !important", color: "#10184099" } }, format(dia, "EEEE", { locale: es }).charAt(0).toUpperCase())), /* @__PURE__ */ React15.createElement(
     Box11,
     {
       onClick: () => setFecha(dia),
@@ -3000,13 +2996,55 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   )));
 };
 
-// src/Components/SCMenu.tsx
+// src/Components/SCListContent.tsx
 import React23 from "react";
-import { Box as Box13, Typography as Typography15, Paper, Divider as Divider4, MenuList, MenuItem as MenuItem4, ListItemIcon as ListItemIcon4, SvgIcon as SvgIcon6 } from "@mui/material";
+import { Divider as Divider4, List, ListItemButton, ListItemIcon as ListItemIcon4, ListItemText as ListItemText3, SvgIcon as SvgIcon6 } from "@mui/material";
 import Grid7 from "@mui/material/Grid2";
+import * as Muicon6 from "@mui/icons-material";
+var SCListContent = ({ options }) => {
+  const [selectedIndex, setSelectedIndex] = React23.useState("1");
+  const [value, setValue] = React23.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) {
+        option.iconLeft = Muicon6[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 = Muicon6[option == null ? void 0 : option.iconRight];
+      } else {
+        option;
+      }
+    }
+  });
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(List, { sx: { width: "100%", maxWidth: 360, bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => /* @__PURE__ */ React23.createElement(React23.Fragment, { key: index }, /* @__PURE__ */ React23.createElement(
+    ListItemButton,
+    {
+      disabled: option.disable,
+      onClick: option.fn
+    },
+    option.iconLeft ? /* @__PURE__ */ React23.createElement(ListItemIcon4, { sx: { minWidth: "30px !important" } }, /* @__PURE__ */ React23.createElement(SvgIcon6, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ React23.createElement(
+      ListItemText3,
+      {
+        primary: option.title,
+        secondary: /* @__PURE__ */ React23.createElement(Grid7, { gap: 0.5 }, /* @__PURE__ */ React23.createElement(Grid7, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ React23.createElement(Grid7, { container: true, gap: 0.5 }, option.description))
+      }
+    ),
+    option.iconRight ? /* @__PURE__ */ React23.createElement(ListItemIcon4, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ React23.createElement(SvgIcon6, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : ""
+  ), option.divider == true ? /* @__PURE__ */ React23.createElement(Divider4, null) : ""))));
+};
+
+// src/Components/SCMenu.tsx
+import React24 from "react";
+import { Box as Box14, Typography as Typography16, Paper as Paper2, Divider as Divider5, MenuList as MenuList2, MenuItem as MenuItem5, ListItemIcon as ListItemIcon5, SvgIcon as SvgIcon7 } from "@mui/material";
+import Grid8 from "@mui/material/Grid2";
 
 // src/Components/Hooks/useWindowDimensions.ts
-import { useState as useState11, useEffect as useEffect15 } from "react";
+import { useState as useState12, useEffect as useEffect16 } from "react";
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -3015,8 +3053,8 @@ function getWindowDimensions() {
   };
 }
 function useWindowDimensions() {
-  const [windowDimensions, setWindowDimensions] = useState11(getWindowDimensions());
-  useEffect15(() => {
+  const [windowDimensions, setWindowDimensions] = useState12(getWindowDimensions());
+  useEffect16(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
@@ -3027,19 +3065,19 @@ function useWindowDimensions() {
 }
 
 // src/Components/SCMenu.tsx
-import * as Muicon6 from "@mui/icons-material";
+import * as Muicon7 from "@mui/icons-material";
 var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }) => {
   const { height, width } = useWindowDimensions();
   const menuSize = widthMenu ? parseInt(widthMenu) : 284;
   const pageSize = widthPage ? parseInt(widthPage) : width - menuSize;
   const widthContainer = menuSize + pageSize;
   let heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
-  const [selectedIndex, setSelectedIndex] = React23.useState("1");
-  const [value, setValue] = React23.useState("1");
-  React23.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React24.useState("1");
+  const [value, setValue] = React24.useState("1");
+  React24.useEffect(() => {
     heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
   }, [height]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (defaultOption) {
       handleClickMenusItem(event, void 0);
     }
@@ -3047,14 +3085,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 = Muicon6[option == null ? void 0 : option.iconLeft];
+        option.iconLeft = Muicon7[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 = Muicon6[option == null ? void 0 : option.iconRight];
+        option.iconRight = Muicon7[option == null ? void 0 : option.iconRight];
       } else {
         option;
       }
@@ -3069,34 +3107,34 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Grid7, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React23.createElement(Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React23.createElement(MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
-    MenuItem4,
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(Grid8, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ React24.createElement(Paper2, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ React24.createElement(MenuList2, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
+    MenuItem5,
     {
       disabled: disable == true ? true : false,
       key: index,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ React23.createElement(ListItemIcon4, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React23.createElement(SvgIcon6, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ React23.createElement(Grid7, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React23.createElement(Typography15, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React23.createElement(ListItemIcon4, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React23.createElement(SvgIcon6, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ React23.createElement(Divider4, null) : "")))), /* @__PURE__ */ React23.createElement(Grid7, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React23.createElement(Box13, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React23.createElement(Typography15, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+    option.iconLeft ? /* @__PURE__ */ React24.createElement(ListItemIcon5, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React24.createElement(SvgIcon7, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ React24.createElement(Grid8, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ React24.createElement(Typography16, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ React24.createElement(ListItemIcon5, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ React24.createElement(SvgIcon7, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ React24.createElement(Divider5, null) : "")))), /* @__PURE__ */ React24.createElement(Grid8, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ React24.createElement(Box14, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ React24.createElement(Typography16, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCTabs.tsx
-import React24, { useEffect as useEffect16 } from "react";
-import { Typography as Typography16, Box as Box14, SvgIcon as SvgIcon7, Tab, Tabs, Badge } from "@mui/material";
+import React25, { useEffect as useEffect17 } from "react";
+import { Typography as Typography17, Box as Box15, SvgIcon as SvgIcon8, Tab as Tab2, Tabs as Tabs2, Badge } from "@mui/material";
 import TabPanel from "@mui/lab/TabPanel";
 import TabContext from "@mui/lab/TabContext";
-import * as Muicon7 from "@mui/icons-material";
+import * as Muicon8 from "@mui/icons-material";
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
-  const [toast, setToast] = React24.useState(null);
+  const [toast, setToast] = React25.useState(null);
   let i = 0;
   let j = 0;
   let k = 0;
   let l = 0;
   let validateTypeIcon = true;
-  const [value, setValue] = React24.useState("1");
-  useEffect16(() => {
+  const [value, setValue] = React25.useState("1");
+  useEffect17(() => {
     if (defaultOption) {
       handleChange(event, void 0);
     }
@@ -3105,9 +3143,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 Muicon7 == true) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon8 == true) {
           validateTypeIcon = true;
-          option.iconOrBadge = Muicon7[option == null ? void 0 : option.iconOrBadge];
+          option.iconOrBadge = Muicon8[option == null ? void 0 : option.iconOrBadge];
         } else {
           validateTypeIcon = false;
           setTimeout(() => {
@@ -3121,7 +3159,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
           return;
         }
       } else if (typeIcon == "badge") {
-        if ((option == null ? void 0 : option.iconOrBadge) in Muicon7 == false) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon8 == false) {
           validateTypeIcon = true;
           option;
         } else {
@@ -3146,8 +3184,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       setValue(newValue);
     }
   };
-  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React24.createElement(Box14, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React24.createElement(TabContext, { value }, /* @__PURE__ */ React24.createElement(
-    Tabs,
+  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ React25.createElement(Box15, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ React25.createElement(TabContext, { value }, /* @__PURE__ */ React25.createElement(
+    Tabs2,
     {
       "data-testid": "tab-container",
       value,
@@ -3160,8 +3198,8 @@ 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__ */ React24.createElement(
-      Tab,
+    options.map((option) => /* @__PURE__ */ React25.createElement(
+      Tab2,
       {
         "data-testid": "tab-item",
         value: String(i = i + 1),
@@ -3169,7 +3207,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
         label: option.name || "",
         disabled: option.disabled || false,
         iconPosition: iconPosition || "end",
-        icon: typeIcon == "badge" ? /* @__PURE__ */ React24.createElement(
+        icon: typeIcon == "badge" ? /* @__PURE__ */ React25.createElement(
           Badge,
           {
             sx: {
@@ -3184,29 +3222,29 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
             badgeContent: option.iconOrBadge,
             color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
           }
-        ) : typeIcon == "icon" ? /* @__PURE__ */ React24.createElement(SvgIcon7, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
+        ) : typeIcon == "icon" ? /* @__PURE__ */ React25.createElement(SvgIcon8, { 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__ */ React24.createElement(
+  ), children, options.map((option) => /* @__PURE__ */ React25.createElement(
     TabPanel,
     {
       key: k = k + 1,
       value: String(l = l + 1),
       sx: { padding: "16px" }
     },
-    option.page ? option.page : /* @__PURE__ */ React24.createElement(Typography16, null, "No se ha configurado el componente a visualizar ")
-  )))) : /* @__PURE__ */ React24.createElement(Box14, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React24.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
+    option.page ? option.page : /* @__PURE__ */ React25.createElement(Typography17, null, "No se ha configurado el componente a visualizar ")
+  )))) : /* @__PURE__ */ React25.createElement(Box15, { sx: { height: "200px" } }, toast && /* @__PURE__ */ React25.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
 };
 
 // src/Components/Calendario/Calendar.tsx
-import React31, { useState as useState13 } from "react";
-import { Box as Box20, CircularProgress as CircularProgress5 } from "@mui/material";
+import React32, { useEffect as useEffect18, useState as useState14 } from "react";
+import { Box as Box21, CircularProgress as CircularProgress5 } from "@mui/material";
 
 // src/Components/Calendario/CalendarToolbar.tsx
-import React25, { useState as useState12 } from "react";
+import React26, { useState as useState13 } from "react";
 import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, LightModeOutlined } from "@mui/icons-material";
-import { Box as Box15, Chip as Chip3, IconButton as IconButton10, Menu, MenuItem as MenuItem5, Stack as Stack9, Typography as Typography17 } from "@mui/material";
+import { Box as Box16, Chip as Chip4, IconButton as IconButton11, Menu, MenuItem as MenuItem6, Stack as Stack10, Typography as Typography18 } from "@mui/material";
 import dayjs2 from "dayjs";
 import updateLocale from "dayjs/plugin/updateLocale";
 import "dayjs/locale/es";
@@ -3223,7 +3261,7 @@ var CalendarToolbar = ({
   onNavigate,
   children
 }) => {
-  const [anchorEl, setAnchorEl] = useState12(null);
+  const [anchorEl, setAnchorEl] = useState13(null);
   const open = Boolean(anchorEl);
   const handleMenuOpen = (event2) => {
     setAnchorEl(event2.currentTarget);
@@ -3246,15 +3284,15 @@ var CalendarToolbar = ({
     }
     return labelDate.format(" DD MMMM YYYY");
   };
-  return /* @__PURE__ */ React25.createElement(Stack9, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ React25.createElement(Box15, null, /* @__PURE__ */ React25.createElement(
-    Chip3,
+  return /* @__PURE__ */ React26.createElement(Stack10, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ React26.createElement(Box16, null, /* @__PURE__ */ React26.createElement(
+    Chip4,
     {
       label: "Hoy",
-      icon: /* @__PURE__ */ React25.createElement(LightModeOutlined, { fontSize: "small" }),
+      icon: /* @__PURE__ */ React26.createElement(LightModeOutlined, { fontSize: "small" }),
       color: "primary",
       onClick: () => onNavigate("TODAY")
     }
-  )), /* @__PURE__ */ React25.createElement(Stack9, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React25.createElement(IconButton10, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ React25.createElement(ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ React25.createElement(IconButton10, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ React25.createElement(ChevronRight, { fontSize: "small" })), /* @__PURE__ */ React25.createElement(Typography17, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ React25.createElement(IconButton10, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ React25.createElement(KeyboardArrowDown2, { fontSize: "small" })), /* @__PURE__ */ React25.createElement(
+  )), /* @__PURE__ */ React26.createElement(Stack10, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React26.createElement(IconButton11, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ React26.createElement(ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ React26.createElement(IconButton11, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ React26.createElement(ChevronRight, { fontSize: "small" })), /* @__PURE__ */ React26.createElement(Typography18, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ React26.createElement(IconButton11, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ React26.createElement(KeyboardArrowDown2, { fontSize: "small" })), /* @__PURE__ */ React26.createElement(
     Menu,
     {
       anchorEl,
@@ -3263,15 +3301,15 @@ var CalendarToolbar = ({
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" }
     },
-    /* @__PURE__ */ React25.createElement(MenuItem5, { onClick: () => handleViewChange("month") }, "Mes"),
-    /* @__PURE__ */ React25.createElement(MenuItem5, { onClick: () => handleViewChange("week") }, "Semana"),
-    /* @__PURE__ */ React25.createElement(MenuItem5, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  )), children ? /* @__PURE__ */ React25.createElement(Box15, null, children) : /* @__PURE__ */ React25.createElement(Box15, { width: "24px" }), " ");
+    /* @__PURE__ */ React26.createElement(MenuItem6, { onClick: () => handleViewChange("month") }, "Mes"),
+    /* @__PURE__ */ React26.createElement(MenuItem6, { onClick: () => handleViewChange("week") }, "Semana"),
+    /* @__PURE__ */ React26.createElement(MenuItem6, { onClick: () => handleViewChange("day") }, "D\xEDa")
+  )), children ? /* @__PURE__ */ React26.createElement(Box16, null, children) : /* @__PURE__ */ React26.createElement(Box16, { width: "24px" }), " ");
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
-import React28 from "react";
-import { Box as Box17, Typography as Typography19, IconButton as IconButton11, Paper as Paper2, Tooltip as Tooltip6, Stack as Stack11, Divider as Divider6, CircularProgress as CircularProgress2 } from "@mui/material";
+import React29 from "react";
+import { Box as Box18, Typography as Typography20, IconButton as IconButton12, Paper as Paper3, Tooltip as Tooltip6, Stack as Stack12, Divider as Divider7, CircularProgress as CircularProgress2 } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import dayjs4 from "dayjs";
 import localeData from "dayjs/plugin/localeData";
@@ -3303,10 +3341,10 @@ var stateColors = {
 };
 
 // src/Components/Calendario/Event.tsx
-import React26 from "react";
-import { Box as Box16, Stack as Stack10, Typography as Typography18, Divider as Divider5, Popover as Popover4 } from "@mui/material";
+import React27 from "react";
+import { Box as Box17, Stack as Stack11, Typography as Typography19, Divider as Divider6, Popover as Popover5 } from "@mui/material";
 var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
-  const [anchorEl, setAnchorEl] = React26.useState(null);
+  const [anchorEl, setAnchorEl] = React27.useState(null);
   const handlePopoverOpen = (event3) => {
     setAnchorEl(event3.currentTarget);
   };
@@ -3314,8 +3352,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
     setAnchorEl(null);
   };
   const open = Boolean(anchorEl);
-  return /* @__PURE__ */ React26.createElement(
-    Stack10,
+  return /* @__PURE__ */ React27.createElement(
+    Stack11,
     {
       direction: "row",
       padding: 0.5,
@@ -3335,8 +3373,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         cursor: onClick ? "pointer" : "default"
       }, sx)
     },
-    /* @__PURE__ */ React26.createElement(
-      Divider5,
+    /* @__PURE__ */ React27.createElement(
+      Divider6,
       {
         orientation: "vertical",
         flexItem: true,
@@ -3347,8 +3385,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         }
       }
     ),
-    /* @__PURE__ */ React26.createElement(
-      Box16,
+    /* @__PURE__ */ React27.createElement(
+      Box17,
       {
         px: 1,
         py: 0.5,
@@ -3357,8 +3395,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         display: "flex",
         alignItems: "center"
       },
-      /* @__PURE__ */ React26.createElement(
-        Typography18,
+      /* @__PURE__ */ React27.createElement(
+        Typography19,
         {
           color: "text.primary",
           variant: "caption",
@@ -3373,8 +3411,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         },
         event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
       ),
-      /* @__PURE__ */ React26.createElement(
-        Popover4,
+      /* @__PURE__ */ React27.createElement(
+        Popover5,
         {
           id: "mouse-over-popover",
           sx: { pointerEvents: "none" },
@@ -3398,9 +3436,9 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
 };
 
 // src/assets/LogoCalendario.tsx
-import React27 from "react";
+import React28 from "react";
 var LogoCalendario = () => {
-  return /* @__PURE__ */ React27.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React27.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ React27.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.7361 11.1589C39.7792 11.1589 39.0106 11.9722 39.0106 12.9661V15.4375H20.0309V12.9661C20.0309 11.964 19.2545 11.1589 18.3055 11.1589C17.3487 11.1589 16.5801 11.9722 16.5801 12.9661V15.4375H12.8819C12.0652 15.4375 11.4038 16.0918 11.4038 16.8998V20.6551C11.4038 21.463 12.0652 22.1174 12.8819 22.1174H46.8383C47.655 22.1174 48.3165 21.463 48.3165 20.6551V16.8998C48.3165 16.0918 47.655 15.4375 46.8383 15.4375H42.4615V12.9661C42.4615 11.964 41.6851 11.1589 40.7361 11.1589ZM19.4827 19.2049C19.6528 19.1343 19.7361 19.006 19.7724 18.8352C19.6916 18.9714 19.594 19.0957 19.4827 19.2049Z", fill: "#00BCD4" }), /* @__PURE__ */ React27.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.2037 25.8653C13.7579 25.8653 13.425 26.2168 13.425 26.6093V47.3669C13.425 47.7595 13.7579 48.1109 14.2037 48.1109H46.0004C46.4782 48.1109 46.8656 47.7236 46.8656 47.2458V26.6093C46.8656 26.2168 46.5327 25.8653 46.087 25.8653H14.2037ZM11.6948 26.6093C11.6948 25.2255 12.8384 24.135 14.2037 24.135H46.087C47.4522 24.135 48.5959 25.2255 48.5959 26.6093V47.2458C48.5959 48.6792 47.4339 49.8412 46.0004 49.8412H14.2037C12.8384 49.8412 11.6948 48.7508 11.6948 47.3669V26.6093Z", fill: "#6392BD" }), /* @__PURE__ */ React27.createElement("path", { d: "M19.481 30.9138C19.481 30.5164 20.1155 30.1903 20.9058 30.1903C21.6894 30.1903 22.3305 30.5131 22.3305 30.9138V32.8862C22.3305 33.2836 21.6894 33.6097 20.9058 33.6097C20.1222 33.6097 19.481 33.2869 19.481 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ React27.createElement("path", { d: "M30.0242 30.1903C29.2339 30.1903 28.5995 30.5164 28.5995 30.9138V32.8862C28.5995 33.2869 29.2406 33.6097 30.0242 33.6097C30.8079 33.6097 31.449 33.2836 31.449 32.8862V30.9138C31.449 30.5131 30.8079 30.1903 30.0242 30.1903Z", fill: "#6392BD" }), /* @__PURE__ */ React27.createElement("path", { d: "M37.7179 30.9138C37.7179 30.5164 38.3524 30.1903 39.1427 30.1903C39.608 30.1903 40.022 30.3038 40.2825 30.4797C40.3515 30.5276 40.4116 30.5788 40.4561 30.6344C40.5274 30.7201 40.5675 30.8147 40.5675 30.9138V32.8862C40.5675 33.2836 39.9263 33.6097 39.1427 33.6097C38.3591 33.6097 37.7179 33.2869 37.7179 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ React27.createElement("path", { d: "M20.9058 39.8787C20.1155 39.8787 19.481 40.2048 19.481 40.6022V42.5746C19.481 42.687 19.5322 42.7927 19.6213 42.8874C19.7036 42.9731 19.8172 43.0499 19.9552 43.1122C20.2068 43.228 20.5407 43.2981 20.9058 43.2981C21.6894 43.2981 22.3305 42.972 22.3305 42.5746V40.6022C22.3305 40.2015 21.6894 39.8787 20.9058 39.8787Z", fill: "#6392BD" }), /* @__PURE__ */ React27.createElement("path", { d: "M29.524 39.9477C29.7087 39.9032 29.9158 39.8787 30.1339 39.8787C30.9176 39.8787 31.5587 40.2015 31.5587 40.6022V42.5746C31.5587 42.972 30.9176 43.2981 30.1339 43.2981C29.3503 43.2981 28.7092 42.9753 28.7092 42.5746V40.6022C28.7092 40.315 29.0409 40.0646 29.524 39.9477Z", fill: "#6392BD" }), /* @__PURE__ */ React27.createElement("path", { d: "M38.5141 39.9482C38.6989 39.9037 38.9059 39.8792 39.1241 39.8792C39.9077 39.8792 40.5488 40.202 40.5488 40.6027V42.5751C40.5488 42.9725 39.9077 43.2986 39.1241 43.2986C38.3405 43.2986 37.6993 42.9758 37.6993 42.5751V40.6027C37.6993 40.3155 38.031 40.0651 38.5141 39.9482Z", fill: "#6392BD" })), /* @__PURE__ */ React27.createElement("defs", null, /* @__PURE__ */ React27.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ React27.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
+  return /* @__PURE__ */ React28.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React28.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ React28.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.7361 11.1589C39.7792 11.1589 39.0106 11.9722 39.0106 12.9661V15.4375H20.0309V12.9661C20.0309 11.964 19.2545 11.1589 18.3055 11.1589C17.3487 11.1589 16.5801 11.9722 16.5801 12.9661V15.4375H12.8819C12.0652 15.4375 11.4038 16.0918 11.4038 16.8998V20.6551C11.4038 21.463 12.0652 22.1174 12.8819 22.1174H46.8383C47.655 22.1174 48.3165 21.463 48.3165 20.6551V16.8998C48.3165 16.0918 47.655 15.4375 46.8383 15.4375H42.4615V12.9661C42.4615 11.964 41.6851 11.1589 40.7361 11.1589ZM19.4827 19.2049C19.6528 19.1343 19.7361 19.006 19.7724 18.8352C19.6916 18.9714 19.594 19.0957 19.4827 19.2049Z", fill: "#00BCD4" }), /* @__PURE__ */ React28.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.2037 25.8653C13.7579 25.8653 13.425 26.2168 13.425 26.6093V47.3669C13.425 47.7595 13.7579 48.1109 14.2037 48.1109H46.0004C46.4782 48.1109 46.8656 47.7236 46.8656 47.2458V26.6093C46.8656 26.2168 46.5327 25.8653 46.087 25.8653H14.2037ZM11.6948 26.6093C11.6948 25.2255 12.8384 24.135 14.2037 24.135H46.087C47.4522 24.135 48.5959 25.2255 48.5959 26.6093V47.2458C48.5959 48.6792 47.4339 49.8412 46.0004 49.8412H14.2037C12.8384 49.8412 11.6948 48.7508 11.6948 47.3669V26.6093Z", fill: "#6392BD" }), /* @__PURE__ */ React28.createElement("path", { d: "M19.481 30.9138C19.481 30.5164 20.1155 30.1903 20.9058 30.1903C21.6894 30.1903 22.3305 30.5131 22.3305 30.9138V32.8862C22.3305 33.2836 21.6894 33.6097 20.9058 33.6097C20.1222 33.6097 19.481 33.2869 19.481 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ React28.createElement("path", { d: "M30.0242 30.1903C29.2339 30.1903 28.5995 30.5164 28.5995 30.9138V32.8862C28.5995 33.2869 29.2406 33.6097 30.0242 33.6097C30.8079 33.6097 31.449 33.2836 31.449 32.8862V30.9138C31.449 30.5131 30.8079 30.1903 30.0242 30.1903Z", fill: "#6392BD" }), /* @__PURE__ */ React28.createElement("path", { d: "M37.7179 30.9138C37.7179 30.5164 38.3524 30.1903 39.1427 30.1903C39.608 30.1903 40.022 30.3038 40.2825 30.4797C40.3515 30.5276 40.4116 30.5788 40.4561 30.6344C40.5274 30.7201 40.5675 30.8147 40.5675 30.9138V32.8862C40.5675 33.2836 39.9263 33.6097 39.1427 33.6097C38.3591 33.6097 37.7179 33.2869 37.7179 32.8862V30.9138Z", fill: "#6392BD" }), /* @__PURE__ */ React28.createElement("path", { d: "M20.9058 39.8787C20.1155 39.8787 19.481 40.2048 19.481 40.6022V42.5746C19.481 42.687 19.5322 42.7927 19.6213 42.8874C19.7036 42.9731 19.8172 43.0499 19.9552 43.1122C20.2068 43.228 20.5407 43.2981 20.9058 43.2981C21.6894 43.2981 22.3305 42.972 22.3305 42.5746V40.6022C22.3305 40.2015 21.6894 39.8787 20.9058 39.8787Z", fill: "#6392BD" }), /* @__PURE__ */ React28.createElement("path", { d: "M29.524 39.9477C29.7087 39.9032 29.9158 39.8787 30.1339 39.8787C30.9176 39.8787 31.5587 40.2015 31.5587 40.6022V42.5746C31.5587 42.972 30.9176 43.2981 30.1339 43.2981C29.3503 43.2981 28.7092 42.9753 28.7092 42.5746V40.6022C28.7092 40.315 29.0409 40.0646 29.524 39.9477Z", fill: "#6392BD" }), /* @__PURE__ */ React28.createElement("path", { d: "M38.5141 39.9482C38.6989 39.9037 38.9059 39.8792 39.1241 39.8792C39.9077 39.8792 40.5488 40.202 40.5488 40.6027V42.5751C40.5488 42.9725 39.9077 43.2986 39.1241 43.2986C38.3405 43.2986 37.6993 42.9758 37.6993 42.5751V40.6027C37.6993 40.3155 38.031 40.0651 38.5141 39.9482Z", fill: "#6392BD" })), /* @__PURE__ */ React28.createElement("defs", null, /* @__PURE__ */ React28.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ React28.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
@@ -3410,23 +3448,23 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   const noEvents = events.length === 0;
   const days = getMonthDays(currentDate);
   const weekDays = Array.from({ length: 7 }, (_, i) => dayjs4().day(i));
-  const [openDrawer, setOpenDrawer] = React28.useState(false);
-  const [selectedDay, setSelectedDay] = React28.useState(null);
-  const [selectedEvents, setSelectedEvents] = React28.useState([]);
-  return /* @__PURE__ */ React28.createElement(Box17, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box17, { minWidth: "1050px" }, /* @__PURE__ */ React28.createElement(Box17, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box17, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography19, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React28.createElement(CircularProgress2, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
+  const [openDrawer, setOpenDrawer] = React29.useState(false);
+  const [selectedDay, setSelectedDay] = React29.useState(null);
+  const [selectedEvents, setSelectedEvents] = React29.useState([]);
+  return /* @__PURE__ */ React29.createElement(Box18, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React29.createElement(Box18, { minWidth: "1050px" }, /* @__PURE__ */ React29.createElement(Box18, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React29.createElement(Box18, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React29.createElement(Typography20, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React29.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React29.createElement(CircularProgress2, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React29.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ React28.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ React29.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ React28.createElement(Box17, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5 }, days.map((day) => {
+  ) : /* @__PURE__ */ React29.createElement(Box18, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5 }, days.map((day) => {
     const dayEvents = events.filter(
       (e) => day.isBetween(e.start.startOf("day"), e.end.endOf("day"), null, "[]")
     );
     const isCurrentMonth = day.month() === currentDate.month();
-    return /* @__PURE__ */ React28.createElement(
-      Paper2,
+    return /* @__PURE__ */ React29.createElement(
+      Paper3,
       {
         key: day.toString(),
         onClick: () => onDayClick == null ? void 0 : onDayClick(day),
@@ -3442,8 +3480,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           overflow: "hidden"
         }
       },
-      /* @__PURE__ */ React28.createElement(Box17, { p: 1, flexShrink: 0 }, /* @__PURE__ */ React28.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ React28.createElement(
-        Box17,
+      /* @__PURE__ */ React29.createElement(Box18, { p: 1, flexShrink: 0 }, /* @__PURE__ */ React29.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ React29.createElement(
+        Box18,
         {
           sx: {
             width: 24,
@@ -3455,16 +3493,16 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React28.createElement(
-          Typography19,
+        /* @__PURE__ */ React29.createElement(
+          Typography20,
           {
             variant: "body2",
             sx: { color: isToday(day) ? "white" : "text.secondary" }
           },
           day.date()
         )
-      ), dayEvents.length > 2 && /* @__PURE__ */ React28.createElement(Tooltip6, { title: "M\xE1s eventos" }, /* @__PURE__ */ React28.createElement(
-        IconButton11,
+      ), dayEvents.length > 2 && /* @__PURE__ */ React29.createElement(Tooltip6, { title: "M\xE1s eventos" }, /* @__PURE__ */ React29.createElement(
+        IconButton12,
         {
           color: "primary",
           size: "small",
@@ -3475,9 +3513,9 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             setSelectedEvents(dayEvents);
           }
         },
-        /* @__PURE__ */ React28.createElement(AddIcon, { fontSize: "small" })
+        /* @__PURE__ */ React29.createElement(AddIcon, { fontSize: "small" })
       )))),
-      /* @__PURE__ */ React28.createElement(Box17, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, 2).map((event2) => /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement(Box18, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, 2).map((event2) => /* @__PURE__ */ React29.createElement(
         CalendarEventCard,
         {
           key: `${event2.id}-${day.toString()}`,
@@ -3487,8 +3525,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           onHover: onEventHover
         }
       ))),
-      dayEvents.length > 2 && /* @__PURE__ */ React28.createElement(
-        Stack11,
+      dayEvents.length > 2 && /* @__PURE__ */ React29.createElement(
+        Stack12,
         {
           justifyItems: "center",
           px: 1,
@@ -3496,7 +3534,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           onClick: (e) => e.stopPropagation(),
           sx: { "& .MuiButtonBase-root": { width: "100%" } }
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(
           SCDrawer,
           {
             width: "350px",
@@ -3508,7 +3546,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             arrayElements: [{
               component: (() => {
                 const [first, ...rest] = dayEvents;
-                return /* @__PURE__ */ React28.createElement(Box17, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ React28.createElement(Typography19, { width: "100%", color: "text.secondary" }, " Proximo evento "), first && /* @__PURE__ */ React28.createElement(Box17, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ React28.createElement(
+                return /* @__PURE__ */ React29.createElement(Box18, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ React29.createElement(Typography20, { width: "100%", color: "text.secondary" }, " Proximo evento "), first && /* @__PURE__ */ React29.createElement(Box18, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ React29.createElement(
                   CalendarEventCard,
                   {
                     event: first,
@@ -3524,8 +3562,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
                       }
                     }
                   }
-                )), /* @__PURE__ */ React28.createElement(Divider6, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ React28.createElement(Typography19, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ React28.createElement(
-                  Box17,
+                )), /* @__PURE__ */ React29.createElement(Divider7, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ React29.createElement(Typography20, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ React29.createElement(
+                  Box18,
                   {
                     width: "100%",
                     height: "100%",
@@ -3537,7 +3575,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
                     flexDirection: "column",
                     gap: 1.5
                   },
-                  rest.map((event2) => /* @__PURE__ */ React28.createElement(
+                  rest.map((event2) => /* @__PURE__ */ React29.createElement(
                     CalendarEventCard,
                     {
                       key: `${event2.id}-${day.toString()}`,
@@ -3566,8 +3604,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
 };
 
 // src/Components/Calendario/Views/WeekView.tsx
-import React29 from "react";
-import { Box as Box18, CircularProgress as CircularProgress3, Typography as Typography20 } from "@mui/material";
+import React30 from "react";
+import { Box as Box19, CircularProgress as CircularProgress3, Typography as Typography21 } from "@mui/material";
 import dayjs5 from "dayjs";
 import localeData2 from "dayjs/plugin/localeData";
 dayjs5.extend(localeData2);
@@ -3583,8 +3621,8 @@ var WeekView = ({
 }) => {
   const noEvents = events.length === 0;
   const todayString = dayjs5().format("YYYY-MM-DD");
-  const startOfWeek2 = currentDate.startOf("week");
-  const days = Array.from({ length: 7 }, (_, i) => startOfWeek2.add(i, "day"));
+  const startOfWeek3 = currentDate.startOf("week");
+  const days = Array.from({ length: 7 }, (_, i) => startOfWeek3.add(i, "day"));
   const hours = Array.from({ length: endHour - startHour + 1 }, (_, i) => startHour + i);
   const getCellBorderType = (cellHour, dayEvents) => {
     for (const event2 of dayEvents) {
@@ -3601,10 +3639,10 @@ var WeekView = ({
     }
     return "none";
   };
-  return /* @__PURE__ */ React29.createElement(Box18, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React29.createElement(Box18, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ React29.createElement(Box18, { width: 45, bgcolor: "transparent" }), days.map((day) => {
+  return /* @__PURE__ */ React30.createElement(Box19, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React30.createElement(Box19, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ React30.createElement(Box19, { width: 45, bgcolor: "transparent" }), days.map((day) => {
     const isToday2 = day.format("YYYY-MM-DD") === todayString;
-    return /* @__PURE__ */ React29.createElement(
-      Box18,
+    return /* @__PURE__ */ React30.createElement(
+      Box19,
       {
         key: day.toString(),
         height: 40,
@@ -3620,20 +3658,20 @@ var WeekView = ({
         borderBottom: isToday2 ? 2 : 0,
         borderColor: isToday2 ? "primary.main" : "transparent"
       },
-      /* @__PURE__ */ React29.createElement(Typography20, { variant: "h6", color: "text.primary" }, day.format("D")),
-      /* @__PURE__ */ React29.createElement(Typography20, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
+      /* @__PURE__ */ React30.createElement(Typography21, { variant: "h6", color: "text.primary" }, day.format("D")),
+      /* @__PURE__ */ React30.createElement(Typography21, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
     );
-  })), isLoading ? /* @__PURE__ */ React29.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React29.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React29.createElement(
+  })), isLoading ? /* @__PURE__ */ React30.createElement(Box19, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React30.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React30.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ React29.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ React30.createElement(LogoCalendario, null)
     }
   ) : (
     // Grid de horas y eventos
-    /* @__PURE__ */ React29.createElement(Box18, { display: "flex", flex: 1 }, /* @__PURE__ */ React29.createElement(Box18, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ React29.createElement(
-      Box18,
+    /* @__PURE__ */ React30.createElement(Box19, { display: "flex", flex: 1 }, /* @__PURE__ */ React30.createElement(Box19, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ React30.createElement(
+      Box19,
       {
         key: h,
         height: 60,
@@ -3641,7 +3679,7 @@ var WeekView = ({
         pr: 1,
         borderColor: "divider"
       },
-      /* @__PURE__ */ React29.createElement(Typography20, { variant: "caption", color: "text.secondary" }, dayjs5().hour(h).format("h A"))
+      /* @__PURE__ */ React30.createElement(Typography21, { variant: "caption", color: "text.secondary" }, dayjs5().hour(h).format("h A"))
     ))), days.map((day) => {
       const dayEvents = events.filter(
         (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
@@ -3650,8 +3688,8 @@ var WeekView = ({
         const endsInRange = event2.end.hour() >= startHour && event2.end.hour() <= endHour;
         return startsInRange || endsInRange;
       }).sort((a, b) => a.start.valueOf() - b.start.valueOf());
-      return /* @__PURE__ */ React29.createElement(
-        Box18,
+      return /* @__PURE__ */ React30.createElement(
+        Box19,
         {
           key: day.toString(),
           flex: 1,
@@ -3663,8 +3701,8 @@ var WeekView = ({
         },
         hours.map((hourIdx) => {
           const borderType = getCellBorderType(hourIdx, dayEvents);
-          return /* @__PURE__ */ React29.createElement(
-            Box18,
+          return /* @__PURE__ */ React30.createElement(
+            Box19,
             {
               key: hourIdx,
               height: 60,
@@ -3679,7 +3717,7 @@ var WeekView = ({
           const eventEnd = day.isSame(event2.end, "day") ? event2.end : day.endOf("day").hour(endHour).minute(59);
           const startMinutes = (eventStart.hour() - startHour) * 60 + eventStart.minute();
           const durationMinutes = eventEnd.diff(eventStart, "minute");
-          return /* @__PURE__ */ React29.createElement(
+          return /* @__PURE__ */ React30.createElement(
             CalendarEventCard,
             {
               key: `${event2.id}-${day.toString()}`,
@@ -3704,8 +3742,8 @@ var WeekView = ({
 };
 
 // src/Components/Calendario/Views/DayView.tsx
-import React30 from "react";
-import { Box as Box19, CircularProgress as CircularProgress4, Typography as Typography21 } from "@mui/material";
+import React31 from "react";
+import { Box as Box20, CircularProgress as CircularProgress4, Typography as Typography22 } from "@mui/material";
 import dayjs6 from "dayjs";
 var DayView = ({
   events,
@@ -3736,15 +3774,15 @@ var DayView = ({
     (event2) => currentDate.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
   );
   const noEvents = events.length === 0;
-  return /* @__PURE__ */ React30.createElement(Box19, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React30.createElement(Box19, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React30.createElement(Box19, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React30.createElement(Box19, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React30.createElement(Typography21, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React30.createElement(Typography21, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React30.createElement(Box19, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React30.createElement(CircularProgress4, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement(Box20, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React31.createElement(Box20, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React31.createElement(Box20, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React31.createElement(Box20, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React31.createElement(Typography22, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React31.createElement(Typography22, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React31.createElement(Box20, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React31.createElement(CircularProgress4, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React31.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ React30.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ React31.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ React30.createElement(Box19, { display: "flex", flex: 1 }, /* @__PURE__ */ React30.createElement(Box19, { width: 47, bgcolor: "background.default" }, hours.map((h) => /* @__PURE__ */ React30.createElement(
-    Box19,
+  ) : /* @__PURE__ */ React31.createElement(Box20, { display: "flex", flex: 1 }, /* @__PURE__ */ React31.createElement(Box20, { width: 47, bgcolor: "background.default" }, hours.map((h) => /* @__PURE__ */ React31.createElement(
+    Box20,
     {
       key: h,
       height: 60,
@@ -3754,11 +3792,11 @@ var DayView = ({
       borderRight: "1px solid",
       borderColor: "divider"
     },
-    /* @__PURE__ */ React30.createElement(Typography21, { variant: "caption", color: "text.secondary" }, dayjs6().hour(h).format("h A"))
-  ))), /* @__PURE__ */ React30.createElement(Box19, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
+    /* @__PURE__ */ React31.createElement(Typography22, { variant: "caption", color: "text.secondary" }, dayjs6().hour(h).format("h A"))
+  ))), /* @__PURE__ */ React31.createElement(Box20, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
     const borderType = getCellBorderType(hourIdx, dayEvents);
-    return /* @__PURE__ */ React30.createElement(
-      Box19,
+    return /* @__PURE__ */ React31.createElement(
+      Box20,
       {
         key: hourIdx,
         height: 60,
@@ -3776,7 +3814,7 @@ var DayView = ({
     const clampedEnd = eventEnd.isAfter(maxEnd) ? maxEnd : eventEnd;
     const startMinutes = (clampedStart.hour() - startHour) * 60 + clampedStart.minute();
     const durationMinutes = clampedEnd.diff(clampedStart, "minute");
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(
       CalendarEventCard,
       {
         key: `${event2.id}-${currentDate.toString()}`,
@@ -3804,6 +3842,7 @@ var Calendar = ({
   onMoreClick,
   onEventClick,
   onEventHover,
+  onDateChange,
   view: initialView = "month",
   onViewChange,
   toolbar,
@@ -3812,8 +3851,11 @@ var Calendar = ({
   // <- valor por defecto
   endHour = 23
 }) => {
-  const [view, setView] = useState13(initialView);
-  const [currentDate, setCurrentDate] = useState13(dayjs7());
+  const [view, setView] = useState14(initialView);
+  const [currentDate, setCurrentDate] = useState14(dayjs7());
+  useEffect18(() => {
+    onDateChange == null ? void 0 : onDateChange(currentDate);
+  }, []);
   const handleViewChange = (newView) => {
     setView(newView);
     onViewChange == null ? void 0 : onViewChange(newView);
@@ -3831,8 +3873,9 @@ var Calendar = ({
       if (view === "month") newDate = currentDate.add(1, "month");
     } else if (action === "TODAY") newDate = dayjs7();
     setCurrentDate(newDate);
+    onDateChange == null ? void 0 : onDateChange(newDate);
   };
-  return /* @__PURE__ */ React31.createElement(Box20, null, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React32.createElement(Box21, null, /* @__PURE__ */ React32.createElement(
     CalendarToolbar,
     {
       labelDate: currentDate,
@@ -3841,16 +3884,16 @@ var Calendar = ({
       onNavigate: handleNavigate
     },
     toolbar
-  ), isLoading ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(Box20, null, /* @__PURE__ */ React31.createElement(
-    Box20,
+  ), isLoading ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Box21, null, /* @__PURE__ */ React32.createElement(
+    Box21,
     {
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
       height: "400px"
     },
-    /* @__PURE__ */ React31.createElement(CircularProgress5, { variant: "indeterminate" })
-  ))) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, view === "month" && /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React32.createElement(CircularProgress5, { variant: "indeterminate" })
+  ))) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, view === "month" && /* @__PURE__ */ React32.createElement(
     MonthView,
     {
       events,
@@ -3860,7 +3903,7 @@ var Calendar = ({
       onEventClick,
       onEventHover
     }
-  ), view === "week" && /* @__PURE__ */ React31.createElement(
+  ), view === "week" && /* @__PURE__ */ React32.createElement(
     WeekView,
     {
       events,
@@ -3872,7 +3915,7 @@ var Calendar = ({
       startHour,
       endHour
     }
-  ), view === "day" && /* @__PURE__ */ React31.createElement(
+  ), view === "day" && /* @__PURE__ */ React32.createElement(
     DayView,
     {
       events,
@@ -3886,8 +3929,8 @@ var Calendar = ({
 };
 
 // src/Components/SCTime.tsx
-import React32, { useState as useState14 } from "react";
-import { Box as Box21, InputAdornment as InputAdornment6, Popover as Popover5, ClickAwayListener } from "@mui/material";
+import React33, { useState as useState15 } from "react";
+import { Box as Box22, InputAdornment as InputAdornment6, Popover as Popover6, ClickAwayListener as ClickAwayListener2 } from "@mui/material";
 import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
 import dayjs8 from "dayjs";
@@ -3910,9 +3953,9 @@ var SCTime = ({
   );
   const isTimeEmpty = required && !state;
   const hasError = isTimeEmpty;
-  const [anchorEl, setAnchorEl] = useState14(null);
-  const [isOpenPopover, setIsOpenPopover] = useState14(false);
-  const [popoverPlacement, setPopoverPlacement] = useState14("bottom");
+  const [anchorEl, setAnchorEl] = useState15(null);
+  const [isOpenPopover, setIsOpenPopover] = useState15(false);
+  const [popoverPlacement, setPopoverPlacement] = useState15("bottom");
   const detectPlacement = (element) => {
     const rect = element.getBoundingClientRect();
     const windowHeight = window.innerHeight;
@@ -3943,7 +3986,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ React32.createElement(LocalizationProvider3, { dateAdapter: AdapterDayjs2 }, /* @__PURE__ */ React32.createElement(Box21, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React33.createElement(LocalizationProvider3, { dateAdapter: AdapterDayjs2 }, /* @__PURE__ */ React33.createElement(Box22, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ React33.createElement(
     TimeField,
     {
       label,
@@ -3955,7 +3998,7 @@ var SCTime = ({
       slotProps: {
         textField: {
           InputProps: {
-            endAdornment: /* @__PURE__ */ React32.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React32.createElement(
+            endAdornment: /* @__PURE__ */ React33.createElement(InputAdornment6, { position: "end" }, /* @__PURE__ */ React33.createElement(
               AccessTimeIcon,
               {
                 color: disabled ? "disabled" : "action",
@@ -3984,8 +4027,8 @@ var SCTime = ({
         }
       }
     }
-  ), /* @__PURE__ */ React32.createElement(
-    Popover5,
+  ), /* @__PURE__ */ React33.createElement(
+    Popover6,
     {
       open: isOpenPopover,
       anchorEl,
@@ -4012,7 +4055,7 @@ var SCTime = ({
         }
       }
     },
-    /* @__PURE__ */ React32.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React32.createElement(Box21, { sx: { p: 0 } }, /* @__PURE__ */ React32.createElement(
+    /* @__PURE__ */ React33.createElement(ClickAwayListener2, { onClickAway: handleClose }, /* @__PURE__ */ React33.createElement(Box22, { sx: { p: 0 } }, /* @__PURE__ */ React33.createElement(
       DigitalClock,
       {
         value: state,
@@ -4034,9 +4077,9 @@ var SCTime = ({
 };
 
 // src/Components/SCCard.tsx
-import React33 from "react";
-import { Button as Button12, Box as Box22, SvgIcon as SvgIcon8 } from "@mui/material";
-import IconButton12 from "@mui/material/IconButton";
+import React34 from "react";
+import { Button as Button13, Box as Box23, SvgIcon as SvgIcon9 } from "@mui/material";
+import IconButton13 from "@mui/material/IconButton";
 import Card from "@mui/material/Card";
 import CardHeader from "@mui/material/CardHeader";
 import CardMedia from "@mui/material/CardMedia";
@@ -4044,14 +4087,14 @@ import CardContent from "@mui/material/CardContent";
 import CardActions from "@mui/material/CardActions";
 import Collapse from "@mui/material/Collapse";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import * as Muicon8 from "@mui/icons-material";
+import * as Muicon9 from "@mui/icons-material";
 var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
   let iconTitleValidation = "";
   let IconTitle;
-  const [expanded, setExpanded] = React33.useState(false);
+  const [expanded, setExpanded] = React34.useState(false);
   if (iconTitle) {
-    if (Muicon8[iconTitle] == void 0) {
-      if (iconTitle && React33.isValidElement(iconTitle) && iconTitle.type == void 0) {
+    if (Muicon9[iconTitle] == void 0) {
+      if (iconTitle && React34.isValidElement(iconTitle) && iconTitle.type == void 0) {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
       } else {
@@ -4060,17 +4103,17 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon8[iconTitle];
+      IconTitle = Muicon9[iconTitle];
     }
   }
   const handleExpandClick = () => {
     setExpanded(!expanded);
   };
-  return /* @__PURE__ */ React33.createElement(Card, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement(Card, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ React34.createElement(
     CardHeader,
     {
-      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React33.createElement(Box22, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React33.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React33.createElement(SvgIcon8, { 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__ */ React33.createElement(Button12, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React33.createElement(IconButton12, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React33.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
+      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React34.createElement(Box23, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React34.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React34.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__ */ React34.createElement(Button13, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React34.createElement(IconButton13, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React34.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -4089,15 +4132,15 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
         }
       }
     }
-  ), image && /* @__PURE__ */ React33.createElement(
+  ), image && /* @__PURE__ */ React34.createElement(
     CardMedia,
     {
       component: "img",
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ React33.createElement(CardContent, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React33.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React33.createElement(Button12, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React33.createElement(IconButton12, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React33.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React33.createElement(
-    Button12,
+  ), content && /* @__PURE__ */ React34.createElement(CardContent, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React34.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React34.createElement(Button13, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React34.createElement(IconButton13, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React34.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React34.createElement(
+    Button13,
     {
       key: index,
       size: "small",
@@ -4107,14 +4150,150 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
       disabled: action.disabled || false
     },
     action.text
-  )) : ""), expand && /* @__PURE__ */ React33.createElement(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React33.createElement(CardContent, { sx: { padding: "8px 16px !important" } }, expand.content)));
+  )) : ""), expand && /* @__PURE__ */ React34.createElement(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React34.createElement(CardContent, { sx: { padding: "8px 16px !important" } }, expand.content)));
+};
+
+// src/Components/SCActivityCalendar.tsx
+import React35, { useState as useState17 } from "react";
+import { Typography as Typography25, IconButton as IconButton14, Box as Box24, Badge as Badge2 } from "@mui/material";
+import Grid9 from "@mui/material/Grid2";
+import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
+import { LocalizationProvider as LocalizationProvider4 } from "@mui/x-date-pickers/LocalizationProvider";
+import { StaticDatePicker as StaticDatePicker2 } from "@mui/x-date-pickers/StaticDatePicker";
+import { es as es2 } from "date-fns/locale";
+import { format as format2, startOfWeek as startOfWeek2, addDays as addDays2, isSameDay as isSameDay2 } from "date-fns";
+import KeyboardDoubleArrowDownIcon2 from "@mui/icons-material/KeyboardDoubleArrowDown";
+import KeyboardDoubleArrowUpIcon2 from "@mui/icons-material/KeyboardDoubleArrowUp";
+import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
+import LightModeOutlinedIcon from "@mui/icons-material/LightModeOutlined";
+var SCActivityCalendar = ({
+  //informativas
+  //apariencia
+  background,
+  //funcionales
+  setState,
+  state,
+  events,
+  fn,
+  configRangeHour
+}) => {
+  let convertFecha;
+  const [fecha, setFecha] = useState17(/* @__PURE__ */ new Date());
+  const [fechaSeleccionada, setFechaSeleccionada] = useState17();
+  const [stateVal, setstateVal] = React35.useState(/* @__PURE__ */ new Date());
+  const [openCalendar, setOpenCalendar] = React35.useState(false);
+  const hoy = /* @__PURE__ */ new Date();
+  const inicioSemana = startOfWeek2(fecha, { weekStartsOn: 0 });
+  const diasSemana = Array.from({ length: 7 }, (_, i) => addDays2(inicioSemana, i));
+  React35.useEffect(() => {
+    if (fecha != null) {
+      handleConvertFecha(fecha);
+    }
+  }, [fecha]);
+  const handleConvertFecha = (fecha2) => {
+    if (fecha2) {
+      let day = (fecha2.getDate() < 10 ? "0" : "") + fecha2.getDate();
+      let month = (fecha2.getMonth() + 1 < 10 ? "0" : "") + (fecha2.getMonth() + 1);
+      let year = fecha2.getFullYear();
+      convertFecha = day + "/" + month + "/" + year;
+      setState(convertFecha);
+      setFecha(fecha2);
+    }
+  };
+  const toggleCalendar = (newOpen) => () => {
+    setOpenCalendar(newOpen);
+  };
+  const locale = __spreadProps(__spreadValues({}, es2), {
+    options: {
+      weekStartsOn: 0
+      // 0 para domingo, 1 para lunes, etc.
+    }
+  });
+  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(LocalizationProvider4, { dateAdapter: AdapterDateFns2, adapterLocale: es2 }, openCalendar == false ? /* @__PURE__ */ React35.createElement(Box24, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ React35.createElement(Box24, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ React35.createElement(Grid9, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ React35.createElement(Grid9, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ React35.createElement(Box24, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React35.createElement(Typography25, { sx: { fontSize: "12px !important", color: "#10184099" } }, format2(dia, "EEEE", { locale: es2 }).charAt(0).toUpperCase())), /* @__PURE__ */ React35.createElement(
+    Box24,
+    {
+      onClick: () => setFecha(dia),
+      sx: {
+        padding: "10px",
+        textAlign: "center",
+        backgroundColor: isSameDay2(dia, fecha) ? "#2063a0" : "transparent",
+        cursor: "pointer",
+        borderRadius: "50%",
+        //border: '1px solid lightgray',
+        position: "relative"
+        //width: '36px',
+        //height: '36px',
+      }
+    },
+    /* @__PURE__ */ React35.createElement(Typography25, { sx: { fontSize: "12px !important", color: isSameDay2(dia, fecha) ? "white" : "#101840DE" } }, format2(dia, "d"))
+  )))), /* @__PURE__ */ React35.createElement(Grid9, { container: true, justifyContent: "center" }, /* @__PURE__ */ React35.createElement(IconButton14, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ React35.createElement(KeyboardDoubleArrowDownIcon2, { color: "action" }))))) : /* @__PURE__ */ React35.createElement(Box24, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ React35.createElement(
+    StaticDatePicker2,
+    {
+      orientation: "landscape",
+      openTo: "day",
+      value: fecha,
+      slotProps: { toolbar: { hidden: true }, actionBar: { actions: [] } },
+      sx: { fontSize: "12px !important", height: "300px !important", background: background ? background : "white", "& .MuiDayCalendar-header": { justifyContent: "space-between" }, "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" }, "& .MuiPickersCalendarHeader-root": { paddingLeft: "0px", paddingRight: "0px", color: "#10184099" }, "& .MuiPickersDay-root": { fontSize: "12px !important" }, "& .MuiDayCalendar-weekDayLabel": { fontSize: "12px !important" } },
+      onChange: (newValue) => setFecha(newValue)
+    }
+  ), /* @__PURE__ */ React35.createElement(Grid9, { container: true, justifyContent: "center" }, /* @__PURE__ */ React35.createElement(IconButton14, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ React35.createElement(KeyboardDoubleArrowUpIcon2, { color: "action" }))))), /* @__PURE__ */ React35.createElement(Box24, { sx: { width: "100%", height: openCalendar ? "calc(91% - 300px)" : "calc(91% - 100px)", background: "white", display: "flex", flexDirection: "column", overflowY: "auto", gap: "8px", scrollSnapType: "x mandatory", paddingBottom: "10px" } }, diasSemana.map((day, dayIndex) => /* @__PURE__ */ React35.createElement(
+    Box24,
+    {
+      key: dayIndex
+    },
+    /* @__PURE__ */ React35.createElement(Grid9, { container: true }, /* @__PURE__ */ React35.createElement(Typography25, { variant: "subtitle1", sx: { color: isSameDay2(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__ */ React35.createElement(Box24, { sx: {
+      display: "flex",
+      flexDirection: "column"
+    } }, (() => {
+      const esDomingo = day.getDay() === 0;
+      const eventosDelDia = events.filter(
+        (event2) => new Date(event2.date).toDateString() === day.toDateString()
+      );
+      if (eventosDelDia.length > 0) {
+        return eventosDelDia.map((event2, idx) => /* @__PURE__ */ React35.createElement(
+          SCListContent,
+          {
+            key: idx,
+            options: [{
+              title: event2.description,
+              subtitle: /* @__PURE__ */ React35.createElement(React35.Fragment, null, configRangeHour && new Date(event2.date.replace("00:00:00", event2.startTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getHours() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getHours() && new Date(event2.date.replace("00:00:00", event2.startTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getMinutes() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Typography25, null, "Todo el dia"), /* @__PURE__ */ React35.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React35.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React35.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
+              iconLeftColor: event2.state === "Finalizada" ? "success" : "action",
+              iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
+              description: /* @__PURE__ */ React35.createElement(React35.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React35.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null),
+              divider: eventosDelDia.length === idx + 1 ? false : true,
+              disable: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
+              fn: fn ? () => fn(event2) : void 0
+            }]
+          }
+        ));
+      } else {
+        return /* @__PURE__ */ React35.createElement(
+          SCListContent,
+          {
+            options: [{
+              title: esDomingo == true ? "No disponible" : "No hay actividades asignadas",
+              iconLeft: esDomingo == true ? "BlockOutlined" : "HandymanOutlined",
+              disable: true
+            }]
+          }
+        );
+      }
+    })())
+  ))));
 };
 
 // src/Theme/index.ts
 import { createTheme } from "@mui/material/styles";
 
 // src/Theme/components.ts
-import React34 from "react";
+import React36 from "react";
 import {
   InfoRounded as InfoRounded2,
   CheckCircleRounded as CheckCircleRounded2,
@@ -4817,10 +4996,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: React34.createElement(CheckCircleRounded2),
-        error: React34.createElement(ErrorRounded2),
-        warning: React34.createElement(WarningRounded2),
-        info: React34.createElement(InfoRounded2)
+        success: React36.createElement(CheckCircleRounded2),
+        error: React36.createElement(ErrorRounded2),
+        warning: React36.createElement(WarningRounded2),
+        info: React36.createElement(InfoRounded2)
       }
     },
     variants: [
@@ -5867,6 +6046,7 @@ export {
   FooterAction,
   MultiSelect,
   PageHeader,
+  SCActivityCalendar,
   SCAutocomplete,
   SCCalendarSwipeable,
   SCCard,
@@ -5875,6 +6055,7 @@ export {
   SCDateRange,
   SCDialog,
   SCDrawer,
+  SCListContent,
   SCMenu,
   SCModal,
   SCSelect,