componentes-sinco 1.1.15 → 1.1.17

package/dist/index.d.cts

@@ -93,6 +93,7 @@ interface DrawerProps<T> {
         text: string;
         fn: () => void;
         disabled?: boolean;
+        color?: "primary" | "secondary" | "error" | "info" | "success" | "warning";
     }[] | boolean;
     buttonDrawer?: false | {
         type?: 'chip' | 'button';
@@ -109,6 +110,8 @@ interface DrawerProps<T> {
     setOpen?: any;
     chipFilters?: any[];
     heightDrawer?: number;
+    filterSideCard?: any;
+    ref?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -135,7 +138,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, filterSideCard, ref, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -330,12 +333,18 @@ interface SCDataGridInitialProps<T> {
     getRowId?: (row: T) => string | number;
     rowsTable?: number;
     checkboxSelection?: boolean;
+    rowSelection?: boolean;
     width?: string | number;
     maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
     disableColumnMenu?: boolean;
     disableColumnSorting?: boolean;
+    setSelectedIndex?: (index: number) => void;
+    selectedIndex?: number;
+    setSelectedRow?: (any: any) => void;
+    selectedRow?: any;
 }
-declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, disableColumnMenu, disableColumnSorting }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, 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 SCAutocompleteProps<T> {

package/dist/index.d.ts

@@ -93,6 +93,7 @@ interface DrawerProps<T> {
         text: string;
         fn: () => void;
         disabled?: boolean;
+        color?: "primary" | "secondary" | "error" | "info" | "success" | "warning";
     }[] | boolean;
     buttonDrawer?: false | {
         type?: 'chip' | 'button';
@@ -109,6 +110,8 @@ interface DrawerProps<T> {
     setOpen?: any;
     chipFilters?: any[];
     heightDrawer?: number;
+    filterSideCard?: any;
+    ref?: any;
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -135,7 +138,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, filterSideCard, ref, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -330,12 +333,18 @@ interface SCDataGridInitialProps<T> {
     getRowId?: (row: T) => string | number;
     rowsTable?: number;
     checkboxSelection?: boolean;
+    rowSelection?: boolean;
     width?: string | number;
     maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
     disableColumnMenu?: boolean;
     disableColumnSorting?: boolean;
+    setSelectedIndex?: (index: number) => void;
+    selectedIndex?: number;
+    setSelectedRow?: (any: any) => void;
+    selectedRow?: any;
 }
-declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, disableColumnMenu, disableColumnSorting }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, 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 SCAutocompleteProps<T> {

package/dist/index.js

@@ -1325,7 +1325,13 @@ var SCTextField = ({
       fullWidth: true,
       size: size ? size : "medium",
       variant,
-      sx: { background: background || "transparent", borderRadius: "4px" }
+      sx: {
+        background: background || "transparent",
+        borderRadius: "4px",
+        "& .MuiOutlinedInput-input": {
+          padding: "6px 0px 6px 14px"
+        }
+      }
     },
     /* @__PURE__ */ React8.createElement(
       InputLabel,
@@ -1334,7 +1340,13 @@ var SCTextField = ({
         htmlFor: "",
         required: required && label !== "" ? true : false,
         error,
-        disabled: disabled || false
+        disabled: disabled || false,
+        sx: {
+          "&.MuiInputLabel-outlined": {
+            transform: "translate(14px, 8px) scale(1)"
+            // <-- tu transform
+          }
+        }
       },
       label ? label : ""
     ),
@@ -2073,6 +2085,9 @@ var SCDateRange = ({
               "& .MuiInputLabel-asterisk": {
                 color: "error.main"
               },
+              "& .MuiPickersOutlinedInput-sectionsContainer": {
+                padding: "6px 0px"
+              },
               background: background != null ? background : "transparent"
             }
           };
@@ -2229,15 +2244,15 @@ var DrawerActions = ({ actions, anchor }) => {
       height: "42px",
       alignItems: "center",
       flexWrap: "nowrap",
-      justifyContent: actions.length > 1 ? "space-between" : anchor !== "right" ? "flex-end" : "flex-start",
-      flexDirection: anchor !== "right" ? "row-reverse" : "row"
+      justifyContent: actions.length > 1 ? "space-between" : "flex-start",
+      flexDirection: "row-reverse"
     },
     actions.map((btn, index) => /* @__PURE__ */ React14.createElement(
       Button7,
       {
         key: index,
         variant: index === 0 || actions.length < 2 ? "contained" : "text",
-        color: "primary",
+        color: btn.color ? btn.color : "primary",
         onClick: btn.fn,
         disabled: btn.disabled || false,
         size: "small",
@@ -2257,7 +2272,8 @@ var DrawerHeader = ({
   title,
   colorTitle,
   onClose,
-  anchor
+  anchor,
+  filterSideCard
 }) => {
   return /* @__PURE__ */ React15.createElement(
     Grid5,
@@ -2265,9 +2281,9 @@ var DrawerHeader = ({
       container: true,
       sx: {
         marginTop: anchor == "bottom" ? "16px" : "0px",
-        backgroundColor: anchor == "bottom" ? "white" : "primary.50",
+        backgroundColor: anchor == "bottom" ? "white" : filterSideCard ? "#EAEBEC" : "primary.50",
         alignItems: "center",
-        height: "42px",
+        height: filterSideCard ? "38px" : "42px",
         textAlign: "left",
         padding: "8px 12px",
         justifyContent: "space-between",
@@ -2275,7 +2291,7 @@ var DrawerHeader = ({
       }
     },
     /* @__PURE__ */ React15.createElement(Typography8, { variant: "h6", color: colorTitle || "text.primary" }, title != null ? title : "Personaliza tu b\xFAsqueda"),
-    /* @__PURE__ */ React15.createElement(IconButton8, { onClick: onClose }, /* @__PURE__ */ React15.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
+    filterSideCard ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, filterSideCard) : /* @__PURE__ */ React15.createElement(IconButton8, { onClick: onClose }, /* @__PURE__ */ React15.createElement(CloseIcon, { "data-testid": "test-button-close", sx: { color: "text.primary" } }))
   );
 };
 
@@ -2291,7 +2307,9 @@ function SCDrawer({
   open,
   setOpen,
   chipFilters,
-  heightDrawer = 456
+  heightDrawer = 456,
+  filterSideCard,
+  ref
 }) {
   const drawerBleeding = heightDrawer;
   const { drawerOpen, handleDrawerClose, toggleDrawer } = useDrawerState({ open, setOpen });
@@ -2318,6 +2336,7 @@ function SCDrawer({
       );
     }
   };
+  const containerRef = React16.useRef(null);
   const handleCleanFilters = () => {
     cleanAllFilters(arrayElements, setTextFilters);
   };
@@ -2360,13 +2379,37 @@ function SCDrawer({
     Drawer,
     {
       open: drawerOpen,
-      onClose: toggleDrawer(false),
+      onClose: filterSideCard ? void 0 : toggleDrawer(false),
       anchor: anchor != null ? anchor : "left",
       sx: {
         "& .MuiDrawer-paper": {
-          width: width != null ? width : "450px",
+          width: filterSideCard ? "100%" : width != null ? width : "450px",
           boxSizing: "border-box",
-          borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px"
+          borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
+          boxShadow: filterSideCard ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
+        },
+        "&.MuiDrawer-root": {
+          boxShadow: filterSideCard ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
+        }
+      },
+      ModalProps: {
+        container: ref == null ? void 0 : ref.current,
+        keepMounted: true,
+        slotProps: {
+          root: {
+            style: {
+              position: "absolute"
+            }
+          }
+        }
+      },
+      hideBackdrop: true,
+      PaperProps: {
+        sx: {
+          position: "absolute !important",
+          height: "100%",
+          width: 300,
+          right: 0
         }
       }
     },
@@ -2375,7 +2418,9 @@ function SCDrawer({
       {
         title,
         colorTitle,
-        onClose: handleDrawerClose
+        onClose: handleDrawerClose,
+        anchor,
+        filterSideCard
       }
     ), /* @__PURE__ */ React16.createElement(DrawerContent, { arrayElements }), /* @__PURE__ */ React16.createElement(DrawerActions, { actions: drawerActions, anchor }))
   ) : /* @__PURE__ */ React16.createElement(
@@ -2804,7 +2849,7 @@ import { LicenseInfo as LicenseInfo2 } from "@mui/x-license";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import { useTheme } from "@mui/material/styles";
-function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, checkboxSelection, width, maxHeight, disableColumnMenu, disableColumnSorting }) {
+function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex = 0, setSelectedRow, selectedRow }) {
   LicenseInfo2.setLicenseKey(
     "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
   );
@@ -2832,7 +2877,6 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
     renderCell: (params) => {
       var _a, _b;
       let label = params.value.toString().includes("/") ? params.value.split("/")[0].toString() : params.value.toString();
-      debugger;
       let maxDepth = 0;
       if (groupColumns && data.length > 0) {
         const sampleItem = groupColumns(data[0]);
@@ -2955,24 +2999,32 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
       }
     }
   };
-  let densityC = "compact";
   let validationTreeData = groupColumns ? true : false;
   let validationCheckboxSelection = checkboxSelection || false;
-  let styleDensity = densityC || "compact";
-  let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "38px" : styleDensity === "comfortable" ? "60px" : "27px";
-  let styleRowHeight = densityC == "compact" ? 32 : densityC == "standard" ? 28 : densityC == "comfortable" ? 36 : 32;
+  let styleDensity = density || "compact";
+  let styleTopContainerHeight = styleDensity === "compact" ? "26px" : styleDensity === "standard" ? "32px" : styleDensity === "comfortable" ? "40px" : "26px";
+  let styleRowHeight = density == "compact" ? 32 : density == "standard" ? 28 : density == "comfortable" ? 31 : 32;
   let rows = rowsTable ? rowsTable : validationTreeData != false ? parseInt(data.length.toString()) : data.length < 10 ? parseInt(data.length.toString()) : 10;
   let validationGroupingColDef = groupingColDefs || {};
   const [groupDataLenght, setGroupDataLengh] = useState13(0);
   const [pageSize, setPageSize] = useState13(rows);
   const [arrayRows, setArrayRows] = useState13([]);
   const [selectionModel, setSelectionModel] = useState13([]);
+  useEffect13(() => {
+    var _a;
+    debugger;
+    if (setSelectedRow) {
+      setSelectedRow(arrayRows[selectedIndex]);
+      setSelectionModel(((_a = arrayRows[selectedIndex]) == null ? void 0 : _a.id) ? [arrayRows[selectedIndex].id] : []);
+    }
+  }, [selectedIndex]);
   useEffect13(() => {
     if ((data == null ? void 0 : data.length) > 0) {
       dataConvertRows(data, void 0);
     }
   }, [data]);
   const dataConvertRows = (data2, columnId) => {
+    var _a;
     let dataConvert = [];
     if ((data2 == null ? void 0 : data2.length) > 0) {
       const dataKeys = Object.keys(data2[0]);
@@ -2987,9 +3039,15 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
         dataConvert = [...dataConvert, newKeys];
       });
     }
+    debugger;
     setArrayRows(dataConvert);
+    if (arrayRows.length == 0 && (groupDataLenght < 1 && validationTreeData != true)) {
+      setSelectedRow && setSelectedRow(dataConvert[selectedIndex]);
+      setSelectionModel([(_a = dataConvert[0]) == null ? void 0 : _a.id]);
+    }
   };
   const handleSelectionChange = (newSelection) => {
+    debugger;
     if (groupDataLenght > 0 && validationTreeData == true) {
       let numberGrouped = 0;
       let idsRowSelectBefore = [];
@@ -3010,6 +3068,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
           }
         }
       });
+      debugger;
       if (idRowSelect !== null) {
         const soloEnArr1 = idsRowSelectBefore.filter((elemento) => !idRowSelect.includes(elemento));
         const hasCommonElements = idsRowSelectBefore.some((element) => idRowSelect.includes(element));
@@ -3020,7 +3079,13 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
         }
       }
     } else {
+      debugger;
       setSelectionModel([...newSelection]);
+      const selectedId = newSelection[0];
+      const index = arrayRows.findIndex((row) => row.id === selectedId);
+      if (index !== -1 && setSelectedIndex) {
+        setSelectedIndex(index);
+      }
     }
   };
   const processedColumns = columns.map((col) => {
@@ -3054,7 +3119,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
   }, [columnVisibilityModel, apiRef]);
   return /* @__PURE__ */ React21.createElement(React21.Fragment, null, data && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { style: { width: width || "100%", maxHeight: maxHeight ? `${maxHeight}px` : "none" } }, /* @__PURE__ */ React21.createElement(
     DataGridPro,
-    {
+    __spreadProps(__spreadValues({
       getRowId,
       apiRef,
       rowHeight: styleRowHeight,
@@ -3074,16 +3139,16 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
       checkboxSelection: validationCheckboxSelection,
       rowSelectionModel: selectionModel,
       onRowSelectionModelChange: (newSelection) => handleSelectionChange(newSelection),
-      isRowSelectable,
-      disableRowSelectionOnClick: true,
+      isRowSelectable
+    }, rowSelection != true ? { disableRowSelectionOnClick: true } : {}), {
       hideFooter: validationTreeData == true ? true : false,
       disableColumnResize: false,
       localeText: {
         noRowsLabel: "No hay filas",
         columnMenuLabel: "Men\xFA de columna",
         footerTotalRows: "Filas Totales:",
-        footerRowSelected: (count) => `${count.toLocaleString()} fila(s) seleccionada(s)`,
-        // Ejemplo de traducción dinámica
+        footerRowSelected: () => "",
+        // Ejemplo de traducción dinámica para que diga cuantas filas selecciono count => `${count.toLocaleString()} fila(s) seleccionada(s)`
         MuiTablePagination: {
           labelRowsPerPage: "Filas por p\xE1gina:",
           labelDisplayedRows: ({ from, to, count }) => `${from}\u2013${to} de ${count !== -1 ? count : `m\xE1s de ${to}`}`
@@ -3094,9 +3159,16 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
         "& .MuiDataGrid-filler": {
           display: "none !important"
         },
+        "& .MuiDataGrid-columnHeader": {
+          backgroundColor: "#FBFBFB"
+        },
+        "& .MuiDataGrid-columnSeparator": {
+          display: "none"
+        },
         "& .MuiDataGrid-footerContainer": {
           minHeight: "26px !important",
-          height: "26px !important"
+          height: "26px !important",
+          backgroundColor: "#FBFBFB"
         },
         "& .MuiTablePagination-toolbar": {
           minHeight: "25px !important",
@@ -3117,6 +3189,10 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
           padding: "0 !important",
           background: "white"
         },
+        // Fila seleccionada (cuando selectionModel selecciona filas)
+        "& .MuiDataGrid-row.Mui-selected .MuiDataGrid-cell": {
+          backgroundColor: "#2063A014"
+        },
         // Ocultar celdas vacías completamente
         "& .MuiDataGrid-cellEmpty": {
           display: "none !important",
@@ -3195,7 +3271,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, c
           visibility: "hidden !important"
         }
       }
-    }
+    })
   ))));
 }
 var SCDataGrid = React21.memo(SCDataGridInitial, (prevProps, nextProps) => {
@@ -4655,7 +4731,7 @@ var SCTime = ({
             )),
             sx: {
               backgroundColor: background,
-              padding: "8px 12px",
+              padding: "6px 12px",
               cursor: disabled ? "default" : "pointer",
               "& input": {
                 cursor: disabled ? "default" : "pointer"
@@ -4929,7 +5005,7 @@ var SCActivityCalendar = ({
               subtitle: /* @__PURE__ */ React42.createElement(React42.Fragment, null, configRangeHour && new Date(event2.date.replace("00:00:00", event2.startTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getHours() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getHours() && new Date(event2.date.replace("00:00:00", event2.startTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getMinutes() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, "Todo el dia"), /* @__PURE__ */ React42.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React42.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
               iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
-              description: /* @__PURE__ */ React42.createElement(React42.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null),
+              description: /* @__PURE__ */ React42.createElement(Grid11, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(Grid11, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ React42.createElement(Typography25, { variant: "body2" }, event2.equipmentDescription)),
               divider: eventosDelDia.length === idx + 1 ? false : true,
               colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
               fn: fn ? () => fn(event2) : void 0
@@ -5544,10 +5620,10 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
       sx: {
         minWidth: 140,
         width: width || "100%",
+        background: background || "transparent",
         "& .MuiPickersInputBase-sectionsContainer": {
-          padding: "8px 0px"
-        },
-        background: background || "transparent"
+          padding: "6px 0px"
+        }
       },
       slotProps: {
         popper: {
@@ -5684,25 +5760,25 @@ var components = {
           {
             props: { density: "compact" },
             style: {
-              "--height": "24px",
-              minHeight: "24px !important",
-              maxHeight: "24px !important"
+              "--height": "26px",
+              minHeight: "26px !important",
+              maxHeight: "26px !important"
             }
           },
           {
             props: { density: "standard" },
             style: {
-              "--height": "36px",
-              minHeight: "36px !important",
-              maxHeight: "36px !important"
+              "--height": "32px",
+              minHeight: "32px !important",
+              maxHeight: "32px !important"
             }
           },
           {
             props: { density: "comfortable" },
             style: {
-              "--height": "52px",
-              minHeight: "52px !important",
-              maxHeight: "52px !important"
+              "--height": "40px",
+              minHeight: "40px !important",
+              maxHeight: "40px !important"
             }
           }
         ]
@@ -5712,25 +5788,25 @@ var components = {
           {
             props: { density: "compact" },
             style: {
-              "--height": "24px",
-              minHeight: "24px !important",
-              maxHeight: "24px !important"
+              "--height": "26px",
+              minHeight: "26px !important",
+              maxHeight: "26px !important"
             }
           },
           {
             props: { density: "standard" },
             style: {
-              "--height": "36px",
-              minHeight: "36px !important",
-              maxHeight: "36px !important"
+              "--height": "32px",
+              minHeight: "32px !important",
+              maxHeight: "32px !important"
             }
           },
           {
             props: { density: "comfortable" },
             style: {
-              "--height": "52px",
-              minHeight: "52px !important",
-              maxHeight: "52px !important"
+              "--height": "40px",
+              minHeight: "40px !important",
+              maxHeight: "40px !important"
             }
           }
         ]
@@ -5743,25 +5819,25 @@ var components = {
           {
             props: { density: "compact" },
             style: {
-              "--height": "24px",
-              minHeight: "24px !important",
-              maxHeight: "24px !important"
+              "--height": "26px",
+              minHeight: "26px !important",
+              maxHeight: "26px !important"
             }
           },
           {
             props: { density: "standard" },
             style: {
-              "--height": "36px",
-              minHeight: "36px !important",
-              maxHeight: "36px !important"
+              "--height": "32px",
+              minHeight: "32px !important",
+              maxHeight: "32px !important"
             }
           },
           {
             props: { density: "comfortable" },
             style: {
-              "--height": "52px",
-              minHeight: "52px !important",
-              maxHeight: "52px !important"
+              "--height": "40px",
+              minHeight: "40px !important",
+              maxHeight: "40px !important"
             }
           }
         ]
@@ -5794,9 +5870,9 @@ var components = {
           {
             props: { density: "comfortable" },
             style: {
-              "--height": "48px",
-              minHeight: "48px !important",
-              maxHeight: "48px !important"
+              "--height": "40px",
+              minHeight: "40px !important",
+              maxHeight: "40px !important"
             }
           }
         ]
@@ -5829,9 +5905,9 @@ var components = {
           {
             props: { density: "comfortable" },
             style: {
-              "--height": "48px",
-              minHeight: "48px !important",
-              maxHeight: "48px !important"
+              "--height": "40px",
+              minHeight: "40px !important",
+              maxHeight: "40px !important"
             }
           }
         ],
@@ -6596,7 +6672,7 @@ var components = {
     styleOverrides: {
       root: {
         "&.MuiAutocomplete-root .MuiOutlinedInput-root": {
-          padding: "6px 14px 6px 10px !important"
+          padding: "3px 14px 4px 10px !important"
         },
         "& .MuiAutocomplete-endAdornment": {
           top: "calc(50% - 12px)",