@m4l/styles 1.0.6 → 1.0.8

package/index.js

@@ -2,7 +2,7 @@ import { d as f } from "./theme/defaultThemeOptions.d580f3ec.js";
 import { c as R, s as S } from "./theme/shadows.e0c009ff.js";
 import { C, E as l, G as g, I as n, O as u, P, a as T, b as d, S as A, c as E, W as N, p as b } from "./theme/palette.287635f2.js";
 import { t as I } from "./theme/typography.947dc33f.js";
-import { f as F } from "./theme/overrides/index.34ab62d3.js";
+import { f as F } from "./theme/overrides/index.781cfe02.js";
 import { u as v } from "./utils/useResponsive.2c45e8e0.js";
 import { e as z, b as G, c as L, d as M, g as U, a as y, t as D } from "./utils/getColorPresets.a96a4046.js";
 import { g as W } from "./utils/getColorState.18b61422.js";
@@ -14,7 +14,7 @@ import "@mui/system";
 import "@mui/material";
 import "./theme/overrides/MUIComponents/index.5c43e3b5.js";
 import "./theme/overrides/M4LRHFComponents/index.3599b255.js";
-import "./theme/overrides/M4LExtendedComponents/index.ba1cc72c.js";
+import "./theme/overrides/M4LExtendedComponents/index.8c011674.js";
 export {
   C as COMMON,
   l as ERROR,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts

@@ -546,6 +546,11 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, 'palette' | 'applyStyle
                             };
                         };
                     };
+                    '& .M4LAreasViewer-panelWindowsSeparator': {
+                        width: string;
+                        border: string;
+                        borderColor: string;
+                    };
                 };
             };
         };

package/theme/overrides/M4LExtendedComponents/M4LMap.d.ts

@@ -0,0 +1,260 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LMap: (theme: Theme) => {
+    M4LMap: {
+        styleOverrides: {
+            '&.M4LMap-root': {
+                width: string;
+                height: string;
+                flexGrow: string;
+                overflow: string;
+                position: string;
+                '& .M4LMap-topLeftToolsRoot': {
+                    display: string;
+                    backgroundColor: string;
+                };
+                /**
+                 * Control superior derecho
+                 */
+                '& .M4LMap-topRigthToolsRoot': {
+                    backgroundColor: string;
+                    display: string;
+                    right: number;
+                    position: string;
+                    /**
+                     * Zoom buttons
+                     */
+                    '& .M4LMap-zoomButtons': {
+                        display: string;
+                    };
+                };
+                /**
+                 * Marcas
+                 */
+                '& .M4LMap-markerLayerRoot': {};
+                '& .M4LMap-markerLayerIcon': {
+                    transformOrigin: string;
+                    justifyContent: string;
+                    top: number;
+                    left: number;
+                    filter: string;
+                    display: string;
+                    alignItems: string;
+                    ' > img ': {
+                        height: string;
+                    };
+                };
+                '& .M4LMap-featureLabel': {
+                    position: string;
+                    display: string;
+                    transformOrigin: string;
+                    fontSize: string;
+                    borderRadius: string;
+                    maxWidth: string;
+                    fontWeight: string;
+                    padding: string;
+                    opacity: string;
+                    filter: string;
+                    whiteSpace: string;
+                    overflow: string;
+                    textOverflow: string;
+                };
+                '& .M4LMap-meaureToolRoot': {
+                    backgroundColor: string;
+                    height: string;
+                    width: string;
+                };
+                '& .M4LMap-measureToolFormValue': {
+                    justifyContent: string;
+                };
+                '& .M4LMap-measureToolFormValueDistance': {
+                    border: string;
+                    margin: string;
+                    fontWeight: number;
+                    fontSize: string;
+                };
+                '& .M4LMap-measureMarkerRoot': {
+                    '--color': string;
+                };
+                '& .M4LMap-measureMarkerContainer': {
+                    position: string;
+                    cursor: string;
+                };
+                '& .M4LMap-measureMarkerContainerRhomb': {
+                    position: string;
+                    filter: string;
+                    width: string;
+                    height: string;
+                    borderRadius: string;
+                    border: string;
+                    backgroundColor: string;
+                    transform: string;
+                };
+                '& .M4LMap-measureMarkerContainerSlot': {
+                    position: string;
+                    background: string;
+                    borderRadius: string;
+                    overflow: string;
+                    top: string;
+                    left: string;
+                    width: string;
+                    height: string;
+                };
+                '& .M4LMap-measureMarkerContainerSlotNumber': {
+                    fontSize: string;
+                    fontWeight: string;
+                    textAlign: string;
+                    marginTop: string;
+                    color: string;
+                };
+                '& .M4LMap-measureLabelMarkerRoot': {
+                    '--color': string;
+                };
+                '& .M4LMap-measureLabelMarkerContainer': {
+                    backgroundColor: string;
+                    border: string;
+                    color: string;
+                    width: string;
+                    marginLeft: string;
+                    marginTop: string;
+                };
+                '& .M4LMap-measureLabelMarkerDistance': {
+                    color: string;
+                };
+                '& .M4LMap-measureLabelMarkerRemove': {
+                    color: string;
+                };
+                '& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow': {
+                    '-webkit-transition': string;
+                    '-moz-transition': string;
+                    '-o-transition': string;
+                    transition: string;
+                };
+                '& .leaflet-cluster-spider-leg': {
+                    '-webkit-transition': string;
+                    '-moz-transition': string;
+                    '-o-transition': string;
+                    transition: string;
+                };
+                '& .marker-cluster-small': {
+                    backgroundColor: string;
+                };
+                '& .marker-cluster-small div': {
+                    backgroundColor: string;
+                };
+                '& .marker-cluster-medium': {
+                    backgroundColor: string;
+                };
+                '& .marker-cluster-medium div': {
+                    backgroundColor: string;
+                };
+                '& .marker-cluster-large': {
+                    backgroundColor: string;
+                };
+                '& .marker-cluster-large div': {
+                    backgroundColor: string;
+                };
+                '& .leaflet-oldie .marker-cluster-small': {
+                    backgroundColor: string;
+                };
+                '& .leaflet-oldie .marker-cluster-small div': {
+                    backgroundColor: string;
+                };
+                '& .leaflet-oldie .marker-cluster-medium': {
+                    backgroundColor: string;
+                };
+                '& .leaflet-oldie .marker-cluster-medium div': {
+                    backgroundColor: string;
+                };
+                '& .leaflet-oldie .marker-cluster-large': {
+                    backgroundColor: string;
+                };
+                '& .leaflet-oldie .marker-cluster-large div': {
+                    backgroundColor: string;
+                };
+                '& .marker-cluster': {
+                    backgroundClip: string;
+                    borderRadius: string;
+                };
+                '& .marker-cluster div': {
+                    width: string;
+                    height: string;
+                    marginLeft: string;
+                    marginTop: string;
+                    textAlign: string;
+                    borderRadius: string;
+                    font: string;
+                };
+                '& .marker-cluster span': {
+                    lineHeight: string;
+                };
+                '& .xxxxx': {
+                    color: string;
+                    '& .M4LIcon-root .M4LIcon-icon': {
+                        backgroundColor: string;
+                    };
+                };
+                '& .leaflet-control-scale-line': {
+                    color: string;
+                };
+            };
+        };
+    };
+    M4LMapMapSources: {
+        styleOverrides: {
+            '&.M4LMap-mapSourcesPopoverRoot': {
+                mt: number;
+                ml: number;
+                '& .MuiPaper-root': {
+                    backgroundColor: string;
+                    width: string;
+                    height: number;
+                };
+                '& .M4LMap-mapSourcesRoot': {
+                    postion: string;
+                    height: string;
+                    '& .M4LMap-mapSourcesOption': {
+                        display: string;
+                        '& .M4LMap-mapSourcesOptionIconLabel': {
+                            display: string;
+                        };
+                        '& .M4LMap-mapSourcesOptionRoadOptions': {
+                            display: string;
+                            '& .M4LMap-mapSourcesOptionRoadOptionsCheck': {
+                                display: string;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+    M4LMapLayers: {
+        styleOverrides: {
+            '&.M4LMap-layersPopoverRoot': {
+                mt: number;
+                ml: number;
+                '& .MuiPaper-root': {
+                    backgroundColor: string;
+                    width: string;
+                    height: number;
+                };
+                '& .M4LMap-mapSourcesRoot': {
+                    postion: string;
+                    height: string;
+                    '& .M4LMap-mapSourcesOption': {
+                        display: string;
+                        '& .M4LMap-mapSourcesOptionIconLabel': {
+                            display: string;
+                        };
+                        '& .M4LMap-mapSourcesOptionRoadOptions': {
+                            display: string;
+                            '& .M4LMap-mapSourcesOptionRoadOptionsCheck': {
+                                display: string;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+};

package/theme/overrides/M4LExtendedComponents/M4LMapGpsTools.d.ts

@@ -0,0 +1,57 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LMapGpsTools: (_theme: Theme) => {
+    M4LMapGpsTools: {
+        styleOverrides: {
+            '&.M4LMapGpsTools-gpsToolsRoot': {
+                position: string;
+                display: string;
+                flexDirection: string;
+                flexGrow: number;
+                width: string;
+                height: string;
+                '& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden': {
+                    display: string;
+                };
+            };
+        };
+    };
+    M4LMapGpsToolsGeofencesList: {
+        styleOverrides: {
+            '&.M4LMapGpsTools-gpsToolsGeofencesList': {
+                padding: string;
+                position: string;
+                flexGrow: number;
+                width: string;
+                '& .M4LDataGrid-root': {
+                    height: string;
+                    flexGrow: number;
+                };
+            };
+        };
+    };
+    M4LMapGpsToolsGeofencesAddEdit: {
+        styleOverrides: {
+            '&.M4LMapGpsTools-gpsToolsGeofencesAddEdit': {
+                height: string;
+                '& .M4LMapGpsTools-gpsToolsGeofencesAddEditContent': {
+                    overflow: string;
+                    display: string;
+                    flexDirection: string;
+                    flexGrow: number;
+                    '& .M4LMapGpsTools-gpsToolsTabContent': {
+                        padding: string;
+                        overflow: string;
+                    };
+                    '& .M4LMapGpsTools-gpsToolsGeofencesAddEditDrawFinishContainer': {
+                        display: string;
+                        minWidth: string;
+                        marginTop: string;
+                    };
+                };
+                '& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden': {
+                    display: string;
+                };
+            };
+        };
+    };
+};

package/theme/overrides/M4LExtendedComponents/{index.ba1cc72c.js → index.8c011674.js}

@@ -366,7 +366,7 @@ const c = (o) => ({
       }
     }
   }
-}), v = (o) => ({
+}), L = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LHelperText-root"]: {
@@ -385,7 +385,7 @@ const c = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), v = (o) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -397,7 +397,7 @@ const c = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), h = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
@@ -630,7 +630,7 @@ const c = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), y = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -661,7 +661,7 @@ const c = (o) => ({
           width: "240px",
           "& .M4LSideBar-areaExpandMenu": {
             position: "absolute",
-            zIndex: "1",
+            zIndex: "99999",
             height: "100%",
             transition: "all 0.3s",
             width: "240px",
@@ -3282,6 +3282,11 @@ const c = (o) => ({
                 }
               }
             }
+          },
+          "& .M4LAreasViewer-panelWindowsSeparator": {
+            width: "100%",
+            border: "0.5px solid",
+            borderColor: o.vars.palette.state.borderPrimary
           }
         }
       }
@@ -3570,7 +3575,7 @@ const c = (o) => ({
       }
     }
   }
-}), S = (o) => ({
+}), k = (o) => ({
   M4LAvatar: {
     styleOverrides: {
       "&.M4LAvatar-root": {
@@ -3609,7 +3614,7 @@ const c = (o) => ({
       }
     }
   }
-}), B = (o) => ({
+}), S = (o) => ({
   M4LAccountPopover: {
     styleOverrides: {
       "&.M4LAccountPopover-root": {
@@ -3888,7 +3893,7 @@ const c = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), B = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -4447,7 +4452,7 @@ const c = (o) => ({
       }
     }
   }
-}), z = (o) => ({
+}), O = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -4627,7 +4632,7 @@ const c = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), z = (o) => ({
   M4LModalDialog: {
     styleOverrides: {
       "&.M4LModal-root": {
@@ -4753,7 +4758,7 @@ const c = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), V = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -4802,7 +4807,7 @@ const c = (o) => ({
       }
     }
   }
-}), F = (o) => ({
+}), G = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -4823,7 +4828,7 @@ const c = (o) => ({
       }
     }
   }
-}), j = (o) => ({
+}), F = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -4854,7 +4859,7 @@ const c = (o) => ({
       }
     }
   }
-}), G = (o) => (console.log("Test media query", o.typography.body), {
+}), j = (o) => (console.log("Test media query", o.typography.body), {
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -6301,13 +6306,318 @@ const c = (o) => ({
       }
     }
   }
+}), lo = (o) => ({
+  M4LMap: {
+    styleOverrides: {
+      "&.M4LMap-root": {
+        width: "100%",
+        height: "100%",
+        flexGrow: "1",
+        overflow: "auto",
+        position: "relative",
+        "& .M4LMap-topLeftToolsRoot": {
+          display: "flex",
+          backgroundColor: "blue"
+        },
+        "& .M4LMap-topRigthToolsRoot": {
+          backgroundColor: "blue",
+          display: "flex",
+          right: 0,
+          position: "absolute",
+          "& .M4LMap-zoomButtons": {
+            display: "flex"
+          }
+        },
+        "& .M4LMap-markerLayerRoot": {},
+        "& .M4LMap-markerLayerIcon": {
+          transformOrigin: "center center",
+          justifyContent: "center",
+          top: 0,
+          left: 0,
+          filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
+          display: "flex",
+          alignItems: "center",
+          " > img ": {
+            height: "24px"
+          }
+        },
+        "& .M4LMap-featureLabel": {
+          position: "absolute",
+          display: "flex",
+          transformOrigin: "left center",
+          fontSize: "11px",
+          borderRadius: "4px",
+          maxWidth: "300px",
+          fontWeight: "bolder",
+          padding: "2px 8px",
+          opacity: ".85",
+          filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.3))",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        },
+        "& .M4LMap-meaureToolRoot": {
+          backgroundColor: "green",
+          height: "100%",
+          width: "100%"
+        },
+        "& .M4LMap-measureToolFormValue": {
+          justifyContent: "center"
+        },
+        "& .M4LMap-measureToolFormValueDistance": {
+          border: "1px solid white",
+          margin: "0 5px",
+          fontWeight: 800,
+          fontSize: "large"
+        },
+        "& .M4LMap-measureMarkerRoot": {
+          "--color": "green"
+        },
+        "& .M4LMap-measureMarkerContainer": {
+          position: "relative",
+          cursor: "pointer"
+        },
+        "& .M4LMap-measureMarkerContainerRhomb": {
+          position: "absolute",
+          filter: "drop-shadow(0px 0px 3px rgba(0,0,0,.4))",
+          width: "31px",
+          height: "31px",
+          borderRadius: "50% 50% 50% 0",
+          border: "4px solid var(--color)",
+          backgroundColor: "var(--color)",
+          transform: "rotate(-45deg)"
+        },
+        "& .M4LMap-measureMarkerContainerSlot": {
+          position: "absolute",
+          background: "#fff",
+          borderRadius: "50%",
+          overflow: "hidden",
+          top: "3px",
+          left: "3px",
+          width: "25px",
+          height: "24px"
+        },
+        "& .M4LMap-measureMarkerContainerSlotNumber": {
+          fontSize: "14px",
+          fontWeight: "600",
+          textAlign: "center",
+          marginTop: "1px",
+          color: "black"
+        },
+        "& .M4LMap-measureLabelMarkerRoot": {
+          "--color": "yellow"
+        },
+        "& .M4LMap-measureLabelMarkerContainer": {
+          backgroundColor: "var(--color)",
+          border: "1px solid gray",
+          color: "#fff",
+          width: "80px",
+          marginLeft: "15px",
+          marginTop: "15px"
+        },
+        "& .M4LMap-measureLabelMarkerDistance": {
+          color: "gray"
+        },
+        "& .M4LMap-measureLabelMarkerRemove": {
+          color: "blue"
+        },
+        "& .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow": {
+          "-webkit-transition": "-webkit-transform 0.3s ease-out, opacity 0.3s ease-in",
+          "-moz-transition": "-moz-transform 0.3s ease-out, opacity 0.3s ease-in",
+          "-o-transition": "-o-transform 0.3s ease-out, opacity 0.3s ease-in",
+          transition: "transform 0.3s ease-out, opacity 0.3s ease-in"
+        },
+        "& .leaflet-cluster-spider-leg": {
+          "-webkit-transition": "-webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in",
+          "-moz-transition": "-moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in",
+          "-o-transition": "-o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in",
+          transition: "stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in"
+        },
+        "& .marker-cluster-small": {
+          backgroundColor: "rgba(181, 226, 140, 0.6)"
+        },
+        "& .marker-cluster-small div": {
+          backgroundColor: "rgba(110, 204, 57, 0.6)"
+        },
+        "& .marker-cluster-medium": {
+          backgroundColor: "rgba(241, 211, 87, 0.6)"
+        },
+        "& .marker-cluster-medium div": {
+          backgroundColor: "rgba(240, 194, 12, 0.6)"
+        },
+        "& .marker-cluster-large": {
+          backgroundColor: "rgba(253, 156, 115, 0.6)"
+        },
+        "& .marker-cluster-large div": {
+          backgroundColor: "rgba(241, 128, 23, 0.6)"
+        },
+        "& .leaflet-oldie .marker-cluster-small": {
+          backgroundColor: "rgb(181, 226, 140)"
+        },
+        "& .leaflet-oldie .marker-cluster-small div": {
+          backgroundColor: "rgb(110, 204, 57)"
+        },
+        "& .leaflet-oldie .marker-cluster-medium": {
+          backgroundColor: "rgb(241, 211, 87)"
+        },
+        "& .leaflet-oldie .marker-cluster-medium div": {
+          backgroundColor: "rgb(240, 194, 12)"
+        },
+        "& .leaflet-oldie .marker-cluster-large": {
+          backgroundColor: "rgb(253, 156, 115)"
+        },
+        "& .leaflet-oldie .marker-cluster-large div": {
+          backgroundColor: "rgb(241, 128, 23)"
+        },
+        "& .marker-cluster": {
+          backgroundClip: "padding-box",
+          borderRadius: "20px"
+        },
+        "& .marker-cluster div": {
+          width: "30px",
+          height: "30px",
+          marginLeft: "5px",
+          marginTop: "5px",
+          textAlign: "center",
+          borderRadius: "15px",
+          font: '12px "Helvetica Neue", Arial, Helvetica, sans-serif'
+        },
+        "& .marker-cluster span": {
+          lineHeight: "30px"
+        },
+        "& .xxxxx": {
+          color: o.vars.palette.state.error.normal,
+          "& .M4LIcon-root .M4LIcon-icon": {
+            backgroundColor: o.vars.palette.state.error.normal
+          }
+        },
+        "& .leaflet-control-scale-line": {
+          color: "red"
+        }
+      }
+    }
+  },
+  M4LMapMapSources: {
+    styleOverrides: {
+      "&.M4LMap-mapSourcesPopoverRoot": {
+        mt: 1.5,
+        ml: 0.75,
+        "& .MuiPaper-root": {
+          backgroundColor: "gray",
+          width: "400px!important",
+          height: 400
+        },
+        "& .M4LMap-mapSourcesRoot": {
+          postion: "relative",
+          height: "100%",
+          "& .M4LMap-mapSourcesOption": {
+            display: "flex",
+            "& .M4LMap-mapSourcesOptionIconLabel": {
+              display: "flex"
+            },
+            "& .M4LMap-mapSourcesOptionRoadOptions": {
+              display: "flex",
+              "& .M4LMap-mapSourcesOptionRoadOptionsCheck": {
+                display: "flex"
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  M4LMapLayers: {
+    styleOverrides: {
+      "&.M4LMap-layersPopoverRoot": {
+        mt: 1.5,
+        ml: 0.75,
+        "& .MuiPaper-root": {
+          backgroundColor: "gray",
+          width: "400px!important",
+          height: 400
+        },
+        "& .M4LMap-mapSourcesRoot": {
+          postion: "relative",
+          height: "100%",
+          "& .M4LMap-mapSourcesOption": {
+            display: "flex",
+            "& .M4LMap-mapSourcesOptionIconLabel": {
+              display: "flex"
+            },
+            "& .M4LMap-mapSourcesOptionRoadOptions": {
+              display: "flex",
+              "& .M4LMap-mapSourcesOptionRoadOptionsCheck": {
+                display: "flex"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}), co = (o) => ({
+  M4LMapGpsTools: {
+    styleOverrides: {
+      "&.M4LMapGpsTools-gpsToolsRoot": {
+        position: "relative",
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        width: "100%",
+        height: "100%",
+        "& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden": {
+          display: "none"
+        }
+      }
+    }
+  },
+  M4LMapGpsToolsGeofencesList: {
+    styleOverrides: {
+      "&.M4LMapGpsTools-gpsToolsGeofencesList": {
+        padding: "12px",
+        position: "relative !important",
+        flexGrow: 1,
+        width: "100%",
+        "& .M4LDataGrid-root": {
+          height: "unset !important",
+          flexGrow: 1
+        }
+      }
+    }
+  },
+  M4LMapGpsToolsGeofencesAddEdit: {
+    styleOverrides: {
+      "&.M4LMapGpsTools-gpsToolsGeofencesAddEdit": {
+        height: "100% !important",
+        "& .M4LMapGpsTools-gpsToolsGeofencesAddEditContent": {
+          overflow: "hidden",
+          display: "flex",
+          flexDirection: "column",
+          flexGrow: 1,
+          "& .M4LMapGpsTools-gpsToolsTabContent": {
+            padding: "12px",
+            overflow: "auto"
+          },
+          "& .M4LMapGpsTools-gpsToolsGeofencesAddEditDrawFinishContainer": {
+            display: "flex",
+            minWidth: "60px",
+            marginTop: "14px"
+          }
+        },
+        "& .M4LMapGpsTools-gpsToolsTabContent.M4LMapGpsTools-hidden": {
+          display: "none"
+        }
+      }
+    }
+  }
 });
 export {
+  lo as $,
   H as A,
-  z as B,
-  V as C,
-  O as D,
-  F as E,
+  O as B,
+  z as C,
+  V as D,
+  G as E,
   N as F,
   E as G,
   $ as H,
@@ -6329,26 +6639,27 @@ export {
   no as X,
   po as Y,
   so as Z,
+  co as _,
   W as a,
   c as b,
   g as c,
   x as d,
   u as e,
-  h as f,
+  y as f,
   b as g,
-  j as h,
+  F as h,
   M as i,
-  G as j,
-  v as k,
-  L as l,
-  y as m,
+  j,
+  L as k,
+  v as l,
+  h as m,
   f as n,
   C as o,
   w as p,
   m as q,
-  S as r,
-  B as s,
-  k as t,
+  k as r,
+  S as s,
+  B as t,
   I as u,
   T as v,
   R as w,

package/theme/overrides/{index.34ab62d3.js → index.781cfe02.js}

@@ -1,7 +1,7 @@
-import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as c, T as l, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
+import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as T, f as A, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
 import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index.3599b255.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as ca, p as la, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa } from "./M4LExtendedComponents/index.ba1cc72c.js";
-function $a(a) {
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Ta, x as Aa, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya, $ as Za } from "./M4LExtendedComponents/index.8c011674.js";
+function ma(a) {
   return Object.assign(
     s(a),
     o(a),
@@ -11,16 +11,16 @@ function $a(a) {
     n(),
     i(a),
     p(),
-    c(a),
     l(a),
+    c(a),
     d(a),
     u(a),
     g(a),
     B(a),
     F(a),
     P(a),
-    A(a),
     T(a),
+    A(a),
     b(a),
     C(),
     S(),
@@ -64,16 +64,16 @@ function $a(a) {
     na(a),
     ia(a),
     pa(a),
-    ca(a),
     la(a),
+    ca(a),
     da(a),
     ua(a),
     ga(a),
     Ba(),
     Fa(a),
     Pa(a),
-    Aa(),
-    Ta(a),
+    Ta(),
+    Aa(a),
     ba(a),
     Ca(a),
     Sa(a),
@@ -101,9 +101,11 @@ function $a(a) {
     Ka(a),
     Qa(a),
     Wa(),
-    Xa(a)
+    Xa(a),
+    Ya(),
+    Za(a)
   );
 }
 export {
-  $a as f
+  ma as f
 };

package/theme/overrides/index.d.ts

@@ -1,2 +1,2 @@
 import type { Theme, CssVarsTheme } from '@mui/material/styles';
-export declare function fnComponentsOverrides(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): any;
+export declare function fnComponentsOverrides(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): any;