@m4l/components 0.1.26 → 0.1.28

package/components/PropertyValue/index.dfcfe1ba.js

@@ -0,0 +1,147 @@
+import { styled } from "@mui/material/styles";
+import { Skeleton } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { useModuleSkeleton } from "@m4l/core";
+const WrapperPropertyValue = styled("div", {
+  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
+})(({
+  propertyWidth,
+  isForm,
+  theme
+}) => ({
+  display: "grid",
+  gridTemplateColumns: "1fr",
+  alignItems: "flex-start",
+  width: "100%",
+  padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+  ":hover": {
+    backgroundColor: isForm ? "unset" : theme.palette.grid?.rowHover
+  },
+  borderBottom: isForm ? "none" : `1px solid ${theme.palette.divider}`,
+  flexDirection: "column",
+  [theme.breakpoints.up("sm")]: {
+    gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr",
+    gap: theme.spacing(2),
+    alignItems: "center"
+  }
+}));
+const Property = styled("div", {
+  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
+})(({
+  propertyWidth,
+  isForm,
+  theme
+}) => ({
+  width: "100%",
+  minWidth: "100%",
+  ...theme.typography.subtitle2,
+  color: theme.palette.text.primary,
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  position: "relative",
+  [theme.breakpoints.up("sm")]: {
+    borderRight: isForm ? "none" : `1px solid ${theme.palette.divider}`,
+    paddingRight: theme.spacing(2),
+    textAlign: "right",
+    width: propertyWidth || "150px",
+    minWidth: propertyWidth || "150px",
+    justifyContent: "flex-end"
+  },
+  overflow: "hidden",
+  overflowWrap: "break-word"
+}));
+const Value = styled("div", {
+  shouldForwardProp: (prop) => prop !== "valueWidth" && prop !== "valueHeight" && prop !== "withGrid"
+})(({
+  valueWidth,
+  valueHeight,
+  theme
+}) => ({
+  flexGrow: "1",
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  position: "relative",
+  padding: "1px",
+  maxWidth: `${valueWidth}%`,
+  width: `${valueWidth}%`,
+  height: valueHeight,
+  marginTop: theme.spacing(1),
+  [theme.breakpoints.up("sm")]: {
+    marginTop: "0px"
+  },
+  overflow: "auto",
+  overflowWrap: "break-word"
+}));
+const SKTWrapperProperty = styled("div")(() => ({
+  display: "flex",
+  justifyContent: "flex-end"
+}));
+function SKTProperty() {
+  return /* @__PURE__ */ jsx(SKTWrapperProperty, {
+    children: /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 68,
+      height: 14
+    })
+  });
+}
+function PropertyValue(props) {
+  const {
+    property,
+    value,
+    propertyWidth = 200,
+    valueHeight = "auto",
+    valueWidth = "100",
+    valueWidthMobile,
+    isForm
+  } = props;
+  const isDesktop = useResponsiveDesktop();
+  const isSkeleton = useModuleSkeleton();
+  const getValueW = () => {
+    if (valueWidthMobile && !isDesktop) {
+      return valueWidthMobile;
+    }
+    if (valueWidth === 75 && isDesktop) {
+      return 75;
+    } else if (valueWidth === 75 && !isDesktop) {
+      return 100;
+    }
+    if (valueWidth === 50 && isDesktop) {
+      return 50;
+    } else if (valueWidth === 50 && !isDesktop) {
+      return 100;
+    }
+    if (valueWidth === 25 && isDesktop || valueWidth === 12.5 && isDesktop) {
+      return valueWidth;
+    }
+    if (valueWidth === 25 && !isDesktop) {
+      return 50;
+    }
+    if (valueWidth === 12.5 && !isDesktop) {
+      return 25;
+    }
+    return 100;
+  };
+  return /* @__PURE__ */ jsxs(WrapperPropertyValue, {
+    id: "WrapperPropertyValue",
+    isForm,
+    propertyWidth,
+    children: [/* @__PURE__ */ jsx(Property, {
+      id: "Property",
+      isForm,
+      propertyWidth,
+      children: isSkeleton ? /* @__PURE__ */ jsx(SKTProperty, {}) : property
+    }), /* @__PURE__ */ jsx(Value, {
+      id: "Value",
+      valueWidth: getValueW(),
+      valueHeight,
+      children: value
+    })]
+  });
+}
+export {
+  PropertyValue as P
+};

package/components/PropertyValue/styles.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { WrapperValueProps } from './types';
 export declare const WrapperPropertyValue: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("./types").PropertyProps & Pick<import("./types").PropertyValueProps, "isForm">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Property: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("./types").PropertyProps & Pick<import("./types").PropertyValueProps, "isForm">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Value: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("./types").ValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SKTWrapperProperty: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/PropertyValue/types.d.ts

@@ -4,9 +4,9 @@ export interface PropertyProps {
 }
 export interface ValueProps {
     valueHeight?: number | string;
-    valueWidth?: valueWidthType;
+    valueWidth?: number;
+    valueWidthMobile?: number;
 }
-export declare type valueWidthType = '100' | '75' | '50' | '25' | '12.5';
 export interface PropertyValueProps extends PropertyProps, ValueProps {
     property: string;
     value: number | string | ReactNode;
@@ -14,4 +14,4 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
 }
 export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
 export declare type WrapperPropertyProps = WrapperProps;
-export declare type WrapperValueProps = ValueProps;
+export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;

package/components/Resizeable/index.45995d2b.js

@@ -1,8 +1,8 @@
-import { styled as n } from "@mui/material/styles";
-import { R as i } from "../../react-resizable.5277deaf.js";
-import { jsx as l } from "react/jsx-runtime";
-const g = n(i)(({
-  theme: e
+import { styled } from "@mui/material/styles";
+import { R as ResizableBox } from "../../react-resizable.5277deaf.js";
+import { jsx } from "react/jsx-runtime";
+const WrapperResizeable = styled(ResizableBox)(({
+  theme
 }) => ({
   "&.react-resizable": {
     position: "relative",
@@ -17,7 +17,7 @@ const g = n(i)(({
     backgroundRepeat: "no-repeat",
     backgroundOrigin: "content-box",
     boxSizing: "border-box",
-    backgroundColor: e.palette.action.active,
+    backgroundColor: theme.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")`,
     backgroundPosition: "bottom right",
@@ -73,22 +73,22 @@ const g = n(i)(({
     transform: "rotate(45deg)"
   }
 }));
-function x(e) {
+function Resizeable(props) {
   const {
-    children: a,
-    width: s,
-    height: o,
-    maxHeigth: r,
-    maxWidth: t
-  } = e;
-  return /* @__PURE__ */ l(g, {
-    width: s,
-    height: o,
-    maxConstraints: r && t ? [t, r] : void 0,
+    children,
+    width,
+    height,
+    maxHeigth,
+    maxWidth
+  } = props;
+  return /* @__PURE__ */ jsx(WrapperResizeable, {
+    width,
+    height,
+    maxConstraints: maxHeigth && maxWidth ? [maxWidth, maxHeigth] : void 0,
     resizeHandles: ["se", "nw"],
-    children: a
+    children
   });
 }
 export {
-  x as R
+  Resizeable as R
 };

package/components/ScrollBar/index.39eeb2de.js

@@ -1,18 +1,19 @@
-import t from "simplebar-react";
-import { styled as i, alpha as a } from "@mui/material/styles";
-import { Box as l } from "@mui/material";
-import { jsx as r } from "react/jsx-runtime";
-const s = i("div")(() => ({
+import SimpleBarReact from "simplebar-react";
+import { styled, alpha } from "@mui/material/styles";
+import { Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+const RootStyle = styled("div")(() => ({
   flexGrow: 1,
   height: "100%",
   overflow: "hidden"
-})), n = i(t)(({
-  theme: e
+}));
+const SimpleBarStyle = styled(SimpleBarReact)(({
+  theme
 }) => ({
   maxHeight: "100%",
   "& .simplebar-scrollbar": {
     "&:before": {
-      backgroundColor: a(e.palette.grey[600], 0.48)
+      backgroundColor: alpha(theme.palette.grey[600], 0.48)
     },
     "&.simplebar-visible:before": {
       opacity: 1
@@ -28,22 +29,26 @@ const s = i("div")(() => ({
     zIndex: "inherit"
   }
 }));
-function f({
-  children: e
+function ScrollBar({
+  children
 }) {
-  const o = typeof navigator > "u" ? "SSR" : navigator.userAgent;
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(o) ? /* @__PURE__ */ r(l, {
-    sx: {
-      overflowX: "auto"
-    },
-    children: e
-  }) : /* @__PURE__ */ r(s, {
-    children: /* @__PURE__ */ r(n, {
-      autoHide: !1,
-      children: e
+  const userAgent = typeof navigator === "undefined" ? "SSR" : navigator.userAgent;
+  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(Box, {
+      sx: {
+        overflowX: "auto"
+      },
+      children
+    });
+  }
+  return /* @__PURE__ */ jsx(RootStyle, {
+    children: /* @__PURE__ */ jsx(SimpleBarStyle, {
+      autoHide: false,
+      children
     })
   });
 }
 export {
-  f as S
+  ScrollBar as S
 };

package/components/ScrollToTop/index.e06f98f6.js

@@ -1,11 +1,12 @@
-import { useEffect as r } from "react";
-import { useLocation as t } from "react-router-dom";
-function e() {
-  const { pathname: o } = t();
-  return r(() => {
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+function ScrollToTop() {
+  const { pathname } = useLocation();
+  useEffect(() => {
     window.scrollTo(0, 0);
-  }, [o]), null;
+  }, [pathname]);
+  return null;
 }
 export {
-  e as S
+  ScrollToTop as S
 };

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
 };