componentes-sinco 1.1.30 → 1.1.31

package/dist/index.cjs

@@ -138,6 +138,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react5 = __toESM(require("react"), 1);
 var import_material3 = require("@mui/material");
 var import_icons_material5 = require("@mui/icons-material");
+var Muicon = __toESM(require("@mui/icons-material"), 1);
 
 // src/Components/ToastNotification/SCToastNotification.tsx
 var import_react2 = __toESM(require("react"), 1);
@@ -482,7 +483,8 @@ var Attachment = ({
   onChange,
   downloadAction,
   deleteAction,
-  initialFiles = []
+  initialFiles = [],
+  iconFileItem
 }) => {
   const [files, setFiles] = (0, import_react5.useState)([]);
   const [fileToDelete, setFileToDelete] = (0, import_react5.useState)(null);
@@ -490,6 +492,14 @@ var Attachment = ({
   const [openModal, setOpenModal] = (0, import_react5.useState)(false);
   const [isDragFile, setIsDragFile] = (0, import_react5.useState)(false);
   const inputRef = (0, import_react5.useRef)(null);
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon[iconFileItem];
+    }
+  }
   (0, import_react5.useEffect)(() => {
     if (initialFiles && initialFiles.length > 0) {
       setFiles(initialFiles);
@@ -740,7 +750,7 @@ var Attachment = ({
           }
         }
       },
-      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement(import_material3.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react5.default.createElement(import_material3.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react5.default.createElement(
         import_icons_material5.UploadFileOutlined,
         {
           color: file.uploadError ? "error" : "primary",
@@ -891,6 +901,7 @@ var import_PhotoCamera = __toESM(require("@mui/icons-material/PhotoCamera"), 1);
 var import_CancelOutlined = __toESM(require("@mui/icons-material/CancelOutlined"), 1);
 var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"), 1);
 var import_FileDownloadOutlined = __toESM(require("@mui/icons-material/FileDownloadOutlined"), 1);
+var Muicon2 = __toESM(require("@mui/icons-material"), 1);
 var AttachmentMobile = ({
   buttonAttachment,
   maxSize = 400,
@@ -901,7 +912,8 @@ var AttachmentMobile = ({
   onChange,
   children,
   sx,
-  view = "button"
+  view = "button",
+  iconFileItem
 }) => {
   const webcamRef = (0, import_react7.useRef)(null);
   const [abrirCamara, setAbrirCamara] = (0, import_react7.useState)(false);
@@ -912,6 +924,14 @@ var AttachmentMobile = ({
   const toggleAttachment = (newOpen) => () => {
     setOpen(newOpen);
   };
+  let IconFileItem;
+  if (iconFileItem) {
+    if (Muicon2[iconFileItem] == void 0) {
+      IconFileItem = iconFileItem;
+    } else {
+      IconFileItem = Muicon2[iconFileItem];
+    }
+  }
   const closeCam = () => {
     setAbrirCamara(false);
   };
@@ -1220,7 +1240,7 @@ var AttachmentMobile = ({
           }
         }
       },
-      /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, /* @__PURE__ */ import_react7.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement(import_material5.Stack, { direction: "row", alignItems: "center", gap: 1, width: "100%" }, iconFileItem ? /* @__PURE__ */ import_react7.default.createElement(import_material5.SvgIcon, { color: file.uploadError ? "error" : "primary", fontSize: "small", component: IconFileItem }) : /* @__PURE__ */ import_react7.default.createElement(
         import_icons_material7.UploadFileOutlined,
         {
           color: file.uploadError ? "error" : "primary",
@@ -1474,10 +1494,10 @@ var import_material18 = require("@mui/material");
 var import_Grid4 = __toESM(require("@mui/material/Grid"), 1);
 
 // src/Components/Drawer/Helpers/Utils.tsx
-var Muicon = __toESM(require("@mui/icons-material"), 1);
+var Muicon3 = __toESM(require("@mui/icons-material"), 1);
 var getIcon = (iconName) => {
-  if (iconName && iconName in Muicon) {
-    return Muicon[iconName];
+  if (iconName && iconName in Muicon3) {
+    return Muicon3[iconName];
   }
   return null;
 };
@@ -1625,7 +1645,7 @@ var useChipFilters = (arrayElements, chipFilters) => {
       var _a, _b, _c, _d;
       const { validation, element: typeElement } = validateTypeElements(element);
       const textValue = ((_a = typeElement.state) == null ? void 0 : _a.textValue) !== void 0 ? String((_b = typeElement.state) == null ? void 0 : _b.textValue) : String(typeElement.state);
-      if (textValue.trim() !== "" && textValue.trim() !== ",") {
+      if (textValue.trim() !== "" && textValue.trim() !== "," && textValue.trim() !== "undefined") {
         const value = validation === "dateRange" ? `${(_c = typeElement.state[0]) == null ? void 0 : _c.format("DD/MM/YYYY")} - ${(_d = typeElement.state[1]) == null ? void 0 : _d.format("DD/MM/YYYY")}` : textValue;
         const existingFilterIndex = newFiltersToAdd.findIndex(
           (filter) => filter.arrayElement.label === element.label
@@ -1688,7 +1708,7 @@ var useChipFilters = (arrayElements, chipFilters) => {
         return ((_b = typeElement.state) == null ? void 0 : _b[0]) !== null && ((_c = typeElement.state) == null ? void 0 : _c[1]) !== null;
       } else {
         const stateValue = String(typeElement.state).trim();
-        return stateValue !== "" && stateValue !== ",";
+        return stateValue !== "" && stateValue !== "," && stateValue !== "undefined";
       }
     });
   };
@@ -1811,8 +1831,8 @@ var DrawerButton = ({
 // src/Components/Drawer/components/ChipFiltersDisplay.tsx
 var import_react15 = __toESM(require("react"), 1);
 var import_material9 = require("@mui/material");
-var import_ArrowBackIos = __toESM(require("@mui/icons-material/ArrowBackIos"), 1);
-var import_ArrowForwardIos = __toESM(require("@mui/icons-material/ArrowForwardIos"), 1);
+var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
+var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
 var ChipFiltersDisplay = ({
   textFilters,
   onDeleteFilter
@@ -1823,7 +1843,7 @@ var ChipFiltersDisplay = ({
       scrollRef.current.scrollLeft += offset;
     }
   };
-  return /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ArrowBackIos.default, { fontSize: "small" })), /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(import_material9.Box, { display: "flex", alignItems: "center", sx: { maxWidth: "78%" } }, /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(-150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ChevronLeft.default, { fontSize: "small", color: "action" })), /* @__PURE__ */ import_react15.default.createElement(
     import_material9.Box,
     {
       ref: scrollRef,
@@ -1850,7 +1870,7 @@ var ChipFiltersDisplay = ({
         }
       })
     ))
-  ), /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ArrowForwardIos.default, { fontSize: "small" })));
+  ), /* @__PURE__ */ import_react15.default.createElement(import_material9.IconButton, { onClick: () => scroll(150), size: "small" }, /* @__PURE__ */ import_react15.default.createElement(import_ChevronRight.default, { fontSize: "small", color: "action" })));
 };
 
 // src/Components/Drawer/components/DrawerContent.tsx
@@ -1864,16 +1884,16 @@ var import_Grid = __toESM(require("@mui/material/Grid"), 1);
 var import_icons_material9 = require("@mui/icons-material");
 
 // src/Components/Textfield/Helpers/validateIcon.tsx
-var Muicon2 = __toESM(require("@mui/icons-material"), 1);
+var Muicon4 = __toESM(require("@mui/icons-material"), 1);
 function getIconComponent2(name) {
   if (typeof name !== "string") return name;
-  return name in Muicon2 ? Muicon2[name] : void 0;
+  return name in Muicon4 ? Muicon4[name] : void 0;
 }
 function getIconValidation(name) {
   if (typeof name !== "string") {
     return (name == null ? void 0 : name.type) ? "icon" : "text";
   }
-  return name in Muicon2 ? "icon" : "text";
+  return name in Muicon4 ? "icon" : "text";
 }
 
 // src/Components/Textfield/Helpers/validateKeyDown.tsx
@@ -2316,7 +2336,7 @@ var SCTextArea = ({
 var import_react18 = __toESM(require("react"), 1);
 var import_material12 = require("@mui/material");
 var import_Select = __toESM(require("@mui/material/Select"), 1);
-var Muicon3 = __toESM(require("@mui/icons-material"), 1);
+var Muicon5 = __toESM(require("@mui/icons-material"), 1);
 function SCSelect({
   label = "",
   data,
@@ -2350,7 +2370,7 @@ function SCSelect({
   data.map(function(option, index, array) {
     if (option == null ? void 0 : option.icon) {
       if ((option == null ? void 0 : option.icon.type) == void 0) {
-        option.icon = Muicon3[option == null ? void 0 : option.icon];
+        option.icon = Muicon5[option == null ? void 0 : option.icon];
       } else {
         option;
       }
@@ -2432,7 +2452,7 @@ function SCSelect({
 var import_react19 = __toESM(require("react"), 1);
 var import_material13 = require("@mui/material");
 var import_icons_material11 = require("@mui/icons-material");
-var Muicon4 = __toESM(require("@mui/icons-material"), 1);
+var Muicon6 = __toESM(require("@mui/icons-material"), 1);
 var StopEvent = ({ children }) => {
   return /* @__PURE__ */ import_react19.default.createElement(
     import_material13.Box,
@@ -2506,7 +2526,7 @@ function SCAutocomplete({
     return data.map((option) => {
       if ((option == null ? void 0 : option.icon) && option.icon.type === void 0) {
         return __spreadProps(__spreadValues({}, option), {
-          icon: Muicon4[option.icon]
+          icon: Muicon6[option.icon]
         });
       }
       return option;
@@ -4296,7 +4316,7 @@ var PageHeader = ({
       zIndex: 10,
       sx: { boxShadow: shadow ? (theme) => theme.shadows[1] : "none" }
     },
-    /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.primary" }, subtitle))), actions && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
+    /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { "data-testid": "page-header-content", height: 40, px: 3, pl: buttonBack ? 1 : 3, direction: "row", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "left-section", direction: "row", alignItems: "center", gap: 1 }, buttonBack, /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "text-section", gap: 0.5 }, /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-title", variant: "h6", color: "text.primary" }, title), subtitle && /* @__PURE__ */ import_react42.default.createElement(import_material28.Typography, { "data-testid": "page-header-subtitle", variant: "caption", color: "text.secondary" }, subtitle))), actions && /* @__PURE__ */ import_react42.default.createElement(import_material28.Stack, { id: "right-actions", direction: "row", alignItems: "center", gap: 1 }, actions))
   );
 };
 
@@ -4315,24 +4335,24 @@ var import_react43 = __toESM(require("react"), 1);
 var import_material29 = require("@mui/material");
 var import_Grid5 = __toESM(require("@mui/material/Grid"), 1);
 var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
-var Muicon5 = __toESM(require("@mui/icons-material"), 1);
+var Muicon7 = __toESM(require("@mui/icons-material"), 1);
 var SCListContent = ({ options, iconLeftType = "Icon", iconRightType = "Icon" }) => {
   const [selectedIndex, setSelectedIndex] = import_react43.default.useState("1");
   const [value, setValue] = import_react43.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) {
-        const found = Muicon5[option == null ? void 0 : option.iconLeft];
+        const found = Muicon7[option == null ? void 0 : option.iconLeft];
         if (found != void 0) {
-          option.iconLeft = Muicon5[option == null ? void 0 : option.iconLeft];
+          option.iconLeft = Muicon7[option == null ? void 0 : option.iconLeft];
         }
       }
     }
     if (option == null ? void 0 : option.iconRight) {
       if ((option == null ? void 0 : option.iconRight.type) == void 0) {
-        const found = Muicon5[option == null ? void 0 : option.iconRight];
+        const found = Muicon7[option == null ? void 0 : option.iconRight];
         if (found != void 0) {
-          option.iconRight = Muicon5[option == null ? void 0 : option.iconRight];
+          option.iconRight = Muicon7[option == null ? void 0 : option.iconRight];
         }
       }
     }
@@ -4388,8 +4408,6 @@ var SCActivityCalendar = ({
   const [openCalendar, setOpenCalendar] = import_react44.default.useState(false);
   const [anchorPopoverFiltro, setAnchorPopoverFiltro] = (0, import_react44.useState)(null);
   const [datosEventos, setDatosEventos] = import_react44.default.useState(events);
-  console.log("eventos", events);
-  console.log("datosEventos", datosEventos);
   const openPopoverFiltro = Boolean(anchorPopoverFiltro);
   const hoy = /* @__PURE__ */ new Date();
   const inicioSemana = (0, import_date_fns.startOfWeek)(fecha, { weekStartsOn: 0 });
@@ -4524,12 +4542,9 @@ var SCActivityCalendar = ({
       flexDirection: "column"
     } }, (() => {
       const esDomingo = day.getDay() === 0;
-      console.log("D\xEDa:", day);
-      console.log("Filtrando eventos para el d\xEDa:", datosEventos);
       const eventosDelDia = datosEventos.filter(
         (event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
       );
-      console.log("Cantidad eventos para el d\xEDa:", eventosDelDia);
       if (eventosDelDia.length > 0) {
         return eventosDelDia.map((event2, idx) => /* @__PURE__ */ import_react44.default.createElement(
           SCListContent,
@@ -4783,13 +4798,13 @@ 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 Muicon6 = __toESM(require("@mui/icons-material"), 1);
+var Muicon8 = __toESM(require("@mui/icons-material"), 1);
 var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
   let iconTitleValidation = "";
   let IconTitle;
   const [expanded, setExpanded] = import_react48.default.useState(false);
   if (iconTitle) {
-    if (Muicon6[iconTitle] == void 0) {
+    if (Muicon8[iconTitle] == void 0) {
       if (iconTitle && import_react48.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
@@ -4799,7 +4814,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, content,
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon6[iconTitle];
+      IconTitle = Muicon8[iconTitle];
     }
   }
   const handleExpandClick = () => {
@@ -4856,7 +4871,7 @@ 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, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
+function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableHeader, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
   import_x_license2.LicenseInfo.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
@@ -5159,6 +5174,9 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       },
       sx: {
         maxHeight: maxHeight ? `${maxHeight}px` : "none",
+        "& .MuiDataGrid-columnHeaders": {
+          display: disableHeader == true ? "none" : "block"
+        },
         "& .MuiDataGrid-filler": {
           display: "none !important"
         },
@@ -5354,7 +5372,7 @@ var import_Grid9 = __toESM(require("@mui/material/Grid"), 1);
 var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
 var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"), 1);
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
-var Muicon7 = __toESM(require("@mui/icons-material"), 1);
+var Muicon9 = __toESM(require("@mui/icons-material"), 1);
 var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView = "web", setShow, show }) => {
   let i = 0;
   let iconTitleValidation = "";
@@ -5369,17 +5387,17 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     }
   }, [show]);
   if ((buttonDialog == null ? void 0 : buttonDialog.icon) != void 0) {
-    if (Muicon7[buttonDialog == null ? void 0 : buttonDialog.icon] == void 0) {
+    if (Muicon9[buttonDialog == null ? void 0 : buttonDialog.icon] == void 0) {
       ButtonIcon = buttonDialog == null ? void 0 : buttonDialog.icon;
     } else {
-      ButtonIcon = Muicon7[buttonDialog == null ? void 0 : buttonDialog.icon];
+      ButtonIcon = Muicon9[buttonDialog == null ? void 0 : buttonDialog.icon];
     }
   }
   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 = Muicon7[option == null ? void 0 : option.icon];
+          option.icon = Muicon9[option == null ? void 0 : option.icon];
         } else {
           option;
         }
@@ -5387,17 +5405,17 @@ var SCDialog = ({ title, iconTitle, subtitle, content, actions, buttonDialog, di
     });
   }
   if (iconTitle) {
-    if (Muicon7[iconTitle] == void 0) {
-      if (Muicon7[iconTitle]) {
+    if (Muicon9[iconTitle] == void 0) {
+      if (Muicon9[iconTitle]) {
         iconTitleValidation = "icon";
-        IconTitle = Muicon7[iconTitle];
+        IconTitle = Muicon9[iconTitle];
       } else {
         iconTitleValidation = "image";
         IconTitle = iconTitle;
       }
     } else {
       iconTitleValidation = "icon";
-      IconTitle = Muicon7[iconTitle];
+      IconTitle = Muicon9[iconTitle];
     }
   }
   const handleOpen = () => {
@@ -5542,7 +5560,7 @@ function useWindowDimensions() {
 }
 
 // src/Components/SCMenu.tsx
-var Muicon8 = __toESM(require("@mui/icons-material"), 1);
+var Muicon10 = __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;
@@ -5562,14 +5580,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 = Muicon8[option == null ? void 0 : option.iconLeft];
+        option.iconLeft = Muicon10[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 = Muicon8[option == null ? void 0 : option.iconRight];
+        option.iconRight = Muicon10[option == null ? void 0 : option.iconRight];
       } else {
         option;
       }
@@ -5644,7 +5662,7 @@ var import_react55 = __toESM(require("react"), 1);
 var import_material37 = require("@mui/material");
 var import_TabPanel = __toESM(require("@mui/lab/TabPanel"), 1);
 var import_TabContext = __toESM(require("@mui/lab/TabContext"), 1);
-var Muicon9 = __toESM(require("@mui/icons-material"), 1);
+var Muicon11 = __toESM(require("@mui/icons-material"), 1);
 var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }) => {
   const [toast, setToast] = import_react55.default.useState(null);
   let i = 0;
@@ -5662,9 +5680,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 Muicon9 == true) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon11 == true) {
           validateTypeIcon = true;
-          option.iconOrBadge = Muicon9[option == null ? void 0 : option.iconOrBadge];
+          option.iconOrBadge = Muicon11[option == null ? void 0 : option.iconOrBadge];
         } else {
           validateTypeIcon = false;
           setTimeout(() => {
@@ -5678,7 +5696,7 @@ var SCTabs = ({ options, defaultOption, typeIcon, background, iconPosition, colo
           return;
         }
       } else if (typeIcon == "badge") {
-        if ((option == null ? void 0 : option.iconOrBadge) in Muicon9 == false) {
+        if ((option == null ? void 0 : option.iconOrBadge) in Muicon11 == false) {
           validateTypeIcon = true;
           option;
         } else {
@@ -5818,7 +5836,7 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ import_react56.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { position: "relative", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react56.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs }, /* @__PURE__ */ import_react56.default.createElement(import_material38.Box, { sx: { position: "relative", minWidth: "120px", width: width ? `${width}%` : "99%" } }, /* @__PURE__ */ import_react56.default.createElement(
     import_TimeField.TimeField,
     {
       label,