@m4l/styles 0.0.29 → 0.0.31

package/theme/overrides/M4LExtendedComponents/{index.c76da8b1.js → index.1cd7b9f2.js}

@@ -92,7 +92,8 @@ const i = (o) => ({
             width: "100%",
             height: "100%",
             borderRadius: "2px",
-            border: "unset",
+            border: "1px solid",
+            borderColor: o.palette.background.neutral,
             "&::placeholder": {
               color: o.palette.text.secondary
             }
@@ -1062,7 +1063,7 @@ const i = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), y = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
@@ -1129,10 +1130,7 @@ const i = (o) => ({
               },
               "& .M4LImage-root": {
                 position: "relative",
-                background: o.palette.background.default,
-                boxShadow: o.customShadows.z3,
                 padding: "6px",
-                borderRadius: "6px",
                 minWidth: "50px !important",
                 minHeight: "50px !important"
               }
@@ -1718,7 +1716,7 @@ const i = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), L = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -1834,6 +1832,7 @@ const i = (o) => ({
                 display: "flex",
                 flexDirection: "row",
                 width: "fit-content",
+                height: "100%",
                 justifyContent: "space-between",
                 [o.breakpoints.down("sm")]: {
                   width: "100%",
@@ -1871,172 +1870,136 @@ const i = (o) => ({
                 maxWidth: "100%",
                 [o.breakpoints.down("sm")]: {
                   width: "100%"
-                },
-                "& .simplebar-height-auto-observer-wrapper": {
-                  width: "fit-content",
-                  maxWidth: "100%",
-                  overflow: "auto"
-                },
-                "& .simplebar-mask": {
-                  "& .simplebar-offset": {
-                    "& .simplebar-content-wrapper": {
-                      width: "fit-content",
-                      maxWidth: "100%",
-                      overflow: "auto",
-                      "& .simplebar-content": {
-                        width: "fit-content",
-                        overflow: "auto"
-                      }
-                    }
-                  }
-                },
-                "& .simplebar-content-wrapper": {
-                  width: "fit-content",
-                  "& .M4LAreasAdmin-areaChipRoot ": {
-                    margin: "0px",
-                    borderRadius: "4px",
-                    overflow: "hidden",
+                }
+              },
+              "& .simplebar-height-auto-observer-wrapper": {
+                width: "fit-content",
+                maxWidth: "100%",
+                overflow: "auto"
+              },
+              "& .simplebar-mask": {
+                "& .simplebar-offset": {
+                  "& .simplebar-content-wrapper": {
                     width: "fit-content",
-                    cursor: "pointer",
-                    [o.breakpoints.down("sm")]: {
-                      background: "none",
-                      border: "none",
-                      boxShadow: "none",
-                      width: "100%"
-                    },
-                    "& .M4LAreasAdmin-areaChipEditButton": {
-                      transition: "all ease 0.3s",
-                      opacity: "0"
-                    },
-                    "&:hover .M4LAreasAdmin-areaChipEditButton": {
-                      transition: "all ease 0.3s",
-                      opacity: "1"
+                    maxWidth: "100%",
+                    overflow: "auto",
+                    "& .simplebar-content": {
+                      width: "fit-content",
+                      overflow: "auto"
                     }
                   }
-                },
-                "& .M4LAreasAdmin-areaChipMobileRoot": {
-                  display: "flex",
-                  overflow: "hidden",
-                  width: "100%",
-                  backgroundColor: o.palette.state.default,
-                  boxShadow: o.customShadows.z2,
-                  borderTop: "1.5px solid",
-                  borderColor: o.palette.state.borderTop,
+                }
+              },
+              "& .simplebar-content-wrapper": {
+                width: "fit-content",
+                "& .M4LAreasAdmin-areaChipRoot ": {
+                  margin: "0px",
                   borderRadius: "4px",
-                  [o.breakpoints.down("sm")]: {
-                    backgroundColor: o.palette.background.default,
-                    boxShadow: o.customShadows.z1,
-                    width: "100%"
-                  },
-                  "&:hover": {
-                    background: o.palette.state.active12
-                  },
-                  "& .M4LAreasAdmin-areaChipRoot ": {
-                    margin: "0px",
-                    borderRadius: "4px 0px 0px 4px",
-                    overflow: "hidden",
-                    width: "100%",
-                    position: "relative",
-                    [o.breakpoints.down("sm")]: {
-                      background: "none",
-                      border: "none",
-                      boxShadow: "none"
-                    }
-                  },
-                  "& .M4LAreasAdmin-selected .": {
-                    [o.breakpoints.down("sm")]: {
-                      background: "none"
-                    }
-                  }
-                },
-                "& .M4LAreasAdmin-areaChipMobileIconContainer": {
-                  display: "flex",
+                  overflow: "hidden",
                   width: "fit-content",
-                  borderRadius: "0px 0px 0px 0px",
-                  boxShadow: o.customShadows.z2,
-                  ...o.typography.body,
-                  color: o.palette.text.primary,
+                  cursor: "pointer",
                   [o.breakpoints.down("sm")]: {
+                    background: "none",
+                    border: "none",
                     boxShadow: "none",
                     width: "100%"
                   },
-                  "& .M4LIconButton-root": {
-                    background: "transparent",
-                    backgroundColor: "transparent",
-                    "& .M4LIcon-icon": {}
+                  "& .M4LAreasAdmin-areaChipEditButton": {
+                    transition: "all ease 0.3s",
+                    opacity: "0"
+                  },
+                  "&:hover .M4LAreasAdmin-areaChipEditButton": {
+                    transition: "all ease 0.3s",
+                    opacity: "1"
                   }
+                }
+              },
+              "& .M4LAreasAdmin-areaChipMobileRoot": {
+                display: "flex",
+                overflow: "hidden",
+                width: "100%",
+                backgroundColor: o.palette.state.default,
+                boxShadow: o.customShadows.z2,
+                borderTop: "1.5px solid",
+                borderColor: o.palette.state.borderTop,
+                borderRadius: "4px",
+                [o.breakpoints.down("sm")]: {
+                  backgroundColor: o.palette.background.default,
+                  boxShadow: o.customShadows.z1,
+                  width: "100%"
                 },
-                "& .MuiBox-root": {
-                  display: "flex",
-                  alignItems: "center",
-                  height: "100%"
-                },
-                "& .simplebar-content": {
-                  display: "flex",
-                  alignItems: "center"
+                "&:hover": {
+                  background: o.palette.state.active12
                 },
                 "& .M4LAreasAdmin-areaChipRoot ": {
-                  display: "flex",
-                  background: o.palette.background.default,
-                  borderRadius: "4px 4px 4px 4px",
-                  marginRight: "8px",
-                  minHeight: "26px",
-                  width: "fit-content",
-                  gap: "8px",
-                  paddingLeft: "8px",
-                  alignItems: "center",
+                  margin: "0px",
+                  borderRadius: "4px 0px 0px 4px",
+                  overflow: "hidden",
+                  width: "100%",
+                  position: "relative",
                   [o.breakpoints.down("sm")]: {
                     background: "none",
                     border: "none",
-                    borderColor: "none",
                     boxShadow: "none"
-                  },
-                  "& .M4LAreasAdmin-areaContainerChipEditButton": {
-                    display: "flex",
-                    width: "fit-content"
-                  },
+                  }
+                },
+                "& .M4LAreasAdmin-selected .": {
                   [o.breakpoints.down("sm")]: {
-                    height: "auto"
-                  },
-                  "&.M4LAreasAdmin-selected": {
-                    background: o.palette.state.active,
-                    ...o.typography.body,
-                    color: o.palette.text.primary,
-                    height: "22px",
-                    [o.breakpoints.down("sm")]: {
-                      height: "auto",
-                      background: "none"
-                    },
-                    "& .M4LAreasAdmin-areaChipTitle": {
-                      backgroundColor: "transparent",
-                      border: "none",
-                      textWrap: "nowrap",
-                      width: "auto",
-                      display: "flex",
-                      alignItems: "center",
-                      color: o.palette.patronus?.marbleLight[10],
-                      ...o.typography.action,
-                      [o.breakpoints.down("sm")]: {
-                        display: "inline",
-                        fontSize: "14px",
-                        textOverflow: "ellipsis",
-                        overflow: "hidden",
-                        whiteSpace: "nowrap",
-                        flex: "1",
-                        color: o.palette.text.primary
-                      }
-                    },
-                    "& .M4LIconButton-root": {
-                      [o.breakpoints.down("sm")]: {
-                        color: o.palette.text.primary
-                      },
-                      "& .M4LIcon-icon": {
-                        backgroundColor: `${o.palette.patronus?.marbleLight[10]}`,
-                        [o.breakpoints.down("sm")]: {
-                          color: o.palette.text.primary
-                        }
-                      }
-                    }
+                    background: "none"
+                  }
+                }
+              },
+              "& .M4LAreasAdmin-areaChipMobileIconContainer": {
+                display: "flex",
+                width: "fit-content",
+                borderLeft: "1px solid",
+                borderColor: o.palette.divider,
+                borderRadius: "0px 0px 0px 0px",
+                boxShadow: o.customShadows.z2,
+                ...o.typography.body,
+                color: o.palette.text.primary,
+                [o.breakpoints.down("sm")]: {
+                  boxShadow: "none"
+                },
+                "& .M4LIconButton-root": {
+                  background: "transparent",
+                  backgroundColor: "transparent",
+                  "& .M4LIcon-icon": {}
+                }
+              },
+              "& .MuiBox-root": {
+                display: "flex",
+                alignItems: "center",
+                height: "100%"
+              },
+              "& .simplebar-content": {
+                display: "flex",
+                alignItems: "center"
+              },
+              "& .M4LAreasAdmin-areaChipRoot ": {
+                display: "flex",
+                background: o.palette.background.default,
+                borderRadius: "4px 4px 4px 4px",
+                marginRight: "8px",
+                minHeight: "26px",
+                width: "fit-content",
+                gap: "8px",
+                paddingLeft: "8px",
+                alignItems: "center",
+                [o.breakpoints.down("sm")]: {
+                  background: "none",
+                  border: "none",
+                  borderColor: "none",
+                  boxShadow: "none"
+                },
+                "&.M4LAreasAdmin-selected": {
+                  background: o.palette.state.active,
+                  ...o.typography.body,
+                  color: o.palette.text.primary,
+                  height: "22px",
+                  [o.breakpoints.down("sm")]: {
+                    height: "auto",
+                    background: "none"
                   },
                   "& .M4LAreasAdmin-areaChipTitle": {
                     backgroundColor: "transparent",
@@ -2045,24 +2008,58 @@ const i = (o) => ({
                     width: "auto",
                     display: "flex",
                     alignItems: "center",
-                    color: o.palette.text.secondary,
-                    ...o.typography.body
+                    color: o.palette.patronus?.marbleLight[10],
+                    ...o.typography.action,
+                    [o.breakpoints.down("sm")]: {
+                      display: "inline",
+                      fontSize: "14px",
+                      textOverflow: "ellipsis",
+                      overflow: "hidden",
+                      whiteSpace: "nowrap",
+                      flex: "1",
+                      color: o.palette.text.primary
+                    }
                   },
                   "& .M4LIconButton-root": {
-                    display: "flex",
-                    justifyContent: "center",
-                    width: "20px",
-                    height: "20px",
                     [o.breakpoints.down("sm")]: {
                       color: o.palette.text.primary
                     },
-                    "&.M4LIconButton-variantPrimary": {
-                      background: o.palette.state.active,
+                    "& .M4LIcon-icon": {
+                      backgroundColor: `${o.palette.patronus?.marbleLight[10]}`,
                       [o.breakpoints.down("sm")]: {
                         color: o.palette.text.primary
                       }
                     }
                   }
+                },
+                "& .M4LAreasAdmin-areaChipTitle": {
+                  backgroundColor: "transparent",
+                  border: "none",
+                  textWrap: "nowrap",
+                  width: "auto",
+                  display: "flex",
+                  alignItems: "center",
+                  color: o.palette.text.secondary,
+                  ...o.typography.body
+                },
+                "& .M4LAreasAdmin-areaContainerChipEditButton": {
+                  display: "flex",
+                  width: "fit-content"
+                },
+                "& .M4LIconButton-root": {
+                  display: "flex",
+                  justifyContent: "center",
+                  width: "20px",
+                  height: "20px",
+                  [o.breakpoints.down("sm")]: {
+                    color: o.palette.text.primary
+                  },
+                  "&.M4LIconButton-variantPrimary": {
+                    background: o.palette.state.active,
+                    [o.breakpoints.down("sm")]: {
+                      color: o.palette.text.primary
+                    }
+                  }
                 }
               }
             }
@@ -2129,12 +2126,20 @@ const i = (o) => ({
       }
     }
   }
-}), w = (o) => ({
+}), f = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
         test: "root",
         background: o.palette.background.background,
+        "& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-40 .M4LAreasViewer-windowHeader": {
+          minHeight: "36px",
+          height: "36px"
+        },
+        "& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-48 .M4LAreasViewer-windowHeader": {
+          minHeight: "44px",
+          height: "44px"
+        },
         "& .M4LAreasViewer-areaGridLayout": {
           "& .M4LAreasViewer-resizeHandle": {
             test: "test",
@@ -2146,7 +2151,7 @@ const i = (o) => ({
           "& .M4LAreasViewer-windowRoot": {
             background: o.palette.background.background,
             border: "2px solid",
-            borderColor: o.palette.state.overdefoult,
+            borderColor: o.palette.state.scrollBar,
             boxShadow: "unset",
             borderRadius: "4px",
             display: "flex",
@@ -2172,15 +2177,13 @@ const i = (o) => ({
             "& .M4LAreasViewer-windowHeader": {
               display: "flex",
               flexDirection: "column",
-              background: o.palette.background.neutral,
+              background: o.palette.background.default,
               padding: "4px 4px 4px 8px",
-              height: "36px",
-              minHeight: "36px",
               border: "none",
               boxShadow: o.customShadows.z1,
+              height: "36px",
               [o.breakpoints.down("sm")]: {
-                height: "44px",
-                minHeight: "44px"
+                height: "44px"
               },
               "& .M4LAreasViewer-windowHeaderContent": {
                 display: "flex",
@@ -2333,7 +2336,7 @@ const i = (o) => ({
             },
             "& .M4LAreasViewer-windowContent": {
               padding: "4px",
-              background: o.palette.background.background,
+              background: o.palette.background.neutral,
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -2344,6 +2347,22 @@ const i = (o) => ({
               [o.breakpoints.up("sm")]: {
                 padding: "4px"
               },
+              "& .M4LAreasViewer-containerComponent": {
+                display: "flex",
+                width: "100%",
+                height: "100%",
+                overflow: "auto"
+              },
+              "& .M4LAreasViewer-loaderContainer": {
+                width: "100%",
+                height: "100%",
+                overflow: "auto",
+                display: "flex"
+              },
+              "& .M4LPrintingSystem-root": {
+                position: "relative",
+                margin: "auto"
+              },
               "& .M4LAreasViewer-containerLinearProgress": {
                 width: "100%",
                 height: "100%",
@@ -2371,7 +2390,6 @@ const i = (o) => ({
                 justifyContent: "end",
                 overflow: "hidden",
                 cursor: "move",
-                height: "36px",
                 "& .M4LTypography-root .MuiTypography-root": {
                   ...o.typography.paragraphDens
                 },
@@ -2544,60 +2562,6 @@ const i = (o) => ({
               }
             }
           }
-        },
-        "& .M4LAreasViewer-areasLoadingErrorRoot": {
-          display: "flex",
-          flexDirection: "column",
-          justifyContent: "center",
-          alignItems: "center",
-          position: "relative",
-          inset: "0",
-          overflow: "hidden",
-          width: "100%",
-          height: "100%",
-          "& .M4LAreasViewer-areasLoadingError": {
-            display: "flex",
-            padding: "12px",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: "12px",
-            position: "absolute",
-            inset: "0",
-            "& .M4LIcon-root": {
-              display: "flex",
-              padding: "12px",
-              marginBottom: "4px",
-              " .M4LIcon-icon": {
-                width: "100px",
-                height: "100px",
-                backgroundColor: o.palette.state.skeleton.default
-              }
-            },
-            "& .M4LAreasViewer-areasLoadingErrorTitle": {
-              ...o.typography.h3,
-              color: o.palette.text.primary,
-              [o.breakpoints.down("sm")]: {
-                ...o.typography.h5
-              }
-            },
-            "& .M4LAreasViewer-areasLoadingErrorDescription": {
-              ...o.typography.subtitle,
-              color: o.palette.text.secondary
-            },
-            "& .M4LAreasViewer-areasLoadingErrorDivider": {
-              width: "208px",
-              height: "1px",
-              background: o.palette.state.skeleton.default
-            },
-            "& .MuiTypography-paragraph": {
-              ...o.typography.body,
-              color: o.palette.text.primary
-            },
-            "& .MuiButtonBase-root": {
-              marginTop: "4px"
-            }
-          }
         }
       }
     }
@@ -2608,6 +2572,8 @@ const i = (o) => ({
         borderRadius: "4px",
         boxShadow: o.customShadows.z4,
         background: o.palette.background.background,
+        border: "2px solid",
+        borderColor: o.palette.divider,
         "& .M4LAreasViewer-windowContent": {
           borderRadius: "4px",
           boxShadow: o.customShadows.z4,
@@ -2745,7 +2711,7 @@ const i = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), w = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -2935,8 +2901,13 @@ const i = (o) => ({
             padding: "4px",
             margin: "12px 0 12px 0",
             display: "flex",
-            flexDirection: "row",
+            flexDirection: "column",
             gap: "4px",
+            "& .M4LAccountPopover-containerProgress": {
+              display: "flex",
+              justifyContent: "start",
+              alignItems: "center"
+            },
             "& .M4LAccountPopover-containerSetting": {
               display: "flex",
               flexDirection: "row",
@@ -3010,6 +2981,7 @@ const i = (o) => ({
           display: "flex",
           width: "100%",
           height: "100%",
+          overflow: "auto",
           borderRadius: "6px"
         }
       }
@@ -3134,7 +3106,7 @@ const i = (o) => ({
           position: "relative",
           "& .layout-splitter:after": {
             content: '""',
-            height: "1px",
+            height: "2px",
             left: "0",
             right: "0",
             position: "absolute",
@@ -3225,10 +3197,7 @@ const i = (o) => ({
   M4LPropertyValue: {
     styleOverrides: {
       "&.M4LPropertyValue-root": {
-        test: "root",
-        "&:hover": {
-          backgroundColor: o.palette.state?.default
-        }
+        test: "root"
       }
     }
   }
@@ -3338,7 +3307,7 @@ const i = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), D = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -3352,7 +3321,7 @@ const i = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), T = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -3570,6 +3539,7 @@ const i = (o) => ({
               width: "100%",
               padding: "24px 12px 0px 12px",
               background: o.palette.background.neutral,
+              overflow: "auto",
               "& .M4LModal-modalContent": {
                 display: "flex",
                 flexDirection: "column",
@@ -3623,26 +3593,16 @@ const i = (o) => ({
               width: "100%",
               height: "100%",
               display: "flex",
-              flexDirection: "column"
-            }
-          },
-          "& .react-resizable": {
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            "& .M4LIcon-root": {
-              "& .M4LIcon-icon": {
-                background: o.palette.text.secondary,
-                boxShadow: o.customShadows.z1
-              }
+              flexDirection: "column",
+              flex: "1",
+              overflow: "hidden"
             }
           }
         }
       }
     }
   }
-}), z = (o) => ({
+}), F = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -3686,7 +3646,7 @@ const i = (o) => ({
       }
     }
   }
-}), F = (o) => ({
+}), z = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -3711,7 +3671,7 @@ const i = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), V = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -3737,20 +3697,21 @@ const i = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), O = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
         background: o.palette.background.default,
         boxShadow: "unset",
         borderRadius: "4px",
+        border: "1px solid",
+        borderColor: o.palette.divider,
         display: "flex",
         position: "relative",
         flexDirection: "column",
         gap: "4px",
         height: "100%",
         borderTop: "1.5",
-        borderColor: o.palette.state.borderTop,
         width: "100%",
         "& .M4LDataGrid-actions": {
           ...o.typography.body,
@@ -3825,6 +3786,8 @@ const i = (o) => ({
             "& .rdg ": {
               border: "none",
               background: o.palette.background.default,
+              borderTop: "1px solid",
+              borderColor: o.palette.divider,
               gridColumnGap: "0px",
               gridRowGap: "0px",
               userSelect: "initial",
@@ -3832,7 +3795,6 @@ const i = (o) => ({
               contentVisibility: "unset",
               overflow: "auto",
               padding: "0px",
-              borderColor: "none",
               "--rdg-grid-inline-size": "0px",
               "--rdg-header-background-color": o.palette.background.background,
               "--rdg-row-selected-background-color": "#D9E9FC",
@@ -3917,7 +3879,7 @@ const i = (o) => ({
               color: o.palette.text.primary
             },
             "& .rdg-cell.rdg-cell-align-left": {
-              textAlign: "center",
+              textAlign: "start",
               display: "inline",
               justifyContent: "center",
               alignItems: "center"
@@ -3957,10 +3919,17 @@ const i = (o) => ({
                 },
                 boxShadow: "var(--rdg-frozen-cell-box-shadow)"
               },
-              "& .rdg-sort-arrow": {
-                width: o.spacing(1),
-                margin: `0 ${o.spacing(0.5)}`
-              }
+              "& .rdg-header-sort-cell": {
+                "& .rdg-header-sort-name + span": {
+                  position: "absolute",
+                  margin: "auto",
+                  right: "5px",
+                  "& .rdg-sort-arrow": {
+                    width: "8px"
+                  }
+                }
+              },
+              "& .rdg-sort-arrow": {}
             },
             "& .rdg-header-row :last-child.rdg-cell": {
               borderTopRightRadius: "0",
@@ -3977,12 +3946,6 @@ const i = (o) => ({
               flexGrow: "1",
               alignItems: "center",
               color: o.palette.text.primary
-            },
-            '& [aria-columnsort="ASC"]': {
-              borderTop: `2px solid ${o.palette.primary.main}`
-            },
-            '& [aria-columnsort="DESC"]': {
-              borderBottom: `2px solid ${o.palette.primary.main}`
             }
           }
         },
@@ -4202,7 +4165,7 @@ const i = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), N = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -4234,7 +4197,7 @@ const i = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), $ = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -4242,126 +4205,346 @@ const i = (o) => ({
       }
     }
   }
-}), N = (o) => ({
-  M4LToolkitPage: {
+}), _ = (o) => ({
+  M4LTabContent: {
     styleOverrides: {
-      "&.M4LToolkitPage-root": {
+      "&.M4LTabContent-root": {
+        padding: "4px",
         display: "flex",
+        overflow: "hidden",
+        height: "100%",
         flexDirection: "column",
-        overflow: "auto",
-        border: "1px solid",
-        width: "2550px",
-        height: "3300px",
-        padding: "300px"
+        gap: "4px",
+        background: o.palette.background.default,
+        borderRadius: "0 0 4px 4px",
+        position: "relative"
       }
     }
   }
 }), U = (o) => ({
-  M4LToolkitSection: {
+  M4LMenuActions: {
     styleOverrides: {
-      "&.M4LToolkitSection-root": {
-        width: "100%",
-        height: "auto",
-        display: "flex",
-        border: "1px solid transparent",
-        padding: "10px",
-        gap: "10px",
-        "&.M4LToolkitSection-directionColumn": {
-          flexDirection: "column"
-        },
-        "&.M4LToolkitSection-directionRow": {
-          flexDirection: "row"
-        },
-        "&.M4LToolkitSection-borderBottom": {
-          borderBottomColor: o.palette.state.overdefoult
+      "&.M4LMenuActions-root": {
+        "& .M4LMenuActions-itemDelete": {
+          color: o.palette.state.error.normal,
+          "& .M4LIcon-root .M4LIcon-icon": {
+            backgroundColor: o.palette.state.error.normal
+          }
         }
       }
     }
   }
 }), X = (o) => ({
-  M4LToolkitDivider: {
+  M4LPrintingSystem: {
     styleOverrides: {
-      "&.M4LToolkitDivider-root": {
-        backgroundColor: o.palette.state.overdefoult,
-        "&.M4LToolkitDivider-directionHorizontal": {
-          width: "100%",
-          height: "1px"
+      "&.M4LPrintingSystem-root": {
+        position: "absolute",
+        backgroundColor: "#fff",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        overflow: "visible",
+        color: "#5C6A6C",
+        top: 0,
+        left: 0,
+        right: 0,
+        height: "auto",
+        "& .M4LPrintingSystem-pageNodeRoot": {
+          overflow: "hidden",
+          display: "flex",
+          flexDirection: "column",
+          pageBreakBefore: "always",
+          backgroundColor: "#fff"
         },
-        "&.M4LToolkitDivider-directionVertical": {
-          width: "1px",
-          height: "100%"
+        "& .M4LPrintingSystem-sectionNodeRoot": {
+          display: "flex",
+          overflow: "hidden"
+        },
+        "& .M4LPrintingSystem-headerNodeRoot": {
+          display: "flex",
+          justifyContent: "space-between",
+          overflow: "hidden"
+        },
+        "& .M4LPrintingSystem-footerNodeRoot": {
+          display: "flex",
+          justifyContent: "space-between",
+          overflow: "hidden"
+        },
+        "& .M4LPrintingSystem-textBoxNodeRoot": {
+          height: "auto",
+          "&.M4LPrintingSystem-textBoxNodeVariant-h1": {
+            ...o.typography.h1,
+            fontSize: "18px!important"
+          },
+          "&.M4LPrintingSystem-textBoxNodeVariant-h3": {
+            ...o.typography.subtitle
+          },
+          "&.M4LPrintingSystem-textBoxNodeVariant-body": {
+            ...o.typography.body
+          },
+          "&.M4LPrintingSystem-textBoxNodeVariant-action": {
+            ...o.typography.action
+          }
+        },
+        "& .M4LPrintingSystem-bodyNodeRoot": {
+          display: "flex",
+          flex: "1"
+        },
+        "& .M4LPrintingSystem-paperNodeRoot": {
+          display: "flex",
+          flexDirection: "column",
+          "& .M4LPrintingSystem-paperNodeContainerTitles": {
+            display: "flex",
+            padding: "4px",
+            border: "2px",
+            backgroundColor: "#F0F2F2",
+            "& .M4LPrintingSystem-paperNodeTitle": {
+              ...o.typography.subtitleDens,
+              fontSize: "12px!important",
+              color: "#364040"
+            },
+            "& .M4LPrintingSystem-paperNodeTitleSecondary": {
+              ...o.typography.subtitleDens,
+              fontSize: "12px!important",
+              paddingLeft: "10px",
+              marginLeft: "10px",
+              borderLeft: "1px solid",
+              borderColor: "#A7B4B9"
+            }
+          },
+          "& .M4LPrintingSystem-paperNodeContent": {
+            padding: "8px",
+            display: "flex",
+            flexDirection: "column",
+            gap: "8px"
+          }
+        },
+        "& .M4LPrintingSystem-propertyValueNodeRoot": {
+          display: "flex",
+          "&.M4LPrintingSystem-propertyValueNodeVertical": {
+            flexDirection: "row",
+            "& .M4LPrintingSystem-propertyValueNodeContent": {
+              padding: "4px 0px 4px 8px"
+            },
+            "& .M4LPrintingSystem-propertyValueNodeTitle": {
+              padding: "4px"
+            }
+          },
+          "&.M4LPrintingSystem-propertyValueNodeHorizontal": {
+            flexDirection: "column",
+            "& .M4LPrintingSystem-propertyValueNodeContent": {
+              padding: "4px 0",
+              border: "unset"
+            },
+            "& .M4LPrintingSystem-propertyValueNodeTitle": {
+              padding: "4px 0"
+            }
+          },
+          "& .M4LPrintingSystem-propertyValueNodeTitle": {
+            ...o.typography.body,
+            color: "#323B3B",
+            borderBottom: "1px solid",
+            borderColor: "#323B3B"
+          },
+          "& .M4LPrintingSystem-propertyValueNodeContent": {
+            ...o.typography.body,
+            width: "100%",
+            borderBottom: "1px solid",
+            borderColor: "#E9EBEB"
+          }
+        },
+        "& .M4LPrintingSystem-dividerNodeRoot": {
+          backgroundColor: o.palette.state.borderDefault,
+          "&.M4LPrintingSystem-dividerNodeVertical": {
+            width: "1px",
+            height: "100%"
+          },
+          "&.M4LPrintingSystem-dividerNodeHorizontal": {
+            height: "1px",
+            width: "100%"
+          }
+        },
+        "& .M4LPrintingSystem-gridNodeRoot": {
+          borderCollapse: "collapse",
+          "& .M4LPrintingSystem-gridNodeTh": {
+            display: "flex",
+            alignItems: "center",
+            padding: "2px 10px",
+            height: "40px",
+            borderRadius: "2px",
+            backgroundColor: "#E1E9EA",
+            flex: "1",
+            ...o.typography.bodyDens,
+            color: "#364040",
+            "&:first-of-type": {
+              borderTopLeftRadius: "10px"
+            },
+            "&:last-of-type": {
+              borderTopRightRadius: "10px",
+              flex: 1
+            }
+          },
+          "& .M4LPrintingSystem-gridNodeTd": {
+            display: "flex",
+            alignItems: "center",
+            padding: "2px 10px",
+            minHeight: "30px",
+            height: "auto",
+            flex: "1",
+            ...o.typography.body,
+            color: "#364040"
+          },
+          "& .M4LPrintingSystem-gridNodeTr": {
+            display: "flex",
+            width: "100%",
+            gap: "2px",
+            "&:nth-of-type(odd) .M4LPrintingSystem-gridNodeTd": {
+              backgroundColor: "#F0F4F4"
+            },
+            "&:nth-of-type(even) .M4LPrintingSystem-gridNodeTd": {
+              backgroundColor: "#F7FCFC"
+            }
+          }
+        },
+        "& .M4LPrintingSystem-chartNodeRoot": {
+          display: "flex",
+          justifyContent: "center",
+          maxHeight: "300px"
         }
       }
     }
   }
 }), Y = (o) => ({
-  M4LTabContent: {
+  M4LFormatter: {
     styleOverrides: {
-      "&.M4LTabContent-root": {
-        padding: "4px",
-        display: "flex",
-        overflow: "hidden",
-        height: "100%",
-        flexDirection: "column",
-        gap: "4px",
-        background: o.palette.background.default,
-        borderRadius: "0 0 4px 4px",
-        position: "relative"
+      "&.M4LFormatter-root": {
+        "& .M4LFormatter-booleanFormatterIcon": {
+          "& .M4LIcon-icon": {
+            backgroundColor: o.palette.text.secondary
+          },
+          "&.M4LFormatter-booleanFormatterCheck": {
+            "& .M4LIcon-icon": {
+              backgroundColor: o.palette.state.active
+            }
+          }
+        }
       }
     }
   }
 }), q = (o) => ({
-  M4LMenuActions: {
+  M4LoadingError: {
     styleOverrides: {
-      "&.M4LMenuActions-root": {
-        "& .M4LMenuActions-itemDelete": {
-          color: o.palette.state.error.normal,
-          "& .M4LIcon-root .M4LIcon-icon": {
-            backgroundColor: o.palette.state.error.normal
+      "&.M4LoadingError-root": {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "relative",
+        inset: "0",
+        overflow: "hidden",
+        width: "100%",
+        height: "100%",
+        "& .M4LoadingError-loadingError": {
+          display: "flex",
+          padding: "12px",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          gap: "12px",
+          position: "absolute",
+          inset: "0",
+          "& .M4LIcon-root": {
+            display: "flex",
+            padding: "12px",
+            marginBottom: "4px",
+            " .M4LIcon-icon": {
+              width: "100px",
+              height: "100px",
+              backgroundColor: o.palette.state.skeleton.default
+            }
+          },
+          "& .M4LoadingError-titleDescription": {
+            textAlign: "center"
+          },
+          "& .M4LoadingError-loadingErrorTitle": {
+            ...o.typography.h3,
+            color: o.palette.text.primary,
+            [o.breakpoints.down("sm")]: {
+              ...o.typography.h5
+            }
+          },
+          "& .M4LoadingError-loadingErrorDescription": {
+            ...o.typography.subtitle,
+            color: o.palette.text.secondary
+          },
+          "& .M4LoadingError-loadingErrorDivider": {
+            width: "208px",
+            height: "1px",
+            background: o.palette.state.skeleton.default
+          },
+          "& .MuiTypography-paragraph": {
+            ...o.typography.body,
+            color: o.palette.text.primary
+          },
+          "& .MuiButtonBase-root": {
+            marginTop: "4px"
           }
         }
       }
     }
   }
+}), J = (o) => ({
+  M4LMFLoader: {
+    styleOverrides: {
+      "&.M4LMFLoader-root": {
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }
+    }
+  }
 });
 export {
   R as A,
   A as B,
-  D as C,
+  T as C,
   P as D,
-  z as E,
-  F,
+  F as E,
+  z as F,
   H as G,
   W as H,
   j as I,
   G as J,
   E as K,
-  $ as L,
+  N as L,
   b as M,
-  _ as N,
-  N as O,
+  $ as N,
+  _ as O,
   U as P,
   X as Q,
   Y as R,
   q as S,
+  J as T,
   i as a,
-  T as b,
+  D as b,
   n as c,
   p as d,
   d as e,
   l as f,
   M as g,
   s as h,
-  O as i,
+  V as i,
   c as j,
-  V as k,
+  O as k,
   u as l,
   g as m,
   x as n,
-  L as o,
-  f as p,
-  y as q,
-  w as r,
+  y as o,
+  w as p,
+  L as q,
+  f as r,
   h as s,
   v as t,
   k as u,