componentes-sinco 1.0.25 → 1.0.27

package/dist/index.cjs

@@ -87,6 +87,7 @@ __export(src_exports, {
   FooterAction: () => FooterAction,
   MultiSelect: () => MultiSelect,
   PageHeader: () => PageHeader,
+  SCActivityCalendar: () => SCActivityCalendar,
   SCAutocomplete: () => SCAutocomplete,
   SCCalendarSwipeable: () => SCCalendarSwipeable,
   SCCard: () => SCCard,
@@ -95,6 +96,7 @@ __export(src_exports, {
   SCDateRange: () => SCDateRange,
   SCDialog: () => SCDialog,
   SCDrawer: () => SCDrawer,
+  SCListContent: () => SCListContent,
   SCMenu: () => SCMenu,
   SCModal: () => SCModal,
   SCSelect: () => SCSelect,
@@ -791,7 +793,7 @@ var Attachment = ({
                 setToast({
                   title: "Error al eliminar archivo",
                   type: "error",
-                  time: 4
+                  time: 2
                 });
               } finally {
                 setFileToDelete(null);
@@ -833,13 +835,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") {
@@ -878,7 +880,7 @@ var SCTextField = ({
   maxLength,
   //Apariencia
   variant = "outlined",
-  format: format2,
+  format: format3,
   disabled,
   required,
   size,
@@ -932,7 +934,7 @@ var SCTextField = ({
     event2.preventDefault();
   };
   const handleKeyDown = (event2) => {
-    validateKeyDown(event2, format2);
+    validateKeyDown(event2, format3);
     if (onKeyDown) onKeyDown(event2);
   };
   const handleInputChange = (event2) => {
@@ -1029,11 +1031,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__ */ import_react6.default.createElement(import_material4.InputAdornment, { position: "start" }, IconInputStartValidation === "text" ? iconInputStart : IconInputStart ? /* @__PURE__ */ import_react6.default.createElement(IconInputStart, { fontSize: "small" }) : null) : "",
-        endAdornment: /* @__PURE__ */ import_react6.default.createElement(import_material4.InputAdornment, { position: "end" }, format2 === "password" ? /* @__PURE__ */ import_react6.default.createElement(
+        endAdornment: /* @__PURE__ */ import_react6.default.createElement(import_material4.InputAdornment, { position: "end" }, format3 === "password" ? /* @__PURE__ */ import_react6.default.createElement(
           import_material4.IconButton,
           {
             "aria-label": "toggle password visibility",
@@ -1083,11 +1085,11 @@ var SCTextField = ({
             fontSize: "small"
           }
         ))) : iconInputEnd !== void 0 ? IconInputEndValidation === "text" ? iconInputEnd : IconInputEnd ? /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement(import_react6.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
+  ), (iconInputEnd !== void 0 || format3 === "password") && infoElement ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, infoElement.component === "popover" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
     import_icons_material6.InfoOutlined,
     {
       "data-testid": "test-infoElement",
@@ -2483,11 +2485,7 @@ var SCCalendarSwipeable = ({
     setOpenCalendar(newOpen);
   };
   const locale = __spreadValues({}, import_locale.es);
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react18.default.createElement(import_material13.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react18.default.createElement(import_material13.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react18.default.createElement(import_Grid24.default, { container: true, gap: 0.5, sx: {
-    justifyContent: "space-between",
-    padding: "12px 0px",
-    background: "transparent"
-  } }, diasSemana.map((dia) => /* @__PURE__ */ import_react18.default.createElement(import_Grid24.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react18.default.createElement(import_material13.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react18.default.createElement(import_material13.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react18.default.createElement(import_material13.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react18.default.createElement(import_material13.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react18.default.createElement(import_Grid24.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react18.default.createElement(import_Grid24.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react18.default.createElement(import_material13.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react18.default.createElement(import_material13.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react18.default.createElement(
     import_material13.Box,
     {
       onClick: () => setFecha(dia),
@@ -3068,13 +3066,55 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   )));
 };
 
-// src/Components/SCMenu.tsx
-var import_react27 = __toESM(require("react"), 1);
+// src/Components/SCListContent.tsx
+var import_react26 = __toESM(require("react"), 1);
 var import_material16 = require("@mui/material");
 var import_Grid26 = __toESM(require("@mui/material/Grid2"), 1);
+var Muicon6 = __toESM(require("@mui/icons-material"), 1);
+var SCListContent = ({ options }) => {
+  const [selectedIndex, setSelectedIndex] = import_react26.default.useState("1");
+  const [value, setValue] = import_react26.default.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__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_material16.List, { sx: { width: "100%", maxWidth: 360, bgcolor: "background.paper", padding: "0px !important" } }, options.map((option, index) => /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, { key: index }, /* @__PURE__ */ import_react26.default.createElement(
+    import_material16.ListItemButton,
+    {
+      disabled: option.disable,
+      onClick: option.fn
+    },
+    option.iconLeft ? /* @__PURE__ */ import_react26.default.createElement(import_material16.ListItemIcon, { sx: { minWidth: "30px !important" } }, /* @__PURE__ */ import_react26.default.createElement(import_material16.SvgIcon, { fontSize: "small", color: option.iconLeftColor || "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ import_react26.default.createElement(
+      import_material16.ListItemText,
+      {
+        primary: option.title,
+        secondary: /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { gap: 0.5 }, /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true, gap: 0.5 }, option.description))
+      }
+    ),
+    option.iconRight ? /* @__PURE__ */ import_react26.default.createElement(import_material16.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react26.default.createElement(import_material16.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : ""
+  ), option.divider == true ? /* @__PURE__ */ import_react26.default.createElement(import_material16.Divider, null) : ""))));
+};
+
+// src/Components/SCMenu.tsx
+var import_react28 = __toESM(require("react"), 1);
+var import_material17 = require("@mui/material");
+var import_Grid27 = __toESM(require("@mui/material/Grid2"), 1);
 
 // src/Components/Hooks/useWindowDimensions.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 function getWindowDimensions() {
   const { innerWidth: width, innerHeight: height } = window;
   return {
@@ -3083,8 +3123,8 @@ function getWindowDimensions() {
   };
 }
 function useWindowDimensions() {
-  const [windowDimensions, setWindowDimensions] = (0, import_react26.useState)(getWindowDimensions());
-  (0, import_react26.useEffect)(() => {
+  const [windowDimensions, setWindowDimensions] = (0, import_react27.useState)(getWindowDimensions());
+  (0, import_react27.useEffect)(() => {
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }
@@ -3095,19 +3135,19 @@ function useWindowDimensions() {
 }
 
 // src/Components/SCMenu.tsx
-var Muicon6 = __toESM(require("@mui/icons-material"), 1);
+var Muicon7 = __toESM(require("@mui/icons-material"), 1);
 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] = import_react27.default.useState("1");
-  const [value, setValue] = import_react27.default.useState("1");
-  import_react27.default.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react28.default.useState("1");
+  const [value, setValue] = import_react28.default.useState("1");
+  import_react28.default.useEffect(() => {
     heightContainer = heightMenu ? parseInt(heightMenu) : height - 76;
   }, [height]);
-  import_react27.default.useEffect(() => {
+  import_react28.default.useEffect(() => {
     if (defaultOption) {
       handleClickMenusItem(event, void 0);
     }
@@ -3115,14 +3155,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;
       }
@@ -3137,34 +3177,34 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(import_Grid26.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react27.default.createElement(import_material16.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react27.default.createElement(import_material16.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
-    import_material16.MenuItem,
+  return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, /* @__PURE__ */ import_react28.default.createElement(import_Grid27.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react28.default.createElement(import_material17.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react28.default.createElement(import_material17.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, /* @__PURE__ */ import_react28.default.createElement(
+    import_material17.MenuItem,
     {
       disabled: disable == true ? true : false,
       key: index,
       selected: String(index + 1) === selectedIndex,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
-    option.iconLeft ? /* @__PURE__ */ import_react27.default.createElement(import_material16.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react27.default.createElement(import_material16.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ import_react27.default.createElement(import_Grid26.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react27.default.createElement(import_material16.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react27.default.createElement(import_material16.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react27.default.createElement(import_material16.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ import_react27.default.createElement(import_material16.Divider, null) : "")))), /* @__PURE__ */ import_react27.default.createElement(import_Grid26.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react27.default.createElement(import_material16.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react27.default.createElement(import_material16.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+    option.iconLeft ? /* @__PURE__ */ import_react28.default.createElement(import_material17.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react28.default.createElement(import_material17.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
+    /* @__PURE__ */ import_react28.default.createElement(import_Grid27.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react28.default.createElement(import_material17.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react28.default.createElement(import_material17.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react28.default.createElement(import_material17.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ import_react28.default.createElement(import_material17.Divider, null) : "")))), /* @__PURE__ */ import_react28.default.createElement(import_Grid27.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react28.default.createElement(import_material17.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react28.default.createElement(import_material17.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/SCTabs.tsx
-var import_react28 = __toESM(require("react"), 1);
-var import_material17 = require("@mui/material");
+var import_react29 = __toESM(require("react"), 1);
+var import_material18 = require("@mui/material");
 var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
 var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
-var Muicon7 = __toESM(require("@mui/icons-material"), 1);
+var Muicon8 = __toESM(require("@mui/icons-material"), 1);
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
-  const [toast, setToast] = import_react28.default.useState(null);
+  const [toast, setToast] = import_react29.default.useState(null);
   let i = 0;
   let j = 0;
   let k = 0;
   let l = 0;
   let validateTypeIcon = true;
-  const [value, setValue] = import_react28.default.useState("1");
-  (0, import_react28.useEffect)(() => {
+  const [value, setValue] = import_react29.default.useState("1");
+  (0, import_react29.useEffect)(() => {
     if (defaultOption) {
       handleChange(event, void 0);
     }
@@ -3173,9 +3213,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(() => {
@@ -3189,7 +3229,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 {
@@ -3214,8 +3254,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
       setValue(newValue);
     }
   };
-  return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ import_react28.default.createElement(import_material17.Box, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ import_react28.default.createElement(import_TabContext.default, { value }, /* @__PURE__ */ import_react28.default.createElement(
-    import_material17.Tabs,
+  return /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, validateTypeIcon == true ? /* @__PURE__ */ import_react29.default.createElement(import_material18.Box, { sx: { height: orientation == "vertical" ? "100%" : "auto", display: "flex", flexDirection: orientation == "vertical" ? "row" : "column" }, id: "tabsitos" }, /* @__PURE__ */ import_react29.default.createElement(import_TabContext.default, { value }, /* @__PURE__ */ import_react29.default.createElement(
+    import_material18.Tabs,
     {
       "data-testid": "tab-container",
       value,
@@ -3228,8 +3268,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__ */ import_react28.default.createElement(
-      import_material17.Tab,
+    options.map((option) => /* @__PURE__ */ import_react29.default.createElement(
+      import_material18.Tab,
       {
         "data-testid": "tab-item",
         value: String(i = i + 1),
@@ -3237,8 +3277,8 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
         label: option.name || "",
         disabled: option.disabled || false,
         iconPosition: iconPosition || "end",
-        icon: typeIcon == "badge" ? /* @__PURE__ */ import_react28.default.createElement(
-          import_material17.Badge,
+        icon: typeIcon == "badge" ? /* @__PURE__ */ import_react29.default.createElement(
+          import_material18.Badge,
           {
             sx: {
               width: "20px",
@@ -3252,29 +3292,29 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
             badgeContent: option.iconOrBadge,
             color: value == String(i) ? colorTab ? colorTab : "primary" : "default"
           }
-        ) : typeIcon == "icon" ? /* @__PURE__ */ import_react28.default.createElement(import_material17.SvgIcon, { fontSize: "small", component: option.iconOrBadge, color: value == String(i) ? colorTab ? colorTab : "primary" : "action", sx: { width: "20px", height: "20px" } }) : "",
+        ) : typeIcon == "icon" ? /* @__PURE__ */ import_react29.default.createElement(import_material18.SvgIcon, { 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__ */ import_react28.default.createElement(
+  ), children, options.map((option) => /* @__PURE__ */ import_react29.default.createElement(
     import_TabPanel.default,
     {
       key: k = k + 1,
       value: String(l = l + 1),
       sx: { padding: "16px" }
     },
-    option.page ? option.page : /* @__PURE__ */ import_react28.default.createElement(import_material17.Typography, null, "No se ha configurado el componente a visualizar ")
-  )))) : /* @__PURE__ */ import_react28.default.createElement(import_material17.Box, { sx: { height: "200px" } }, toast && /* @__PURE__ */ import_react28.default.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
+    option.page ? option.page : /* @__PURE__ */ import_react29.default.createElement(import_material18.Typography, null, "No se ha configurado el componente a visualizar ")
+  )))) : /* @__PURE__ */ import_react29.default.createElement(import_material18.Box, { sx: { height: "200px" } }, toast && /* @__PURE__ */ import_react29.default.createElement(SCToastNotification, __spreadValues({ "data-testid": "error-tab-message" }, toast))));
 };
 
 // src/Components/Calendario/Calendar.tsx
-var import_react35 = __toESM(require("react"), 1);
-var import_material23 = require("@mui/material");
+var import_react36 = __toESM(require("react"), 1);
+var import_material24 = require("@mui/material");
 
 // src/Components/Calendario/CalendarToolbar.tsx
-var import_react29 = __toESM(require("react"), 1);
+var import_react30 = __toESM(require("react"), 1);
 var import_icons_material11 = require("@mui/icons-material");
-var import_material18 = require("@mui/material");
+var import_material19 = require("@mui/material");
 var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_updateLocale = __toESM(require("dayjs/plugin/updateLocale"), 1);
 var import_es2 = require("dayjs/locale/es");
@@ -3291,7 +3331,7 @@ var CalendarToolbar = ({
   onNavigate,
   children
 }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react29.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, import_react30.useState)(null);
   const open = Boolean(anchorEl);
   const handleMenuOpen = (event2) => {
     setAnchorEl(event2.currentTarget);
@@ -3314,16 +3354,16 @@ var CalendarToolbar = ({
     }
     return labelDate.format(" DD MMMM YYYY");
   };
-  return /* @__PURE__ */ import_react29.default.createElement(import_material18.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ import_react29.default.createElement(import_material18.Box, null, /* @__PURE__ */ import_react29.default.createElement(
-    import_material18.Chip,
+  return /* @__PURE__ */ import_react30.default.createElement(import_material19.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ import_react30.default.createElement(import_material19.Box, null, /* @__PURE__ */ import_react30.default.createElement(
+    import_material19.Chip,
     {
       label: "Hoy",
-      icon: /* @__PURE__ */ import_react29.default.createElement(import_icons_material11.LightModeOutlined, { fontSize: "small" }),
+      icon: /* @__PURE__ */ import_react30.default.createElement(import_icons_material11.LightModeOutlined, { fontSize: "small" }),
       color: "primary",
       onClick: () => onNavigate("TODAY")
     }
-  )), /* @__PURE__ */ import_react29.default.createElement(import_material18.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react29.default.createElement(import_material18.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react29.default.createElement(import_icons_material11.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react29.default.createElement(import_material18.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react29.default.createElement(import_icons_material11.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react29.default.createElement(import_material18.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react29.default.createElement(import_material18.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react29.default.createElement(import_icons_material11.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react29.default.createElement(
-    import_material18.Menu,
+  )), /* @__PURE__ */ import_react30.default.createElement(import_material19.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react30.default.createElement(import_material19.IconButton, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ import_react30.default.createElement(import_icons_material11.ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ import_react30.default.createElement(import_material19.IconButton, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ import_react30.default.createElement(import_icons_material11.ChevronRight, { fontSize: "small" })), /* @__PURE__ */ import_react30.default.createElement(import_material19.Typography, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ import_react30.default.createElement(import_material19.IconButton, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ import_react30.default.createElement(import_icons_material11.KeyboardArrowDown, { fontSize: "small" })), /* @__PURE__ */ import_react30.default.createElement(
+    import_material19.Menu,
     {
       anchorEl,
       open,
@@ -3331,15 +3371,15 @@ var CalendarToolbar = ({
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" }
     },
-    /* @__PURE__ */ import_react29.default.createElement(import_material18.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
-    /* @__PURE__ */ import_react29.default.createElement(import_material18.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
-    /* @__PURE__ */ import_react29.default.createElement(import_material18.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  )), children ? /* @__PURE__ */ import_react29.default.createElement(import_material18.Box, null, children) : /* @__PURE__ */ import_react29.default.createElement(import_material18.Box, { width: "24px" }), " ");
+    /* @__PURE__ */ import_react30.default.createElement(import_material19.MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
+    /* @__PURE__ */ import_react30.default.createElement(import_material19.MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
+    /* @__PURE__ */ import_react30.default.createElement(import_material19.MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
+  )), children ? /* @__PURE__ */ import_react30.default.createElement(import_material19.Box, null, children) : /* @__PURE__ */ import_react30.default.createElement(import_material19.Box, { width: "24px" }), " ");
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
-var import_react32 = __toESM(require("react"), 1);
-var import_material20 = require("@mui/material");
+var import_react33 = __toESM(require("react"), 1);
+var import_material21 = require("@mui/material");
 var import_Add = __toESM(require("@mui/icons-material/Add"), 1);
 var import_dayjs4 = __toESM(require("dayjs"), 1);
 var import_localeData = __toESM(require("dayjs/plugin/localeData"), 1);
@@ -3371,10 +3411,10 @@ var stateColors = {
 };
 
 // src/Components/Calendario/Event.tsx
-var import_react30 = __toESM(require("react"), 1);
-var import_material19 = require("@mui/material");
+var import_react31 = __toESM(require("react"), 1);
+var import_material20 = require("@mui/material");
 var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
-  const [anchorEl, setAnchorEl] = import_react30.default.useState(null);
+  const [anchorEl, setAnchorEl] = import_react31.default.useState(null);
   const handlePopoverOpen = (event3) => {
     setAnchorEl(event3.currentTarget);
   };
@@ -3382,8 +3422,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
     setAnchorEl(null);
   };
   const open = Boolean(anchorEl);
-  return /* @__PURE__ */ import_react30.default.createElement(
-    import_material19.Stack,
+  return /* @__PURE__ */ import_react31.default.createElement(
+    import_material20.Stack,
     {
       direction: "row",
       padding: 0.5,
@@ -3403,8 +3443,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         cursor: onClick ? "pointer" : "default"
       }, sx)
     },
-    /* @__PURE__ */ import_react30.default.createElement(
-      import_material19.Divider,
+    /* @__PURE__ */ import_react31.default.createElement(
+      import_material20.Divider,
       {
         orientation: "vertical",
         flexItem: true,
@@ -3415,8 +3455,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         }
       }
     ),
-    /* @__PURE__ */ import_react30.default.createElement(
-      import_material19.Box,
+    /* @__PURE__ */ import_react31.default.createElement(
+      import_material20.Box,
       {
         px: 1,
         py: 0.5,
@@ -3425,8 +3465,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         display: "flex",
         alignItems: "center"
       },
-      /* @__PURE__ */ import_react30.default.createElement(
-        import_material19.Typography,
+      /* @__PURE__ */ import_react31.default.createElement(
+        import_material20.Typography,
         {
           color: "text.primary",
           variant: "caption",
@@ -3441,8 +3481,8 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
         },
         event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
       ),
-      /* @__PURE__ */ import_react30.default.createElement(
-        import_material19.Popover,
+      /* @__PURE__ */ import_react31.default.createElement(
+        import_material20.Popover,
         {
           id: "mouse-over-popover",
           sx: { pointerEvents: "none" },
@@ -3466,9 +3506,9 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
 };
 
 // src/assets/LogoCalendario.tsx
-var import_react31 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 var LogoCalendario = () => {
-  return /* @__PURE__ */ import_react31.default.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react31.default.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.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__ */ import_react31.default.createElement("defs", null, /* @__PURE__ */ import_react31.default.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ import_react31.default.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
+  return /* @__PURE__ */ import_react32.default.createElement("svg", { width: "60", height: "61", viewBox: "0 0 60 61", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react32.default.createElement("g", { "clip-path": "url(#clip0_5353_24891)" }, /* @__PURE__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react32.default.createElement("defs", null, /* @__PURE__ */ import_react32.default.createElement("clipPath", { id: "clip0_5353_24891" }, /* @__PURE__ */ import_react32.default.createElement("rect", { width: "60", height: "60", fill: "white", transform: "translate(0 0.5)" }))));
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
@@ -3478,23 +3518,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) => (0, import_dayjs4.default)().day(i));
-  const [openDrawer, setOpenDrawer] = import_react32.default.useState(false);
-  const [selectedDay, setSelectedDay] = import_react32.default.useState(null);
-  const [selectedEvents, setSelectedEvents] = import_react32.default.useState([]);
-  return /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { minWidth: "1050px" }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react32.default.createElement(import_material20.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react32.default.createElement(
+  const [openDrawer, setOpenDrawer] = import_react33.default.useState(false);
+  const [selectedDay, setSelectedDay] = import_react33.default.useState(null);
+  const [selectedEvents, setSelectedEvents] = import_react33.default.useState([]);
+  return /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { minWidth: "1050px" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react33.default.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ import_react32.default.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ import_react33.default.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "grid", gridTemplateColumns: "repeat(7, minmax(150px, 1fr))", gap: 0.5 }, days.map((day) => {
+  ) : /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { 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__ */ import_react32.default.createElement(
-      import_material20.Paper,
+    return /* @__PURE__ */ import_react33.default.createElement(
+      import_material21.Paper,
       {
         key: day.toString(),
         onClick: () => onDayClick == null ? void 0 : onDayClick(day),
@@ -3510,8 +3550,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           overflow: "hidden"
         }
       },
-      /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { p: 1, flexShrink: 0 }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ import_react32.default.createElement(
-        import_material20.Box,
+      /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { p: 1, flexShrink: 0 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "flex-start" }, /* @__PURE__ */ import_react33.default.createElement(
+        import_material21.Box,
         {
           sx: {
             width: 24,
@@ -3523,16 +3563,16 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ import_react32.default.createElement(
-          import_material20.Typography,
+        /* @__PURE__ */ import_react33.default.createElement(
+          import_material21.Typography,
           {
             variant: "body2",
             sx: { color: isToday(day) ? "white" : "text.secondary" }
           },
           day.date()
         )
-      ), dayEvents.length > 2 && /* @__PURE__ */ import_react32.default.createElement(import_material20.Tooltip, { title: "M\xE1s eventos" }, /* @__PURE__ */ import_react32.default.createElement(
-        import_material20.IconButton,
+      ), dayEvents.length > 2 && /* @__PURE__ */ import_react33.default.createElement(import_material21.Tooltip, { title: "M\xE1s eventos" }, /* @__PURE__ */ import_react33.default.createElement(
+        import_material21.IconButton,
         {
           color: "primary",
           size: "small",
@@ -3543,9 +3583,9 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             setSelectedEvents(dayEvents);
           }
         },
-        /* @__PURE__ */ import_react32.default.createElement(import_Add.default, { fontSize: "small" })
+        /* @__PURE__ */ import_react33.default.createElement(import_Add.default, { fontSize: "small" })
       )))),
-      /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, 2).map((event2) => /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", flexDirection: "column", gap: 0.5, p: 1, pt: 0, overflow: "hidden" }, dayEvents.slice(0, 2).map((event2) => /* @__PURE__ */ import_react33.default.createElement(
         CalendarEventCard,
         {
           key: `${event2.id}-${day.toString()}`,
@@ -3555,8 +3595,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           onHover: onEventHover
         }
       ))),
-      dayEvents.length > 2 && /* @__PURE__ */ import_react32.default.createElement(
-        import_material20.Stack,
+      dayEvents.length > 2 && /* @__PURE__ */ import_react33.default.createElement(
+        import_material21.Stack,
         {
           justifyItems: "center",
           px: 1,
@@ -3564,7 +3604,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           onClick: (e) => e.stopPropagation(),
           sx: { "& .MuiButtonBase-root": { width: "100%" } }
         },
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react33.default.createElement(
           SCDrawer,
           {
             width: "350px",
@@ -3576,7 +3616,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
             arrayElements: [{
               component: (() => {
                 const [first, ...rest] = dayEvents;
-                return /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { width: "100%", color: "text.secondary" }, " Proximo evento "), first && /* @__PURE__ */ import_react32.default.createElement(import_material20.Box, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ import_react32.default.createElement(
+                return /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", width: "100%", flexDirection: "column", height: "100%", pr: 1.5 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { width: "100%", color: "text.secondary" }, " Proximo evento "), first && /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { p: 1, pb: 1, width: "100%" }, /* @__PURE__ */ import_react33.default.createElement(
                   CalendarEventCard,
                   {
                     event: first,
@@ -3592,8 +3632,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
                       }
                     }
                   }
-                )), /* @__PURE__ */ import_react32.default.createElement(import_material20.Divider, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ import_react32.default.createElement(import_material20.Typography, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ import_react32.default.createElement(
-                  import_material20.Box,
+                )), /* @__PURE__ */ import_react33.default.createElement(import_material21.Divider, { flexItem: true, sx: { width: "100%" } }), /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { width: "100%", py: 1, color: "text.secondary" }, " Eventos restantes "), /* @__PURE__ */ import_react33.default.createElement(
+                  import_material21.Box,
                   {
                     width: "100%",
                     height: "100%",
@@ -3605,7 +3645,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
                     flexDirection: "column",
                     gap: 1.5
                   },
-                  rest.map((event2) => /* @__PURE__ */ import_react32.default.createElement(
+                  rest.map((event2) => /* @__PURE__ */ import_react33.default.createElement(
                     CalendarEventCard,
                     {
                       key: `${event2.id}-${day.toString()}`,
@@ -3634,8 +3674,8 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
 };
 
 // src/Components/Calendario/Views/WeekView.tsx
-var import_react33 = __toESM(require("react"), 1);
-var import_material21 = require("@mui/material");
+var import_react34 = __toESM(require("react"), 1);
+var import_material22 = require("@mui/material");
 var import_dayjs5 = __toESM(require("dayjs"), 1);
 var import_localeData2 = __toESM(require("dayjs/plugin/localeData"), 1);
 import_dayjs5.default.extend(import_localeData2.default);
@@ -3651,8 +3691,8 @@ var WeekView = ({
 }) => {
   const noEvents = events.length === 0;
   const todayString = (0, import_dayjs5.default)().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) {
@@ -3669,10 +3709,10 @@ var WeekView = ({
     }
     return "none";
   };
-  return /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { width: 45, bgcolor: "transparent" }), days.map((day) => {
+  return /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", bgcolor: "transparent" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { width: 45, bgcolor: "transparent" }), days.map((day) => {
     const isToday2 = day.format("YYYY-MM-DD") === todayString;
-    return /* @__PURE__ */ import_react33.default.createElement(
-      import_material21.Box,
+    return /* @__PURE__ */ import_react34.default.createElement(
+      import_material22.Box,
       {
         key: day.toString(),
         height: 40,
@@ -3688,20 +3728,20 @@ var WeekView = ({
         borderBottom: isToday2 ? 2 : 0,
         borderColor: isToday2 ? "primary.main" : "transparent"
       },
-      /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "h6", color: "text.primary" }, day.format("D")),
-      /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
+      /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "h6", color: "text.primary" }, day.format("D")),
+      /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))
     );
-  })), isLoading ? /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react33.default.createElement(import_material21.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react33.default.createElement(
+  })), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react34.default.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ import_react33.default.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ import_react34.default.createElement(LogoCalendario, null)
     }
   ) : (
     // Grid de horas y eventos
-    /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react33.default.createElement(import_material21.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react33.default.createElement(
-      import_material21.Box,
+    /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { width: 45, bgcolor: "transparent" }, hours.map((h) => /* @__PURE__ */ import_react34.default.createElement(
+      import_material22.Box,
       {
         key: h,
         height: 60,
@@ -3709,7 +3749,7 @@ var WeekView = ({
         pr: 1,
         borderColor: "divider"
       },
-      /* @__PURE__ */ import_react33.default.createElement(import_material21.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs5.default)().hour(h).format("h A"))
+      /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs5.default)().hour(h).format("h A"))
     ))), days.map((day) => {
       const dayEvents = events.filter(
         (event2) => day.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
@@ -3718,8 +3758,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__ */ import_react33.default.createElement(
-        import_material21.Box,
+      return /* @__PURE__ */ import_react34.default.createElement(
+        import_material22.Box,
         {
           key: day.toString(),
           flex: 1,
@@ -3731,8 +3771,8 @@ var WeekView = ({
         },
         hours.map((hourIdx) => {
           const borderType = getCellBorderType(hourIdx, dayEvents);
-          return /* @__PURE__ */ import_react33.default.createElement(
-            import_material21.Box,
+          return /* @__PURE__ */ import_react34.default.createElement(
+            import_material22.Box,
             {
               key: hourIdx,
               height: 60,
@@ -3747,7 +3787,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__ */ import_react33.default.createElement(
+          return /* @__PURE__ */ import_react34.default.createElement(
             CalendarEventCard,
             {
               key: `${event2.id}-${day.toString()}`,
@@ -3772,8 +3812,8 @@ var WeekView = ({
 };
 
 // src/Components/Calendario/Views/DayView.tsx
-var import_react34 = __toESM(require("react"), 1);
-var import_material22 = require("@mui/material");
+var import_react35 = __toESM(require("react"), 1);
+var import_material23 = require("@mui/material");
 var import_dayjs6 = __toESM(require("dayjs"), 1);
 var DayView = ({
   events,
@@ -3804,15 +3844,15 @@ var DayView = ({
     (event2) => currentDate.isBetween(event2.start.startOf("day"), event2.end.endOf("day"), null, "[]")
   );
   const noEvents = events.length === 0;
-  return /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react34.default.createElement(import_material22.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { width: 47, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react35.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react35.default.createElement(import_material23.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ import_react35.default.createElement(
     EmptyState,
     {
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
-      icon: /* @__PURE__ */ import_react34.default.createElement(LogoCalendario, null)
+      icon: /* @__PURE__ */ import_react35.default.createElement(LogoCalendario, null)
     }
-  ) : /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { width: 47, bgcolor: "background.default" }, hours.map((h) => /* @__PURE__ */ import_react34.default.createElement(
-    import_material22.Box,
+  ) : /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { display: "flex", flex: 1 }, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { width: 47, bgcolor: "background.default" }, hours.map((h) => /* @__PURE__ */ import_react35.default.createElement(
+    import_material23.Box,
     {
       key: h,
       height: 60,
@@ -3822,11 +3862,11 @@ var DayView = ({
       borderRight: "1px solid",
       borderColor: "divider"
     },
-    /* @__PURE__ */ import_react34.default.createElement(import_material22.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
-  ))), /* @__PURE__ */ import_react34.default.createElement(import_material22.Box, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
+    /* @__PURE__ */ import_react35.default.createElement(import_material23.Typography, { variant: "caption", color: "text.secondary" }, (0, import_dayjs6.default)().hour(h).format("h A"))
+  ))), /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, { flex: 1, position: "relative" }, hours.map((hourIdx) => {
     const borderType = getCellBorderType(hourIdx, dayEvents);
-    return /* @__PURE__ */ import_react34.default.createElement(
-      import_material22.Box,
+    return /* @__PURE__ */ import_react35.default.createElement(
+      import_material23.Box,
       {
         key: hourIdx,
         height: 60,
@@ -3844,7 +3884,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__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(
       CalendarEventCard,
       {
         key: `${event2.id}-${currentDate.toString()}`,
@@ -3872,6 +3912,7 @@ var Calendar = ({
   onMoreClick,
   onEventClick,
   onEventHover,
+  onDateChange,
   view: initialView = "month",
   onViewChange,
   toolbar,
@@ -3880,8 +3921,11 @@ var Calendar = ({
   // <- valor por defecto
   endHour = 23
 }) => {
-  const [view, setView] = (0, import_react35.useState)(initialView);
-  const [currentDate, setCurrentDate] = (0, import_react35.useState)((0, import_dayjs7.default)());
+  const [view, setView] = (0, import_react36.useState)(initialView);
+  const [currentDate, setCurrentDate] = (0, import_react36.useState)((0, import_dayjs7.default)());
+  (0, import_react36.useEffect)(() => {
+    onDateChange == null ? void 0 : onDateChange(currentDate);
+  }, []);
   const handleViewChange = (newView) => {
     setView(newView);
     onViewChange == null ? void 0 : onViewChange(newView);
@@ -3899,8 +3943,9 @@ var Calendar = ({
       if (view === "month") newDate = currentDate.add(1, "month");
     } else if (action === "TODAY") newDate = (0, import_dayjs7.default)();
     setCurrentDate(newDate);
+    onDateChange == null ? void 0 : onDateChange(newDate);
   };
-  return /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, null, /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(import_material24.Box, null, /* @__PURE__ */ import_react36.default.createElement(
     CalendarToolbar,
     {
       labelDate: currentDate,
@@ -3909,16 +3954,16 @@ var Calendar = ({
       onNavigate: handleNavigate
     },
     toolbar
-  ), isLoading ? /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, /* @__PURE__ */ import_react35.default.createElement(import_material23.Box, null, /* @__PURE__ */ import_react35.default.createElement(
-    import_material23.Box,
+  ), isLoading ? /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(import_material24.Box, null, /* @__PURE__ */ import_react36.default.createElement(
+    import_material24.Box,
     {
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
       height: "400px"
     },
-    /* @__PURE__ */ import_react35.default.createElement(import_material23.CircularProgress, { variant: "indeterminate" })
-  ))) : /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, view === "month" && /* @__PURE__ */ import_react35.default.createElement(
+    /* @__PURE__ */ import_react36.default.createElement(import_material24.CircularProgress, { variant: "indeterminate" })
+  ))) : /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, view === "month" && /* @__PURE__ */ import_react36.default.createElement(
     MonthView,
     {
       events,
@@ -3928,7 +3973,7 @@ var Calendar = ({
       onEventClick,
       onEventHover
     }
-  ), view === "week" && /* @__PURE__ */ import_react35.default.createElement(
+  ), view === "week" && /* @__PURE__ */ import_react36.default.createElement(
     WeekView,
     {
       events,
@@ -3940,7 +3985,7 @@ var Calendar = ({
       startHour,
       endHour
     }
-  ), view === "day" && /* @__PURE__ */ import_react35.default.createElement(
+  ), view === "day" && /* @__PURE__ */ import_react36.default.createElement(
     DayView,
     {
       events,
@@ -3954,8 +3999,8 @@ var Calendar = ({
 };
 
 // src/Components/SCTime.tsx
-var import_react36 = __toESM(require("react"), 1);
-var import_material24 = require("@mui/material");
+var import_react37 = __toESM(require("react"), 1);
+var import_material25 = require("@mui/material");
 var import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
 var import_dayjs8 = __toESM(require("dayjs"), 1);
@@ -3978,9 +4023,9 @@ var SCTime = ({
   );
   const isTimeEmpty = required && !state;
   const hasError = isTimeEmpty;
-  const [anchorEl, setAnchorEl] = (0, import_react36.useState)(null);
-  const [isOpenPopover, setIsOpenPopover] = (0, import_react36.useState)(false);
-  const [popoverPlacement, setPopoverPlacement] = (0, import_react36.useState)("bottom");
+  const [anchorEl, setAnchorEl] = (0, import_react37.useState)(null);
+  const [isOpenPopover, setIsOpenPopover] = (0, import_react37.useState)(false);
+  const [popoverPlacement, setPopoverPlacement] = (0, import_react37.useState)("bottom");
   const detectPlacement = (element) => {
     const rect = element.getBoundingClientRect();
     const windowHeight = window.innerHeight;
@@ -4011,7 +4056,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ import_react36.default.createElement(import_LocalizationProvider3.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs }, /* @__PURE__ */ import_react36.default.createElement(import_material24.Box, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(import_LocalizationProvider3.LocalizationProvider, { dateAdapter: import_AdapterDayjs2.AdapterDayjs }, /* @__PURE__ */ import_react37.default.createElement(import_material25.Box, { sx: { position: "relative", width: "120px" } }, /* @__PURE__ */ import_react37.default.createElement(
     import_TimeField.TimeField,
     {
       label,
@@ -4023,7 +4068,7 @@ var SCTime = ({
       slotProps: {
         textField: {
           InputProps: {
-            endAdornment: /* @__PURE__ */ import_react36.default.createElement(import_material24.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react36.default.createElement(
+            endAdornment: /* @__PURE__ */ import_react37.default.createElement(import_material25.InputAdornment, { position: "end" }, /* @__PURE__ */ import_react37.default.createElement(
               import_AccessTime.default,
               {
                 color: disabled ? "disabled" : "action",
@@ -4052,8 +4097,8 @@ var SCTime = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react36.default.createElement(
-    import_material24.Popover,
+  ), /* @__PURE__ */ import_react37.default.createElement(
+    import_material25.Popover,
     {
       open: isOpenPopover,
       anchorEl,
@@ -4080,7 +4125,7 @@ var SCTime = ({
         }
       }
     },
-    /* @__PURE__ */ import_react36.default.createElement(import_material24.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ import_react36.default.createElement(import_material24.Box, { sx: { p: 0 } }, /* @__PURE__ */ import_react36.default.createElement(
+    /* @__PURE__ */ import_react37.default.createElement(import_material25.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ import_react37.default.createElement(import_material25.Box, { sx: { p: 0 } }, /* @__PURE__ */ import_react37.default.createElement(
       import_DigitalClock.DigitalClock,
       {
         value: state,
@@ -4102,8 +4147,8 @@ var SCTime = ({
 };
 
 // src/Components/SCCard.tsx
-var import_react37 = __toESM(require("react"), 1);
-var import_material25 = require("@mui/material");
+var import_react38 = __toESM(require("react"), 1);
+var import_material26 = require("@mui/material");
 var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
 var import_Card = __toESM(require("@mui/material/Card"), 1);
 var import_CardHeader = __toESM(require("@mui/material/CardHeader"), 1);
@@ -4112,14 +4157,14 @@ var import_CardContent = __toESM(require("@mui/material/CardContent"), 1);
 var import_CardActions = __toESM(require("@mui/material/CardActions"), 1);
 var import_Collapse = __toESM(require("@mui/material/Collapse"), 1);
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
-var Muicon8 = __toESM(require("@mui/icons-material"), 1);
+var Muicon9 = __toESM(require("@mui/icons-material"), 1);
 var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
   let iconTitleValidation = "";
   let IconTitle;
-  const [expanded, setExpanded] = import_react37.default.useState(false);
+  const [expanded, setExpanded] = import_react38.default.useState(false);
   if (iconTitle) {
-    if (Muicon8[iconTitle] == void 0) {
-      if (iconTitle && import_react37.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
+    if (Muicon9[iconTitle] == void 0) {
+      if (iconTitle && import_react38.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
       } else {
@@ -4128,17 +4173,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__ */ import_react37.default.createElement(import_Card.default, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(import_Card.default, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ import_react38.default.createElement(
     import_CardHeader.default,
     {
-      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react37.default.createElement(import_material25.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react37.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react37.default.createElement(import_material25.SvgIcon, { 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__ */ import_react37.default.createElement(import_material25.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react37.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react37.default.createElement(import_ExpandMore.default, { fontSize: "small" })) : actionsTitle,
+      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react38.default.createElement(import_material26.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react38.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react38.default.createElement(import_material26.SvgIcon, { 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__ */ import_react38.default.createElement(import_material26.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react38.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react38.default.createElement(import_ExpandMore.default, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -4157,15 +4202,15 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
         }
       }
     }
-  ), image && /* @__PURE__ */ import_react37.default.createElement(
+  ), image && /* @__PURE__ */ import_react38.default.createElement(
     import_CardMedia.default,
     {
       component: "img",
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ import_react37.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ import_react37.default.createElement(import_CardActions.default, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react37.default.createElement(import_material25.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react37.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ import_react37.default.createElement(import_ExpandMore.default, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ import_react37.default.createElement(
-    import_material25.Button,
+  ), content && /* @__PURE__ */ import_react38.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ import_react38.default.createElement(import_CardActions.default, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react38.default.createElement(import_material26.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react38.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ import_react38.default.createElement(import_ExpandMore.default, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ import_react38.default.createElement(
+    import_material26.Button,
     {
       key: index,
       size: "small",
@@ -4175,14 +4220,150 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
       disabled: action.disabled || false
     },
     action.text
-  )) : ""), expand && /* @__PURE__ */ import_react37.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react37.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, expand.content)));
+  )) : ""), expand && /* @__PURE__ */ import_react38.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react38.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, expand.content)));
+};
+
+// src/Components/SCActivityCalendar.tsx
+var import_react39 = __toESM(require("react"), 1);
+var import_material27 = require("@mui/material");
+var import_Grid28 = __toESM(require("@mui/material/Grid2"), 1);
+var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
+var import_LocalizationProvider4 = require("@mui/x-date-pickers/LocalizationProvider");
+var import_StaticDatePicker2 = require("@mui/x-date-pickers/StaticDatePicker");
+var import_locale2 = require("date-fns/locale");
+var import_date_fns2 = require("date-fns");
+var import_KeyboardDoubleArrowDown2 = __toESM(require("@mui/icons-material/KeyboardDoubleArrowDown"), 1);
+var import_KeyboardDoubleArrowUp2 = __toESM(require("@mui/icons-material/KeyboardDoubleArrowUp"), 1);
+var import_ArrowForward = __toESM(require("@mui/icons-material/ArrowForward"), 1);
+var import_LightModeOutlined = __toESM(require("@mui/icons-material/LightModeOutlined"), 1);
+var SCActivityCalendar = ({
+  //informativas
+  //apariencia
+  background,
+  //funcionales
+  setState,
+  state,
+  events,
+  fn,
+  configRangeHour
+}) => {
+  let convertFecha;
+  const [fecha, setFecha] = (0, import_react39.useState)(/* @__PURE__ */ new Date());
+  const [fechaSeleccionada, setFechaSeleccionada] = (0, import_react39.useState)();
+  const [stateVal, setstateVal] = import_react39.default.useState(/* @__PURE__ */ new Date());
+  const [openCalendar, setOpenCalendar] = import_react39.default.useState(false);
+  const hoy = /* @__PURE__ */ new Date();
+  const inicioSemana = (0, import_date_fns2.startOfWeek)(fecha, { weekStartsOn: 0 });
+  const diasSemana = Array.from({ length: 7 }, (_, i) => (0, import_date_fns2.addDays)(inicioSemana, i));
+  import_react39.default.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({}, import_locale2.es), {
+    options: {
+      weekStartsOn: 0
+      // 0 para domingo, 1 para lunes, etc.
+    }
+  });
+  return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: import_locale2.es }, openCalendar == false ? /* @__PURE__ */ import_react39.default.createElement(import_material27.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react39.default.createElement(import_material27.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react39.default.createElement(import_Grid28.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react39.default.createElement(import_Grid28.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react39.default.createElement(import_material27.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns2.format)(dia, "EEEE", { locale: import_locale2.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react39.default.createElement(
+    import_material27.Box,
+    {
+      onClick: () => setFecha(dia),
+      sx: {
+        padding: "10px",
+        textAlign: "center",
+        backgroundColor: (0, import_date_fns2.isSameDay)(dia, fecha) ? "#2063a0" : "transparent",
+        cursor: "pointer",
+        borderRadius: "50%",
+        //border: '1px solid lightgray',
+        position: "relative"
+        //width: '36px',
+        //height: '36px',
+      }
+    },
+    /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns2.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns2.format)(dia, "d"))
+  )))), /* @__PURE__ */ import_react39.default.createElement(import_Grid28.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react39.default.createElement(import_material27.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react39.default.createElement(import_KeyboardDoubleArrowDown2.default, { color: "action" }))))) : /* @__PURE__ */ import_react39.default.createElement(import_material27.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react39.default.createElement(
+    import_StaticDatePicker2.StaticDatePicker,
+    {
+      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__ */ import_react39.default.createElement(import_Grid28.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react39.default.createElement(import_material27.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react39.default.createElement(import_KeyboardDoubleArrowUp2.default, { color: "action" }))))), /* @__PURE__ */ import_react39.default.createElement(import_material27.Box, { 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__ */ import_react39.default.createElement(
+    import_material27.Box,
+    {
+      key: dayIndex
+    },
+    /* @__PURE__ */ import_react39.default.createElement(import_Grid28.default, { container: true }, /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, { variant: "subtitle1", sx: { color: (0, import_date_fns2.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__ */ import_react39.default.createElement(import_material27.Box, { 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__ */ import_react39.default.createElement(
+          SCListContent,
+          {
+            key: idx,
+            options: [{
+              title: event2.description,
+              subtitle: /* @__PURE__ */ import_react39.default.createElement(import_react39.default.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__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, null, "Todo el dia"), /* @__PURE__ */ import_react39.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react39.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, 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__ */ import_react39.default.createElement(import_react39.default.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(import_material27.Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ import_react39.default.createElement(import_material27.Typography, 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__ */ import_react39.default.createElement(
+          SCListContent,
+          {
+            options: [{
+              title: esDomingo == true ? "No disponible" : "No hay actividades asignadas",
+              iconLeft: esDomingo == true ? "BlockOutlined" : "HandymanOutlined",
+              disable: true
+            }]
+          }
+        );
+      }
+    })())
+  ))));
 };
 
 // src/Theme/index.ts
 var import_styles3 = require("@mui/material/styles");
 
 // src/Theme/components.ts
-var import_react38 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 var import_icons_material12 = require("@mui/icons-material");
 var components = {
   MuiSelect: {
@@ -4880,10 +5061,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: import_react38.default.createElement(import_icons_material12.CheckCircleRounded),
-        error: import_react38.default.createElement(import_icons_material12.ErrorRounded),
-        warning: import_react38.default.createElement(import_icons_material12.WarningRounded),
-        info: import_react38.default.createElement(import_icons_material12.InfoRounded)
+        success: import_react40.default.createElement(import_icons_material12.CheckCircleRounded),
+        error: import_react40.default.createElement(import_icons_material12.ErrorRounded),
+        warning: import_react40.default.createElement(import_icons_material12.WarningRounded),
+        info: import_react40.default.createElement(import_icons_material12.InfoRounded)
       }
     },
     variants: [
@@ -5931,6 +6112,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   FooterAction,
   MultiSelect,
   PageHeader,
+  SCActivityCalendar,
   SCAutocomplete,
   SCCalendarSwipeable,
   SCCard,
@@ -5939,6 +6121,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   SCDateRange,
   SCDialog,
   SCDrawer,
+  SCListContent,
   SCMenu,
   SCModal,
   SCSelect,