@m4l/components 3.0.0 → 3.0.1

package/styles/{index.db9e7ddb.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.dd291886.js";
-import { a as ResizableBox } from "../react-resizable.330f1499.js";
-import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.b232384d.js";
-import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.d45bfcd2.js";
-import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.c1198f79.js";
-import { R as RHFormProvider } from "../contexts/RHFormContext/index.f9d41b99.js";
-import { S as Stack$1 } from "../components/mui_extended/Stack/index.99de8138.js";
-import { I as Image } from "../components/Image/index.ae542f70.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 }) => ({
@@ -907,19 +924,24 @@ const toastStyles = {
     "--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,
@@ -948,6 +970,7 @@ const toastStyles = {
         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": {},
@@ -957,6 +980,7 @@ const toastStyles = {
     "& .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > *": {
       opacity: 0.2
     },
+    /** Classes for the displayed toast **/
     "& .Toastify__toast": {
       minHeight: "min-content",
       margin: "0",
@@ -974,7 +998,9 @@ const toastStyles = {
       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": {},
@@ -1084,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"
   },
@@ -1169,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",
@@ -1212,6 +1245,7 @@ const popupsViewerStyles = {
     },
     "& .fade-exit-active": {
       opacity: 0
+      //transition: 'opacity 10ms',
     },
     ...ownerState?.status === "hidden" ? {
       visibility: "hidden",
@@ -1352,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),
@@ -1366,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",

package/utils/{index.f77cc2ab.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/vite-env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/globals" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/globals" />
+/// <reference types="vitest/importMeta" />

package/components/LanguagePopover/index.2a7e40fc.js

@@ -1,168 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.ae542f70.js";
-import { useLocales } from "@m4l/graphics";
-import { L as LanguagePopoverRoot, h as ContainerMenuItems, i as ContainerProgress, j as ContainerImage, k as LabelItem } from "../../styles/index.db9e7ddb.js";
-import { I as ImageButton } from "../mui_extended/Button/index.3d14e3e9.js";
-import { useEnvironment, useNetwork } from "@m4l/core";
-import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.a7da93f1.js";
-const componentName = "M4LanguagePopover";
-generateUtilityClasses(
-  componentName,
-  [
-    "root",
-    "containerItems",
-    "containerProgress",
-    "labelItem",
-    "imageButton"
-  ]
-);
-function getM4LanguagePopoverClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    containerItems: ["containerItems"],
-    containerProgress: ["containerProgress"],
-    labelItem: ["labelItem"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getM4LanguagePopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";
-const getNameDataTestId = (KEY) => {
-  return `${LANGUAGEPOPOVER_PREFIX}-${KEY}`;
-};
-function LanguagePopover(props) {
-  const { testingProps } = props;
-  const { currentLocale, onChangeLocale } = useLocales();
-  const { domain_token } = useEnvironment();
-  const { networkOperation } = useNetwork();
-  const [open, setOpen] = useState(testingProps?.open || null);
-  const [loading, setLoading] = useState(testingProps?.loading || false);
-  const [allLocales, setAllLocales] = useState(
-    testingProps?.allLocales || []
-  );
-  const handleOpen = (event) => {
-    setOpen(event.currentTarget);
-  };
-  const handleClose = () => {
-    setOpen(null);
-  };
-  useEffect(() => {
-    let mounted = true;
-    if (open === null || loading || allLocales.length > 0) {
-      return;
-    }
-    setLoading(true);
-    networkOperation({
-      method: "GET",
-      endPoint: `na/locales`,
-      parms: { domain_token }
-    }).then((response) => {
-      if (mounted) {
-        !testingProps && setAllLocales(response.data);
-      }
-    }).finally(() => {
-      setLoading(false);
-    });
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, [open]);
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsxs(
-    LanguagePopoverRoot,
-    {
-      className: classes.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: [
-        /* @__PURE__ */ jsx(
-          ImageButton,
-          {
-            className: classes.imageButton,
-            onClick: handleOpen,
-            sx: {
-              width: 28,
-              height: 28,
-              ...open && { bgcolor: "action.selected" }
-            },
-            src: currentLocale?.url_icon || "",
-            alt: currentLocale?.name,
-            width: "24px",
-            height: "24px",
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("imageButton") } : {}
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Popover,
-          {
-            arrowType: "top-right",
-            open: Boolean(open),
-            anchorEl: open,
-            anchorOrigin: { vertical: "bottom", horizontal: "right" },
-            onClose: handleClose,
-            sx: {
-              mt: 1.5,
-              ml: 0.75,
-              width: 180,
-              rowGap: "100px",
-              "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 }
-            },
-            children: /* @__PURE__ */ jsxs(
-              ContainerMenuItems,
-              {
-                className: classes.containerItems,
-                ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerItems") } : {},
-                children: [
-                  allLocales.length === 0 && /* @__PURE__ */ jsx(
-                    ContainerProgress,
-                    {
-                      className: classes.containerProgress,
-                      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerProgress") } : {},
-                      children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
-                    }
-                  ),
-                  allLocales.length > 0 && /* @__PURE__ */ jsx(Stack, { spacing: 0.75, children: allLocales.map((option) => /* @__PURE__ */ jsxs(
-                    MenuItem,
-                    {
-                      selected: option.lang === currentLocale?.lang && option?.script === currentLocale?.script && option?.region === currentLocale?.region,
-                      onClick: () => {
-                        onChangeLocale(option);
-                        handleClose();
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(ContainerImage, { children: /* @__PURE__ */ jsx(Image, { alt: option.name, src: option.url_icon, ratio: "1:1" }) }),
-                        /* @__PURE__ */ jsx(
-                          LabelItem,
-                          {
-                            className: classes.labelItem,
-                            ...process.env.NODE_ENV !== "production" ? {
-                              [TEST_PROP_ID]: getNameDataTestId("labelItem")
-                            } : {},
-                            children: option.name
-                          }
-                        )
-                      ]
-                    },
-                    option.lang || option.script || option.region
-                  )) })
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  LanguagePopover as L
-};