@eventlook/sdk 1.5.0-beta.5 → 1.5.0-beta.6

package/dist/types/components/animate/MotionContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MotionProps } from 'framer-motion';
+import { MotionProps } from 'motion/react';
 import { BoxProps } from '@mui/material';
 type IProps = BoxProps & MotionProps;
 export interface Props extends IProps {

package/dist/types/components/animate/MotionViewport.d.ts

@@ -1,4 +1,4 @@
-import { MotionProps } from 'framer-motion';
+import { MotionProps } from 'motion/react';
 import React, { ReactNode } from 'react';
 import { BoxProps } from '@mui/material';
 type IProps = BoxProps & MotionProps;

package/dist/types/components/animate/TextAnimate.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MotionProps } from 'framer-motion';
+import { MotionProps } from 'motion/react';
 import { BoxProps } from '@mui/material';
 type Props = BoxProps & MotionProps;
 interface TextAnimateProps extends Props {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.5.0-beta.5",
+  "version": "1.5.0-beta.6",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -33,7 +33,7 @@
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.0.0",
     "@mui/x-date-pickers": "^8.0.0",
-    "framer-motion": "^12.12.1",
+    "motion": "^12.12.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -68,7 +68,7 @@
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5",
-    "framer-motion": "^12.34.4",
+    "motion": "^12.34.4",
     "globals": "^17.4.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",

package/src/components/animate/DialogAnimate.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { m, AnimatePresence } from 'framer-motion';
+import { m, AnimatePresence } from 'motion/react';
 import { Dialog, Box, Paper, DialogProps, SxProps } from '@mui/material';
 import { varFade } from './variants';
 

package/src/components/animate/IconButtonAnimate.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, ReactNode } from 'react';
-import { m } from 'framer-motion';
+import { m } from 'motion/react';
 import { Box, IconButton, IconButtonProps, SxProps } from '@mui/material';
 
 interface Props extends IconButtonProps {

package/src/components/animate/MotionContainer.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { m, MotionProps } from 'framer-motion';
+import { m, MotionProps } from 'motion/react';
 import { Box, BoxProps } from '@mui/material';
 import { varContainer } from './variants';
 

package/src/components/animate/MotionLazyContainer.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { LazyMotion } from 'framer-motion';
+import { LazyMotion } from 'motion/react';
 
 // @ts-ignore -- dynamic import of generated features file
 const loadFeatures = () => import('./features.js').then((res) => res.default);

package/src/components/animate/MotionViewport.tsx

@@ -1,4 +1,4 @@
-import { m, MotionProps } from 'framer-motion';
+import { m, MotionProps } from 'motion/react';
 import React, { ReactNode } from 'react';
 import { Box, BoxProps } from '@mui/material';
 import useResponsive from '@hooks/useResponsive';

package/src/components/animate/TextAnimate.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { m, MotionProps } from 'framer-motion';
+import { m, MotionProps } from 'motion/react';
 import { Box, BoxProps } from '@mui/material';
 import { varFade } from './variants';
 

package/src/components/animate/features.js

@@ -1,2 +1,2 @@
-import { domMax } from 'framer-motion';
+import { domMax } from 'motion/react';
 export default domMax;

package/src/form/OrderSuccess.tsx

@@ -1,4 +1,4 @@
-import { m } from 'framer-motion';
+import { m } from 'motion/react';
 import { Box, Button, Typography, Stack } from '@mui/material';
 import { Iconify } from '@components/iconify';
 import { MotionContainer, varBounce } from '@components/animate';

package/src/form/PaymentPending.tsx

@@ -2,7 +2,7 @@ import React, { lazy, Suspense } from 'react';
 import { Box, Typography } from '@mui/material';
 import bankTransferAnimation from '../utils/data/lottie/bank-transfer.json';
 import { varBounce } from '@components/animate';
-import { m } from 'framer-motion';
+import { m } from 'motion/react';
 import useGlobal from '@hooks/useGlobal';
 
 const Lottie = lazy(() => import('lottie-react'));

package/src/form/PaymentSuccess.tsx

@@ -3,7 +3,7 @@ import { Box, Button, Card, Grid, LinearProgress, Link, Typography } from '@mui/
 import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { getSearchParamsInObject } from '@utils/url';
 import { postOrderPaid } from '@modules/order';
-import { m } from 'framer-motion';
+import { m } from 'motion/react';
 import { GopayState } from '@utils/data/gopay';
 import { PropsWithChildren } from '@utils/types/global.type';
 import { IPaidTicket } from '@utils/types/ticket.type';