@m4l/components 2.0.7 → 3.0.1

package/styles/{index.ccd8acc4.js → index-Cc9p_h7i.js}

@@ -1,14 +1,14 @@
 import { styled, alpha, Skeleton, Popover, IconButton, Stack, Tabs, Dialog, ListItemText, ListItemButton } from "@mui/material";
 import { styled as styled$1, alpha as alpha$1 } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
-import { h as gridLayoutClasses } from "../components/GridLayout/index.2b9bc85c.js";
-import { a as ResizableBox } from "../react-resizable.c746880c.js";
-import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.cb60f940.js";
-import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.350ee032.js";
-import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.7628172f.js";
-import { R as RHFormProvider } from "../contexts/RHFormContext/index.acc30d9b.js";
-import { S as Stack$1 } from "../components/mui_extended/Stack/index.b8c3b40b.js";
-import { I as Image } from "../components/Image/index.32b58ce4.js";
+import { h as gridLayoutClasses } from "../components/GridLayout/index-HK_hTGnZ.js";
+import { a as ResizableBox } from "../react-resizable-eBbFl2dX.js";
+import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index-qqSduaty.js";
+import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index-D5If8gFK.js";
+import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index-BP1dIwh6.js";
+import { R as RHFormProvider } from "../contexts/RHFormContext/index-B4a0h0fX.js";
+import { S as Stack$1 } from "../components/mui_extended/Stack/index-CV2W-_eL.js";
+import { I as Image } from "../components/Image/index-B7FhR9uF.js";
 const RootStyle$1 = styled("div", {
   shouldForwardProp: (props) => props !== "variant"
 })(({ theme, variant }) => ({
@@ -57,6 +57,7 @@ const AnimatedScrollRoot = styled$1("div")(() => ({
   overflowX: "auto",
   overflowY: "hidden",
   transition: "scroll-behavior 0.5s",
+  /* Otras propiedades CSS aquí */
   scrollbarWidth: "none",
   msOverflowStyle: "none",
   "&::-webkit-scrollbar": {
@@ -79,11 +80,15 @@ const DivIcon = styled$1("div", {
   ...rotationAngle && {
     transform: `rotate(${rotationAngle}deg)`
   }
+  /*  ...(angleTransition &&
+        rotationAngle && {
+            transition: `transform ${angleTransition}s ease-in-out`,
+        }), */
 }));
 const IconButtonRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LIconButton?.styleOverrides
 }));
-const react_resizable_css$1 = {};
+const react_resizable_css = {};
 const GridLayoutRoot = styled$1("div")`
   overflow: auto;
   position: relative;
@@ -238,7 +243,7 @@ const GridLayoutRoot = styled$1("div")`
     display: none;
   }
 
-  ${react_resizable_css$1}
+  ${react_resizable_css}
   ${(props) => props.theme.components?.M4LGridLayout?.styleOverrides}
 `;
 styled$1("div")(({ theme }) => ({
@@ -269,6 +274,7 @@ const AvatarRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LAvatar?.styleOverrides
 }));
 const ButtonRoot = styled$1("div")(({ theme }) => ({
+  /* Styles overrides of m4l_styles */
   ...theme.components?.M4LButton?.styleOverrides
 }));
 styled$1(Skeleton)(({ theme }) => ({
@@ -291,6 +297,7 @@ const WrapperImageButton = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LImageButton?.styleOverrides
 }));
 const LoadingButtonRoot = styled("div")(({ theme }) => ({
+  /* Styles overrides of m4l_styles */
   ...theme.components?.M4LLoadingButton?.styleOverrides
 }));
 const PopoverRoot = styled$1(Popover)(({ theme }) => ({
@@ -301,6 +308,7 @@ const LabelMemuItem = styled$1("div")(({ theme }) => ({
   height: "22px",
   overflow: "hidden",
   wordBreak: "break-all",
+  // padding: '0px',
   marginLeft: theme.spacing(1.5),
   display: "flex",
   alignItems: "center"
@@ -324,6 +332,7 @@ const SKTTabWrapper = styled$1("div")(({ theme }) => ({
   padding: theme.spacing(1.5, 2)
 }));
 const WrapperResizeable = styled$1(ResizableBox)(({ theme }) => ({
+  // variante desktop
   "&.react-resizable": {
     position: "relative",
     width: "100%",
@@ -360,6 +369,7 @@ const WrapperResizeable = styled$1(ResizableBox)(({ theme }) => ({
     backgroundRepeat: "no-repeat",
     backgroundOrigin: "content-box",
     boxSizing: "border-box",
+    /* background-image: url('data:image/svg+xml',base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')', */
     backgroundColor: theme.vars.palette.action.active,
     mask: `url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cg id='Grupo_5256'%3E%3C/g%3E%3Cpath class='st0' d='z'/%3E%3Cg%3E%3Cpolygon points='21.9,21.9 15.8,21.9 15.8,19.9 19.9,19.9 19.9,15.9 21.9,15.9 '/%3E%3C/g%3E%3C/svg%3E%0A")`,
     backgroundImage: `url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cg id='Grupo_5256'%3E%3C/g%3E%3Cpath class='st0' d='z'/%3E%3Cg%3E%3Cpolygon points='21.9,21.9 15.8,21.9 15.8,19.9 19.9,19.9 19.9,15.9 21.9,15.9 '/%3E%3C/g%3E%3C/svg%3E%0A")`,
@@ -381,6 +391,7 @@ const WrapperResizeable = styled$1(ResizableBox)(({ theme }) => ({
     "& .M4LImage-img": {
       opacity: "0.5",
       filter: "invert(0.4) hue-rotate(20deg) saturate(1000%)"
+      // '-webkitUserDrag': 'none',
     }
   },
   "& .M4LImage-root.custom-handle.custom-handle-nw": {
@@ -391,6 +402,7 @@ const WrapperResizeable = styled$1(ResizableBox)(({ theme }) => ({
     "& .M4LImage-img": {
       opacity: "0.5",
       filter: "invert(0.4) hue-rotate(20deg) saturate(1000%)"
+      // '-webkitUserDrag': 'none',
     }
   },
   "& .react-resizable-handle-ne": {
@@ -492,6 +504,13 @@ const ContainerCheckTypography = styled$1("div")(() => ({
   alignItems: "center"
 }));
 const WrapperStandarActions = styled$1("div")(({ theme }) => ({
+  // paddingTop: theme.spacing(3),
+  // display: 'flex',
+  // flexDirection: 'row',
+  // justifyContent: 'flex-end',
+  // '& > button': {
+  //     marginLeft: '10px',
+  // },
   ...theme.components?.M4LCommonActions?.styleOverrides
 }));
 const RHFDateTimeRoot = styled("div")(({ theme }) => ({
@@ -514,6 +533,7 @@ const WrapperSkeletonRHFTextField = styled$1("div")(({ theme }) => ({
   gap: "4px"
 }));
 const RHFTextFieldRoot = styled$1("div")(({ theme }) => ({
+  /* Styles overrides of m4l_styles */
   ...theme.components?.M4LRHFTextField?.styleOverrides
 }));
 styled$1("div")(({ theme }) => ({
@@ -692,7 +712,6 @@ styled$1(SimpleBarReact)(({ theme }) => ({
     }
   }
 }));
-const react_resizable_css = ".react-resizable {\n  position: relative;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  background-repeat: no-repeat;\n  background-origin: content-box;\n  box-sizing: border-box;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');\n  background-position: bottom right;\n  padding: 0 3px 3px 0;\n}\n.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-resizable-handle-w,\n.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-resizable-handle-n,\n.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}";
 const AreasViewerRoot = styled$1("div")`
   /* display: flex; */
   width: 100%;
@@ -809,8 +828,6 @@ const AreasViewerRoot = styled$1("div")`
     padding: 16px;
   }
 
-  ${react_resizable_css}
-
   ${(props) => props.theme.components?.M4LAreasViewer?.styleOverrides}
 `;
 const LinearProgressIndeterminateRoot = styled("div")(({ theme }) => ({
@@ -839,9 +856,9 @@ const WindowRoot = styled("div")`
   }
 
   // windowHeader
-  /* 
+  /*
     &.${areasViewerClasses.loading} .${areasViewerClasses.windowHeader} {
-        border-bottom: 2px solid red !important; 
+        border-bottom: 2px solid red !important;
     }
     */
   // windowHeaderTitle
@@ -880,41 +897,211 @@ const WindowRoot = styled("div")`
     padding: 16px;
   }
 
-  // windowToastiesContainer
-  & .${areasViewerClasses.windowToastiesContainer} {
-    padding: 4px;
-  }
-
-  // windowToastyContainer
-  & .${areasViewerClasses.windowToastyContainer} {
-    display: flex;
-    flex-direction: column;
-  }
-  // windowToastyContainer
-  & .${areasViewerClasses.windowToastyContainer}.${areasViewerClasses.success} {
-    background-color: ${(props) => props.theme.vars.palette.success.main};
-  }
-
-  // windowToastyMeesageButtonsContainer
-  & .${areasViewerClasses.windowToastyMeesageButtonsContainer} {
-    display: flex;
-  }
   & .MuiLinearProgress-root {
     width: 100%;
   }
 
-  // windowToastyMessage
-  & .${areasViewerClasses.windowToastyMessage} {
-    flex-grow: 1;
-  }
-
-  // windowToastyContainer
-  & .${areasViewerClasses.windowToastyPin}.${areasViewerClasses.pinIn} {
-    border: 1px solid red;
-  }
-
   ${(props) => props.theme.components?.M4LAreasViewerWindow?.styleOverrides}
 `;
+const toastStyles = {
+  root: ({ theme, ownerState }) => ({
+    "--toastify-color-light": theme.vars.palette.background.default,
+    "--toastify-color-dark": theme.vars.palette.background.default,
+    "--toastify-color-info": theme.vars.palette.info.main,
+    "--toastify-color-success": theme.vars.palette.success.main,
+    "--toastify-color-warning": theme.vars.palette.warning.main,
+    "--toastify-color-error": theme.vars.palette.error.main,
+    "--toastify-color-transparent": "rgba(255, 255, 255, 0.7)",
+    "--toastify-icon-color-info": "var(--toastify-color-info)",
+    "--toastify-icon-color-success": "var(--toastify-color-success)",
+    "--toastify-icon-color-warning": "var(--toastify-color-warning)",
+    "--toastify-icon-color-error": "var(--toastify-color-error)",
+    "--toastify-toast-width": "320px",
+    "--toastify-toast-background": "#fff",
+    "--toastify-toast-min-height": "64px",
+    "--toastify-toast-max-height": "800px",
+    "--toastify-font-family": "sans-serif",
+    "--toastify-z-index": "9999",
+    "--toastify-text-color-light": "#757575",
+    "--toastify-text-color-dark": "#fff",
+    //Used only for colored theme
+    "--toastify-text-color-info": "#fff",
+    "--toastify-text-color-success": "#fff",
+    "--toastify-text-color-warning": "#fff",
+    "--toastify-text-color-error": "#fff",
+    "--toastify-spinner-color": "#616161",
+    "--toastify-spinner-color-empty-area": "#e0e0e0",
+    // Used when no type is provided
+    // toast("**hello**")
+    "--toastify-color-progress-light": "var(--toastify-color-info)",
+    // Used when no type is provided
+    "--toastify-color-progress-dark": "var(--toastify-color-info)",
+    "--toastify-color-progress-info": "var(--toastify-color-info)",
+    "--toastify-color-progress-success": "var(--toastify-color-success)",
+    "--toastify-color-progress-warning": "var(--toastify-color-warning)",
+    "--toastify-color-progress-error": "var(--toastify-color-error)",
+    "--toastify-toast-bd-radius": "8px",
+    // used to control the opacity of the progress trail
+    "--toastify-color-progress-bgo": ".2",
+    ...ownerState?.fixed === false ? {
+      top: 0,
+      position: "absolute",
+      zIndex: theme.vars.zIndex.snackbar,
+      "@supports (position: sticky)": {
+        position: "sticky"
+      }
+    } : {},
+    "& .Toastify": {
+      margin: 0,
+      padding: 0,
+      height: 0
+    },
+    "& .Toastify__toast-container": {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      ...ownerState?.fixed === false ? {
+        top: "4px",
+        position: "absolute"
+      } : {},
+      [theme.breakpoints.down(480)]: {
+        width: "100%",
+        minWidth: "100%",
+        padding: "0"
+      }
+    },
+    /** Used to define the position of the ToastContainer **/
+    ".Toastify__toast-container--top-left": {},
+    ".Toastify__toast-container--top-center": {},
+    ".Toastify__toast-container--top-right": {},
+    ".Toastify__toast-container--bottom-left": {},
+    ".Toastify__toast-container--bottom-center": {},
+    ".Toastify__toast-container--bottom-right": {},
+    "& .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > *": {
+      opacity: 0.2
+    },
+    /** Classes for the displayed toast **/
+    "& .Toastify__toast": {
+      minHeight: "min-content",
+      margin: "0",
+      padding: "0",
+      backgroundColor: theme.vars.palette.background.default,
+      boxShadow: theme.customShadows?.z3,
+      borderRadius: "4px",
+      [theme.breakpoints.down(480)]: {
+        margin: "1%",
+        width: "98% !important"
+      }
+    },
+    ".Toastify__toast--rtl": {},
+    "& .Toastify__toast-body": {
+      margin: "0px",
+      padding: "0px"
+    },
+    /** Used to position the icon **/
+    "& .Toastify__toast-icon": {},
+    /** handle the notification color and the text color based on the theme **/
+    "& .Toastify__toast-theme--dark": {},
+    "& .Toastify__toast-theme--light": {},
+    "& .Toastify__toast-theme--colored.Toastify__toast--default": {},
+    "& .Toastify__toast-theme--colored.Toastify__toast--info": {},
+    "& .Toastify__toast-theme--colored.Toastify__toast--success": {},
+    "& .Toastify__toast-theme--colored.Toastify__toast--warning": {},
+    "& .Toastify__toast-theme--colored.Toastify__toast--error": {},
+    "& .Toastify__progress-bar--wrp": {
+      position: "absolute",
+      top: 0,
+      height: "2px",
+      borderTopLeftRadius: "2px",
+      borderTopRightRadius: "2px",
+      borderBottomLeftRadius: "0",
+      borderBottomRightRadius: "0",
+      overflow: "hidden"
+    },
+    "& .Toastify__progress-bar": {
+      borderTopLeftRadius: "2px",
+      borderBottomLeftRadius: "0",
+      borderBottomRightRadius: "0"
+    },
+    "& .Toastify__progress-bar--rtl": {},
+    "& .Toastify__progress-bar-theme--light": {},
+    "& .Toastify__progress-bar-theme--dark": {},
+    "& .Toastify__progress-bar--info": {},
+    "& .Toastify__progress-bar--success": {},
+    "& .Toastify__progress-bar--warning": {},
+    "& .Toastify__progress-bar--error": {}
+  }),
+  messageRoot: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    padding: "4px"
+  },
+  messageHeader: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    height: "24px",
+    minHeight: "24px",
+    gap: "4px"
+  },
+  messageIconRoot: {},
+  messageIcon: ({ theme, ownerState }) => ({
+    "&.M4LIcon-root": {
+      height: "24px",
+      width: "24px",
+      "& > .M4LIcon-icon": {
+        backgroundColor: ownerState?.type === "info" ? theme.vars.palette.info.main : ownerState?.type === "success" ? theme.vars.palette.success.main : ownerState?.type === "warning" ? theme.vars.palette.warning.main : ownerState?.type === "error" ? theme.vars.palette.error.main : theme.vars.palette.info.main
+      }
+    }
+  }),
+  messageTitle: ({ theme }) => ({
+    flex: 1,
+    paddingLeft: "4px",
+    ...theme.colorSchemes.finalTheme.typography.bodyDens,
+    fontWeight: theme.colorSchemes.finalTheme.typography.fontWeightMedium,
+    color: theme.vars.palette.text.primary
+  }),
+  messageDescription: ({ theme }) => ({
+    ...theme.colorSchemes.finalTheme.typography.bodyDens,
+    fontWeight: theme.colorSchemes.finalTheme.typography.fontWeightRegular,
+    color: theme.vars.palette.text.primary,
+    padding: "0 4px 4px 30px"
+  }),
+  messageCloseButton: {
+    border: "none",
+    backgroundColor: "transparent",
+    margin: 0,
+    padding: 0
+  },
+  messageCloseButtonIcon: ({ theme }) => ({
+    "&.M4LIcon-root": {
+      height: "24px",
+      width: "24px",
+      "& > .M4LIcon-icon": {
+        backgroundColor: theme.vars.palette.text.primary,
+        fontsize: "16px"
+      }
+    }
+  }),
+  messagePinButton: {
+    border: "none",
+    backgroundColor: "transparent",
+    margin: 0,
+    padding: 0
+  },
+  messagePinButtonIcon: ({ theme }) => ({
+    "&.M4LIcon-root": {
+      height: "24px",
+      width: "24px",
+      "& > .M4LIcon-icon": {
+        backgroundColor: theme.vars.palette.text.primary,
+        fontsize: "16px"
+      }
+    }
+  })
+};
 styled$1("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "column",
@@ -923,9 +1110,14 @@ styled$1("div")(({ theme }) => ({
   padding: theme.spacing(3)
 }));
 const WrapperWindowModal = styled$1(Dialog)(({ theme }) => ({
+  // height: '100%',
   hola: 1,
   backgroundColor: theme.vars.palette.background.paper,
-  "& .MuiDialog-container": {},
+  "& .MuiDialog-container": {
+    // justifyContent: 'start',
+    // alignItems: 'start',
+  },
+  // position: 'absolute',
   "&.m4l_selected": {
     borderTop: "1px solid green"
   },
@@ -1008,6 +1200,8 @@ const ContainerProgress = styled$1("div")(({ theme }) => ({
 const ContainerMenuItems = styled$1("div")(() => ({
   display: "flex",
   flexDirection: "column"
+  // marginBottom: theme.spacing(1),
+  // paddingBottom: theme.spacing(1),
 }));
 const ContainerImage = styled$1("div")(() => ({
   display: "flex",
@@ -1051,6 +1245,7 @@ const popupsViewerStyles = {
     },
     "& .fade-exit-active": {
       opacity: 0
+      //transition: 'opacity 10ms',
     },
     ...ownerState?.status === "hidden" ? {
       visibility: "hidden",
@@ -1191,6 +1386,7 @@ const HeaderContainer = styled$1("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
+  // height: theme.spacing(5),
   borderBottom: `1px solid ${theme.vars.palette.divider}`,
   paddingBottom: theme.spacing(3),
   marginBottom: theme.spacing(2),
@@ -1205,6 +1401,8 @@ const IconTitleContainer = styled$1("div")(({ theme }) => ({
   ...theme.colorSchemes.finalTheme.typography.subtitle1
 }));
 const IconHeader = styled$1("div")(({ theme }) => ({
+  // width: "24px",
+  // height: "24px",
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -1252,9 +1450,6 @@ const SplitDetail = styled("div")(() => ({
   top: "0px",
   bottom: "0px"
 }));
-const ToastContainerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LToastContainer?.styleOverrides
-}));
 const SideBarRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LSideBar?.styleOverrides
 }));
@@ -1432,7 +1627,7 @@ export {
   SplitLayoutRoot as a0,
   SplitMaster as a1,
   SplitDetail as a2,
-  ToastContainerRoot as a3,
+  toastStyles as a3,
   RootStyle$1 as a4,
   AnimatedScrollRoot as a5,
   EditAreaHeader as a6,

package/test/getNameDataTestId.d.ts

@@ -4,7 +4,7 @@ export declare const getNameDataTestId: <T>(ELEMENT_PREFIX: string, ELEMENT_KEY:
  * @param prefix -
  * @param keyName
  */
-export declare function getPropDataTestId(prefix: string, keyName: string): {
+export declare function getPropDataTestId(prefix: string | undefined, keyName: string | undefined): {
     "data-testid": string;
 } | {
     "data-testid"?: undefined;

package/utils/{index.ebfbb70f.js → index-DiMrtgIu.js}

@@ -18,8 +18,7 @@ shims.isFunction = isFunction;
 shims.isNum = isNum;
 function findInArray(array, callback) {
   for (let i = 0, length = array.length; i < length; i++) {
-    if (callback.apply(callback, [array[i], i, array]))
-      return array[i];
+    if (callback.apply(callback, [array[i], i, array])) return array[i];
   }
 }
 function isFunction(func) {
@@ -48,16 +47,12 @@ const prefixes = ["Moz", "Webkit", "O", "ms"];
 function getPrefix() {
   var _window$document;
   let prop = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
-  if (typeof window === "undefined")
-    return "";
+  if (typeof window === "undefined") return "";
   const style = (_window$document = window.document) === null || _window$document === void 0 || (_window$document = _window$document.documentElement) === null || _window$document === void 0 ? void 0 : _window$document.style;
-  if (!style)
-    return "";
-  if (prop in style)
-    return "";
+  if (!style) return "";
+  if (prop in style) return "";
   for (let i = 0; i < prefixes.length; i++) {
-    if (browserPrefixToKey(prop, prefixes[i]) in style)
-      return prefixes[i];
+    if (browserPrefixToKey(prop, prefixes[i]) in style) return prefixes[i];
   }
   return "";
 }
@@ -107,8 +102,7 @@ domFns.removeUserSelectStyles = removeUserSelectStyles;
 var _shims$1 = shims;
 var _getPrefix = _interopRequireWildcard(getPrefix$1);
 function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function")
-    return null;
+  if (typeof WeakMap !== "function") return null;
   var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
   var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
   return (_getRequireWildcardCache = function(nodeInterop2) {
@@ -116,7 +110,7 @@ function _getRequireWildcardCache(nodeInterop) {
   })(nodeInterop);
 }
 function _interopRequireWildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
+  if (obj && obj.__esModule) {
     return obj;
   }
   if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
@@ -151,24 +145,20 @@ function matchesSelector(el, selector) {
       return (0, _shims$1.isFunction)(el[method]);
     });
   }
-  if (!(0, _shims$1.isFunction)(el[matchesSelectorFunc]))
-    return false;
+  if (!(0, _shims$1.isFunction)(el[matchesSelectorFunc])) return false;
   return el[matchesSelectorFunc](selector);
 }
 function matchesSelectorAndParentsTo(el, selector, baseNode) {
   let node = el;
   do {
-    if (matchesSelector(node, selector))
-      return true;
-    if (node === baseNode)
-      return false;
+    if (matchesSelector(node, selector)) return true;
+    if (node === baseNode) return false;
     node = node.parentNode;
   } while (node);
   return false;
 }
 function addEvent(el, event, handler, inputOptions) {
-  if (!el)
-    return;
+  if (!el) return;
   const options = {
     capture: true,
     ...inputOptions
@@ -182,8 +172,7 @@ function addEvent(el, event, handler, inputOptions) {
   }
 }
 function removeEvent(el, event, handler, inputOptions) {
-  if (!el)
-    return;
+  if (!el) return;
   const options = {
     capture: true,
     ...inputOptions
@@ -264,14 +253,11 @@ function getTouch(e, identifier) {
   return e.targetTouches && (0, _shims$1.findInArray)(e.targetTouches, (t) => identifier === t.identifier) || e.changedTouches && (0, _shims$1.findInArray)(e.changedTouches, (t) => identifier === t.identifier);
 }
 function getTouchIdentifier(e) {
-  if (e.targetTouches && e.targetTouches[0])
-    return e.targetTouches[0].identifier;
-  if (e.changedTouches && e.changedTouches[0])
-    return e.changedTouches[0].identifier;
+  if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
+  if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 }
 function addUserSelectStyles(doc) {
-  if (!doc)
-    return;
+  if (!doc) return;
   let styleEl = doc.getElementById("react-draggable-style-el");
   if (!styleEl) {
     styleEl = doc.createElement("style");
@@ -281,15 +267,12 @@ function addUserSelectStyles(doc) {
     styleEl.innerHTML += ".react-draggable-transparent-selection *::selection {all: inherit;}\n";
     doc.getElementsByTagName("head")[0].appendChild(styleEl);
   }
-  if (doc.body)
-    addClassName(doc.body, "react-draggable-transparent-selection");
+  if (doc.body) addClassName(doc.body, "react-draggable-transparent-selection");
 }
 function removeUserSelectStyles(doc) {
-  if (!doc)
-    return;
+  if (!doc) return;
   try {
-    if (doc.body)
-      removeClassName(doc.body, "react-draggable-transparent-selection");
+    if (doc.body) removeClassName(doc.body, "react-draggable-transparent-selection");
     if (doc.selection) {
       doc.selection.empty();
     } else {
@@ -331,8 +314,7 @@ positionFns.snapToGrid = snapToGrid;
 var _shims = shims;
 var _domFns = domFns;
 function getBoundPosition(draggable, x, y) {
-  if (!draggable.props.bounds)
-    return [x, y];
+  if (!draggable.props.bounds) return [x, y];
   let {
     bounds
   } = draggable.props;
@@ -362,14 +344,10 @@ function getBoundPosition(draggable, x, y) {
       bottom: (0, _domFns.innerHeight)(boundNodeEl) - (0, _domFns.outerHeight)(node) - node.offsetTop + (0, _shims.int)(boundNodeStyle.paddingBottom) - (0, _shims.int)(nodeStyle.marginBottom)
     };
   }
-  if ((0, _shims.isNum)(bounds.right))
-    x = Math.min(x, bounds.right);
-  if ((0, _shims.isNum)(bounds.bottom))
-    y = Math.min(y, bounds.bottom);
-  if ((0, _shims.isNum)(bounds.left))
-    x = Math.max(x, bounds.left);
-  if ((0, _shims.isNum)(bounds.top))
-    y = Math.max(y, bounds.top);
+  if ((0, _shims.isNum)(bounds.right)) x = Math.min(x, bounds.right);
+  if ((0, _shims.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom);
+  if ((0, _shims.isNum)(bounds.left)) x = Math.max(x, bounds.left);
+  if ((0, _shims.isNum)(bounds.top)) y = Math.max(y, bounds.top);
   return [x, y];
 }
 function snapToGrid(grid, pendingX, pendingY) {
@@ -385,8 +363,7 @@ function canDragY(draggable) {
 }
 function getControlPosition(e, touchIdentifier, draggableCore) {
   const touchObj = typeof touchIdentifier === "number" ? (0, _domFns.getTouch)(e, touchIdentifier) : null;
-  if (typeof touchIdentifier === "number" && !touchObj)
-    return null;
+  if (typeof touchIdentifier === "number" && !touchObj) return null;
   const node = findDOMNode(draggableCore);
   const offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
   return (0, _domFns.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);
@@ -492,13 +469,11 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
+  if (typeof input !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== void 0) {
     var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
+    if (typeof res !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);

package/utils/index.d.ts

@@ -3,6 +3,6 @@ import { Palette, Theme } from '@mui/material/styles';
 import { VariantColor } from './types';
 export declare function isValidDate(d: Date): boolean;
 export declare const getPaletteColor: (palette: Palette, s: string) => any;
-export declare const getVariantColor: (variant: VariantColor | undefined) => "error" | "warning" | "info" | "primary";
+export declare const getVariantColor: (variant: VariantColor | undefined) => "error" | "info" | "warning" | "primary";
 export declare const getThemeVariantColor: (theme: Theme, variant: VariantColor | undefined) => string;
 export declare function getComponentUtilityClass(componentName: string): (slot: string) => string;