componentes-sinco 1.1.28 → 1.1.30

package/dist/index.d.cts

@@ -209,7 +209,6 @@ interface DrawerProps<T> {
     chipFilters?: any[];
     heightDrawer?: number;
     filterSideCard?: any;
-    ref?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -573,7 +572,7 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
-interface SCDatePickerProps$1 {
+interface SCDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
@@ -584,7 +583,7 @@ interface SCDatePickerProps$1 {
     minDate?: Dayjs;
     maxDate?: Dayjs;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps$1) => React__default.JSX.Element;
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
 
 interface SCDateRangeProps {
     labelDateInitial?: string;
@@ -736,18 +735,14 @@ interface SCTimeProps {
 }
 declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
-interface SCDatePickerProps {
-    label?: string;
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
+interface SCZoomProps {
+    image: any;
     width?: string;
     height?: string;
-    image: any;
     bottom?: string;
     left?: string;
 }
-declare const SCZoom: ({ label, required, disabled, background, width, height, image, bottom, left }: SCDatePickerProps) => React__default.JSX.Element;
+declare const SCZoom: ({ image, width, height, bottom, left }: SCZoomProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;

package/dist/index.d.ts

@@ -209,7 +209,6 @@ interface DrawerProps<T> {
     chipFilters?: any[];
     heightDrawer?: number;
     filterSideCard?: any;
-    ref?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -573,7 +572,7 @@ interface SCDataGridInitialProps<T> {
 declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
 declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
 
-interface SCDatePickerProps$1 {
+interface SCDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
@@ -584,7 +583,7 @@ interface SCDatePickerProps$1 {
     minDate?: Dayjs;
     maxDate?: Dayjs;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps$1) => React__default.JSX.Element;
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
 
 interface SCDateRangeProps {
     labelDateInitial?: string;
@@ -736,18 +735,14 @@ interface SCTimeProps {
 }
 declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
-interface SCDatePickerProps {
-    label?: string;
-    required?: boolean;
-    disabled?: boolean;
-    background?: string;
+interface SCZoomProps {
+    image: any;
     width?: string;
     height?: string;
-    image: any;
     bottom?: string;
     left?: string;
 }
-declare const SCZoom: ({ label, required, disabled, background, width, height, image, bottom, left }: SCDatePickerProps) => React__default.JSX.Element;
+declare const SCZoom: ({ image, width, height, bottom, left }: SCZoomProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;

package/dist/index.js

@@ -548,7 +548,8 @@ var Attachment = ({
         cursor: "pointer",
         transition: "all 0.2s ease-in-out",
         ":hover": {
-          backgroundColor: error ? "error.50" : "action.hover"
+          border: "1px dashed #2063A080",
+          backgroundColor: error ? "#D143430A" : "#2063A00A"
         }
       }, sx)
     },
@@ -1189,7 +1190,7 @@ import { Box as Box19, CircularProgress as CircularProgress5 } from "@mui/materi
 
 // src/Components/Calendario/CalendarToolbar.tsx
 import React7, { useState as useState6 } from "react";
-import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, LightModeOutlined } from "@mui/icons-material";
+import { ChevronLeft, ChevronRight, KeyboardArrowDown as KeyboardArrowDown2, EventOutlined } from "@mui/icons-material";
 import { Box as Box5, Chip, IconButton as IconButton5, Menu, MenuItem, Stack as Stack5, Typography as Typography5 } from "@mui/material";
 import dayjs from "dayjs";
 import updateLocale from "dayjs/plugin/updateLocale";
@@ -1230,13 +1231,15 @@ var CalendarToolbar = ({
     }
     return labelDate.format(" DD MMMM YYYY");
   };
-  return /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, px: 1, py: 0.5 }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 1.5 }, /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 1.5 }, /* @__PURE__ */ React7.createElement(Box5, null, /* @__PURE__ */ React7.createElement(
     Chip,
     {
+      size: "medium",
       label: "Hoy",
-      icon: /* @__PURE__ */ React7.createElement(LightModeOutlined, { fontSize: "small" }),
+      icon: /* @__PURE__ */ React7.createElement(EventOutlined, { fontSize: "small" }),
       color: "primary",
-      onClick: () => onNavigate("TODAY")
+      onClick: () => onNavigate("TODAY"),
+      variant: "standard"
     }
   )), /* @__PURE__ */ React7.createElement(Stack5, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React7.createElement(IconButton5, { "aria-label": "Anterior", onClick: () => onNavigate("PREV"), size: "small", color: "primary" }, /* @__PURE__ */ React7.createElement(ChevronLeft, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(IconButton5, { "aria-label": "Siguiente", onClick: () => onNavigate("NEXT"), size: "small", color: "primary" }, /* @__PURE__ */ React7.createElement(ChevronRight, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(Typography5, { variant: "h6", color: "primary", "data-testid": "currentDate" }, getFormattedDate()), /* @__PURE__ */ React7.createElement(IconButton5, { onClick: handleMenuOpen, size: "small", color: "primary", "aria-label": "Cambiar vista" }, /* @__PURE__ */ React7.createElement(KeyboardArrowDown2, { fontSize: "small" })), /* @__PURE__ */ React7.createElement(
     Menu,
@@ -1250,12 +1253,12 @@ var CalendarToolbar = ({
     /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("month") }, "Mes"),
     /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("week") }, "Semana"),
     /* @__PURE__ */ React7.createElement(MenuItem, { onClick: () => handleViewChange("day") }, "D\xEDa")
-  )), children ? /* @__PURE__ */ React7.createElement(Box5, null, children) : /* @__PURE__ */ React7.createElement(Box5, { width: "24px" }), " ");
+  ))), children ? /* @__PURE__ */ React7.createElement(Box5, null, children) : /* @__PURE__ */ React7.createElement(Box5, { width: "24px" }), " ");
 };
 
 // src/Components/Calendario/Views/MonthView.tsx
 import React28 from "react";
-import { Box as Box16, Typography as Typography14, IconButton as IconButton11, Paper, Tooltip as Tooltip6, Stack as Stack11, CircularProgress as CircularProgress2 } from "@mui/material";
+import { Box as Box16, Typography as Typography14, IconButton as IconButton11, Paper, Tooltip as Tooltip6, Stack as Stack11, CircularProgress as CircularProgress2, Button as Button11 } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import dayjs5 from "dayjs";
 import localeData from "dayjs/plugin/localeData";
@@ -3429,10 +3432,10 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
   const [openDrawer, setOpenDrawer] = React28.useState(false);
   const [selectedDay, setSelectedDay] = React28.useState(null);
   const [selectedEvents, setSelectedEvents] = React28.useState([]);
-  return /* @__PURE__ */ React28.createElement(Box16, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box16, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ React28.createElement(Box16, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box16, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography14, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box16, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React28.createElement(CircularProgress2, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(Box16, { width: "100%", sx: { overflowX: "auto" } }, /* @__PURE__ */ React28.createElement(Box16, { minWidth: CALENDAR_CONSTANTS.MIN_WIDTH }, /* @__PURE__ */ React28.createElement(Box16, { display: "grid", gridTemplateColumns: CALENDAR_CONSTANTS.GRID_TEMPLATE, gap: 0.5, mb: 1 }, weekDays.map((day) => /* @__PURE__ */ React28.createElement(Box16, { key: day.day(), textAlign: "center", py: 0.5 }, /* @__PURE__ */ React28.createElement(Typography14, { variant: "caption", color: "text.secondary" }, day.format("dddd"))))), isLoading ? /* @__PURE__ */ React28.createElement(Box16, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React28.createElement(CircularProgress2, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React28.createElement(
     EmptyState,
     {
-      containerHeight: "480px",
+      containerHeight: "calc(100vh - 130px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React28.createElement(LogoCalendario, null)
@@ -3512,30 +3515,47 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
           sx: { "& .MuiButtonBase-root": { width: "100%" } }
         },
         /* @__PURE__ */ React28.createElement(
-          SCDrawer,
+          Button11,
           {
-            width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
-            title: day.format("DD [de] MMMM YYYY"),
-            open: openDrawer,
-            buttonDrawer: { text: `+ ${dayEvents.length}` },
-            anchor: "right",
-            actions: false,
-            arrayElements: [{
-              component: /* @__PURE__ */ React28.createElement(
-                DayEventsList,
-                {
-                  events: dayEvents,
-                  day,
-                  onEventClick,
-                  onEventHover
-                }
-              )
-            }]
-          }
+            size: "small",
+            variant: "text",
+            sx: { textTransform: "capitalize" },
+            onClick: (e) => {
+              e.stopPropagation();
+              setSelectedDay(day);
+              setSelectedEvents(dayEvents);
+              setOpenDrawer(true);
+            }
+          },
+          `+ ${dayEvents.length}`
         )
       )
     );
-  }))));
+  })))), selectedDay && /* @__PURE__ */ React28.createElement(
+    SCDrawer,
+    {
+      width: CALENDAR_CONSTANTS.DRAWER_WIDTH,
+      title: selectedDay.format("DD [de] MMMM YYYY"),
+      open: openDrawer,
+      setOpen: (value) => {
+        setOpenDrawer(value);
+        if (!value) setSelectedDay(null);
+      },
+      anchor: "right",
+      actions: false,
+      arrayElements: [{
+        component: /* @__PURE__ */ React28.createElement(
+          DayEventsList,
+          {
+            events: selectedEvents,
+            day: selectedDay,
+            onEventClick,
+            onEventHover
+          }
+        )
+      }]
+    }
+  ));
 };
 
 // src/Components/Calendario/Views/WeekView.tsx
@@ -3599,7 +3619,7 @@ var WeekView = ({
   })), isLoading ? /* @__PURE__ */ React29.createElement(Box17, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "450px" }, /* @__PURE__ */ React29.createElement(CircularProgress3, { sx: { width: "60px", height: "60px" }, variant: "indeterminate" })) : !isLoading && noEvents ? /* @__PURE__ */ React29.createElement(
     EmptyState,
     {
-      containerHeight: "480px",
+      containerHeight: "calc(100vh - 130px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React29.createElement(LogoCalendario, null)
@@ -3640,6 +3660,7 @@ var WeekView = ({
           return /* @__PURE__ */ React29.createElement(
             Box17,
             {
+              sx: { "&:hover": { bgcolor: "primary.50" } },
               key: hourIdx,
               height: 60,
               borderTop: "1px solid",
@@ -3696,7 +3717,7 @@ var DayView = ({
   return /* @__PURE__ */ React30.createElement(Box18, { display: "flex", flexDirection: "column", height: "100%" }, /* @__PURE__ */ React30.createElement(Box18, { display: "flex", borderBottom: "1px solid", borderColor: "primary.main", bgcolor: "background.paper" }, /* @__PURE__ */ React30.createElement(Box18, { width: CALENDAR_CONSTANTS.SIDEBAR_WIDTH, bgcolor: "background.default", borderBottom: "1px solid", borderColor: "transparent" }), /* @__PURE__ */ React30.createElement(Box18, { flex: 1, display: "flex", flexDirection: "column", textAlign: "start", gap: 0.5, py: 1, bgcolor: "primary.50" }, /* @__PURE__ */ React30.createElement(Typography16, { variant: "h6", color: "text.secondary" }, currentDate.format("D")), /* @__PURE__ */ React30.createElement(Typography16, { variant: "caption", color: "text.secondary" }, currentDate.format("dddd")))), isLoading ? /* @__PURE__ */ React30.createElement(Box18, { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: CALENDAR_CONSTANTS.LOADING_CONTAINER_HEIGHT }, /* @__PURE__ */ React30.createElement(CircularProgress4, { sx: { width: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE, height: CALENDAR_CONSTANTS.LOADING_SPINNER_SIZE }, variant: "indeterminate" })) : noEvents ? /* @__PURE__ */ React30.createElement(
     EmptyState,
     {
-      containerHeight: "480px",
+      containerHeight: "calc(100vh - 140px)",
       title: "Inicia la gesti\xF3n de las actividades",
       subtitle: "Selecciona un mec\xE1nico y as\xEDgnale las actividades a realizar.",
       icon: /* @__PURE__ */ React30.createElement(LogoCalendario, null)
@@ -3718,6 +3739,7 @@ var DayView = ({
     return /* @__PURE__ */ React30.createElement(
       Box18,
       {
+        sx: { "&:hover": { bgcolor: "primary.50" } },
         key: hourIdx,
         height: CALENDAR_CONSTANTS.DAY_HEIGHT,
         borderTop: "1px solid",
@@ -3914,7 +3936,7 @@ var FooterAction = ({
 
 // src/Components/Menu/Menu.tsx
 import React33, { useCallback as useCallback4, useState as useState15 } from "react";
-import { Button as Button11, Menu as Menu2 } from "@mui/material";
+import { Button as Button12, Menu as Menu2 } from "@mui/material";
 var BasicMenu = ({
   open,
   onClose,
@@ -3951,7 +3973,7 @@ var BasicMenu = ({
     }
   }, [onClose, setMenuOpen]);
   return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(
-    Button11,
+    Button12,
     {
       id: "basic-button",
       "aria-controls": actualOpen ? "basic-menu" : void 0,
@@ -3982,7 +4004,7 @@ var BasicMenu = ({
 
 // src/Components/MultiSelect/MultiSelect.tsx
 import React34, { useEffect as useEffect13, useMemo as useMemo6 } from "react";
-import { Button as Button12, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem5, Popover as Popover4, Stack as Stack12, TextField as TextField4 } from "@mui/material";
+import { Button as Button13, Checkbox as Checkbox2, FormControl as FormControl3, InputAdornment as InputAdornment5, ListItemIcon as ListItemIcon3, MenuItem as MenuItem5, Popover as Popover4, Stack as Stack12, TextField as TextField4 } from "@mui/material";
 import { SearchOutlined } from "@mui/icons-material";
 
 // src/Components/MultiSelect/helpers/useHandlers.tsx
@@ -4099,7 +4121,7 @@ function MultiSelect({
     } }
   ];
   return /* @__PURE__ */ React34.createElement(React34.Fragment, null, /* @__PURE__ */ React34.createElement(
-    Button12,
+    Button13,
     {
       "test-id": "multiselect-button",
       color: (_a = button == null ? void 0 : button.color) != null ? _a : "primary",
@@ -4153,7 +4175,7 @@ function MultiSelect({
     )) : /* @__PURE__ */ React34.createElement(MenuItem5, { disabled: true }, "No se encontraron resultados")), /* @__PURE__ */ React34.createElement(Stack12, { direction: "row", gap: 1, p: 1, justifyContent: "space-between", bgcolor: "grey.50" }, resolvedActions.map((button2, index) => {
       var _a2;
       return /* @__PURE__ */ React34.createElement(
-        Button12,
+        Button13,
         {
           key: index,
           variant: index === 0 || resolvedActions.length < 2 ? "text" : "contained",
@@ -4668,7 +4690,7 @@ var SCCalendarSwipeable = ({
 
 // src/Components/SCCard.tsx
 import React41 from "react";
-import { Button as Button17, Box as Box25, SvgIcon as SvgIcon7 } from "@mui/material";
+import { Button as Button18, Box as Box25, SvgIcon as SvgIcon7 } from "@mui/material";
 import IconButton16 from "@mui/material/IconButton";
 import Card2 from "@mui/material/Card";
 import CardHeader from "@mui/material/CardHeader";
@@ -4703,7 +4725,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
     CardHeader,
     {
       avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ React41.createElement(Box25, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ React41.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ React41.createElement(SvgIcon7, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
-      action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button17, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
+      action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, { fontSize: "small" })) : actionsTitle,
       title,
       subheader: subtitle,
       sx: {
@@ -4729,8 +4751,8 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       height: "194",
       image
     }
-  ), content && /* @__PURE__ */ React41.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React41.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button17, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React41.createElement(
-    Button17,
+  ), content && /* @__PURE__ */ React41.createElement(CardContent2, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ React41.createElement(CardActions, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ React41.createElement(Button18, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ React41.createElement(IconButton16, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ React41.createElement(ExpandMoreIcon, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ React41.createElement(
+    Button18,
     {
       key: index,
       size: "small",
@@ -5243,7 +5265,7 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
 
 // src/Components/SCDialog.tsx
 import React44, { useEffect as useEffect20, useState as useState24 } from "react";
-import { Button as Button18, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon8 } from "@mui/material";
+import { Button as Button19, Typography as Typography25, Modal as Modal5, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, IconButton as IconButton17, Tooltip as Tooltip8, Box as Box26, SvgIcon as SvgIcon8 } from "@mui/material";
 import Grid11 from "@mui/material/Grid";
 import ToggleButton from "@mui/material/ToggleButton";
 import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
@@ -5308,7 +5330,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
   };
   const dialogActions = actions == false ? false : actions != void 0 ? actions : [{ text: "Cerrar", fn: handleClose }];
   content = content != null ? content : { component: /* @__PURE__ */ React44.createElement(Box26, null, " Aqui va el contenido ") };
-  return /* @__PURE__ */ React44.createElement("div", null, buttonDialog ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React44.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React44.createElement(Button18, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React44.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React44.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React44.createElement("div", null, buttonDialog ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, buttonDialog.text != void 0 ? /* @__PURE__ */ React44.createElement(Tooltip8, { placement: "bottom-start", title: buttonDialog.tooltip != void 0 ? buttonDialog.tooltip : "", slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, -14] } }] } } }, /* @__PURE__ */ React44.createElement(Button19, { size: "small", color: buttonDialog.color != void 0 ? buttonDialog.color : "primary", variant: (buttonDialog == null ? void 0 : buttonDialog.variant) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.variant : "text", startIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "left" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", endIcon: (buttonDialog == null ? void 0 : buttonDialog.iconPosition) != void 0 ? (buttonDialog == null ? void 0 : buttonDialog.iconPosition) == "right" ? /* @__PURE__ */ React44.createElement(ButtonIcon, null) : "" : "", onClick: handleOpen }, " ", (buttonDialog == null ? void 0 : buttonDialog.text) != void 0 ? buttonDialog.text : "", " ")) : /* @__PURE__ */ React44.createElement(IconButton17, { style: { cursor: "pointer" }, onClick: handleOpen }, /* @__PURE__ */ React44.createElement(SvgIcon8, { fontSize: "small", color: (buttonDialog == null ? void 0 : buttonDialog.color) != void 0 ? buttonDialog == null ? void 0 : buttonDialog.color : "action", component: ButtonIcon }))) : "", /* @__PURE__ */ React44.createElement(Modal5, { open: open || false, onClose: handleClose }, /* @__PURE__ */ React44.createElement(
     Dialog4,
     {
       fullScreen: typeView === "mobile" ? true : false,
@@ -5364,7 +5386,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       ) : content.component
     ),
     dialogActions != void 0 && dialogActions != false ? Array.isArray(dialogActions) && (dialogActions == null ? void 0 : dialogActions.length) > 0 ? /* @__PURE__ */ React44.createElement(DialogActions4, { sx: { zIndex: 1200, gap: 1, m: 0, padding: "12px 16px 12px 16px", justifyContent: dialogActions.length >= 3 ? "space-between" : "flex-end" } }, typeView !== "mobile" ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, dialogActions.length >= 3 ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
-      Button18,
+      Button19,
       {
         variant: "text",
         color: dialogActions[0].color || "primary",
@@ -5376,7 +5398,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       dialogActions[0].text
     ), /* @__PURE__ */ React44.createElement(Box26, { sx: { display: "flex", gap: 1 } }, dialogActions.slice(1).map((boton, index) => {
       return /* @__PURE__ */ React44.createElement(
-        Button18,
+        Button19,
         {
           key: index + 1,
           variant: index === dialogActions.length - 2 ? "contained" : "text",
@@ -5390,7 +5412,7 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
       );
     }))) : dialogActions.map((boton, index) => {
       return /* @__PURE__ */ React44.createElement(
-        Button18,
+        Button19,
         {
           key: index,
           variant: index === dialogActions.length - 1 ? "contained" : "text",
@@ -5813,7 +5835,7 @@ import Grid13 from "@mui/material/Grid";
 import ZoomOutIcon from "@mui/icons-material/ZoomOut";
 import ZoomInIcon from "@mui/icons-material/ZoomIn";
 import RotateRightIcon from "@mui/icons-material/RotateRight";
-var SCZoom = ({ label, required, disabled, background, width, height, image, bottom, left }) => {
+var SCZoom = ({ image, width, height, bottom, left }) => {
   const [zoom, setZoom] = useState28(1);
   const handleZoomIn = () => {
     setZoom((prev) => Math.min(prev + 0.2, 3));