fix(toast): entering exiting animation type

Author: vvv-sss

src/components/accordion/accordion.types.ts

@@ -1,7 +1,7 @@
 import type {
   AnimatedProps,
   BaseAnimationBuilder,
-  EntryExitAnimationFunction,
+  EntryOrExitLayoutType,
   LayoutAnimationFunction,
   WithSpringConfig,
   WithTimingConfig,
@@ -149,17 +149,11 @@ export interface AccordionContentProps extends PrimitiveContentProps {
   /**
    * Custom entering animation for content
    */
-  entering?:
-    | BaseAnimationBuilder
-    | typeof BaseAnimationBuilder
-    | EntryExitAnimationFunction;
+  entering?: EntryOrExitLayoutType;
   /**
    * Custom exiting animation for content
    */
-  exiting?:
-    | BaseAnimationBuilder
-    | typeof BaseAnimationBuilder
-    | EntryExitAnimationFunction;
+  exiting?: EntryOrExitLayoutType;
 }
 
 /**

src/components/toast/toast.animation.ts

@@ -15,11 +15,7 @@ import {
   getStyleProperties,
   getStyleTransform,
 } from '../../helpers/utils/animation';
-import type {
-  ToastEnteringExitingAnimation,
-  ToastPlacement,
-  ToastRootAnimation,
-} from './toast.types';
+import type { ToastPlacement, ToastRootAnimation } from './toast.types';
 
 // --------------------------------------------------
 
@@ -82,26 +78,26 @@ export function useToastRootAnimation(options: {
   const enteringTopValue = getAnimationValueProperty({
     animationValue: animationConfig?.entering,
     property: 'top',
-    defaultValue: enteringTop as ToastEnteringExitingAnimation,
+    defaultValue: enteringTop,
   });
 
   const enteringBottomValue = getAnimationValueProperty({
     animationValue: animationConfig?.entering,
     property: 'bottom',
-    defaultValue: enteringBottom as ToastEnteringExitingAnimation,
+    defaultValue: enteringBottom,
   });
 
   // Exiting animation
   const exitingTopValue = getAnimationValueProperty({
     animationValue: animationConfig?.exiting,
     property: 'top',
-    defaultValue: exitingTop as ToastEnteringExitingAnimation,
+    defaultValue: exitingTop,
   });
 
   const exitingBottomValue = getAnimationValueProperty({
     animationValue: animationConfig?.exiting,
     property: 'bottom',
-    defaultValue: exitingBottom as ToastEnteringExitingAnimation,
+    defaultValue: exitingBottom,
   });
 
   // Opacity animation

src/components/toast/toast.types.ts

@@ -1,6 +1,5 @@
 import type {
-  BaseAnimationBuilder,
-  EntryExitAnimationFunction,
+  EntryOrExitLayoutType,
   WithTimingConfig,
 } from 'react-native-reanimated';
 import type { ViewRef } from '../../helpers/types';
@@ -24,14 +23,6 @@ export type ToastVariant =
  */
 export type ToastPlacement = 'top' | 'bottom';
 
-/**
- * Type for entering/exiting animation configurations
- */
-export type ToastEnteringExitingAnimation =
-  | BaseAnimationBuilder
-  | typeof BaseAnimationBuilder
-  | EntryExitAnimationFunction;
-
 /**
  * Animation configuration for toast root component
  */
@@ -77,24 +68,24 @@ export type ToastRootAnimation = Animation<{
      * Custom entering animation for top placement
      * @default FadeInUp.springify().withInitialValues({ opacity: 1, transform: [{ translateY: -100 }] }).mass(3)
      */
-    top?: ToastEnteringExitingAnimation;
+    top?: EntryOrExitLayoutType;
     /**
      * Custom entering animation for bottom placement
      * @default FadeInDown.springify().withInitialValues({ opacity: 1, transform: [{ translateY: 100 }] }).mass(3)
      */
-    bottom?: ToastEnteringExitingAnimation;
+    bottom?: EntryOrExitLayoutType;
   }>;
   exiting?: AnimationValue<{
     /**
      * Custom exiting animation for top placement
      * @default Keyframe animation with translateY: -100, scale: 0.97, opacity: 0.5
      */
-    top?: ToastEnteringExitingAnimation;
+    top?: EntryOrExitLayoutType;
     /**
      * Custom exiting animation for bottom placement
      * @default Keyframe animation with translateY: 100, scale: 0.97, opacity: 0.5
      */
-    bottom?: ToastEnteringExitingAnimation;
+    bottom?: EntryOrExitLayoutType;
   }>;
 }>;