Merge pull request #45 from DouglasNeuroInformatics/dev

update

Author: joshunrau

package.json

@@ -97,9 +97,9 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
-    "framer-motion": "^11.11.7",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.451.0",
+    "motion": "^11.15.0",
     "react-dropzone": "^14.2.9",
     "react-error-boundary": "^4.0.13",
     "react-resizable-panels": "^2.1.4",

pnpm-lock.yaml

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 
-import { AnimatePresence, motion } from 'framer-motion';
 import { ClipboardCheckIcon, ClipboardListIcon } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
 import { match } from 'ts-pattern';
 
 import { Button, type ButtonProps } from '../Button';

src/components/CopyButton/CopyButton.tsx

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 
-import { AnimatePresence, motion } from 'framer-motion';
 import { range } from 'lodash-es';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { useTranslation } from '@/hooks';
 

src/components/DatePicker/Calendar.tsx

@@ -1,7 +1,7 @@
 import { useReducer, useState } from 'react';
 import * as React from 'react';
 
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { useTranslation } from '@/hooks';
 import { cn } from '@/utils';

src/components/DatePicker/DatePicker.tsx

@@ -33,9 +33,9 @@ type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<T
   content: FormContent<TData>;
   fieldsFooter?: React.ReactNode;
   id?: string;
-  initialValues?: PartialNullableFormDataType<TData>;
-  onError?: (error: z.ZodError<TData>) => void;
-  onSubmit: (data: TData) => Promisable<void>;
+  initialValues?: PartialNullableFormDataType<NoInfer<TData>>;
+  onError?: (error: z.ZodError<NoInfer<TData>>) => void;
+  onSubmit: (data: NoInfer<TData>) => Promisable<void>;
   preventResetValuesOnReset?: boolean;
   readOnly?: boolean;
   resetBtn?: boolean;

src/components/Form/Form.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 
 import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
-import { motion } from 'framer-motion';
 import { EyeIcon, EyeOffIcon } from 'lucide-react';
+import { motion } from 'motion/react';
 
 import { Input } from '@/components/Input';
 import { Label } from '@/components/Label';

src/components/Form/StringField/StringFieldPassword.tsx

@@ -1,5 +1,5 @@
-import { AnimatePresence, motion } from 'framer-motion';
 import { XIcon } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
 
 import { useTranslation } from '@/hooks';
 import { useNotificationsStore } from '@/hooks/useNotificationsStore';

src/components/NotificationHub/NotificationHub.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-import { motion, useSpring, useTransform } from 'framer-motion';
+import { motion, useSpring, useTransform } from 'motion/react';
 
 import { cn } from '@/utils';