@m4l/styles 0.0.15 → 0.0.17

package/theme/overrides/M4LExtendedComponents/{index.9ef37d1d.js → index.39bae580.js}

@@ -1,5 +1,6 @@
 import { alpha as t } from "@mui/material/styles";
-const e = (o) => ({
+import { alpha as e } from "@mui/system";
+const i = (o) => ({
   M4LDynamicFilter: {
     styleOverrides: {
       "&.M4LDynamicFilter-root": {
@@ -8,8 +9,7 @@ const e = (o) => ({
         boxShadow: o.customShadows.z2,
         padding: "0px",
         border: "1px solid",
-        borderColor: o.palette.state.default,
-        overflow: "hidden",
+        borderColor: o.palette.background.background,
         "& .M4LDynamicFilter-containerFistRow": {
           height: "32px",
           width: "100%",
@@ -40,19 +40,21 @@ const e = (o) => ({
           width: "100%",
           alignItems: "center",
           "& > input": {
-            border: "none",
+            border: "1px solid",
+            borderColor: o.palette.background.background,
             background: "none",
             ...o.typography.body,
             color: o.palette.text.primary,
             padding: "0px 4px",
             width: "100%",
             height: "100%",
-            BorderRadius: "4px"
+            borderRadius: "2px"
           },
           "& input:focus-visible": {
-            border: "none",
+            border: "1px solid",
+            borderColor: o.palette.state.active12,
             background: o.palette.state.active12,
-            BorderRadius: "4px",
+            BorderRadius: "2px",
             outline: "none",
             padding: "0px 4px"
           }
@@ -103,13 +105,17 @@ const e = (o) => ({
   M4LDynamicFilterPopoverFilter: {
     styleOverrides: {
       "&.M4LDynamicFilter-popoverFilter": {
+        width: "auto",
         "& .M4LDynamicFilter-popoverFilterPaper": {
           padding: "0px",
+          width: "200px",
           "& .M4LPopover-arrowStyle": {
             background: "none"
           },
-          "& .m4l_FormProvider": {
+          "& .M4LRHFormProvider-root": {
             gap: "0px",
+            widht: "100%",
+            minWidht: "220px",
             "& .M4LDynamicFilter-popoverFilterHeader": {
               background: o.palette.state.default,
               display: "flex",
@@ -149,7 +155,7 @@ const e = (o) => ({
       }
     }
   }
-}), r = (o) => ({
+}), n = (o) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -198,7 +204,7 @@ const e = (o) => ({
       }
     }
   }
-}), n = (o) => ({
+}), p = (o) => ({
   M4LIconButton: {
     styleOverrides: {
       ["&.M4LIconButton-root"]: {
@@ -349,13 +355,13 @@ const e = (o) => ({
       }
     }
   }
-}), i = (o) => ({
+}), d = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {}
     }
   }
-}), p = (o) => ({
+}), l = (o) => ({
   M4LImageButton: {
     styleOverrides: {
       ["&.M4LImageButton-root"]: {
@@ -397,7 +403,7 @@ const e = (o) => ({
       }
     }
   }
-}), l = (o) => ({
+}), s = (o) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -434,7 +440,7 @@ const e = (o) => ({
       }
     }
   }
-}), d = (o) => ({
+}), c = (o) => ({
   M4LPopover: {
     styleOverrides: {
       ["&.M4LPopover-root"]: {
@@ -463,7 +469,7 @@ const e = (o) => ({
       }
     }
   }
-}), s = (o) => ({
+}), u = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LHelperText-root"]: {
@@ -482,7 +488,7 @@ const e = (o) => ({
       }
     }
   }
-}), c = (o) => ({
+}), x = (o) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -494,11 +500,12 @@ const e = (o) => ({
       }
     }
   }
-}), u = (o) => ({
+}), g = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
-        width: "100%",
+        width: "fit-content",
+        minWidth: "78px",
         display: "flex",
         justifyContent: "center",
         "& .M4LButton-skeleton ": {
@@ -573,18 +580,20 @@ const e = (o) => ({
           }
         },
         "&.M4LButton-sizeSmall": {
-          height: "28px",
           "& .MuiButtonBase-root": {
-            padding: "4px 12px"
+            padding: "4px 12px",
+            height: "28px",
+            minHeight: "28px"
           },
           "&.M4LButton-skeleton": {
             height: "28px"
           }
         },
         "&.M4LButton-sizeMedium": {
-          height: "38px",
           "& .MuiButtonBase-root": {
-            padding: "8px 16px"
+            padding: "8px 16px",
+            height: "38px",
+            minHeight: "38px"
           },
           "&.M4LButton-skeleton": {
             height: "38px"
@@ -592,12 +601,12 @@ const e = (o) => ({
         },
         "&.M4LButton-variantContained": {
           "& .MuiButtonBase-root": {
-            backgroundColor: o.palette.state?.default,
-            color: o.palette.text.primary,
-            boxShadow: o.customShadows?.z2,
+            backgroundColor: o.palette.state?.active,
+            color: o.palette.patronus?.marbleLight[10],
+            boxShadow: o.customShadows?.primary,
             position: "relative",
             "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.primary
+              backgroundColor: o.palette.patronus?.marbleLight[10]
             },
             "&:hover": {
               backgroundColor: o.palette.state?.hover,
@@ -606,13 +615,6 @@ const e = (o) => ({
                 backgroundColor: o.palette.patronus?.marbleLight[10]
               }
             },
-            "&:active": {
-              backgroundColor: o.palette.state?.active,
-              color: o.palette.patronus?.marbleLight[10],
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              }
-            },
             "&.Mui-focusVisible": {
               backgroundColor: o.palette.state?.active,
               color: o.palette.patronus?.marbleLight[10],
@@ -628,7 +630,7 @@ const e = (o) => ({
         "&.M4LButton-variantOutlined": {
           "& .MuiButtonBase-root": {
             border: "1px solid",
-            borderColor: o.palette.state.default,
+            borderColor: o.palette.state.borderDefault,
             color: o.palette.text.primary,
             "& .M4LIcon-icon": {
               backgroundColor: o.palette.text.secondary
@@ -697,7 +699,7 @@ const e = (o) => ({
       }
     }
   }
-}), g = (o) => ({
+}), b = (o) => ({
   M4LoadingButton: {
     styleOverrides: {
       "&.M4LoadingButton-root": {
@@ -914,7 +916,7 @@ const e = (o) => ({
       }
     }
   }
-}), x = (o) => ({
+}), M = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -934,7 +936,7 @@ const e = (o) => ({
       }
     }
   }
-}), b = (o) => ({
+}), y = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
@@ -1423,41 +1425,79 @@ const e = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), L = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
-        width: "100%",
-        height: "32px",
-        test: "root",
-        borderRadius: "4px",
-        paddingRight: "8px",
+        flex: 1,
+        overflow: "auto",
+        height: "auto",
+        borderRadius: "6px",
+        paddingRight: "4px",
         alignItems: "center",
         background: o.palette.background.default,
         boxShadow: o.customShadows.z2,
-        borderTop: "1px solid",
-        borderColor: o.palette.state.default,
         [o.breakpoints.down("sm")]: {
-          height: "40px"
+          height: "auto"
+        },
+        "& .M4LAreasAdmin-areasAddButton": {
+          backgroundColor: `${o.palette.state.active}!important`,
+          "& .M4LIcon-icon": {
+            backgroundColor: `${o.palette.patronus?.marbleLight[10]}!important`
+          }
         },
         "& .M4LAreasAdmin-areaIconLayer": {
           background: o.palette.background.neutral,
+          boxShadow: o.customShadows.z2,
           display: "flex",
           justifyContent: "center",
-          width: "32px",
-          height: "32px"
+          width: "36px",
+          height: "36px",
+          [o.breakpoints.down("sm")]: {
+            height: "36px",
+            width: "36px"
+          },
+          "& .M4LIcon-root": {
+            width: "36px"
+          }
         },
         "& .M4LAreasAdmin-areaContainerChips": {
           display: "flex",
           overflow: "auto",
           gap: "8px",
-          padding: "0px 0px 0px 8px",
-          width: "100%",
-          justifyContent: "center",
-          background: o.palette.background.default,
-          height: "100%",
+          padding: "4px 8px 4px 8px",
+          width: "70%",
+          height: "auto",
           alignItems: "center",
-          paddingLeft: "8px",
+          "& .M4LAreasAdmin-areaChipMobileRoot": {
+            display: "flex",
+            overflow: "hidden",
+            width: "100%",
+            "& .M4LAreasAdmin-areaChipRoot ": {
+              margin: "0px",
+              borderRadius: "4px 0px 0px 4px",
+              overflow: "hidden",
+              width: "100%"
+            }
+          },
+          "& .M4LAreasAdmin-areaChipMobileIconContainer": {
+            display: "flex",
+            alignItems: "center",
+            borderRadius: "0px 4px 4px 0px",
+            background: o.palette.state.active,
+            ...o.typography.body,
+            color: o.palette.text.primary,
+            [o.breakpoints.down("sm")]: {
+              borderLeft: "1px solid",
+              borderColor: `${o.palette.patronus?.marbleLight[10]}!important`
+            },
+            "& .M4LIconButton-root": {
+              backgroundColor: `${o.palette.state.active}!important`,
+              "& .M4LIcon-icon": {
+                backgroundColor: `${o.palette.patronus?.marbleLight[10]}!important`
+              }
+            }
+          },
           "& .MuiBox-root": {
             display: "flex",
             alignItems: "center",
@@ -1465,17 +1505,24 @@ const e = (o) => ({
           },
           "& .simplebar-content": {
             display: "flex",
-            gap: "8px",
             alignItems: "center"
           },
           "& .M4LAreasAdmin-areaChipRoot ": {
             display: "flex",
-            boxShadow: o.customShadows.z2,
+            boxShadow: o.customShadows.z1,
             borderRadius: "4px 4px 4px 4px",
-            height: "20px",
+            marginRight: "8px",
+            height: "auto",
+            width: "auto",
             gap: "8px",
             paddingLeft: "8px",
-            marginRight: "8px",
+            alignItems: "center",
+            borderTop: "1px solid",
+            borderColor: o.palette.state.default,
+            background: o.palette.state.default,
+            "& .M4LAreasAdmin-areaContainerChipEditButton": {
+              display: "flex"
+            },
             [o.breakpoints.down("sm")]: {
               height: "auto"
             },
@@ -1491,21 +1538,19 @@ const e = (o) => ({
                 display: "flex",
                 alignItems: "center",
                 color: o.palette.patronus?.marbleLight[10],
-                ...o.typography.action
+                ...o.typography.action,
+                [o.breakpoints.down("sm")]: {
+                  display: "inline",
+                  fontSize: "14px",
+                  textOverflow: "ellipsis",
+                  overflow: "hidden",
+                  whiteSpace: "nowrap",
+                  flex: "1"
+                }
               },
               "& .M4LIconButton-root": {
                 "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.patronus?.marbleLight[10]
-                },
-                "&:active": {
-                  "& .M4LIcon-icon": {
-                    backgroundColor: o.palette.patronus?.marbleLight[10]
-                  }
-                },
-                "&:hover": {
-                  "& .M4LIcon-icon": {
-                    backgroundColor: o.palette.patronus?.marbleLight[10]
-                  }
+                  backgroundColor: `${o.palette.patronus?.marbleLight[10]}!important`
                 }
               }
             },
@@ -1532,8 +1577,17 @@ const e = (o) => ({
         }
       }
     }
+  },
+  M4LAreasAdminEditPopover: {
+    styleOverrides: {
+      "&.M4LAreasAdmin-areaEditPopover": {
+        "& .MuiPaper-root": {
+          width: "200px"
+        }
+      }
+    }
   }
-}), L = (o) => ({
+}), f = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -1546,6 +1600,11 @@ const e = (o) => ({
             boxShadow: o.customShadows.z2,
             borderRadius: "4px",
             display: "flex",
+            "&:not(.M4LAreasViewer-loading)": {
+              "& .M4LinearProgressIndeterminate-root": {
+                opacity: 0
+              }
+            },
             "& .react-resizable-handle": {
               backgroundColor: "transparent"
             },
@@ -1556,18 +1615,155 @@ const e = (o) => ({
               height: "100%"
             },
             "& .M4LAreasViewer-windowHeader": {
+              display: "flex",
+              flexDirection: "column",
               background: o.palette.state.default,
-              padding: "8px",
-              height: "40px",
+              padding: "4px 4px 4px 8px",
+              height: "36px",
+              minHeight: "36px",
               borderRadius: "4px",
+              border: "none",
               boxShadow: o.customShadows.z2,
-              borderTop: "2px solid",
+              borderTop: "1px solid",
               borderColor: o.palette.state.default,
+              "& .M4LAreasViewer-windowHeaderContent": {
+                display: "flex",
+                width: "100%",
+                height: "100%",
+                alignItems: "center",
+                "& .M4LAreasViewer-windowHeaderTitle": {
+                  display: "flex",
+                  alignItems: "center"
+                }
+              },
               "& .M4LTypography-root .MuiTypography-root": {
                 ...o.typography.paragraph,
                 color: o.palette.text.primary
               }
             },
+            "& .M4LAreasViewer-windowToastiesContainer": {
+              padding: "8px",
+              top: "37px",
+              position: "absolute",
+              display: "flex",
+              flexDirection: "column",
+              width: "100%",
+              maxHeight: "fit-content",
+              zIndex: "1000",
+              gap: "2px",
+              background: o.palette.background.default,
+              boxShadow: o.customShadows.z3,
+              "& .M4LAreasViewer-windowToastiesContainerTostys": {
+                boxSizing: "border-box",
+                overflow: "auto",
+                display: "flex",
+                flexDirection: "column",
+                width: "100%",
+                maxHeight: "128px",
+                "& .M4LAreasViewer-windowToastyContainer": {
+                  background: o.palette.patronus?.middleYellow[10],
+                  borderRadius: "4px",
+                  padding: "0px 0px 0px 0px",
+                  width: "100%",
+                  boxShadow: o.customShadows.z2,
+                  gap: "4px",
+                  position: "relative",
+                  "& .M4LAreasViewer-windowToastyButtonsContainer": {
+                    padding: "4px",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "4px",
+                    borderRadius: "0px 4px 4px 0px"
+                  },
+                  "& .M4LAreasViewer-windowToastyMessage": {
+                    display: "flex",
+                    alignItems: "center",
+                    padding: "8px",
+                    ...o.typography.body,
+                    color: o.palette.patronus?.ashBlak[60],
+                    position: "relative",
+                    "& .MuiLinearProgress-root": {
+                      position: "absolute",
+                      width: "100%",
+                      top: "0px",
+                      left: "0px",
+                      background: o.palette.state.skeleton.default,
+                      "& .MuiLinearProgress-bar1Determinate .MuiLinearProgress-barColorPrimary": {
+                        transform: "translateX(100%)"
+                      }
+                    }
+                  },
+                  "&.M4LAreasViewer-error": {
+                    background: o.palette.patronus?.candyRed[10],
+                    "& .M4LAreasViewer-windowToastyButtonsContainer": {
+                      background: o.palette.error.main,
+                      "& .M4LIcon-icon": {
+                        backgroundColor: o.palette.patronus?.marbleLight[40]
+                      },
+                      "& .M4LAreasViewer-pinIn": {
+                        background: o.palette.state.error.hover,
+                        boxShadow: o.customShadows.z1,
+                        border: "none"
+                      },
+                      "& .M4LIconButton-root:hover": {
+                        background: o.palette.state.error.hover
+                      }
+                    }
+                  },
+                  "&.M4LAreasViewer-info": {
+                    background: o.palette.patronus?.crayonBlue[10],
+                    "& .M4LAreasViewer-windowToastyButtonsContainer": {
+                      background: o.palette.info.main,
+                      "& .M4LIcon-icon": {
+                        backgroundColor: o.palette.patronus?.marbleLight[40]
+                      },
+                      "& .M4LAreasViewer-pinIn": {
+                        background: o.palette.state.info.hover,
+                        boxShadow: o.customShadows.z1,
+                        border: "none"
+                      },
+                      "& .M4LIconButton-root:hover": {
+                        background: o.palette.state.info.hover
+                      }
+                    }
+                  },
+                  "&.M4LAreasViewer-warning": {
+                    background: o.palette.patronus?.middleYellow[10],
+                    "& .M4LAreasViewer-windowToastyButtonsContainer": {
+                      background: o.palette.warning.main,
+                      "& .M4LIcon-icon": {
+                        backgroundColor: o.palette.patronus?.ashBlak[50]
+                      },
+                      "& .M4LAreasViewer-pinIn": {
+                        background: o.palette.state.warning.hover,
+                        boxShadow: o.customShadows.z1,
+                        border: "none"
+                      },
+                      "& .M4LIconButton-root:hover": {
+                        background: o.palette.state.warning.hover
+                      }
+                    }
+                  },
+                  "&.M4LAreasViewer-success ": {
+                    background: o.palette.patronus?.acidGreen[10],
+                    "& .M4LAreasViewer-windowToastyButtonsContainer": {
+                      background: o.palette.success.main,
+                      "& .M4LIcon-icon": {
+                        backgroundColor: o.palette.patronus?.ashBlak[50]
+                      },
+                      "& .M4LAreasViewer-pinIn": {
+                        background: o.palette.state.success.hover,
+                        boxShadow: o.customShadows.z1,
+                        border: "none"
+                      },
+                      "& .M4LIconButton-root:hover": {
+                        background: o.palette.state.success.hover
+                      }
+                    }
+                  }
+                }
+              }
+            },
             "& .M4LAreasViewer-windowContent": {
               margin: "8px",
               background: o.palette.background.default,
@@ -1582,32 +1778,75 @@ const e = (o) => ({
               borderColor: o.palette.state.active,
               boxShadow: o.customShadows.primary,
               "& .M4LAreasViewer-windowHeader": {
+                display: "flex",
+                flexDirection: "column",
                 background: o.palette.state.active12,
+                gap: "4px",
+                alignItems: "center",
+                position: "relative",
+                padding: "4px 4px 4px 8px",
+                justifyContent: "end",
+                minHeight: "36px",
+                borderBottom: "1px solid",
+                borderColor: o.palette.divider,
+                overflow: "hidden",
+                cursor: "move",
+                height: "36px",
                 "& .M4LTypography-root .MuiTypography-root": {
                   ...o.typography.paragraphDens
+                },
+                "& .M4LIcon-icon": {
+                  backgroundColor: o.palette.text.primary
                 }
               }
             }
           }
         },
         "& .M4LAreasViewer-panelWindowsRoot": {
+          background: o.palette.background.neutral,
+          boxShadow: o.customShadows.z2,
+          borderRadius: "4px",
+          display: "flex",
+          alignItems: "center",
+          margin: "4px",
+          padding: "4px",
+          gap: "8px",
           "& .M4LAreasViewer-panelWindowsButtonContainer": {
-            border: "1px solid",
-            borderColor: "transparent",
+            borderRadius: "2px",
+            background: o.palette.background.default,
+            boxShadow: o.customShadows.z2,
             "&.M4LAreasViewer-selected": {
-              borderColor: o.palette.state.focus
+              background: o.palette.state.active12,
+              boxShadow: `inset 1px 2px 3px 0 ${e(o.palette.patronus?.ashBlak[50] || "", 0.9)}`
             }
           }
         },
         "& .M4LAreasViewer-windowPopupRoot": {
           boxShadow: o.customShadows.z3,
+          "& .M4LIcon-root.custom-handle": {
+            "& .M4LIcon-icon": {
+              backgroundColor: o.palette.state.skeleton.default,
+              width: "11px",
+              height: "11px",
+              minWidth: "11px",
+              minHeight: "11px",
+              boxShadow: o.customShadows.z1,
+              border: "1px solid",
+              borderColor: o.palette.opacity.cool[24]
+            }
+          },
           "& .M4LAreasViewer-windowRoot": {
-            padding: "8px",
+            padding: "4px",
             background: o.palette.state.default,
             borderRadius: "4px",
             border: "1px solid",
             borderColor: o.palette.state.default,
             backdropFilter: "blur(8px)",
+            "&:not(.M4LAreasViewer-loading)": {
+              "& .M4LinearProgressIndeterminate-root": {
+                opacity: 0
+              }
+            },
             "& > .react-resizable-handle": {
               backgroundColor: "transparent"
             },
@@ -1617,7 +1856,6 @@ const e = (o) => ({
               "& .M4LAreasViewer-windowHeader": {
                 height: "28px",
                 minHeight: "28px",
-                padding: "0px 8px",
                 boxShadow: "none",
                 "& .M4LTypography-root .MuiTypography-root": {
                   ...o.typography.body,
@@ -1630,13 +1868,12 @@ const e = (o) => ({
               borderColor: o.palette.state.active12,
               background: o.palette.state.active12,
               boxShadow: o.customShadows.z3,
-              padding: "8px",
+              padding: "4px",
               "& .M4LAreasViewer-windowHeader": {
-                background: o.palette.state.default,
-                padding: "8px",
-                height: "40px",
+                background: o.palette.background.background,
+                height: "28px",
                 borderRadius: "4px",
-                boxShadow: o.customShadows.z2,
+                boxShadow: o.customShadows.z1,
                 borderTop: "2px solid",
                 borderColor: o.palette.state.default,
                 "& .M4LTypography-root .MuiTypography-root": {
@@ -1647,66 +1884,945 @@ const e = (o) => ({
             }
           }
         },
-        "& .M4LAreasViewer-windowModalRoot": {
-          background: o.palette.background.background,
-          borderRadius: "4px",
-          boxShadow: o.customShadows.z4,
-          "& .M4LAreasViewer-windowRoot": {
-            background: o.palette.background.background,
-            margin: "0px",
-            padding: "0px",
-            borderRadius: "4px",
-            "& .react-resizable-handle": {
-              backgroundColor: "transparent"
-            },
-            "& .M4LAreasViewer-windowRootContainer": {
+        "& .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",
-              flexDirection: "column",
-              height: "100%",
-              "& .M4LAreasViewer-windowHeader": {
-                height: "48px",
-                minHeight: "48px",
-                padding: "0px 8px",
-                boxShadow: "none",
-                background: "none",
-                borderColor: "transparent",
-                "& .M4LTypography-root .MuiTypography-root": {
-                  ...o.typography.paragraph,
-                  color: o.palette.text.primary
-                }
-              },
-              "& .M4LAreasViewer-windowContent": {
-                margin: "0px 8px 8px 8px",
-                background: o.palette.background.neutral,
-                borderRadius: "4px",
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                justifyContent: "center",
-                flexGrow: "1",
-                height: "100%"
+              padding: "12px",
+              marginBottom: "4px",
+              " .M4LIcon-icon": {
+                width: "100px",
+                height: "100px",
+                backgroundColor: o.palette.text.secondary
+              }
+            },
+            "& .M4LAreasViewer-areasLoadingErrorTitle": {
+              ...o.typography.h5,
+              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"
             }
           }
         }
       }
     }
+  },
+  M4LAreasViewerModal: {
+    styleOverrides: {
+      "&.M4LAreasViewer-windowModalRoot": {
+        borderRadius: "4px",
+        boxShadow: o.customShadows.z4,
+        "& .M4LAreasViewer-windowRoot": {
+          borderRadius: "4px"
+        },
+        "& .M4LIcon-root.custom-handle": {
+          "& .M4LIcon-icon": {
+            backgroundColor: o.palette.state.skeleton.default,
+            width: "11px",
+            height: "11px",
+            minWidth: "11px",
+            minHeight: "11px",
+            boxShadow: o.customShadows.z1,
+            border: "1px solid",
+            borderColor: o.palette.opacity.cool[24]
+          }
+        },
+        "& .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.text.secondary
+              }
+            },
+            "& .M4LAreasViewer-areasLoadingErrorTitle": {
+              ...o.typography.h5,
+              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"
+            }
+          }
+        },
+        "& .MuiBackdrop-root": {
+          background: e(`${o.palette.patronus?.ashBlak[60]}`, 0.8)
+        },
+        "&:not(.M4LAreasViewer-loading)": {
+          "& .M4LinearProgressIndeterminate-root": {
+            opacity: 0
+          }
+        },
+        "& .react-resizable-handle": {
+          backgroundColor: "transparent"
+        },
+        "& .M4LAreasViewer-windowRootContainer": {
+          display: "flex",
+          flexDirection: "column",
+          height: "100%",
+          background: o.palette.background.neutral,
+          "& .M4LAreasViewer-windowHeader": {
+            cursor: "all-scroll",
+            display: "flex",
+            flexDirection: "column",
+            padding: "4px 4px 4px 8px",
+            height: "36px",
+            minHeight: "36px",
+            borderRadius: "4px",
+            border: "none",
+            "& .M4LTypography-root .MuiTypography-root": {
+              ...o.typography.paragraph,
+              color: o.palette.text.primary
+            },
+            "& .M4LAreasViewer-windowHeaderContent": {
+              display: "flex",
+              alignItems: "center",
+              height: "100%"
+            }
+          },
+          "& .M4LAreasViewer-windowContent": {
+            margin: "0 8px 8px 8px",
+            background: o.palette.background.default,
+            borderRadius: "4px",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            flexGrow: "1",
+            height: "100%"
+          }
+        }
+      }
+    }
+  }
+}), w = (o) => ({
+  M4LAppBar: {
+    styleOverrides: {
+      "&.M4LAppBar-root": {
+        test: "root",
+        display: "flex",
+        width: "100%",
+        overflow: "hidden",
+        height: "auto",
+        alignItems: "center",
+        borderRadius: "6px",
+        "& .M4LAppBar-containerIconMenuToggle": {
+          display: "flex",
+          justifyContent: "center",
+          alingItems: "center",
+          width: "52px",
+          height: "52px",
+          minWidth: "52px",
+          minHeight: "52px",
+          alignItems: "center",
+          borderRadius: "4px",
+          borderColor: o.palette.state.default,
+          "& .M4LAppBar-iconMenuToggle": {
+            background: o.palette.background.default,
+            boxShadow: o.customShadows.z2,
+            borderTop: "1px solid",
+            borderColor: o.palette.state.default,
+            width: "36px",
+            height: "36px",
+            minWidth: "36px",
+            minHeight: "36px"
+          }
+        },
+        [o.breakpoints.down("sm")]: {
+          display: "flex",
+          alignItems: "center",
+          width: "100%",
+          borderTop: "1px solid",
+          borderColor: o.palette.state.default,
+          background: o.palette.background.neutral,
+          boxShadow: o.customShadows.z2,
+          paddingRight: "8px",
+          borderRadius: "6px"
+        },
+        "& .M4LAppBar-containerChilds": {
+          display: "flex",
+          width: "100%",
+          overflow: "visible",
+          alignItems: "center",
+          borderRadius: "4px",
+          [o.breakpoints.down("sm")]: {
+            alignItems: "center",
+            gap: "8px",
+            borderRadius: "4px 0px 0px 4px",
+            display: "flex"
+          },
+          "& .M4LAvatar-root": {
+            width: "36px",
+            height: "36px",
+            "& .MuiAvatar-root": {
+              width: "36px",
+              height: "36px"
+            }
+          }
+        }
+      }
+    }
+  }
+}), v = (o) => ({
+  M4LAvatar: {
+    styleOverrides: {
+      "&.M4LAvatar-root": {
+        "& .MuiAvatar-root": {
+          width: "32px",
+          height: "32px",
+          borderRadius: "4px"
+        },
+        test: "root"
+      }
+    }
+  }
+}), h = (o) => ({
+  M4LAccountPopover: {
+    styleOverrides: {
+      "&.M4LAccountPopover-root": {}
+    }
+  },
+  M4LAccountPopoverPopover: {
+    styleOverrides: {
+      "&.M4LAccountPopover-popover": {
+        test: "root",
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px",
+        "& .MuiPaper-root": {
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          padding: "16px"
+        },
+        "& .M4LAccountPopover-containerAppVersion": {
+          display: "flex",
+          borderBottom: "2px solid",
+          borderColor: o.palette.state.default,
+          paddingBottom: "8px"
+        },
+        "& .M4LAccountPopover-containerMenuItems": {
+          "& .M4LAccountPopover-menuItem": {
+            padding: "4px",
+            borderRadius: "4px",
+            cursor: "pointer",
+            "&:hover": {
+              background: o.palette.state.default
+            }
+          }
+        },
+        "& .M4LAccountPopover-logOut": {
+          borderTop: "2px solid",
+          borderColor: o.palette.state.default,
+          justifyContent: "center",
+          paddingTop: "8px",
+          cursor: "pointer",
+          padding: "4px",
+          borderRadius: "4px",
+          "&:hover": {
+            background: o.palette.state.default
+          }
+        },
+        "& .M4LPopover-arrowStyle": {
+          display: "none"
+        }
+      }
+    }
+  }
+}), C = (o) => ({
+  M4LModuleLayout: {
+    styleOverrides: {
+      "&.M4LModuleLayout-root": {
+        display: "flex",
+        width: "100%",
+        height: "100%",
+        "& .M4LModuleLayout-moduleContent": {
+          display: "flex",
+          width: "100%",
+          height: "100%",
+          boxShadow: o.customShadows.z2,
+          background: o.palette.background.neutral,
+          border: "1px solid",
+          borderColor: o.palette.state.default,
+          borderRadius: "6px"
+        }
+      }
+    }
+  }
+}), k = (o) => ({
+  M4LMasterDetailLayout: {
+    styleOverrides: {
+      "&.M4LMasterDetailLayout-root": {
+        display: "flex",
+        width: "100%",
+        height: "100%",
+        overFlow: "visible",
+        "& .M4LModuleLayout-root .M4LModuleLayout-moduleContent": {
+          display: "flex",
+          width: "100%",
+          height: "100%",
+          boxShadow: "none",
+          background: o.palette.background.neutral,
+          border: "0px",
+          borderColor: "transparent",
+          borderRadius: "6px",
+          overFlow: "visible"
+        },
+        "& .M4LSplitLayout-secondPart": {
+          background: o.palette.background.default,
+          borderRadius: "6px",
+          padding: "8px"
+        },
+        "& .layout-pane-primary": {
+          background: o.palette.background.default,
+          borderRadius: "6px",
+          padding: "8px"
+        }
+      }
+    }
+  }
+}), I = (o) => ({
+  M4LSplitLayout: {
+    styleOverrides: {
+      "&.M4LSplitLayout-root": {
+        display: "flex",
+        flexDirection: "column",
+        position: "relative",
+        flexGrow: 1,
+        overflow: "hidden",
+        "& .splitter-layout": {
+          position: "absolute",
+          display: "flex",
+          flexDirection: "row",
+          width: "100%",
+          height: "100%",
+          overflow: "hidden"
+        },
+        "& .splitter-layout .layout-pane": {
+          position: "relative",
+          flex: "0 0 auto",
+          overflow: "auto"
+        },
+        "& .splitter-layout .layout-pane.layout-pane-primary": {
+          flex: "1 1 auto"
+        },
+        "& .splitter-layout.layout-changing": {
+          cursor: "col-resize"
+        },
+        "& .splitter-layout > .layout-splitter": {
+          display: "flex",
+          alignItems: "center",
+          backgroundColor: "none",
+          boxSizing: "border-box",
+          backgroundClip: "padding-box",
+          width: "8px",
+          margin: "0 2px",
+          borderLeft: "4px solid hsla(0, 0%, 5%, 0)",
+          borderRight: "4px solid hsla(0, 0%, 5%, 0)",
+          cursor: "col-resize",
+          justifyContent: "center",
+          height: "100%"
+        },
+        "& .splitter-layout .layout-splitter:before": {
+          content: '""',
+          height: "56px",
+          width: "4px",
+          top: "calc(50% - 22.5px)",
+          position: "absolute",
+          background: o.palette.text.disabled,
+          borderRadius: "1px"
+        },
+        "& .splitter-layout > .layout-splitter:hover": {
+          borderRadius: "2px",
+          borderLeft: "2px",
+          borderRight: "2px",
+          background: o.palette.action.hover
+        },
+        "& .splitter-layout.splitter-layout-vertical.layout-changing": {
+          cursor: "row-resize"
+        },
+        "& .splitter-layout.splitter-layout-vertical > .layout-splitter": {
+          height: "8px !important",
+          width: "100% !important",
+          margin: "2px 0",
+          borderTop: "4px solid hsla(0, 0%, 2%, 0)",
+          borderBottom: "4px solid hsla(0, 0%, 2%, 0)",
+          cursor: "row-resize"
+        },
+        "& .splitter-layout.splitter-layout-vertical .layout-splitter:before": {
+          width: "56px !important",
+          height: "4px !important",
+          left: "calc(50% - 22.5px)",
+          top: "unset",
+          background: o.palette.text.disabled,
+          borderRadius: "2px"
+        },
+        "& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing >  .layout-splitter:before": {
+          background: o.palette.primary.main
+        },
+        "& .splitter-layout.splitter-layout-vertical": {
+          flexDirection: "column"
+        },
+        "& .splitter-layout.splitter-layout-vertical > .layout-splitter:hover": {
+          borderTop: "2px",
+          borderBottom: "2px",
+          background: o.palette.action.hover
+        }
+      }
+    }
+  }
+}), B = (o) => ({
+  M4LCommonActions: {
+    styleOverrides: {
+      "&.M4LCommonActions-root": {
+        padding: "14px 0"
+      }
+    }
+  }
+}), S = (o) => ({
+  M4LinearProgressIndeterminate: {
+    styleOverrides: {
+      "&.M4LinearProgressIndeterminate-root": {
+        width: "100%",
+        position: "absolute",
+        padding: "1px",
+        top: "0",
+        left: "0",
+        "@keyframes borealisBar": {
+          "0%": {
+            left: "0%",
+            right: "100%",
+            width: "0%"
+          },
+          "30%": {
+            left: "0%",
+            right: "75%",
+            width: "60%"
+          },
+          "90%": {
+            right: "0%",
+            left: "50%",
+            width: "25%"
+          },
+          "100%": {
+            left: "100%",
+            right: "0%",
+            width: "0%"
+          }
+        },
+        "&:before": {
+          content: '""',
+          borderRadius: "10px",
+          position: "absolute",
+          top: "-4px",
+          right: "-4px",
+          bottom: "-4px",
+          left: "-4px"
+        },
+        "& .M4LinearProgressIndeterminate-windowLinearProgressBar": {
+          position: "absolute",
+          borderRadius: "10px",
+          top: "0",
+          right: "100%",
+          bottom: "0",
+          left: "0",
+          backgroundColor: o.palette.state.focus,
+          width: "0",
+          animation: "borealisBar 2s linear infinite"
+        }
+      }
+    }
+  }
+}), R = (o) => ({
+  M4LPropertyValue: {
+    styleOverrides: {
+      "&.M4LPropertyValue-root": {
+        test: "root"
+      }
+    }
+  }
+}), A = (o) => ({
+  M4LTab: {
+    styleOverrides: {
+      "&.M4LTab-root": {
+        "& .MuiButtonBase-root": {
+          borderRadius: "4px",
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          padding: "4px 12px 4px 8px",
+          height: "fit-content",
+          width: "fit-content",
+          minHeight: "fit-content",
+          minWidth: "fit-content",
+          gap: "8px",
+          ...o.typography.paragraph,
+          color: o.palette.text.primary,
+          "& .M4LIcon-root": {
+            marginBottom: "0"
+          }
+        },
+        "& .MuiButtonBase-root:hover": {
+          background: o.palette.state.default,
+          color: o.palette.state.hover,
+          "& .M4LIcon-icon": {
+            backgroundColor: o.palette.state.hover
+          }
+        },
+        "& .Mui-selected": {
+          background: o.palette.state.active12,
+          border: "1px solid",
+          borderColor: o.palette.state.active12,
+          boxShadow: o.customShadows.z2,
+          "&::before": {
+            content: '""',
+            width: "3px",
+            height: "16px",
+            left: "0px",
+            backgroundColor: o.palette.state.active,
+            borderRadius: "0px 2px 2px 0px",
+            position: "absolute"
+          }
+        }
+      }
+    }
+  }
+}), m = (o) => ({
+  M4LAccordion: {
+    styleOverrides: {
+      "&.M4LAccordion-root": {
+        width: "100%",
+        background: o.palette.background.default,
+        boxShadow: o.customShadows.z2,
+        borderTop: "1px solid",
+        borderColor: o.palette.state.default,
+        borderRadius: "4px",
+        "& .M4LTypography-root": {
+          "& .MuiTypography-root": {
+            ...o.typography.bodyDens,
+            color: o.palette.text.disabled
+          }
+        },
+        "& .MuiPaper-root": {
+          marginBottom: "0px"
+        }
+      },
+      "& .MuiButtonBase-root": {
+        "&.MuiAccordionSummary-root.Mui-expanded": {
+          background: o.palette.state.active12,
+          "& .M4LTypography-root": {
+            "& .MuiTypography-root": {
+              color: o.palette.text?.primary
+            }
+          },
+          "& .MuiAccordionSummary-expandIconWrapper": {
+            transform: "rotate(0deg)"
+          },
+          "& .M4LAccordion-endIcon": {
+            transform: "rotate(90deg)"
+          },
+          "& .M4LIconButton-root": {}
+        },
+        test: "root"
+      },
+      "& .MuiCollapse-root": {
+        background: o.palette.background.default,
+        boxShadow: o.customShadows.z2,
+        borderTop: "1px solid",
+        borderColor: o.palette.state.default,
+        borderRadius: "4px",
+        padding: "8px",
+        "& .MuiCollapse-wrapper": {
+          padding: "8px",
+          borderRadius: "4px"
+        }
+      }
+    }
+  }
+}), T = (o) => ({
+  M4LRHFormProvider: {
+    styleOverrides: {
+      "&.M4LRHFormProvider-root": {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        height: "auto"
+      }
+    }
+  }
+}), D = (o) => ({
+  M4LPeriod: {
+    styleOverrides: {
+      "&.M4LPeriod-root": {
+        border: "solid 1px",
+        borderColor: o.palette.state.borderDefault,
+        display: "flex",
+        width: "100%",
+        gap: "2px",
+        borderRadius: "4px",
+        padding: "4px 0 4px 4px",
+        "& .M4LPeriod-stateReadOnly": {},
+        "& .M4LPeriod-gap": {
+          backgroundColor: "transparent"
+        },
+        "& .M4LIcon-root": {
+          margin: "0px 8px"
+        },
+        "& .M4LPeriod-containerDateLabel": {
+          width: "100%",
+          borderRadius: "2px",
+          border: "solid 1px",
+          borderColor: o.palette.state.borderDefault,
+          padding: "0px 0px 0px 8px"
+        },
+        "& .M4LPeriod-containerDateValue": {
+          width: "100%",
+          borderRadius: "2px",
+          border: "solid 1px",
+          borderColor: o.palette.state.borderDefault,
+          padding: "0px 0px 0px 8px"
+        },
+        "&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod": {
+          width: "100%",
+          "& .MuiAutocomplete-root": {
+            width: "100%",
+            borderRadius: "2px",
+            borderColor: o.palette.state.borderDefault,
+            "& .MuiInputBase-root": {
+              borderRadius: "2px",
+              paddingLeft: "4px",
+              background: "transparent"
+            }
+          },
+          "& .MuiTextField-root": {
+            width: "100%",
+            borderRadius: "2px",
+            border: "solid 1px",
+            borderColor: o.palette.state.borderDefault,
+            "& .MuiInputBase-root": {
+              borderRadius: "2px",
+              paddingLeft: "4px",
+              background: "transparent"
+            },
+            "& .MuiInputBase-root.Mui-focused": {
+              borderRadius: "2px",
+              paddingLeft: "4px",
+              borderColor: o.palette.state.active
+            },
+            "& .MuiInputBase-root:hover": {
+              borderRadius: "2px",
+              paddingLeft: "4px",
+              background: o.palette.state.active12
+            }
+          },
+          "&:hover": {
+            borderColor: o.palette.state.hover,
+            "& .MuiAutocomplete-root": {
+              borderColor: o.palette.state.active12
+            }
+          }
+        },
+        "&.M4LPeriod-stateError": {
+          borderColor: o.palette.state.error.normal,
+          "&.M4LPeriod-stateError:hover": {
+            borderColor: o.palette.state.error.normal
+          },
+          "& .MuiTextField-root": {
+            "& .MuiInputBase-root:hover": {
+              borderRadius: "2px",
+              paddingLeft: "4px",
+              background: "transparent"
+            }
+          }
+        },
+        "&.M4LPeriod-stateWarning": {
+          borderColor: o.palette.state.warning.normal
+        },
+        "&.M4LPeriod-stateSuccess": {
+          borderColor: o.palette.state.success.normal
+        },
+        "&.M4LPeriod-stateInfo": {
+          borderColor: o.palette.state.info.normal
+        }
+      }
+    }
+  }
+}), P = (o) => ({
+  M4LModalDialog: {
+    styleOverrides: {
+      "&.M4LModal-root": {
+        test: "root",
+        "& .MuiPaper-root": {
+          display: "flex",
+          flexDirection: "column",
+          height: "fit-content",
+          overflow: "hidden",
+          width: "fit-content",
+          borderRadius: "4px",
+          minHeight: "fit-content",
+          minWidth: "fit-content",
+          margin: "0px",
+          background: "transparent",
+          "& .react-resizable": {
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            height: "292px",
+            width: "250px",
+            minHeight: "292px",
+            minWidth: "250px",
+            "& .custom-handle-nw": {
+              position: "absolute",
+              top: "0",
+              left: "0"
+            },
+            "& .M4LModal-containerWindow": {
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "fit-content",
+              overflow: "hidden",
+              width: "fit-content",
+              minWidth: "250px",
+              padding: "0px",
+              gap: "24px",
+              background: o.palette.background.default,
+              boxShadow: o.customShadows.z3,
+              borderRadius: "4px",
+              "& .M4LCommonActions-root": {
+                padding: "12px 12px 12px 0px",
+                margin: "0px",
+                width: "100%",
+                display: "flex",
+                flexDirection: "row",
+                justifyContent: "flex-end",
+                gap: "12px",
+                background: o.palette.background.neutral
+              },
+              "& .M4LModal-containerMassageIlustration": {
+                display: "flex",
+                flexDirection: "column",
+                height: "fit-content",
+                width: "fit-content",
+                padding: "24px 12px 0px 12px",
+                "& .M4LModal-modalContent": {
+                  display: "flex",
+                  flexDirection: "column",
+                  justifyContent: "center",
+                  alignItems: "center",
+                  gap: "12px",
+                  "& .M4LModal-illustrationContainer": {
+                    display: "flex",
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    marginBottom: "12px",
+                    height: "100px",
+                    width: "100px"
+                  },
+                  "& .MuiTypography-subtitle": {
+                    ...o.typography.subtitleDens,
+                    color: o.palette.text.primary
+                  }
+                }
+              },
+              "& .M4LModal-headerContainer": {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                minHeight: "36px",
+                borderBottom: `1px solid ${o.palette.divider}`,
+                "& .M4LModal-iconHeader": {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  marginRight: o.spacing(1.5)
+                },
+                "& .M4LModal-titleHeader": {
+                  ...o.typography.subtitle1,
+                  width: "100%",
+                  whiteSpace: "nowrap",
+                  textOverflow: "ellipsis",
+                  overflow: "hidden"
+                },
+                "& .M4LModal-iconCloseHeader": {}
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}), z = (o) => ({
+  M4LPaperForm: {
+    styleOverrides: {
+      "&.M4LPaperForm-root": {
+        test: "root",
+        margin: "0px 0px 8px 0px",
+        padding: "0",
+        borderRadius: "4px",
+        boxShadow: o.customShadows.z2,
+        background: o.palette.background.default,
+        border: "1px solid",
+        borderColor: o.palette.state.default,
+        width: "100%",
+        height: "100%",
+        "& .M4LPaperForm-headerContainer": {
+          width: "100%",
+          height: "fit-content",
+          minHeight: "28px",
+          padding: "4px 8px",
+          margin: "0px",
+          borderRadius: "4px",
+          background: o.palette.state.default,
+          boxShadow: o.customShadows.z1,
+          borderBottom: "none",
+          "& .M4LPaperForm-iconTitleContainer": {
+            ...o.typography.bodyDens,
+            color: o.palette.text.primary,
+            display: "flex",
+            gap: "8px",
+            "& .M4LPaperForm-iconHeaderContainer": {
+              margin: "0px"
+            }
+          }
+        },
+        "& .M4LPaperForm-content": {
+          height: "fit-content",
+          width: "fit-content",
+          padding: "12px 8px 8px 8px"
+        }
+      }
+    }
+  }
+}), V = (o) => ({
+  M4LTooltip: {
+    styleOverrides: {
+      "&.M4LTooltip-root": {
+        test: "root",
+        "& .MuiTooltip-tooltip": {
+          display: "flex",
+          alignItems: "center",
+          background: o.palette.background.default,
+          borderRadius: "4px",
+          boxShadow: o.customShadows.z3,
+          padding: "4px 8px",
+          height: "fit-content",
+          minHeight: "24px",
+          width: "fit-content",
+          margin: "4px 2px 2px 2px",
+          marginTop: "0px",
+          color: o.palette.text.primary,
+          borderTop: "1px solid",
+          borderColor: o.palette.background.background,
+          ...o.typography.body
+        }
+      }
+    }
   }
 });
 export {
-  g as M,
-  e as a,
-  r as b,
+  D as A,
+  P as B,
+  z as C,
+  V as D,
+  b as M,
+  i as a,
+  T as b,
   n as c,
-  i as d,
-  p as e,
-  x as f,
-  l as g,
-  d as h,
-  s as i,
-  c as j,
-  u as k,
-  b as l,
-  M as m,
-  L as n
+  p as d,
+  d as e,
+  l as f,
+  M as g,
+  s as h,
+  c as i,
+  u as j,
+  x as k,
+  g as l,
+  y as m,
+  w as n,
+  L as o,
+  f as p,
+  v as q,
+  h as r,
+  C as s,
+  k as t,
+  I as u,
+  B as v,
+  S as w,
+  R as x,
+  A as y,
+  m as z
 };