@m4l/components 0.1.3 → 0.1.5

package/assets/Logo/index.js

@@ -0,0 +1,91 @@
+import { Link } from "react-router-dom";
+import { useTheme } from "@mui/material/styles";
+import { Box } from "@mui/material";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function Logo({
+  disabledLink = false,
+  sx
+}) {
+  const theme = useTheme();
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+  const PRIMARY_MAIN = theme.palette.primary.main;
+  const PRIMARY_DARK = theme.palette.primary.dark;
+  const logo = /* @__PURE__ */ jsx(Box, {
+    sx: {
+      width: 40,
+      height: 40,
+      ...sx
+    },
+    children: /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 512 512",
+      children: [/* @__PURE__ */ jsxs("defs", {
+        children: [/* @__PURE__ */ jsxs("linearGradient", {
+          id: "BG1",
+          x1: "100%",
+          x2: "50%",
+          y1: "9.946%",
+          y2: "50%",
+          children: [/* @__PURE__ */ jsx("stop", {
+            offset: "0%",
+            stopColor: PRIMARY_DARK
+          }), /* @__PURE__ */ jsx("stop", {
+            offset: "100%",
+            stopColor: PRIMARY_MAIN
+          })]
+        }), /* @__PURE__ */ jsxs("linearGradient", {
+          id: "BG2",
+          x1: "50%",
+          x2: "50%",
+          y1: "0%",
+          y2: "100%",
+          children: [/* @__PURE__ */ jsx("stop", {
+            offset: "0%",
+            stopColor: PRIMARY_LIGHT
+          }), /* @__PURE__ */ jsx("stop", {
+            offset: "100%",
+            stopColor: PRIMARY_MAIN
+          })]
+        }), /* @__PURE__ */ jsxs("linearGradient", {
+          id: "BG3",
+          x1: "50%",
+          x2: "50%",
+          y1: "0%",
+          y2: "100%",
+          children: [/* @__PURE__ */ jsx("stop", {
+            offset: "0%",
+            stopColor: PRIMARY_LIGHT
+          }), /* @__PURE__ */ jsx("stop", {
+            offset: "100%",
+            stopColor: PRIMARY_MAIN
+          })]
+        })]
+      }), /* @__PURE__ */ jsxs("g", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        children: [/* @__PURE__ */ jsx("path", {
+          fill: "url(#BG1)",
+          d: "m1.9 136.9 208.3 120.3v240.5L1.9 377.5z"
+        }), /* @__PURE__ */ jsx("path", {
+          fill: "url(#BG2)",
+          d: "m226.8 257.2 208.5-120.3v240.6L226.8 497.8z"
+        }), /* @__PURE__ */ jsx("path", {
+          fill: "url(#BG3)",
+          d: "M218.6 242.8 10.2 122.5 218.6 2.2 427 122.5z"
+        })]
+      })]
+    })
+  });
+  if (disabledLink) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: logo
+    });
+  }
+  return /* @__PURE__ */ jsx(Link, {
+    to: "/",
+    children: logo
+  });
+}
+export { Logo as L };

package/assets/Logo.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material';
+interface Props extends BoxProps {
+    disabledLink?: boolean;
+}
+export declare function Logo({ disabledLink, sx }: Props): JSX.Element;
+export default Logo;

package/components/CommonActions/components/ActionCancel/index.js

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../../vendor.js";
+import { B as Button } from "../../../mui_extended/Button/index.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/index.js

@@ -2,7 +2,7 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../../vendor.js";
+import { B as Button } from "../../../mui_extended/Button/index.js";
 import { useCallback } from "react";
 import { u as useModal } from "../../../../hooks/useModal/index.js";
 import { jsx } from "react/jsx-runtime";

package/components/CommonActions/components/ActionIntro/index.js

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../../vendor.js";
+import { B as Button } from "../../../mui_extended/Button/index.js";
 import { jsx } from "react/jsx-runtime";
 const ActionIntro = (props) => {
   const {

package/components/CommonActions/components/Actions/index.js

@@ -14,7 +14,7 @@ import { M as MenuPopover } from "../../../mui_extended/MenuPopover/index.js";
 import { I as Icon } from "../../../Icon/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "@mui/material/Button";
-import "../../../../vendor.js";
+import "../../../mui_extended/Button/index.js";
 import "react-hook-form";
 import "react-router-dom";
 import "../../../../contexts/ModalContext/index.js";

package/components/DynamicFilter/index.js

@@ -1,25 +1,26 @@
 import { S as ScrollBar } from "../ScrollBar/index.js";
-import { styled, alpha as alpha$1 } from "@mui/material/styles";
+import { styled } from "@mui/material/styles";
 import require$$0, { useRef, useState, useMemo, useCallback, useEffect, createContext, useContext } from "react";
 import { useModuleDictionary, useHostTools, useEnvironment, voidFunction, useFlagsPresent } from "@m4l/core";
 import * as Yup from "yup";
 import { useFormContext, useWatch } from "react-hook-form";
 import { F as FormProvider } from "../hook-form/FormProvider/index.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { R as RHFAutocomplete } from "../../vendor.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.js";
 import { alpha, styled as styled$1, Skeleton, MenuItem, useTheme, Popper } from "@mui/material";
 import "../hook-form/RHFAutocompleteAsync/index.js";
 import "../hook-form/RHFCheckbox/index.js";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.js";
 import "@mui/x-date-pickers";
 import { R as RHFTextField } from "../hook-form/RHFTextField/index.js";
 import "../../lodash.js";
 import "react-dropzone";
 import "../../react-lazy-load-image-component.js";
 import "../Image/index.js";
-import "../hook-form/RHFUpload.js";
+import "../hook-form/RHFUpload/index.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import "../../simplebar.js";
+import { F as FilterButton } from "../mui_extended/Button/index.js";
 import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.js";
 import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
 import { I as Icon } from "../Icon/index.js";
@@ -1219,79 +1220,6 @@ const ClearFilters = () => {
   }
   return /* @__PURE__ */ jsx(Fragment, {});
 };
-const SKTWrapperFilterButton = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: theme.spacing(3.75),
-  height: theme.spacing(3.75),
-  background: alpha$1(theme.palette.primary.main, 0.3)
-}));
-const WrapperFilterButton = styled("div")(() => ({
-  "&.isDirty": {
-    animationName: "dirtyEffect",
-    animationDuration: "1s",
-    animationFillMode: "both",
-    animationIterationCount: "infinite",
-    transition: "all .3s",
-    "@keyframes dirtyEffect": {
-      "20%": {
-        opacity: 1
-      },
-      "50%": {
-        opacity: 0.5
-      },
-      "100%": {
-        opacity: 1
-      }
-    }
-  },
-  "&.isDirtyError": {}
-}));
-function FilterButton() {
-  const {
-    isSkeleton,
-    fireOnChangeFilters,
-    automatic,
-    isDirty,
-    isValid
-  } = useBase();
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTWrapperFilterButton, {
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "circular",
-        width: 20,
-        height: 20
-      })
-    });
-  }
-  const color = useMemo(() => {
-    if (automatic || !isDirty) {
-      return "action.active";
-    }
-    if (!isValid) {
-      return "error.main";
-    }
-    return "primary.main";
-  }, [automatic, isValid, isDirty]);
-  return /* @__PURE__ */ jsx(WrapperFilterButton, {
-    id: "WrapperFilterButton",
-    className: isDirty && isValid ? "isDirty" : "",
-    children: /* @__PURE__ */ jsx(IconButton, {
-      bgColor: color,
-      dictionaryTooltip: "dynamic_filter.filter_tooltip",
-      onClick: () => fireOnChangeFilters(),
-      "aria-label": "settings",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/${automatic ? "refresh" : "search"}.svg`
-    })
-  });
-}
 const WrapperInputFilter = styled("div")(({
   theme
 }) => ({
@@ -1310,6 +1238,7 @@ const WrapperInputFilter = styled("div")(({
 const StyledInputFilter = styled("input")(({
   theme
 }) => ({
+  background: "transparent",
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
@@ -1638,4 +1567,4 @@ const defaultDynamicFilterDictionary = {
     error_filters_no_setted: "Filters not yet set"
   }
 };
-export { DynamicFilter as D, defaultDynamicFilterDictionary as d, getDynamicFilterComponentsDictionary as g };
+export { DynamicFilter as D, defaultDynamicFilterDictionary as d, getDynamicFilterComponentsDictionary as g, useBase as u };

package/components/Icon/index.js

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useState, useMemo, useEffect } from "react";
 import { useTheme } from "@mui/material/styles";
-import { g as getPaletteColor } from "../../vendor.js";
+import { g as getPaletteColor } from "../../utils/index.js";
 import { jsx } from "react/jsx-runtime";
 const DivIcon = styled("div", {
   shouldForwardProp: (props) => props !== "src" && props !== "sizeIcon" && props !== "bgColor"

package/components/LanguagePopover/index.js

@@ -6,9 +6,10 @@ import "@m4l/core";
 import "../Icon/index.js";
 import "@mui/material/styles";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../mui_extended/Avatar/index.js";
 import "react-router-dom";
 import "@mui/lab";
-import "../mui_extended/LoadingButton/index.js";
+import "../mui_extended/Button/index.js";
 import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
 import "../CommonActions/components/Actions/index.js";
 import "../mui_extended/Pager/index.js";

package/components/ModalDialog/index.js

@@ -2,7 +2,7 @@ import { Dialog, IconButton, Paper } from "@mui/material";
 import { D as Draggable } from "../../react-draggable.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../vendor.js";
+import { a as getThemeVariantColor } from "../../utils/index.js";
 import { R as Resizeable } from "../Resizeable/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";

package/components/Page/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { PageProps } from './types';
-export declare const Page: import("react").ForwardRefExoticComponent<Pick<PageProps, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "children" | "meta" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "sx" | "key" | "className" | "classes" | "component" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Page: import("react").ForwardRefExoticComponent<Pick<PageProps, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "meta" | "slot" | "title" | "children" | "component" | "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"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/Page/index.js

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 import { Helmet } from "react-helmet-async";
 import { Box } from "@mui/material";
 import { useLocales } from "@m4l/graphics";
-import { useDomain, useEnvironment } from "@m4l/core";
+import { useDomain, useModuleSkeleton } from "@m4l/core";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 const Page = forwardRef((props, ref) => {
   const {
@@ -15,17 +15,13 @@ const Page = forwardRef((props, ref) => {
     currentLang
   } = useLocales();
   const {
-    name: domain_name,
-    isLoaded
+    name: domain_name
   } = useDomain();
-  const {
-    domain_token
-  } = useEnvironment();
-  const finalTitle = title ? `${title} |` : "";
+  const isSkeleton = useModuleSkeleton();
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(Helmet, {
+    children: [!isSkeleton && /* @__PURE__ */ jsxs(Helmet, {
       children: [/* @__PURE__ */ jsx("title", {
-        children: `${finalTitle}${isLoaded ? domain_name : domain_token}`
+        children: `${title} | ${domain_name}`
       }), /* @__PURE__ */ jsx("html", {
         lang: currentLang.value
       }), meta]

package/components/ScrollToTop/index.d.ts

@@ -0,0 +1 @@
+export declare function ScrollToTop(): null;

package/components/ScrollToTop/index.js

@@ -0,0 +1,10 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+function ScrollToTop() {
+  const { pathname } = useLocation();
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+  return null;
+}
+export { ScrollToTop 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", {}>, "disabled" | "size" | "value" | "children" | "form" | "slot" | "title" | "color" | "translate" | "sx" | "key" | keyof import("@mui/material/OverridableComponent").CommonProps | "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" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | "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" | "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.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SxProps } from '@mui/material';
+declare type Props = {
+    isDashboard?: boolean;
+    sx?: SxProps;
+};
+export declare function LoadingScreen({ isDashboard, ...other }: Props): JSX.Element;
+export default LoadingScreen;

package/components/animate/LoadingScreen/index.js

@@ -0,0 +1,91 @@
+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
+}) => ({
+  right: 0,
+  bottom: 0,
+  zIndex: 99999,
+  width: "100%",
+  height: "100%",
+  position: "fixed",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: theme.palette.background.default
+}));
+function LoadingScreen({
+  isDashboard,
+  ...other
+}) {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: !isDashboard && /* @__PURE__ */ jsxs(RootStyle, {
+      ...other,
+      children: [/* @__PURE__ */ jsx(m.div, {
+        initial: {
+          rotateY: 0
+        },
+        animate: {
+          rotateY: 360
+        },
+        transition: {
+          duration: 2,
+          ease: "easeInOut",
+          repeatDelay: 1,
+          repeat: Infinity
+        },
+        children: /* @__PURE__ */ jsx(Logo, {
+          disabledLink: true,
+          sx: {
+            width: 32,
+            height: 32
+          }
+        })
+      }), /* @__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.palette.primary.dark, 0.24)}`
+        }
+      })]
+    })
+  });
+}
+export { LoadingScreen as L };

package/components/animate/index.d.ts

@@ -2,3 +2,4 @@ export * from './variants';
 export { IconButtonAnimate } from './IconButtonAnimate';
 export { MotionContainer } from './MotionContainer';
 export { MotionLazyContainer } from './MotionLazyContainer';
+export { LoadingScreen } from './LoadingScreen';

package/components/animate/variants/bounce.d.ts

@@ -7,7 +7,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
         exit: {
@@ -23,7 +23,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
         exit: {
@@ -32,7 +32,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
     };
@@ -44,7 +44,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
         exit: {
@@ -53,7 +53,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
     };
@@ -65,7 +65,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
         exit: {
@@ -74,7 +74,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
     };
@@ -86,7 +86,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
         exit: {
@@ -95,7 +95,7 @@ export declare const varBounce: (props?: VariantsType | undefined) => {
             opacity: number[];
             transition: {
                 duration: number;
-                ease: number[] | "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
             };
         };
     };