@m4l/components 0.1.12 → 0.1.13

package/components/PropertyValue/index.ab3dd7e9.js

@@ -0,0 +1,116 @@
+import { styled as p } from "@mui/material/styles";
+import { Skeleton as g } from "@mui/material";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { useResponsiveDesktop as c } from "@m4l/graphics";
+import { useModuleSkeleton as h } from "@m4l/core";
+const y = p("div", {
+  shouldForwardProp: (r) => r !== "propertyWidth" && r !== "propertyHeight" && r !== "isForm"
+})(({
+  propertyWidth: r,
+  isForm: i,
+  theme: t
+}) => ({
+  display: "grid",
+  gridTemplateColumns: "1fr",
+  alignItems: "flex-start",
+  width: "100%",
+  padding: `${t.spacing(1)} ${t.spacing(2)}`,
+  ":hover": {
+    backgroundColor: i ? "unset" : t.palette.grid?.rowHover
+  },
+  borderBottom: i ? "none" : `1px solid ${t.palette.divider}`,
+  flexDirection: "column",
+  [t.breakpoints.up("sm")]: {
+    gridTemplateColumns: r ? `${r}px 1fr` : "150px 1fr",
+    gap: t.spacing(2),
+    alignItems: "center"
+  }
+})), x = p("div", {
+  shouldForwardProp: (r) => r !== "propertyWidth" && r !== "propertyHeight" && r !== "isForm"
+})(({
+  propertyWidth: r,
+  isForm: i,
+  theme: t
+}) => ({
+  width: "100%",
+  minWidth: "100%",
+  ...t.typography.subtitle2,
+  color: t.palette.text.primary,
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  position: "relative",
+  [t.breakpoints.up("sm")]: {
+    borderRight: i ? "none" : `1px solid ${t.palette.divider}`,
+    paddingRight: t.spacing(2),
+    textAlign: "right",
+    width: r || "150px",
+    minWidth: r || "150px",
+    justifyContent: "flex-end"
+  },
+  overflow: "hidden",
+  overflowWrap: "break-word"
+})), v = p("div", {
+  shouldForwardProp: (r) => r !== "valueWidth" && r !== "valueHeight" && r !== "withGrid"
+})(({
+  valueWidth: r,
+  valueHeight: i,
+  theme: t
+}) => ({
+  flexGrow: "1",
+  ...t.typography.body2,
+  color: t.palette.text.secondary,
+  position: "relative",
+  padding: "1px",
+  maxWidth: `${r}%`,
+  width: `${r}%`,
+  height: i,
+  marginTop: t.spacing(1),
+  [t.breakpoints.up("sm")]: {
+    marginTop: "0px"
+  },
+  overflow: "hidden",
+  overflowWrap: "break-word"
+})), m = p("div")(() => ({
+  display: "flex",
+  justifyContent: "flex-end"
+}));
+function w() {
+  return /* @__PURE__ */ n(m, {
+    children: /* @__PURE__ */ n(g, {
+      variant: "text",
+      width: 68,
+      height: 14
+    })
+  });
+}
+function C(r) {
+  const {
+    property: i,
+    value: t,
+    propertyWidth: a = 200,
+    valueHeight: d = "auto",
+    valueWidth: e = "100",
+    isForm: l
+  } = r, o = c(), s = h(), u = (() => e === "75" && o ? "75" : e === "75" && !o ? "100" : e === "50" && o ? "50" : e === "50" && !o ? "100" : e === "25" && o || e === "12.5" && o ? `${e}` : e === "25" && !o ? "50" : e === "12.5" && !o ? "25" : "100")();
+  return /* @__PURE__ */ f(y, {
+    id: "WrapperPropertyValue",
+    isForm: l,
+    propertyWidth: a,
+    children: [/* @__PURE__ */ n(x, {
+      id: "Property",
+      isForm: l,
+      propertyWidth: a,
+      children: s ? /* @__PURE__ */ n(w, {}) : i
+    }), /* @__PURE__ */ n(v, {
+      id: "Value",
+      valueWidth: u,
+      valueHeight: d,
+      children: t
+    })]
+  });
+}
+export {
+  C as P
+};

package/components/Resizeable/{index.js → index.45995d2b.js}

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

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

@@ -0,0 +1,49 @@
+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")(() => ({
+  flexGrow: 1,
+  height: "100%",
+  overflow: "hidden"
+})), n = i(t)(({
+  theme: e
+}) => ({
+  maxHeight: "100%",
+  "& .simplebar-scrollbar": {
+    "&:before": {
+      backgroundColor: a(e.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"
+  }
+}));
+function f({
+  children: e
+}) {
+  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
+    })
+  });
+}
+export {
+  f as S
+};

package/components/ScrollToTop/index.e06f98f6.js

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

package/components/SplitLayout/{index.js → index.4032673d.js}

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

package/components/animate/IconButtonAnimate/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IconButtonProps } from '@mui/material';
-export declare const IconButtonAnimate: import("react").ForwardRefExoticComponent<Pick<IconButtonProps<"button", {}>, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "translate" | "form" | "slot" | "title" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "type" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const IconButtonAnimate: import("react").ForwardRefExoticComponent<Pick<IconButtonProps<"button", {}>, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "translate" | "form" | "slot" | "title" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "type" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("react").RefAttributes<HTMLButtonElement>>;

package/components/animate/LoadingScreen/{index.js → index.f1cec7db.js}

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

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

@@ -0,0 +1,30 @@
+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
+}) {
+  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,
+    initial: "initial",
+    animate: "animate",
+    exit: "exit",
+    variants: o(),
+    ...t,
+    children: i
+  });
+}
+export {
+  x as M
+};

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

@@ -0,0 +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
+}) {
+  return /* @__PURE__ */ r(o, {
+    strict: !0,
+    features: e,
+    children: t
+  });
+}
+export {
+  i as M
+};

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

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

package/components/animate/variants/{bounce.js → bounce.784aaaaa.js}

@@ -1,16 +1,13 @@
-import { v as varTranEnter, a as varTranExit } from "./transition.js";
-const varBounce = (props) => {
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
+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;
   return {
     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 })
+        transition: i({ durationIn: a, easeIn: t })
       },
       exit: {
         scale: [0.9, 1.1, 0.3],
@@ -23,13 +20,13 @@ const varBounce = (props) => {
         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 }) }
+        transition: { ...i({ durationIn: a, easeIn: t }) }
       },
       exit: {
         y: [12, -24, 720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
+        transition: c({ durationOut: e, easeOut: o })
       }
     },
     inDown: {
@@ -38,13 +35,13 @@ const varBounce = (props) => {
         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 })
+        transition: i({ durationIn: a, easeIn: t })
       },
       exit: {
         y: [-12, 24, -720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
+        transition: c({ durationOut: e, easeOut: o })
       }
     },
     inLeft: {
@@ -53,13 +50,13 @@ const varBounce = (props) => {
         x: [-720, 24, -12, 4, 0],
         scaleX: [3, 1, 0.98, 0.995, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn })
+        transition: i({ durationIn: a, easeIn: t })
       },
       exit: {
         x: [0, 24, -720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
+        transition: c({ durationOut: e, easeOut: o })
       }
     },
     inRight: {
@@ -68,13 +65,13 @@ const varBounce = (props) => {
         x: [720, -24, 12, -4, 0],
         scaleX: [3, 1, 0.98, 0.995, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn })
+        transition: i({ durationIn: a, easeIn: t })
       },
       exit: {
         x: [0, -24, 720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut })
+        transition: c({ durationOut: e, easeOut: o })
       }
     },
     out: {
@@ -94,4 +91,6 @@ const varBounce = (props) => {
     }
   };
 };
-export { varBounce as v };
+export {
+  r as v
+};