@m4l/components 0.1.27 → 0.1.28

package/components/SplitLayout/index.4032673d.js

@@ -1,8 +1,8 @@
-import { S as s } from "../../react-splitter-layout.7810ac1b.js";
-import { styled as r } from "@mui/material/styles";
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-const u = r("div")(({
-  theme: t
+import { S as SplitterLayout } from "../../react-splitter-layout.7810ac1b.js";
+import { styled } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+const WrapperSplit = styled("div")(({
+  theme
 }) => ({
   display: "flex",
   flexDirection: "column",
@@ -31,7 +31,7 @@ const u = r("div")(({
   "& .splitter-layout > .layout-splitter": {
     display: "flex",
     alignItems: "center",
-    backgroundColor: t.palette.divider,
+    backgroundColor: theme.palette.divider,
     boxSizing: "border-box",
     backgroundClip: "padding-box",
     width: "11px",
@@ -43,17 +43,17 @@ const u = r("div")(({
     height: "100%"
   },
   "& .splitter-layout .layout-splitter:before": {
-    content: '""',
+    content: `""`,
     height: "45px",
     width: "4px",
     top: "calc(50% - 22.5px)",
     position: "absolute",
-    background: t.palette.grey[500],
+    background: theme.palette.grey[500],
     borderRadius: "6px"
   },
   "& .splitter-layout > .layout-splitter:hover": {
-    borderLeft: `5px solid ${t.palette.grey[5008]}`,
-    borderRight: `5px solid ${t.palette.grey[5008]}`
+    borderLeft: `5px solid ${theme.palette.grey[5008]}`,
+    borderRight: `5px solid ${theme.palette.grey[5008]}`
   },
   "& .splitter-layout.splitter-layout-vertical.layout-changing": {
     cursor: "row-resize"
@@ -73,23 +73,25 @@ const u = r("div")(({
     top: "unset"
   },
   "& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing >  .layout-splitter:before": {
-    background: t.palette.primary.main
+    background: theme.palette.primary.main
   },
   "& .splitter-layout.splitter-layout-vertical": {
     flexDirection: "column"
   },
   "& .splitter-layout.splitter-layout-vertical > .layout-splitter:hover": {
-    borderTop: `5px solid ${t.palette.grey[5008]}`,
-    borderBottom: `5px solid ${t.palette.grey[5008]}`
+    borderTop: `5px solid ${theme.palette.grey[5008]}`,
+    borderBottom: `5px solid ${theme.palette.grey[5008]}`
   }
-})), d = r("div")(() => ({
+}));
+const SplitMaster = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
   position: "relative",
   width: "100%",
   height: "100%",
   overflow: "hidden"
-})), c = r("div")(() => ({
+}));
+const SplitDetail = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "center",
@@ -101,31 +103,31 @@ const u = r("div")(({
   top: "0px",
   bottom: "0px"
 }));
-function h(t) {
+function SplitLayout(props) {
   const {
-    splitPosition: e,
-    firstPart: o,
-    secondPart: i,
-    secondParrtInitialSize: a = 50,
-    percentage: p = !0
-  } = t;
-  return /* @__PURE__ */ l(u, {
+    splitPosition,
+    firstPart,
+    secondPart,
+    secondParrtInitialSize = 50,
+    percentage = true
+  } = props;
+  return /* @__PURE__ */ jsx(WrapperSplit, {
     id: "WrapperSplit",
-    className: `split_${e}`,
-    children: /* @__PURE__ */ n(s, {
-      vertical: e === "vertical",
-      percentage: p,
-      secondaryInitialSize: a,
-      children: [/* @__PURE__ */ l(d, {
+    className: `split_${splitPosition}`,
+    children: /* @__PURE__ */ jsxs(SplitterLayout, {
+      vertical: splitPosition === "vertical",
+      percentage,
+      secondaryInitialSize: secondParrtInitialSize,
+      children: [/* @__PURE__ */ jsx(SplitMaster, {
         id: "splitMaster",
-        children: typeof o == "function" ? o() : o
-      }), e !== "none" && /* @__PURE__ */ l(c, {
+        children: typeof firstPart === "function" ? firstPart() : firstPart
+      }), splitPosition !== "none" && /* @__PURE__ */ jsx(SplitDetail, {
         id: "detail2",
-        children: typeof i == "function" ? i() : i
+        children: typeof secondPart === "function" ? secondPart() : secondPart
       })]
     })
   });
 }
 export {
-  h as S
+  SplitLayout as S
 };

package/components/animate/LoadingScreen/index.1d0c4307.js

@@ -1,13 +1,13 @@
-import { m as o } from "framer-motion";
-import { alpha as a } from "@mui/material/styles";
-import { styled as l, Box as n } from "@mui/material";
-import { L as p } from "../../../assets/Logo/index.228dcb5a.js";
-import { jsx as e, Fragment as m, jsxs as h } from "react/jsx-runtime";
-const u = l("div", {
-  shouldForwardProp: (t) => t !== "variant"
+import { m } from "framer-motion";
+import { alpha } from "@mui/material/styles";
+import { styled, Box } from "@mui/material";
+import { L as Logo } from "../../../assets/Logo/index.228dcb5a.js";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+const RootStyle = styled("div", {
+  shouldForwardProp: (props) => props !== "variant"
 })(({
-  theme: t,
-  variant: i
+  theme,
+  variant
 }) => ({
   right: 0,
   bottom: 0,
@@ -18,23 +18,23 @@ const u = l("div", {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  backgroundColor: t.palette.background.default,
-  ...i === "microfrontend" && {
+  backgroundColor: theme.palette.background.default,
+  ...variant === "microfrontend" && {
     position: "relative",
     zIndex: 0
   }
 }));
-function y(t) {
+function LoadingScreen(props) {
   const {
-    isDashboard: i,
-    variant: d = "fullpage",
-    ...s
-  } = t;
-  return /* @__PURE__ */ e(m, {
-    children: !i && /* @__PURE__ */ h(u, {
-      variant: d,
-      ...s,
-      children: [/* @__PURE__ */ e(o.div, {
+    isDashboard,
+    variant = "fullpage",
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: !isDashboard && /* @__PURE__ */ jsxs(RootStyle, {
+      variant,
+      ...other,
+      children: [/* @__PURE__ */ jsx(m.div, {
         initial: {
           rotateY: 0
         },
@@ -45,17 +45,17 @@ function y(t) {
           duration: 2,
           ease: "easeInOut",
           repeatDelay: 1,
-          repeat: 1 / 0
+          repeat: Infinity
         },
-        children: /* @__PURE__ */ e(p, {
-          disabledLink: !0,
+        children: /* @__PURE__ */ jsx(Logo, {
+          disabledLink: true,
           sx: {
             width: 32,
             height: 32
           }
         })
-      }), /* @__PURE__ */ e(n, {
-        component: o.div,
+      }), /* @__PURE__ */ jsx(Box, {
+        component: m.div,
         animate: {
           scale: [1.2, 1, 1, 1.2, 1.2],
           rotate: [270, 0, 0, 270, 270],
@@ -65,17 +65,17 @@ function y(t) {
         transition: {
           ease: "linear",
           duration: 3.2,
-          repeat: 1 / 0
+          repeat: Infinity
         },
         sx: {
           width: 50,
           height: 50,
           borderRadius: "25%",
           position: "absolute",
-          border: (r) => `solid 3px ${a(r.palette.primary.dark, 0.24)}`
+          border: (theme) => `solid 3px ${alpha(theme.palette.primary.dark, 0.24)}`
         }
-      }), /* @__PURE__ */ e(n, {
-        component: o.div,
+      }), /* @__PURE__ */ jsx(Box, {
+        component: m.div,
         animate: {
           scale: [1, 1.2, 1.2, 1, 1],
           rotate: [0, 270, 270, 0, 0],
@@ -85,19 +85,19 @@ function y(t) {
         transition: {
           ease: "linear",
           duration: 3.2,
-          repeat: 1 / 0
+          repeat: Infinity
         },
         sx: {
           width: 60,
           height: 60,
           borderRadius: "25%",
           position: "absolute",
-          border: (r) => `solid 8px ${a(r.palette.primary.dark, 0.24)}`
+          border: (theme) => `solid 8px ${alpha(theme.palette.primary.dark, 0.24)}`
         }
       })]
     })
   });
 }
 export {
-  y as L
+  LoadingScreen as L
 };

package/components/animate/MotionContainer/index.8d9f9d80.js

@@ -1,30 +1,33 @@
-import { m as a } from "framer-motion";
-import { Box as n } from "@mui/material";
-import { v as o } from "../variants/container.11f82b76.js";
-import { jsx as r } from "react/jsx-runtime";
-function x({
-  animate: m,
-  action: e = !1,
-  children: i,
-  ...t
+import { m } from "framer-motion";
+import { Box } from "@mui/material";
+import { v as varContainer } from "../variants/container.11f82b76.js";
+import { jsx } from "react/jsx-runtime";
+function MotionContainer({
+  animate,
+  action = false,
+  children,
+  ...other
 }) {
-  return e ? /* @__PURE__ */ r(n, {
-    component: a.div,
-    initial: !1,
-    animate: m ? "animate" : "exit",
-    variants: o(),
-    ...t,
-    children: i
-  }) : /* @__PURE__ */ r(n, {
-    component: a.div,
+  if (action) {
+    return /* @__PURE__ */ jsx(Box, {
+      component: m.div,
+      initial: false,
+      animate: animate ? "animate" : "exit",
+      variants: varContainer(),
+      ...other,
+      children
+    });
+  }
+  return /* @__PURE__ */ jsx(Box, {
+    component: m.div,
     initial: "initial",
     animate: "animate",
     exit: "exit",
-    variants: o(),
-    ...t,
-    children: i
+    variants: varContainer(),
+    ...other,
+    children
   });
 }
 export {
-  x as M
+  MotionContainer as M
 };

package/components/animate/MotionLazyContainer/index.572dd012.js

@@ -1,15 +1,15 @@
-import { LazyMotion as o } from "framer-motion";
-import { jsx as r } from "react/jsx-runtime";
-const e = () => import("../features.0fbf41e1.js").then((t) => t.default);
-function i({
-  children: t
+import { LazyMotion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+const loadFeatures = () => import("../features.0fbf41e1.js").then((res) => res.default);
+function MotionLazyContainer({
+  children
 }) {
-  return /* @__PURE__ */ r(o, {
-    strict: !0,
-    features: e,
-    children: t
+  return /* @__PURE__ */ jsx(LazyMotion, {
+    strict: true,
+    features: loadFeatures,
+    children
   });
 }
 export {
-  i as M
+  MotionLazyContainer as M
 };

package/components/animate/features.0fbf41e1.js

@@ -1,5 +1,5 @@
-import "framer-motion";
-import { domMax as d } from "framer-motion";
+import { domMax } from "framer-motion";
+import { domMax as domMax2 } from "framer-motion";
 export {
-  d as default
+  domMax2 as default
 };

package/components/animate/variants/bounce.784aaaaa.js

@@ -1,13 +1,16 @@
-import { v as i, a as c } from "./transition.bd46b9ce.js";
-const r = (n) => {
-  const a = n?.durationIn, e = n?.durationOut, t = n?.easeIn, o = n?.easeOut;
+import { v as varTranEnter, a as varTranExit } from "./transition.bd46b9ce.js";
+const varBounce = (props) => {
+  const durationIn = props?.durationIn;
+  const durationOut = props?.durationOut;
+  const easeIn = props?.easeIn;
+  const easeOut = props?.easeOut;
   return {
     in: {
       initial: {},
       animate: {
         scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
         opacity: [0, 1, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         scale: [0.9, 1.1, 0.3],
@@ -20,13 +23,13 @@ const r = (n) => {
         y: [720, -24, 12, -4, 0],
         scaleY: [4, 0.9, 0.95, 0.985, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: { ...i({ durationIn: a, easeIn: t }) }
+        transition: { ...varTranEnter({ durationIn, easeIn }) }
       },
       exit: {
         y: [12, -24, 720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     inDown: {
@@ -35,13 +38,13 @@ const r = (n) => {
         y: [-720, 24, -12, 4, 0],
         scaleY: [4, 0.9, 0.95, 0.985, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         y: [-12, 24, -720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     inLeft: {
@@ -50,13 +53,13 @@ const r = (n) => {
         x: [-720, 24, -12, 4, 0],
         scaleX: [3, 1, 0.98, 0.995, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         x: [0, 24, -720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     inRight: {
@@ -65,13 +68,13 @@ const r = (n) => {
         x: [720, -24, 12, -4, 0],
         scaleX: [3, 1, 0.98, 0.995, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         x: [0, -24, 720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     out: {
@@ -92,5 +95,5 @@ const r = (n) => {
   };
 };
 export {
-  r as v
+  varBounce as v
 };

package/components/animate/variants/container.11f82b76.js

@@ -1,20 +1,22 @@
-const r = (t) => {
-  const n = t?.staggerIn || 0.05, e = t?.staggerIn || 0.05, a = t?.staggerIn || 0.05;
+const varContainer = (props) => {
+  const staggerIn = props?.staggerIn || 0.05;
+  const delayIn = props?.staggerIn || 0.05;
+  const staggerOut = props?.staggerIn || 0.05;
   return {
     animate: {
       transition: {
-        staggerChildren: n,
-        delayChildren: e
+        staggerChildren: staggerIn,
+        delayChildren: delayIn
       }
     },
     exit: {
       transition: {
-        staggerChildren: a,
+        staggerChildren: staggerOut,
         staggerDirection: -1
       }
     }
   };
 };
 export {
-  r as v
+  varContainer as v
 };

package/components/animate/variants/fade.b561c0fc.js

@@ -1,59 +1,63 @@
-import { v as t, a } from "./transition.bd46b9ce.js";
-const s = (e) => {
-  const i = e?.distance || 120, n = e?.durationIn, o = e?.durationOut, y = e?.easeIn, c = e?.easeOut;
+import { v as varTranEnter, a as varTranExit } from "./transition.bd46b9ce.js";
+const varFade = (props) => {
+  const distance = props?.distance || 120;
+  const durationIn = props?.durationIn;
+  const durationOut = props?.durationOut;
+  const easeIn = props?.easeIn;
+  const easeOut = props?.easeOut;
   return {
     in: {
       initial: { opacity: 0 },
-      animate: { opacity: 1, transition: t },
-      exit: { opacity: 0, transition: a }
+      animate: { opacity: 1, transition: varTranEnter },
+      exit: { opacity: 0, transition: varTranExit }
     },
     inUp: {
-      initial: { y: i, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { y: distance, opacity: 0 },
+      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     inDown: {
-      initial: { y: -i, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: -i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { y: -distance, opacity: 0 },
+      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     inLeft: {
-      initial: { x: -i, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: -i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { x: -distance, opacity: 0 },
+      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     inRight: {
-      initial: { x: i, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { x: distance, opacity: 0 },
+      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     out: {
       initial: { opacity: 1 },
-      animate: { opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outUp: {
       initial: { y: 0, opacity: 1 },
-      animate: { y: -i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { y: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outDown: {
       initial: { y: 0, opacity: 1 },
-      animate: { y: i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { y: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outLeft: {
       initial: { x: 0, opacity: 1 },
-      animate: { x: -i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { x: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outRight: {
       initial: { x: 0, opacity: 1 },
-      animate: { x: i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { x: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     }
   };
 };
 export {
-  s as v
+  varFade as v
 };

package/components/animate/variants/transition.bd46b9ce.js

@@ -1,15 +1,20 @@
-const e = (n) => {
-  const t = n?.duration || 0.32, a = n?.ease || [0.43, 0.13, 0.23, 0.96];
-  return { duration: t, ease: a };
-}, r = (n) => {
-  const t = n?.durationIn || 0.64, a = n?.easeIn || [0.43, 0.13, 0.23, 0.96];
-  return { duration: t, ease: a };
-}, s = (n) => {
-  const t = n?.durationOut || 0.48, a = n?.easeOut || [0.43, 0.13, 0.23, 0.96];
-  return { duration: t, ease: a };
+const varTranHover = (props) => {
+  const duration = props?.duration || 0.32;
+  const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];
+  return { duration, ease };
+};
+const varTranEnter = (props) => {
+  const duration = props?.durationIn || 0.64;
+  const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];
+  return { duration, ease };
+};
+const varTranExit = (props) => {
+  const duration = props?.durationOut || 0.48;
+  const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];
+  return { duration, ease };
 };
 export {
-  s as a,
-  e as b,
-  r as v
+  varTranExit as a,
+  varTranHover as b,
+  varTranEnter as v
 };