@m4l/components 0.1.11 → 0.1.13

package/components/ErrorLabel/index.c8615f16.js

@@ -0,0 +1,19 @@
+import { styled as p } from "@mui/material";
+import { jsx as t } from "react/jsx-runtime";
+const a = p("p")(({
+  theme: r
+}) => ({
+  ...r.typography.caption,
+  color: r.palette.error.main,
+  margin: "8px 14px 0 14px"
+})), s = (r) => {
+  const {
+    message: o
+  } = r;
+  return /* @__PURE__ */ t(a, {
+    children: o
+  });
+};
+export {
+  s as E
+};

package/components/Icon/index.cbca79b0.js

@@ -0,0 +1,70 @@
+import { styled as c } from "@mui/material";
+import { useState as j, useMemo as C, useEffect as l } from "react";
+import { useTheme as g } from "@mui/material/styles";
+import { g as m } from "../../utils/index.214d9542.js";
+import { jsx as s } from "react/jsx-runtime";
+const I = c("div", {
+  shouldForwardProp: (M) => M !== "src" && M !== "sizeIcon" && M !== "bgColor"
+})(({
+  size: M,
+  src: L,
+  bgColor: e
+}) => ({
+  maskPosition: "center!important",
+  maskRepeat: "no-repeat!important",
+  WebkitMaskRepeat: "no-repeat!important",
+  width: M,
+  height: M,
+  backgroundColor: e,
+  mask: `url('data:image/svg+xml;base64,${L}')`,
+  WebkitMask: `url('data:image/svg+xml;base64,${L}')`
+})), D = c("div")(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}));
+function A(M) {
+  const {
+    src: L,
+    size: e = "small",
+    bgColor: o = "action.active"
+  } = M, [u, w] = j(void 0), a = g(), r = C(() => {
+    switch (e) {
+      case "extra-small":
+        return "12px";
+      case "small":
+        return "16px";
+      case "medium":
+        return "18px";
+      case "large":
+        return "22px";
+    }
+    return e;
+  }, [e]);
+  return l(() => {
+    let i = !0;
+    return async function() {
+      await fetch(L).then((t) => t.text() || "").then((t) => {
+        t = t.match(
+          /(<svg\b[^>]*\s*(viewBox="(\b[^"]*)").*?>([\s\S]*?)<\/svg>|<svg>([\s\S]*?)<\/svg>)/g
+        )?.toString() || "", i && w(window.btoa(t));
+      }).catch((t) => {
+      });
+    }(), function() {
+      i = !1;
+    };
+  }, [L]), /* @__PURE__ */ s(D, {
+    className: "m4l_icon",
+    children: u ? /* @__PURE__ */ s(I, {
+      src: u,
+      size: r,
+      bgColor: m(a.palette, o)
+    }) : /* @__PURE__ */ s("img", {
+      src: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==",
+      alt: "icon_svg"
+    })
+  });
+}
+export {
+  A as I
+};

package/components/Image/index.e790b50b.js

@@ -0,0 +1,122 @@
+import { b as s } from "../../react-lazy-load-image-component.45b56650.js";
+import { Skeleton as N, Box as l } from "@mui/material";
+import { styled as I, useTheme as g } from "@mui/material/styles";
+import { jsx as L } from "react/jsx-runtime";
+const z = I("div")(({
+  theme: M,
+  width: w
+}) => ({
+  width: w,
+  height: "100%",
+  padding: M.spacing(3),
+  mask: `zurl("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
+  WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`
+})), t = I("div")(({
+  width: M,
+  height: w
+}) => ({
+  ".lazy-load-image-background.blur": {
+    filter: "blur(15px)"
+  },
+  ".lazy-load-image-background.blur.lazy-load-image-loaded": {
+    filter: "blur(0)",
+    transition: "filter .3s;"
+  },
+  ".lazy-load-image-background.blur > img": {
+    opacity: "0"
+  },
+  ".lazy-load-image-background.blur.lazy-load-image-loaded > img": {
+    opacity: 1,
+    transition: "opacity .3s"
+  },
+  width: M,
+  height: w,
+  lineHeight: 0,
+  display: "block",
+  overflow: "hidden",
+  "& > span": {
+    width: "100%",
+    height: "100%"
+  },
+  "& .LazyLoadImage": {
+    width: "100%",
+    height: "100%",
+    objectFit: "contain"
+  }
+}));
+function A({
+  ratio: M,
+  sx: w,
+  isSkeleton: D = !1,
+  width: u = "100%",
+  height: j = "100%",
+  src: C,
+  ...i
+}) {
+  const c = g().palette.mode;
+  return D ? /* @__PURE__ */ L(z, {
+    width: u,
+    children: /* @__PURE__ */ L(N, {
+      variant: "rectangular",
+      width: "100%",
+      height: "100%"
+    })
+  }) : M ? /* @__PURE__ */ L(l, {
+    component: "span",
+    sx: {
+      width: 1,
+      lineHeight: 0,
+      display: "block",
+      overflow: "hidden",
+      position: "relative",
+      pt: a(M),
+      "& .wrapper": {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        lineHeight: 0,
+        position: "absolute",
+        backgroundSize: "cover !important"
+      },
+      ...w
+    },
+    children: /* @__PURE__ */ L(t, {
+      width: u,
+      height: j,
+      id: "WrapperLazyLoadImage",
+      children: /* @__PURE__ */ L(s.exports.LazyLoadImage, {
+        className: "LazyLoadImage",
+        src: C,
+        placeholderSrc: c === "light" ? "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==" : "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5MTlFQUI7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==",
+        ...i
+      })
+    })
+  }) : /* @__PURE__ */ L(t, {
+    width: u,
+    height: j,
+    id: "WrapperLazyLoadImage",
+    children: /* @__PURE__ */ L(s.exports.LazyLoadImage, {
+      className: "LazyLoadImage",
+      src: C,
+      placeholderSrc: c === "light" ? "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==" : "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5MTlFQUI7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==",
+      ...i
+    })
+  });
+}
+function a(M = "1/1") {
+  return {
+    "4/3": "calc(100% / 4 * 3)",
+    "3/4": "calc(100% / 3 * 4)",
+    "6/4": "calc(100% / 6 * 4)",
+    "4/6": "calc(100% / 4 * 6)",
+    "16/9": "calc(100% / 16 * 9)",
+    "9/16": "calc(100% / 9 * 16)",
+    "21/9": "calc(100% / 21 * 9)",
+    "9/21": "calc(100% / 9 * 21)",
+    "1/1": "100%"
+  }[M];
+}
+export {
+  A as I
+};

package/components/LanguagePopover/index.3d9611cb.js

@@ -0,0 +1,87 @@
+import { useState as u } from "react";
+import { styled as d, Skeleton as h, IconButton as g, Stack as f, MenuItem as v } from "@mui/material";
+import { I as a } from "../Image/index.e790b50b.js";
+import { useLocales as L } from "@m4l/graphics";
+import { useModuleSkeleton as b } from "@m4l/core";
+import "../Icon/index.cbca79b0.js";
+import "@mui/material/styles";
+import { jsx as r, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import "../mui_extended/Accordion/index.2116e423.js";
+import "../mui_extended/Avatar/index.0a2a4523.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.84d8898c.js";
+import "@mui/lab";
+import { M as k } from "../mui_extended/MenuPopover/index.488fc536.js";
+import "../CommonActions/components/Actions/index.e8148d98.js";
+import "../mui_extended/Pager/index.0576814f.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
+const I = d("div")(({
+  theme: t
+}) => ({
+  marginLeft: t.spacing(1)
+}));
+function H() {
+  const t = b(), {
+    allLang: c,
+    currentLang: o,
+    onChangeLang: s
+  } = L(), [n, l] = u(null), p = (e) => {
+    l(e.currentTarget);
+  }, i = () => {
+    l(null);
+  };
+  return t ? /* @__PURE__ */ r(h, {
+    variant: "circular",
+    width: 20,
+    height: 20
+  }) : /* @__PURE__ */ m(x, {
+    children: [/* @__PURE__ */ r(g, {
+      onClick: p,
+      sx: {
+        width: 40,
+        height: 40,
+        ...n && {
+          bgcolor: "action.selected"
+        }
+      },
+      children: /* @__PURE__ */ r(a, {
+        src: o.icon,
+        alt: o.label
+      })
+    }), /* @__PURE__ */ r(k, {
+      open: Boolean(n),
+      anchorEl: n,
+      onClose: i,
+      sx: {
+        mt: 1.5,
+        ml: 0.75,
+        width: 180,
+        "& .MuiMenuItem-root": {
+          px: 1,
+          typography: "body2",
+          borderRadius: 0.75
+        }
+      },
+      children: /* @__PURE__ */ r(f, {
+        spacing: 0.75,
+        children: c.map((e) => /* @__PURE__ */ m(v, {
+          selected: e.value === o.value,
+          onClick: () => {
+            s(e.value), i();
+          },
+          children: [/* @__PURE__ */ r(a, {
+            alt: e.label,
+            src: e.icon,
+            width: "24px"
+          }), /* @__PURE__ */ r(I, {
+            children: e.label
+          })]
+        }, e.value))
+      })
+    })]
+  });
+}
+export {
+  H as L
+};

package/components/Loadable/index.f5518558.js

@@ -0,0 +1,15 @@
+import { Suspense as a } from "react";
+import { jsx as e } from "react/jsx-runtime";
+const l = (o) => function(r) {
+  return /* @__PURE__ */ e(a, {
+    fallback: /* @__PURE__ */ e("div", {
+      children: "Cargando"
+    }),
+    children: /* @__PURE__ */ e(o, {
+      ...r
+    })
+  });
+};
+export {
+  l as L
+};

package/components/ModalDialog/index.3850c053.js

@@ -0,0 +1,168 @@
+import { Dialog as b, IconButton as w, Paper as v } from "@mui/material";
+import { c as D } from "../../react-draggable.20e95c61.js";
+import { u as $ } from "../../hooks/useModal/index.6571d2d9.js";
+import { styled as s } from "@mui/material/styles";
+import { a as x } from "../../utils/index.214d9542.js";
+import { R as M } from "../Resizeable/index.45995d2b.js";
+import { useResponsiveDesktop as H } from "@m4l/graphics";
+import { useEnvironment as I } from "@m4l/core";
+import { I as C } from "../Icon/index.cbca79b0.js";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { b as W, g as _ } from "../CommonActions/components/Actions/index.e8148d98.js";
+const j = s(b)(() => ({})), k = s("div")(({ theme: o }) => ({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  overflow: "hidden",
+  padding: o.spacing(3)
+})), P = s("div")(({ theme: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  minHeight: o.spacing(5),
+  borderBottom: `1px solid ${o.palette.divider}`,
+  overflow: "hidden"
+}));
+s("div")(({ theme: o }) => ({
+  display: "flex",
+  flexDirection: "row",
+  flexGrow: 1,
+  alignItems: "center",
+  cursor: "move",
+  ...o.typography.subtitle1,
+  color: o.palette.text.primary
+}));
+const R = s("div")(({ theme: o, variant: t }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  marginRight: o.spacing(1.5),
+  "& > span": {
+    background: x(o, t)
+  }
+})), S = s("div")(() => ({
+  flexGrow: 1,
+  position: "relative",
+  overflow: "auto"
+})), A = s("div")(({ theme: o, variant: t }) => ({
+  ...o.typography.subtitle1,
+  color: x(o, t),
+  width: "100%",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  overflow: "hidden"
+})), B = (o) => {
+  const {
+    host_static_assets: t,
+    environment_assets: e
+  } = I(), {
+    variant: i,
+    title: d,
+    iconComponent: r,
+    withClose: p,
+    onCloseModal: a
+  } = o, m = `${t}/${e}/frontend/components/dialog/assets/icons/warning.svg`, g = `${t}/${e}/frontend/components/dialog/assets/icons/error.svg`, f = `${t}/${e}/frontend/components/dialog/assets/icons/info.svg`, l = `${t}/${e}/frontend/components/dialog/assets/icons/icon_bar_title.svg`;
+  return /* @__PURE__ */ h(P, {
+    id: "Header",
+    className: "draggable-dialog-title",
+    children: [/* @__PURE__ */ n(R, {
+      variant: i,
+      children: r || /* @__PURE__ */ n(C, {
+        src: i === "warning" ? m : i === "delete" ? g : i === "info" ? f : l
+      })
+    }), /* @__PURE__ */ n(A, {
+      variant: i,
+      children: d
+    }), p && /* @__PURE__ */ n(w, {
+      onClick: a,
+      "aria-label": "click",
+      children: /* @__PURE__ */ n(C, {
+        src: `${t}/${e}/frontend/components/dialog/assets/icons/close.svg`
+      })
+    })]
+  });
+}, E = (o) => /* @__PURE__ */ n(D.exports, {
+  handle: ".draggable-dialog-title",
+  cancel: '[class*="MuiDialogContent-root"]',
+  children: /* @__PURE__ */ n(v, {
+    sx: {
+      maxHeight: "unset",
+      maxWidth: "unset"
+    },
+    ...o
+  })
+});
+function G(o) {
+  return /* @__PURE__ */ n(v, {
+    sx: {
+      maxHeight: "unset",
+      maxWidth: "unset",
+      height: "100%"
+    },
+    ...o
+  });
+}
+const X = () => {
+  const {
+    open: o,
+    initialWidth: t = 600,
+    initialHeigth: e = 400,
+    maxWidth: i,
+    maxHeigth: d,
+    withClose: r = !0,
+    onQueryClose: p,
+    contentComponent: a,
+    title: m,
+    closeModal: g,
+    iconComponent: f,
+    actions: l,
+    variant: y
+  } = $(), c = H(), u = /* @__PURE__ */ h(k, {
+    id: "Container",
+    children: [
+      /* @__PURE__ */ n(B, {
+        variant: y,
+        title: m,
+        iconComponent: f,
+        withClose: r,
+        onCloseModal: () => {
+          g();
+        }
+      }),
+      /* @__PURE__ */ n(S, {
+        id: "Content",
+        children: typeof a == "function" ? a() : a
+      }),
+      l && /* @__PURE__ */ n(W, {
+        children: l
+      })
+    ]
+  });
+  return /* @__PURE__ */ h(j, {
+    open: o,
+    onClose: p,
+    "aria-labelledby": "child-modal-title",
+    "aria-describedby": "child-modal-description",
+    PaperComponent: c ? E : G,
+    maxWidth: !1,
+    fullWidth: !c,
+    children: [c && /* @__PURE__ */ n(M, {
+      width: t,
+      height: e,
+      maxWidth: i,
+      maxHeigth: d,
+      children: u
+    }), !c && u]
+  });
+};
+function Y() {
+  return ["modal_dialog"].concat(_());
+}
+const Z = {
+  modal_dialog: {}
+};
+export {
+  X as M,
+  Z as d,
+  Y as g
+};

package/components/NoItemSelected/{index.js → index.12f0ca67.js}

@@ -1,11 +1,11 @@
-import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.js";
-import { Skeleton } from "@mui/material";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const WrapperNoItemSelected = styled("div")(({
-  theme
+import { useEnvironment as r, useModuleDictionary as l, useModuleSkeleton as p } from "@m4l/core";
+import { styled as c } from "@mui/material/styles";
+import { I as d } from "../Image/index.e790b50b.js";
+import { Skeleton as m } from "@mui/material";
+import { useMemo as g } from "react";
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+const s = c("div")(({
+  theme: e
 }) => ({
   width: "100%",
   maxWidth: "400px",
@@ -14,19 +14,16 @@ const WrapperNoItemSelected = styled("div")(({
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
-  padding: theme.spacing(3)
-}));
-const Img = styled(Image)(() => ({
+  padding: e.spacing(3)
+})), w = c(d)(() => ({
   display: "flex"
-}));
-const Label = styled("span")(({
-  theme
+})), h = c("span")(({
+  theme: e
 }) => ({
-  ...theme.typography.body2,
-  padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
-  color: theme.palette.text.primary
-}));
-const WrapperSKTNoItemSelected = styled("div")(() => ({
+  ...e.typography.body2,
+  padding: `${e.spacing(1.5)} ${e.spacing(1)} ${e.spacing(1)} ${e.spacing(1)}`,
+  color: e.palette.text.primary
+})), u = c("div")(() => ({
   display: "flex",
   width: "100%",
   minWidth: "100%",
@@ -34,48 +31,44 @@ const WrapperSKTNoItemSelected = styled("div")(() => ({
   mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
   WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`
 }));
-function NoItemSelected() {
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
+function E() {
   const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const src = useMemo(() => {
-    return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
-  }, []);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(WrapperNoItemSelected, {
-      id: "WrapperNoItemSelected",
-      children: /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, {
-        id: "WrapperSKTNoItemSelected",
-        children: /* @__PURE__ */ jsx(Skeleton, {
-          variant: "rectangular",
-          width: "100%",
-          height: "100%"
-        })
+    host_static_assets: e,
+    environment_assets: n
+  } = r(), {
+    getLabel: i
+  } = l(), o = p(), a = g(() => `${e}/${n}/frontend/components/no_item_selected/assets/icons/no_selected.svg`, []);
+  return o ? /* @__PURE__ */ t(s, {
+    id: "WrapperNoItemSelected",
+    children: /* @__PURE__ */ t(u, {
+      id: "WrapperSKTNoItemSelected",
+      children: /* @__PURE__ */ t(m, {
+        variant: "rectangular",
+        width: "100%",
+        height: "100%"
       })
-    });
-  }
-  return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
+    })
+  }) : /* @__PURE__ */ x(s, {
     id: "WrapperNoItemSelected",
-    children: [/* @__PURE__ */ jsx(Img, {
-      src,
+    children: [/* @__PURE__ */ t(w, {
+      src: a,
       width: "100%",
       height: "100%"
-    }), /* @__PURE__ */ jsx(Label, {
-      children: getLabel("no_item_selected.message")
+    }), /* @__PURE__ */ t(h, {
+      children: i("no_item_selected.message")
     })]
   });
 }
-function getNoItemSelectedComponentsDictionary() {
+function k() {
   return ["no_item_selected"];
 }
-const defaultNoItemSelectedDictionary = {
+const I = {
   no_item_selected: {
     message: "Please select a item to show detail"
   }
 };
-export { NoItemSelected as N, defaultNoItemSelectedDictionary as d, getNoItemSelectedComponentsDictionary as g };
+export {
+  E as N,
+  I as d,
+  k as g
+};