@m4l/components 4.2.0 → 5.0.1

package/components/WrapperComponent/index-BHV-CsDU.js

@@ -1,14 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-function WrapperComponent(props) {
-  const { children, type = "fragment" } = props;
-  if (type === "fragment") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    " ",
-    children
-  ] });
-}
-export {
-  WrapperComponent as W
-};

package/components/animate/AnimatedScroll/animatedScroll-B3q14b-A.js

@@ -1,53 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { A as AnimatedScrollRoot } from "./styles-Ckh1Z4tM.js";
-const AnimatedScroll = (props) => {
-  const { children } = props;
-  const containerRef = useRef(null);
-  const scrollSpeed = 0.1;
-  let animationId;
-  const handleMouseEnter = () => {
-    if (containerRef.current) {
-      let scrollStep = function(timestamp) {
-        if (!startTime) {
-          startTime = timestamp;
-        }
-        currentTime = timestamp - startTime;
-        const scrollAmount = startScrollLeft + distance * (currentTime / duration);
-        container.scrollLeft = scrollAmount;
-        if (currentTime < duration) {
-          animationId = requestAnimationFrame(scrollStep);
-        }
-      };
-      const container = containerRef.current;
-      const startScrollLeft = container.scrollLeft;
-      const endScrollLeft = container.scrollWidth;
-      const distance = endScrollLeft - startScrollLeft;
-      const duration = distance / scrollSpeed;
-      let startTime;
-      let currentTime;
-      animationId = requestAnimationFrame(scrollStep);
-    }
-  };
-  const handleMouseLeave = () => {
-    if (animationId !== void 0) {
-      cancelAnimationFrame(animationId);
-    }
-    if (containerRef.current) {
-      containerRef.current.scrollLeft = 0;
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    AnimatedScrollRoot,
-    {
-      className: "animated-scroll-container",
-      ref: containerRef,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      children
-    }
-  );
-};
-export {
-  AnimatedScroll as A
-};

package/components/animate/AnimatedScroll/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/animate/AnimatedScroll/styles-Ckh1Z4tM.js

@@ -1,43 +0,0 @@
-import { alpha } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import SimpleBarReact from "simplebar-react";
-styled(SimpleBarReact)(({ theme }) => ({
-  height: "100%",
-  "& .simplebar-scrollbar": {
-    "&:before": {
-      backgroundColor: alpha(theme.colorSchemes.finalTheme.palette.grey[600], 0.48)
-    },
-    "&.simplebar-visible:before": {
-      opacity: 1
-    }
-  },
-  "& .simplebar-track.simplebar-vertical": {
-    width: 10
-  },
-  "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar": {
-    height: 6
-  },
-  "& .simplebar-mask": {
-    zIndex: "inherit"
-  },
-  "& .simplebar-content": {
-    display: "flex",
-    height: "100%"
-  }
-}));
-const AnimatedScrollRoot = styled("div")(() => ({
-  width: "100%",
-  height: "100%",
-  overflowX: "auto",
-  overflowY: "hidden",
-  transition: "scroll-behavior 0.5s",
-  /* Otras propiedades CSS aquí */
-  scrollbarWidth: "none",
-  msOverflowStyle: "none",
-  "&::-webkit-scrollbar": {
-    width: 0
-  }
-}));
-export {
-  AnimatedScrollRoot as A
-};

package/components/animate/IconButtonAnimate/index-jaVqrJOf.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { m } from "framer-motion";
-import { forwardRef } from "react";
-import { IconButton, Box } from "@mui/material";
-const varSmall = {
-  hover: { scale: 1.1 },
-  tap: { scale: 0.95 }
-};
-const varMedium = {
-  hover: { scale: 1.09 },
-  tap: { scale: 0.97 }
-};
-const varLarge = {
-  hover: { scale: 1.08 },
-  tap: { scale: 0.99 }
-};
-function AnimateWrap({ size, children }) {
-  const isSmall = size === "small";
-  const isLarge = size === "large";
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: m.div,
-      whileTap: "tap",
-      whileHover: "hover",
-      variants: isSmall && varSmall || isLarge && varLarge || varMedium,
-      sx: {
-        display: "inline-flex"
-      },
-      children
-    }
-  );
-}
-const IconButtonAnimate = forwardRef(
-  ({ children, size = "medium", ...other }, ref) => /* @__PURE__ */ jsx(AnimateWrap, { size, children: /* @__PURE__ */ jsx(IconButton, { size, ref, ...other, children }) })
-);
-IconButtonAnimate.displayName = "IconButtonAnimate";
-export {
-  IconButtonAnimate as I
-};

package/components/animate/LoadingScreen/index-D_1KtCi0.js

@@ -1,70 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { m } from "framer-motion";
-import { alpha } from "@mui/material/styles";
-import { Box } from "@mui/material";
-import { R as RootStyle } from "./styles-Ca3896Rd.js";
-function LoadingScreen(props) {
-  const { isDashboard, variant = "fullpage", ...other } = props;
-  return /* @__PURE__ */ jsx(Fragment, { children: !isDashboard && /* @__PURE__ */ jsxs(RootStyle, { variant, ...other, children: [
-    /* @__PURE__ */ jsx(
-      m.div,
-      {
-        initial: { rotateY: 0 },
-        animate: { rotateY: 360 },
-        transition: {
-          duration: 2,
-          ease: "easeInOut",
-          repeatDelay: 1,
-          repeat: Infinity
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: m.div,
-        animate: {
-          scale: [1.2, 1, 1, 1.2, 1.2],
-          rotate: [270, 0, 0, 270, 270],
-          opacity: [0.25, 1, 1, 1, 0.25],
-          borderRadius: ["25%", "25%", "50%", "50%", "25%"]
-        },
-        transition: { ease: "linear", duration: 3.2, repeat: Infinity },
-        sx: {
-          width: 50,
-          height: 50,
-          borderRadius: "25%",
-          position: "absolute",
-          border: (theme) => `solid 3px ${alpha(theme.palette.primary.dark, 0.24)}`
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: m.div,
-        animate: {
-          scale: [1, 1.2, 1.2, 1, 1],
-          rotate: [0, 270, 270, 0, 0],
-          opacity: [1, 0.25, 0.25, 0.25, 1],
-          borderRadius: ["25%", "25%", "50%", "50%", "25%"]
-        },
-        transition: {
-          ease: "linear",
-          duration: 3.2,
-          repeat: Infinity
-        },
-        sx: {
-          width: 60,
-          height: 60,
-          borderRadius: "25%",
-          position: "absolute",
-          border: (theme) => `solid 8px ${alpha(theme.colorSchemes.finalTheme.palette.primary.dark, 0.24)}`
-        }
-      }
-    )
-  ] }) });
-}
-export {
-  LoadingScreen as L
-};

package/components/animate/LoadingScreen/styles-Ca3896Rd.js

@@ -1,22 +0,0 @@
-import { styled } from "@mui/material";
-const RootStyle = styled("div", {
-  shouldForwardProp: (props) => props !== "variant"
-})(({ theme, variant }) => ({
-  right: 0,
-  bottom: 0,
-  zIndex: 99999,
-  width: "100%",
-  height: "100%",
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: theme.vars.palette.background.default,
-  ...variant === "microfrontend" && {
-    position: "relative",
-    zIndex: 0
-  }
-}));
-export {
-  RootStyle as R
-};

package/components/animate/MotionContainer/index-eartnWyO.js

@@ -1,34 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { m } from "framer-motion";
-import { Box } from "@mui/material";
-import { v as varContainer } from "../variants/container-Dmpr6tg5.js";
-function MotionContainer({ animate, action = false, children, ...other }) {
-  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: varContainer(),
-      ...other,
-      children
-    }
-  );
-}
-export {
-  MotionContainer as M
-};

package/components/animate/MotionLazyContainer/index-Be8osTiG.js

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

package/components/animate/PropagateLoader/index-Dmd61b9N.js

@@ -1,11 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTheme } from "@mui/material";
-import { W as WrapperPropageteLoader } from "./syles-B-d-wxy-.js";
-import { P as PropagateLoader$1 } from "../../../react-spinners-TpKN9lZg.js";
-const PropagateLoader = () => {
-  const { palette } = useTheme();
-  return /* @__PURE__ */ jsx(WrapperPropageteLoader, { children: /* @__PURE__ */ jsx(PropagateLoader$1, { color: palette.primary.main }) });
-};
-export {
-  PropagateLoader as P
-};

package/components/animate/PropagateLoader/syles-B-d-wxy-.js

@@ -1,16 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WrapperPropageteLoader = styled("div")(({ theme }) => ({
-  right: 0,
-  bottom: 0,
-  zIndex: 99999,
-  width: "100%",
-  height: "100%",
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  background: theme.vars.palette.background.default
-}));
-export {
-  WrapperPropageteLoader as W
-};

package/components/animate/features-BbnE33u3.js

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

package/components/animate/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/animate/variants/bounce-DanQqHAX.js

@@ -1,101 +0,0 @@
-import { v as varTranEnter, a as varTranExit } from "./transition-B9W5SWTa.js";
-const varBounce = (props) => {
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-  return {
-    // IN
-    in: {
-      initial: {},
-      animate: {
-        scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
-        opacity: [0, 1, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn })
-      },
-      exit: {
-        scale: [0.9, 1.1, 0.3],
-        opacity: [1, 1, 0]
-      }
-    },
-    inUp: {
-      initial: {},
-      animate: {
-        y: [720, -24, 12, -4, 0],
-        scaleY: [4, 0.9, 0.95, 0.985, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: { ...varTranEnter({ durationIn, easeIn }) }
-      },
-      exit: {
-        y: [12, -24, 720],
-        scaleY: [0.985, 0.9, 3],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
-      }
-    },
-    inDown: {
-      initial: {},
-      animate: {
-        y: [-720, 24, -12, 4, 0],
-        scaleY: [4, 0.9, 0.95, 0.985, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn })
-      },
-      exit: {
-        y: [-12, 24, -720],
-        scaleY: [0.985, 0.9, 3],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
-      }
-    },
-    inLeft: {
-      initial: {},
-      animate: {
-        x: [-720, 24, -12, 4, 0],
-        scaleX: [3, 1, 0.98, 0.995, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn })
-      },
-      exit: {
-        x: [0, 24, -720],
-        scaleX: [1, 0.9, 2],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
-      }
-    },
-    inRight: {
-      initial: {},
-      animate: {
-        x: [720, -24, 12, -4, 0],
-        scaleX: [3, 1, 0.98, 0.995, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn })
-      },
-      exit: {
-        x: [0, -24, 720],
-        scaleX: [1, 0.9, 2],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
-      }
-    },
-    // OUT
-    out: {
-      animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] }
-    },
-    outUp: {
-      animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] }
-    },
-    outDown: {
-      animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] }
-    },
-    outLeft: {
-      animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] }
-    },
-    outRight: {
-      animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] }
-    }
-  };
-};
-export {
-  varBounce as v
-};

package/components/animate/variants/container-Dmpr6tg5.js

@@ -1,22 +0,0 @@
-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: staggerIn,
-        delayChildren: delayIn
-      }
-    },
-    exit: {
-      transition: {
-        staggerChildren: staggerOut,
-        staggerDirection: -1
-      }
-    }
-  };
-};
-export {
-  varContainer as v
-};

package/components/animate/variants/fade-CAOJNn06.js

@@ -1,65 +0,0 @@
-import { v as varTranEnter, a as varTranExit } from "./transition-B9W5SWTa.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
-    in: {
-      initial: { opacity: 0 },
-      animate: { opacity: 1, transition: varTranEnter },
-      exit: { opacity: 0, transition: varTranExit }
-    },
-    inUp: {
-      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: -distance, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
-    },
-    inLeft: {
-      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: distance, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
-    },
-    // OUT
-    out: {
-      initial: { opacity: 1 },
-      animate: { opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
-    },
-    outUp: {
-      initial: { y: 0, opacity: 1 },
-      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: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
-    },
-    outLeft: {
-      initial: { x: 0, opacity: 1 },
-      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: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
-    }
-  };
-};
-export {
-  varFade as v
-};

package/components/animate/variants/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/animate/variants/transition-B9W5SWTa.js

@@ -1,20 +0,0 @@
-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 {
-  varTranExit as a,
-  varTranHover as b,
-  varTranEnter as v
-};

package/components/areas/components/AreasAdmin/classes/index-CryauVAw.js

@@ -1,70 +0,0 @@
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../../utils/index-WXiWKKyo.js";
-import { A as AREAS_ADMIN_CLASS_NAME } from "../../../constants-rqODZNZe.js";
-const areasAdminClasses = generateUtilityClasses(
-  AREAS_ADMIN_CLASS_NAME,
-  [
-    /* elements */
-    "root",
-    "rootContent",
-    "areaChipRoot",
-    "areaChipTitle",
-    "areaChipDeleteButton",
-    "areasAddButton",
-    "areaContainerChipEditButton",
-    "areaContainerChips",
-    "areaContainerContentChips",
-    "areaContainerChipsIcon",
-    "areaEditPopover",
-    "areaChipMobileRoot",
-    "areaChipMobileIconContainer",
-    "areaIconLayer",
-    "areaIconLayerContent",
-    "areaChipEditButton",
-    "areasPopoverMobileOptions",
-    "areasPopoverListWindows",
-    "areasPopoverListWindowsIcon",
-    "areaContentChips",
-    /* states or variants of elements */
-    "selected",
-    "isMobile",
-    "disabled",
-    "isFocus"
-  ],
-  AREAS_ADMIN_CLASS_NAME
-);
-const useAreasAdminUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.status,
-      ownerState.isMobile && "isMobile",
-      ownerState.isSkeleton && "isSkeleton",
-      ownerState.focus && "isFocus"
-    ],
-    rootContent: ["rootContent"],
-    areaChipRoot: ["areaChipRoot"],
-    areaIconLayer: ["areaIconLayer"],
-    areaContainerChipsIcon: ["areaContainerChipsIcon"],
-    areaContainerChips: ["areaContainerChips"],
-    areaContainerContentChips: ["areaContainerContentChips"],
-    areaEditPopover: ["areaEditPopover"],
-    areaChipMobileRoot: ["areaChipMobileRoot"],
-    areaChipMobileIconContainer: ["areaChipMobileIconContainer"],
-    areaChipTitle: ["areaChipTitle"],
-    areaContainerChipEditButton: ["areaContainerChipEditButton"],
-    areaChipDeleteButton: ["areaChipDeleteButton"],
-    areaChipEditButton: ["areaChipEditButton"],
-    areasAddButton: ["areasAddButton"],
-    areasPopoverMobileOptions: ["areasPopoverMobileOptions"],
-    areasPopoverListWindows: ["areasPopoverListWindows"],
-    areasPopoverListWindowsIcon: ["areasPopoverListWindowsIcon"],
-    areaContentChips: ["areaContentChips"]
-  };
-  return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_ADMIN_CLASS_NAME), {});
-};
-export {
-  areasAdminClasses as a,
-  useAreasAdminUtilityClasses as u
-};