motion-on-native 1.1.4 → 1.2.1

package/lib/index.js

@@ -130,50 +130,46 @@ function createMotionComponent(Component) {
         // Animation helper
         const animateToValues = (targetValues, transitionConfig = transition) => {
             Object.entries(targetValues).forEach(([key, value]) => {
-                var _a;
+                var _a, _b, _c, _d, _e, _f, _g, _h;
                 if (value !== undefined) {
                     const sharedValue = getSharedValue(key);
                     if (sharedValue) {
-                        const animateWithRepeat = (currentValue, targetValue, repeatCount) => {
-                            var _a, _b, _c, _d, _e;
-                            const config = transitionConfig.type === 'spring'
-                                ? (0, react_native_reanimated_1.withSpring)(targetValue, {
+                        let config;
+                        if (transitionConfig.repeat && transitionConfig.repeat > 0) {
+                            // Use withRepeat for repeated animations
+                            const baseAnimation = transitionConfig.type === 'spring'
+                                ? (0, react_native_reanimated_1.withSpring)(value, {
                                     damping: (_a = transitionConfig.damping) !== null && _a !== void 0 ? _a : DEFAULT_TRANSITION.damping,
                                     stiffness: (_b = transitionConfig.stiffness) !== null && _b !== void 0 ? _b : DEFAULT_TRANSITION.stiffness,
                                     mass: (_c = transitionConfig.mass) !== null && _c !== void 0 ? _c : 1,
                                 })
-                                : (0, react_native_reanimated_1.withTiming)(targetValue, {
+                                : (0, react_native_reanimated_1.withTiming)(value, {
                                     duration: (_d = transitionConfig.duration) !== null && _d !== void 0 ? _d : DEFAULT_TRANSITION.duration,
+                                    easing: react_native_reanimated_1.Easing.linear,
                                 });
-                            sharedValue.value = config;
-                            // Handle repeat
-                            if (transitionConfig.repeat && repeatCount > 0) {
-                                const duration = (_e = transitionConfig.duration) !== null && _e !== void 0 ? _e : DEFAULT_TRANSITION.duration;
-                                setTimeout(() => {
-                                    const nextTarget = transitionConfig.repeatType === 'reverse'
-                                        ? (sharedValue.value === targetValue ? currentValue : targetValue)
-                                        : targetValue;
-                                    const nextCurrent = transitionConfig.repeatType === 'reverse'
-                                        ? (sharedValue.value === targetValue ? targetValue : currentValue)
-                                        : currentValue;
-                                    if (transitionConfig.repeat === 'infinity') {
-                                        animateWithRepeat(nextCurrent, nextTarget, Infinity);
-                                    }
-                                    else {
-                                        animateWithRepeat(nextCurrent, nextTarget, repeatCount - 1);
-                                    }
-                                }, duration);
-                            }
-                        };
-                        const currentValue = sharedValue.value;
-                        const repeatTimes = transitionConfig.repeat === 'infinity' ? Infinity : ((_a = transitionConfig.repeat) !== null && _a !== void 0 ? _a : 0);
+                            const repeatCount = transitionConfig.repeat === 'infinity' ? -1 : transitionConfig.repeat;
+                            const reverse = transitionConfig.repeatType === 'reverse';
+                            config = (0, react_native_reanimated_1.withRepeat)(baseAnimation, repeatCount, reverse);
+                        }
+                        else {
+                            // Single animation
+                            config = transitionConfig.type === 'spring'
+                                ? (0, react_native_reanimated_1.withSpring)(value, {
+                                    damping: (_e = transitionConfig.damping) !== null && _e !== void 0 ? _e : DEFAULT_TRANSITION.damping,
+                                    stiffness: (_f = transitionConfig.stiffness) !== null && _f !== void 0 ? _f : DEFAULT_TRANSITION.stiffness,
+                                    mass: (_g = transitionConfig.mass) !== null && _g !== void 0 ? _g : 1,
+                                })
+                                : (0, react_native_reanimated_1.withTiming)(value, {
+                                    duration: (_h = transitionConfig.duration) !== null && _h !== void 0 ? _h : DEFAULT_TRANSITION.duration,
+                                });
+                        }
                         if (transitionConfig.delay) {
                             setTimeout(() => {
-                                animateWithRepeat(currentValue, value, repeatTimes);
+                                sharedValue.value = config;
                             }, transitionConfig.delay);
                         }
                         else {
-                            animateWithRepeat(currentValue, value, repeatTimes);
+                            sharedValue.value = config;
                         }
                     }
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-on-native",
-  "version": "1.1.4",
+  "version": "1.2.1",
   "description": "Framer Motion-inspired animation library for React Native with Reanimated. Easy spring animations, gestures, and transitions for mobile apps.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",