componentes-sinco 1.0.29 → 1.0.31

package/dist/index.cjs

@@ -77,8 +77,8 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ADCSincoTheme: () => ADCSincoTheme,
   AdproSincoTheme: () => AdproSincoTheme,
   Attachment: () => Attachment,
@@ -125,7 +125,7 @@ __export(src_exports, {
   useMultiSelectHandlers: () => useMultiSelectHandlers,
   useProgress: () => useProgress
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Components/Adjuntar/Adjuntar.tsx
 var import_react5 = __toESM(require("react"), 1);
@@ -799,7 +799,7 @@ var Attachment = ({
       action: [
         {
           text: "Eliminar",
-          fn: () => __async(void 0, null, function* () {
+          fn: () => __async(null, null, function* () {
             if (fileToDelete) {
               try {
                 if (deleteAction) {
@@ -834,7 +834,7 @@ var Attachment = ({
 // src/Components/Drawer/SCDrawer.tsx
 var import_react20 = __toESM(require("react"), 1);
 var import_material14 = require("@mui/material");
-var import_Grid25 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
 
 // src/Components/Drawer/Helpers/Utils.tsx
 var Muicon = __toESM(require("@mui/icons-material"), 1);
@@ -1223,7 +1223,7 @@ var import_material11 = require("@mui/material");
 // src/Components/Textfield/SCTextField.tsx
 var import_react12 = __toESM(require("react"), 1);
 var import_material6 = require("@mui/material");
-var import_Grid2 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid = __toESM(require("@mui/material/Grid"), 1);
 var import_icons_material6 = require("@mui/icons-material");
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
@@ -1366,7 +1366,7 @@ var SCTextField = ({
   const handleCloseInfoElement = () => {
     setAnchorInfoElement(null);
   };
-  return /* @__PURE__ */ import_react12.default.createElement(import_material6.Box, { sx: { width } }, /* @__PURE__ */ import_react12.default.createElement(import_Grid2.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react12.default.createElement(import_material6.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react12.default.createElement(import_material6.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(import_material6.Box, { sx: { width } }, /* @__PURE__ */ import_react12.default.createElement(import_Grid.default, { container: true, alignItems: "center", mb: 1.25, gap: 0.5 }, iconTitle && IconTitle ? /* @__PURE__ */ import_react12.default.createElement(import_material6.SvgIcon, { color: "action", fontSize: "small", component: IconTitle }) : "", title ? /* @__PURE__ */ import_react12.default.createElement(import_material6.Typography, { mx: 0.5, variant: "subtitle2", color: "text.secondary" }, title) : "", infoTitle ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, infoTitle.component === "popover" ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
     import_icons_material6.InfoOutlined,
     {
       color: "action",
@@ -1403,7 +1403,7 @@ var SCTextField = ({
       color: "action",
       fontSize: "small"
     }
-  ))) : ""), /* @__PURE__ */ import_react12.default.createElement(import_Grid2.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react12.default.createElement(
+  ))) : ""), /* @__PURE__ */ import_react12.default.createElement(import_Grid.default, { container: true, sx: { flexWrap: "nowrap", alignItems: "center" } }, /* @__PURE__ */ import_react12.default.createElement(
     import_material6.FormControl,
     {
       color,
@@ -1775,7 +1775,6 @@ function SCSelect({
 // src/Components/SCAutocomplete.tsx
 var import_react15 = __toESM(require("react"), 1);
 var import_material9 = require("@mui/material");
-var import_Grid22 = __toESM(require("@mui/material/Grid2"), 1);
 var import_icons_material8 = require("@mui/icons-material");
 var Muicon4 = __toESM(require("@mui/icons-material"), 1);
 function SCAutocomplete({
@@ -1992,7 +1991,7 @@ function SCAutocomplete({
               checkMassive && typeFormat == "multiselect" ? /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_material9.FormControlLabel, { control: /* @__PURE__ */ import_react15.default.createElement(import_material9.Checkbox, { checked: allSelected, indeterminate: selectedOptions.length > 0 && selectedOptions.length < data.length, onChange: handleCheckAll, color: "primary" }), label: "Todos los items", sx: { marginLeft: "0px !important", marginRight: "0px !important", padding: "7px 16px" } }), /* @__PURE__ */ import_react15.default.createElement(import_material9.Divider, null)) : "",
               props.children,
               deleteType == "button" || fnAplicar ? /* @__PURE__ */ import_react15.default.createElement(
-                import_Grid22.default,
+                import_material9.Grid,
                 {
                   container: true,
                   sx: {
@@ -2047,7 +2046,7 @@ var import_DateRangePicker = require("@mui/x-date-pickers-pro/DateRangePicker");
 var import_MultiInputDateRangeField = require("@mui/x-date-pickers-pro/MultiInputDateRangeField");
 var import_dayjs = __toESM(require("dayjs"), 1);
 var import_es = require("dayjs/locale/es");
-var import_x_license_pro = require("@mui/x-license-pro");
+var import_x_license = require("@mui/x-license");
 var import_Event = __toESM(require("@mui/icons-material/Event"), 1);
 var SCDateRange = ({
   labelDateInitial = "Fecha inicial",
@@ -2058,7 +2057,7 @@ var SCDateRange = ({
   state,
   setState
 }) => {
-  import_x_license_pro.LicenseInfo.setLicenseKey(
+  import_x_license.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
   const isStartEmpty = required && !state[0];
@@ -2186,7 +2185,7 @@ var DrawerContent = ({ arrayElements }) => {
             label: arrayElement.label,
             data: (_c = arrayElement.data) != null ? _c : [],
             columnGroup: arrayElement.columnGroup,
-            getItemValue: (_d = arrayElement.getItemValue) != null ? _d : () => ({ text: "", value: "" }),
+            getItemValue: (_d = arrayElement.getItemValue) != null ? _d : (() => ({ text: "", value: "" })),
             typeFormat: arrayElement.typeFormat,
             checkMassive: arrayElement.checkMassive,
             deleteType: arrayElement.deleteType,
@@ -2205,7 +2204,7 @@ var DrawerContent = ({ arrayElements }) => {
           {
             label: arrayElement.label,
             data: (_e = arrayElement.data) != null ? _e : [],
-            getItemValue: (_f = arrayElement.getItemValue) != null ? _f : () => ({ text: "", value: "" }),
+            getItemValue: (_f = arrayElement.getItemValue) != null ? _f : (() => ({ text: "", value: "" })),
             width: arrayElement.width,
             size: arrayElement.size,
             variant: arrayElement.variant,
@@ -2250,7 +2249,7 @@ var DrawerContent = ({ arrayElements }) => {
 // src/Components/Drawer/components/DrawerActions.tsx
 var import_react18 = __toESM(require("react"), 1);
 var import_material12 = require("@mui/material");
-var import_Grid23 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid2 = __toESM(require("@mui/material/Grid"), 1);
 var DrawerActions = ({ actions, anchor }) => {
   if (actions === false || actions === void 0) {
     return null;
@@ -2259,7 +2258,7 @@ var DrawerActions = ({ actions, anchor }) => {
     return null;
   }
   return /* @__PURE__ */ import_react18.default.createElement(
-    import_Grid23.default,
+    import_Grid2.default,
     {
       sx: { borderTop: 1, borderColor: "#1018403B" },
       container: true,
@@ -2288,7 +2287,7 @@ var DrawerActions = ({ actions, anchor }) => {
 // src/Components/Drawer/components/DrawerHeader.tsx
 var import_react19 = __toESM(require("react"), 1);
 var import_material13 = require("@mui/material");
-var import_Grid24 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid3 = __toESM(require("@mui/material/Grid"), 1);
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 var DrawerHeader = ({
   title,
@@ -2296,7 +2295,7 @@ var DrawerHeader = ({
   onClose
 }) => {
   return /* @__PURE__ */ import_react19.default.createElement(
-    import_Grid24.default,
+    import_Grid3.default,
     {
       container: true,
       sx: {
@@ -2367,7 +2366,7 @@ function SCDrawer({
   };
   const drawerActions = getActions();
   return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, toast && /* @__PURE__ */ import_react20.default.createElement(SCToastNotification, __spreadValues({}, toast)), /* @__PURE__ */ import_react20.default.createElement(
-    import_Grid25.default,
+    import_Grid4.default,
     {
       container: true,
       justifyContent: "flex-start",
@@ -2660,7 +2659,7 @@ var PageHeader = ({
 // src/Components/SCCalendarSwipeable.tsx
 var import_react26 = __toESM(require("react"), 1);
 var import_material18 = require("@mui/material");
-var import_Grid26 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
 var import_AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
 var import_LocalizationProvider2 = require("@mui/x-date-pickers/LocalizationProvider");
 var import_StaticDatePicker = require("@mui/x-date-pickers/StaticDatePicker");
@@ -2703,7 +2702,7 @@ var SCCalendarSwipeable = ({
     setOpenCalendar(newOpen);
   };
   const locale = __spreadValues({}, import_locale.es);
-  return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(import_LocalizationProvider2.LocalizationProvider, { dateAdapter: import_AdapterDateFns.AdapterDateFns, adapterLocale: locale }, openCalendar == false ? /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react26.default.createElement(import_material18.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns.format)(dia, "EEEE", { locale: import_locale.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react26.default.createElement(
     import_material18.Box,
     {
       onClick: () => setFecha(dia),
@@ -2720,7 +2719,7 @@ var SCCalendarSwipeable = ({
       }
     },
     /* @__PURE__ */ import_react26.default.createElement(import_material18.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns.format)(dia, "d"))
-  )))), /* @__PURE__ */ import_react26.default.createElement(import_Grid26.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react26.default.createElement(import_material18.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react26.default.createElement(import_KeyboardDoubleArrowDown.default, null))))) : /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react26.default.createElement(
+  )))), /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react26.default.createElement(import_material18.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react26.default.createElement(import_KeyboardDoubleArrowDown.default, null))))) : /* @__PURE__ */ import_react26.default.createElement(import_material18.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react26.default.createElement(
     import_StaticDatePicker.StaticDatePicker,
     {
       orientation: "landscape",
@@ -2730,18 +2729,18 @@ var SCCalendarSwipeable = ({
       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_react26.default.createElement(import_Grid26.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react26.default.createElement(import_material18.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react26.default.createElement(import_KeyboardDoubleArrowUp.default, null))))));
+  ), /* @__PURE__ */ import_react26.default.createElement(import_Grid5.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react26.default.createElement(import_material18.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react26.default.createElement(import_KeyboardDoubleArrowUp.default, null))))));
 };
 
 // src/Components/SCDataGrid.tsx
 var import_react27 = __toESM(require("react"), 1);
 var import_x_data_grid_pro = require("@mui/x-data-grid-pro");
-var import_x_license_pro2 = require("@mui/x-license-pro");
+var import_x_license2 = require("@mui/x-license");
 var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
 var import_KeyboardArrowUp = __toESM(require("@mui/icons-material/KeyboardArrowUp"), 1);
 var import_styles = require("@mui/material/styles");
 function SCDataGridInitial({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }) {
-  import_x_license_pro2.LicenseInfo.setLicenseKey(
+  import_x_license2.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
   const theme = (0, import_styles.useTheme)();
@@ -3128,10 +3127,10 @@ var EmptyState = ({
 // src/Components/SCDialog.tsx
 var import_react33 = __toESM(require("react"), 1);
 var import_material20 = require("@mui/material");
-var import_Grid27 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid6 = __toESM(require("@mui/material/Grid"), 1);
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
 var Muicon5 = __toESM(require("@mui/icons-material"), 1);
-var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }) => {
+var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView = "web", setShow, show }) => {
   let i = 0;
   let iconTitleValidation = "";
   let IconTitle;
@@ -3151,22 +3150,24 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       ButtonIcon = Muicon5[buttonDialog == null ? void 0 : buttonDialog.icon];
     }
   }
-  actions == null ? void 0 : actions.map(function(option, index, array) {
-    if (option == null ? void 0 : option.icon) {
-      if ((option == null ? void 0 : option.icon.type) == void 0) {
-        option.icon = Muicon5[option == null ? void 0 : option.icon];
-      } else {
-        option;
+  if (Array.isArray(actions)) {
+    actions.map(function(option, index, array) {
+      if (option == null ? void 0 : option.icon) {
+        if ((option == null ? void 0 : option.icon.type) == void 0) {
+          option.icon = Muicon5[option == null ? void 0 : option.icon];
+        } else {
+          option;
+        }
       }
-    }
-  });
+    });
+  }
   if (iconTitle) {
     if (Muicon5[iconTitle] == void 0) {
-      if (iconTitle && import_react33.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
-        iconTitleValidation = "image";
-        IconTitle = iconTitle;
-      } else {
+      if (Muicon5[iconTitle]) {
         iconTitleValidation = "icon";
+        IconTitle = Muicon5[iconTitle];
+      } else {
+        iconTitleValidation = "image";
         IconTitle = iconTitle;
       }
     } else {
@@ -3186,11 +3187,12 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       setShow(false);
     }
   };
-  const dialogActions = actions != null ? actions : [{ text: "Cerrar", fn: handleClose }];
+  const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
   content = content != null ? content : { component: /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, null, " Aqui va el contenido ") };
   return /* @__PURE__ */ import_react33.default.createElement("div", null, buttonDialog ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Tooltip, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ import_react33.default.createElement(import_material20.Button, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ import_react33.default.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ import_react33.default.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ import_react33.default.createElement(import_material20.Modal, { open: open || false, onClose: handleClose }, /* @__PURE__ */ import_react33.default.createElement(
     import_material20.Dialog,
     {
+      fullScreen: typeView === "mobile" ? true : false,
       "data-testid": "dialog-element",
       open: open || false,
       onClose: disableClose ? void 0 : handleClose,
@@ -3202,7 +3204,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       }
     },
-    title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid27.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid27.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid27.default, null, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, null)) : "")),
+    title && /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogTitle, { sx: { m: 0, padding: "8px 16px 8px 16px" }, "data-testid": "dialog-icon-title" }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 12, sx: { justifyContent: "space-between", flexWrap: "nowrap" } }, /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, { container: true, size: 11, sx: { alignItems: "center" } }, iconTitle ? iconTitleValidation == "image" ? /* @__PURE__ */ import_react33.default.createElement(import_material20.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react33.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react33.default.createElement(import_material20.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : "", /* @__PURE__ */ import_react33.default.createElement(import_Grid6.default, null, /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.primary", variant: "h6", gutterBottom: true }, title ? title : ""), /* @__PURE__ */ import_react33.default.createElement(import_material20.Typography, { color: "text.secondary", variant: "body2", gutterBottom: true }, subtitle ? subtitle : ""))), disableClose != true ? /* @__PURE__ */ import_react33.default.createElement(import_material20.IconButton, { "data-testid": "close-dialog-button", onClick: handleClose, size: "small", color: "default", sx: { height: 22, width: 22 } }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, { color: "action" })) : "")),
     /* @__PURE__ */ import_react33.default.createElement(
       import_material20.DialogContent,
       {
@@ -3213,7 +3215,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
           padding: "12px 16px 8px 16px",
           background: background ? background : "white",
           height: !heightContent ? { xs: "60vh", sm: "70vh", md: "508px" } : heightContent,
-          width: () => {
+          width: (() => {
             switch (widthContent) {
               case "extra-small":
                 return { xs: "48vw", md: "33vw" };
@@ -3228,7 +3230,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
               default:
                 return { xs: "64vw", md: "56vw" };
             }
-          }
+          })
         }
       },
       content.url ? /* @__PURE__ */ import_react33.default.createElement(
@@ -3241,7 +3243,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         }
       ) : content.component
     ),
-    dialogActions.length > 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
+    dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ import_react33.default.createElement(import_material20.DialogActions, { sx: { gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, dialogActions.length >= 3 ? /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
       import_material20.Button,
       {
         variant: "text",
@@ -3280,14 +3282,14 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
         },
         boton.text
       );
-    })) : ""
+    })) : "" : ""
   )));
 };
 
 // src/Components/SCListContent.tsx
 var import_react34 = __toESM(require("react"), 1);
 var import_material21 = require("@mui/material");
-var import_Grid28 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid7 = __toESM(require("@mui/material/Grid"), 1);
 var Muicon6 = __toESM(require("@mui/icons-material"), 1);
 var SCListContent = ({ options }) => {
   const [selectedIndex, setSelectedIndex] = import_react34.default.useState("1");
@@ -3319,7 +3321,7 @@ var SCListContent = ({ options }) => {
       import_material21.ListItemText,
       {
         primary: option.title,
-        secondary: /* @__PURE__ */ import_react34.default.createElement(import_Grid28.default, { gap: 0.5 }, /* @__PURE__ */ import_react34.default.createElement(import_Grid28.default, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ import_react34.default.createElement(import_Grid28.default, { container: true, gap: 0.5 }, option.description))
+        secondary: /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { gap: 0.5 }, /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.subtitle), /* @__PURE__ */ import_react34.default.createElement(import_Grid7.default, { container: true, gap: 0.5 }, option.description))
       }
     ),
     option.iconRight ? /* @__PURE__ */ import_react34.default.createElement(import_material21.ListItemIcon, { sx: { minWidth: "0px !important" } }, /* @__PURE__ */ import_react34.default.createElement(import_material21.SvgIcon, { fontSize: "small", color: option.iconRightColor || "action", component: option.iconRight })) : ""
@@ -3329,7 +3331,7 @@ var SCListContent = ({ options }) => {
 // src/Components/SCMenu.tsx
 var import_react36 = __toESM(require("react"), 1);
 var import_material22 = require("@mui/material");
-var import_Grid29 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid8 = __toESM(require("@mui/material/Grid"), 1);
 
 // src/Components/Hooks/useWindowDimensions.ts
 var import_react35 = require("react");
@@ -3395,7 +3397,7 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       setValue(String(index + 1));
     }
   };
-  return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(import_Grid29.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react36.default.createElement(import_material22.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(import_Grid8.default, { container: true, sx: { height: heightContainer, width: widthContainer, flexDirection: "column" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.Paper, { "data-testid": "menu-content", sx: { width: menuSize, height: heightContainer, overflow: "auto" } }, header && header.component, /* @__PURE__ */ import_react36.default.createElement(import_material22.MenuList, { sx: { height: options.length * 45, padding: "8px 0px" } }, options.map((option, index) => /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(
     import_material22.MenuItem,
     {
       disabled: disable == true ? true : false,
@@ -3404,8 +3406,8 @@ var SCMenu = ({ header, options, defaultOption, disable, widthMenu, heightMenu,
       onClick: (event2) => handleClickMenusItem(event2, index)
     },
     option.iconLeft ? /* @__PURE__ */ import_react36.default.createElement(import_material22.ListItemIcon, { sx: { color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconLeft })) : "",
-    /* @__PURE__ */ import_react36.default.createElement(import_Grid29.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react36.default.createElement(import_material22.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
-  ), option.divider == true ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Divider, null) : "")))), /* @__PURE__ */ import_react36.default.createElement(import_Grid29.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react36.default.createElement(import_material22.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
+    /* @__PURE__ */ import_react36.default.createElement(import_Grid8.default, { container: true, size: 12, sx: { maxWidth: 220, flexWrap: "noWrap", alignItems: "center" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.Typography, { noWrap: true, variant: "caption", color: String(index + 1) === selectedIndex ? "primary" : "active" }, option.name), option.iconRight ? /* @__PURE__ */ import_react36.default.createElement(import_material22.ListItemIcon, { sx: { minWidth: "0px !important", color: String(index + 1) === selectedIndex ? "primary" : "active" } }, /* @__PURE__ */ import_react36.default.createElement(import_material22.SvgIcon, { fontSize: "small", color: String(index + 1) === selectedIndex ? "primary" : "action", component: option.iconRight })) : "")
+  ), option.divider == true ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Divider, null) : "")))), /* @__PURE__ */ import_react36.default.createElement(import_Grid8.default, { container: true }, options.map((option, index) => option.page ? String(index + 1) == value ? /* @__PURE__ */ import_react36.default.createElement(import_material22.Box, { "data-testid": "menu-page-content", sx: { padding: "16px", width: pageSize, height: heightContainer }, key: index }, option.page) : "" : /* @__PURE__ */ import_react36.default.createElement(import_material22.Typography, { color: "error" }, "No se ha configurado el componente a visualizar")))));
 };
 
 // src/Components/Menu/Menu.tsx
@@ -3861,7 +3863,7 @@ var CALENDAR_CONSTANTS = {
   GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))",
   DAY_HEIGHT: 60,
   SIDEBAR_WIDTH: 47,
-  MIN_CELL_HEIGHT: 120,
+  MIN_CELL_HEIGHT: 99,
   DEFAULT_START_HOUR: 0,
   DEFAULT_END_HOUR: 23,
   DRAWER_WIDTH: "350px",
@@ -3925,6 +3927,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   return /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ import_react43.default.createElement(import_material28.Typography, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ import_react43.default.createElement(import_material28.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react43.default.createElement(import_material28.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react43.default.createElement(
     EmptyState,
     {
+      containerHeight: "480px",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ import_react43.default.createElement(LogoCalendario, null)
@@ -4091,6 +4094,7 @@ var WeekView = ({
   })), isLoading ? /* @__PURE__ */ import_react44.default.createElement(import_material29.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ import_react44.default.createElement(import_material29.CircularProgress, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ import_react44.default.createElement(
     EmptyState,
     {
+      containerHeight: "480px",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ import_react44.default.createElement(LogoCalendario, null)
@@ -4187,6 +4191,7 @@ var DayView = ({
   return /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ import_react45.default.createElement(import_material30.Typography, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ import_react45.default.createElement(import_material30.Typography, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ import_react45.default.createElement(import_material30.Box, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ import_react45.default.createElement(import_material30.CircularProgress, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ import_react45.default.createElement(
     EmptyState,
     {
+      containerHeight: "480px",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ import_react45.default.createElement(LogoCalendario, null)
@@ -4380,7 +4385,7 @@ var import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProv
 var import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
 var import_dayjs10 = __toESM(require("dayjs"), 1);
 var import_es3 = require("dayjs/locale/es");
-var import_x_license_pro3 = require("@mui/x-license-pro");
+var import_x_license3 = require("@mui/x-license");
 var import_AccessTime = __toESM(require("@mui/icons-material/AccessTime"), 1);
 var import_TimeField = require("@mui/x-date-pickers/TimeField");
 var import_DigitalClock = require("@mui/x-date-pickers/DigitalClock");
@@ -4393,7 +4398,7 @@ var SCTime = ({
   state,
   setState
 }) => {
-  import_x_license_pro3.LicenseInfo.setLicenseKey(
+  import_x_license3.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
   const isTimeEmpty = required && !state;
@@ -4601,7 +4606,7 @@ var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, action
 // src/Components/SCActivityCalendar.tsx
 var import_react50 = __toESM(require("react"), 1);
 var import_material34 = require("@mui/material");
-var import_Grid210 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Grid9 = __toESM(require("@mui/material/Grid"), 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");
@@ -4654,7 +4659,7 @@ var SCActivityCalendar = ({
       // 0 para domingo, 1 para lunes, etc.
     }
   });
-  return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: import_locale2.es }, openCalendar == false ? /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react50.default.createElement(import_Grid210.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react50.default.createElement(import_Grid210.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns2.format)(dia, "EEEE", { locale: import_locale2.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_LocalizationProvider4.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, adapterLocale: import_locale2.es }, openCalendar == false ? /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { "data-testid": "calendar-mobile", sx: { width: "100%", background: background ? background : "white", display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", maxWidth: "320px", background: "transparent" } }, /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, gap: 0.5, sx: { justifyContent: "space-between", padding: "12px 0px", background: "transparent" } }, diasSemana.map((dia) => /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { sx: { width: "36px" }, key: dia.toString() }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "36px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: "#10184099" } }, (0, import_date_fns2.format)(dia, "EEEE", { locale: import_locale2.es }).charAt(0).toUpperCase())), /* @__PURE__ */ import_react50.default.createElement(
     import_material34.Box,
     {
       onClick: () => setFecha(dia),
@@ -4671,7 +4676,7 @@ var SCActivityCalendar = ({
       }
     },
     /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { sx: { fontSize: "12px !important", color: (0, import_date_fns2.isSameDay)(dia, fecha) ? "white" : "#101840DE" } }, (0, import_date_fns2.format)(dia, "d"))
-  )))), /* @__PURE__ */ import_react50.default.createElement(import_Grid210.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowDown2.default, { color: "action" }))))) : /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react50.default.createElement(
+  )))), /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "open-calendar-button", onClick: toggleCalendar(true) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowDown2.default, { color: "action" }))))) : /* @__PURE__ */ import_react50.default.createElement(import_material34.Box, { sx: { width: "100%", background: "white" } }, /* @__PURE__ */ import_react50.default.createElement(
     import_StaticDatePicker2.StaticDatePicker,
     {
       orientation: "landscape",
@@ -4681,12 +4686,12 @@ var SCActivityCalendar = ({
       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_react50.default.createElement(import_Grid210.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowUp2.default, { color: "action" }))))), /* @__PURE__ */ import_react50.default.createElement(import_material34.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_react50.default.createElement(
+  ), /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react50.default.createElement(import_material34.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react50.default.createElement(import_KeyboardDoubleArrowUp2.default, { color: "action" }))))), /* @__PURE__ */ import_react50.default.createElement(import_material34.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_react50.default.createElement(
     import_material34.Box,
     {
       key: dayIndex
     },
-    /* @__PURE__ */ import_react50.default.createElement(import_Grid210.default, { container: true }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { variant: "subtitle1", sx: { color: (0, import_date_fns2.isSameDay)(day, fecha) ? "info.dark" : "text.secondary" } }, day.toLocaleDateString("es-ES", {
+    /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { container: true }, /* @__PURE__ */ import_react50.default.createElement(import_material34.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"