@rootnative/inertia 0.0.9 → 0.0.11

package/dist/motion/Image.d.mts

@@ -1,6 +1,7 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Image`. Inherits `Image`'s prop surface, with `animate` /

package/dist/motion/Image.d.ts

@@ -1,6 +1,7 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Image`. Inherits `Image`'s prop surface, with `animate` /

package/dist/motion/Image.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkZ5USXWTE_js = require('../chunk-Z5USXWTE.js');
-require('../chunk-E3ALFSH2.js');
-require('../chunk-6AN5X3YE.js');
-require('../chunk-WNVHPMBI.js');
+var chunkJAJHKJC5_js = require('../chunk-JAJHKJC5.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkZ5USXWTE_js.MotionImage; }
+  get: function () { return chunkJAJHKJC5_js.MotionImage; }
 });

package/dist/motion/Image.mjs

@@ -1,4 +1,4 @@
-export { MotionImage } from '../chunk-6YIUETBF.mjs';
-import '../chunk-IX6SEOSK.mjs';
-import '../chunk-MFAFB4K7.mjs';
-import '../chunk-W7NTRSPD.mjs';
+export { MotionImage } from '../chunk-DT2KVAAO.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/Pressable.d.mts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk6NOCY764_js = require('../chunk-6NOCY764.js');
-require('../chunk-E3ALFSH2.js');
-require('../chunk-6AN5X3YE.js');
-require('../chunk-WNVHPMBI.js');
+var chunkR7YD6L3D_js = require('../chunk-R7YD6L3D.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunk6NOCY764_js.MotionPressable; }
+  get: function () { return chunkR7YD6L3D_js.MotionPressable; }
 });

package/dist/motion/Pressable.mjs

@@ -1,4 +1,4 @@
-export { MotionPressable } from '../chunk-JBK5ZLMH.mjs';
-import '../chunk-IX6SEOSK.mjs';
-import '../chunk-MFAFB4K7.mjs';
-import '../chunk-W7NTRSPD.mjs';
+export { MotionPressable } from '../chunk-RO4XFTQ6.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/ScrollView.d.mts

@@ -1,6 +1,7 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `ScrollView`. Animations apply to the scroll container itself —

package/dist/motion/ScrollView.d.ts

@@ -1,6 +1,7 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `ScrollView`. Animations apply to the scroll container itself —

package/dist/motion/ScrollView.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkZBHQPVWE_js = require('../chunk-ZBHQPVWE.js');
-require('../chunk-E3ALFSH2.js');
-require('../chunk-6AN5X3YE.js');
-require('../chunk-WNVHPMBI.js');
+var chunk3PB27UIE_js = require('../chunk-3PB27UIE.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkZBHQPVWE_js.MotionScrollView; }
+  get: function () { return chunk3PB27UIE_js.MotionScrollView; }
 });

package/dist/motion/ScrollView.mjs

@@ -1,4 +1,4 @@
-export { MotionScrollView } from '../chunk-M4766VUV.mjs';
-import '../chunk-IX6SEOSK.mjs';
-import '../chunk-MFAFB4K7.mjs';
-import '../chunk-W7NTRSPD.mjs';
+export { MotionScrollView } from '../chunk-LHW4VNWD.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/Text.d.mts

@@ -1,6 +1,7 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Text`. Inherits `Text`'s prop surface, with `animate` /

package/dist/motion/Text.d.ts

@@ -1,6 +1,7 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Text`. Inherits `Text`'s prop surface, with `animate` /

package/dist/motion/Text.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk4XBX7KOD_js = require('../chunk-4XBX7KOD.js');
-require('../chunk-E3ALFSH2.js');
-require('../chunk-6AN5X3YE.js');
-require('../chunk-WNVHPMBI.js');
+var chunkJBMTTICC_js = require('../chunk-JBMTTICC.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunk4XBX7KOD_js.MotionText; }
+  get: function () { return chunkJBMTTICC_js.MotionText; }
 });

package/dist/motion/Text.mjs

@@ -1,4 +1,4 @@
-export { MotionText } from '../chunk-QNLSCOR5.mjs';
-import '../chunk-IX6SEOSK.mjs';
-import '../chunk-MFAFB4K7.mjs';
-import '../chunk-W7NTRSPD.mjs';
+export { MotionText } from '../chunk-UGYBFAVY.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/View.d.mts

@@ -1,6 +1,7 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `View`. Inherits `View`'s prop surface, with `animate` /

package/dist/motion/View.d.ts

@@ -1,6 +1,7 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `View`. Inherits `View`'s prop surface, with `animate` /

package/dist/motion/View.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk24NUL23E_js = require('../chunk-24NUL23E.js');
-require('../chunk-E3ALFSH2.js');
-require('../chunk-6AN5X3YE.js');
-require('../chunk-WNVHPMBI.js');
+var chunk2UREDR4Z_js = require('../chunk-2UREDR4Z.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunk24NUL23E_js.MotionView; }
+  get: function () { return chunk2UREDR4Z_js.MotionView; }
 });

package/dist/motion/View.mjs

@@ -1,4 +1,4 @@
-export { MotionView } from '../chunk-GSUC4HWP.mjs';
-import '../chunk-IX6SEOSK.mjs';
-import '../chunk-MFAFB4K7.mjs';
-import '../chunk-W7NTRSPD.mjs';
+export { MotionView } from '../chunk-JGQ6YRDN.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/touch/index.d.mts

@@ -1,6 +1,8 @@
+import { T as TranslateStyle } from '../useTranslateStyle-BDrOD97O.mjs';
+export { a as applyBounds } from '../useTranslateStyle-BDrOD97O.mjs';
 import { PanResponderInstance } from 'react-native';
-import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-DyJpG64F.mjs';
+import { SharedValue } from 'react-native-reanimated';
+import { T as TransitionConfig } from '../types-C5Zbs9MC.mjs';
 import 'react';
 
 /**
@@ -14,7 +16,7 @@ interface UseTouchDragResult {
     /** Spread onto a `View` / `Pressable` to install the pan responder. */
     panHandlers: PanResponderInstance['panHandlers'];
     /** Stable animated `transform` style. */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation, persistent across gestures. */
     dragX: SharedValue<number>;
     /** Live y translation, persistent across gestures. */

package/dist/touch/index.d.ts

@@ -1,6 +1,8 @@
+import { T as TranslateStyle } from '../useTranslateStyle-BDrOD97O.js';
+export { a as applyBounds } from '../useTranslateStyle-BDrOD97O.js';
 import { PanResponderInstance } from 'react-native';
-import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-DyJpG64F.js';
+import { SharedValue } from 'react-native-reanimated';
+import { T as TransitionConfig } from '../types-C5Zbs9MC.js';
 import 'react';
 
 /**
@@ -14,7 +16,7 @@ interface UseTouchDragResult {
     /** Spread onto a `View` / `Pressable` to install the pan responder. */
     panHandlers: PanResponderInstance['panHandlers'];
     /** Stable animated `transform` style. */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation, persistent across gestures. */
     dragX: SharedValue<number>;
     /** Live y translation, persistent across gestures. */

package/dist/touch/index.js

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkWNVHPMBI_js = require('../chunk-WNVHPMBI.js');
+var chunkKFHZMFAX_js = require('../chunk-KFHZMFAX.js');
+var chunkQX5JHRZ2_js = require('../chunk-QX5JHRZ2.js');
 var react = require('react');
 var reactNative = require('react-native');
 var reactNativeReanimated = require('react-native-reanimated');
@@ -19,22 +20,12 @@ function useTouchDrag(options = {}) {
   const top = constraints?.top;
   const bottom = constraints?.bottom;
   const elasticCoef = elastic;
-  const { onDragStart, onDragEnd, onRelease } = options;
+  const callbacksRef = react.useRef(options);
+  callbacksRef.current = options;
   const responder = react.useMemo(
     () => buildResponder(),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      lockX,
-      lockY,
-      left,
-      right,
-      top,
-      bottom,
-      elasticCoef,
-      onDragStart,
-      onDragEnd,
-      onRelease
-    ]
+    [lockX, lockY, left, right, top, bottom, elasticCoef]
   );
   function buildResponder() {
     const handleEnd = (g) => {
@@ -43,19 +34,20 @@ function useTouchDrag(options = {}) {
       const y = dragY.value;
       const vx = g.vx * 1e3;
       const vy = g.vy * 1e3;
+      const { onRelease, onDragEnd } = callbacksRef.current;
       if (onRelease) {
         const result = onRelease({ x, y, velocity: { x: vx, y: vy } });
         if (result) {
           if (result.x && lockX) {
             const toX = "to" in result.x ? result.x.to : x;
-            dragX.value = chunkWNVHPMBI_js.buildReleaseAnimation(
+            dragX.value = chunkQX5JHRZ2_js.buildReleaseAnimation(
               result.x,
               toX
             );
           }
           if (result.y && lockY) {
             const toY = "to" in result.y ? result.y.to : y;
-            dragY.value = chunkWNVHPMBI_js.buildReleaseAnimation(
+            dragY.value = chunkQX5JHRZ2_js.buildReleaseAnimation(
               result.y,
               toY
             );
@@ -74,11 +66,11 @@ function useTouchDrag(options = {}) {
         startX.value = dragX.value;
         startY.value = dragY.value;
         isDragging.value = true;
-        if (onDragStart) onDragStart();
+        callbacksRef.current.onDragStart?.();
       },
       onPanResponderMove: (_e, g) => {
         if (lockX) {
-          dragX.value = applyBounds(
+          dragX.value = chunkKFHZMFAX_js.applyBounds(
             startX.value + g.dx,
             left,
             right,
@@ -86,7 +78,7 @@ function useTouchDrag(options = {}) {
           );
         }
         if (lockY) {
-          dragY.value = applyBounds(
+          dragY.value = chunkKFHZMFAX_js.applyBounds(
             startY.value + g.dy,
             top,
             bottom,
@@ -98,9 +90,7 @@ function useTouchDrag(options = {}) {
       onPanResponderTerminate: (_e, g) => handleEnd(g)
     });
   }
-  const animatedStyle = reactNativeReanimated.useAnimatedStyle(() => ({
-    transform: [{ translateX: dragX.value }, { translateY: dragY.value }]
-  }));
+  const animatedStyle = chunkKFHZMFAX_js.useTranslateStyle(dragX, dragY);
   return {
     panHandlers: responder.panHandlers,
     animatedStyle,
@@ -109,14 +99,9 @@ function useTouchDrag(options = {}) {
     isDragging
   };
 }
-function applyBounds(value, min, max, elastic) {
-  if (min !== void 0 && value < min) {
-    return elastic > 0 ? min + (value - min) * elastic : min;
-  }
-  if (max !== void 0 && value > max) {
-    return elastic > 0 ? max + (value - max) * elastic : max;
-  }
-  return value;
-}
 
+Object.defineProperty(exports, "applyBounds", {
+  enumerable: true,
+  get: function () { return chunkKFHZMFAX_js.applyBounds; }
+});
 exports.useTouchDrag = useTouchDrag;

package/dist/touch/index.mjs

@@ -1,7 +1,9 @@
-import { buildReleaseAnimation } from '../chunk-W7NTRSPD.mjs';
-import { useMemo } from 'react';
+import { applyBounds, useTranslateStyle } from '../chunk-OH46TGEA.mjs';
+export { applyBounds } from '../chunk-OH46TGEA.mjs';
+import { buildReleaseAnimation } from '../chunk-QIRKPDXA.mjs';
+import { useRef, useMemo } from 'react';
 import { PanResponder } from 'react-native';
-import { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';
+import { useSharedValue } from 'react-native-reanimated';
 
 function useTouchDrag(options = {}) {
   const { axis = "both", constraints, elastic = 0 } = options;
@@ -17,22 +19,12 @@ function useTouchDrag(options = {}) {
   const top = constraints?.top;
   const bottom = constraints?.bottom;
   const elasticCoef = elastic;
-  const { onDragStart, onDragEnd, onRelease } = options;
+  const callbacksRef = useRef(options);
+  callbacksRef.current = options;
   const responder = useMemo(
     () => buildResponder(),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      lockX,
-      lockY,
-      left,
-      right,
-      top,
-      bottom,
-      elasticCoef,
-      onDragStart,
-      onDragEnd,
-      onRelease
-    ]
+    [lockX, lockY, left, right, top, bottom, elasticCoef]
   );
   function buildResponder() {
     const handleEnd = (g) => {
@@ -41,6 +33,7 @@ function useTouchDrag(options = {}) {
       const y = dragY.value;
       const vx = g.vx * 1e3;
       const vy = g.vy * 1e3;
+      const { onRelease, onDragEnd } = callbacksRef.current;
       if (onRelease) {
         const result = onRelease({ x, y, velocity: { x: vx, y: vy } });
         if (result) {
@@ -72,7 +65,7 @@ function useTouchDrag(options = {}) {
         startX.value = dragX.value;
         startY.value = dragY.value;
         isDragging.value = true;
-        if (onDragStart) onDragStart();
+        callbacksRef.current.onDragStart?.();
       },
       onPanResponderMove: (_e, g) => {
         if (lockX) {
@@ -96,9 +89,7 @@ function useTouchDrag(options = {}) {
       onPanResponderTerminate: (_e, g) => handleEnd(g)
     });
   }
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: dragX.value }, { translateY: dragY.value }]
-  }));
+  const animatedStyle = useTranslateStyle(dragX, dragY);
   return {
     panHandlers: responder.panHandlers,
     animatedStyle,
@@ -107,14 +98,5 @@ function useTouchDrag(options = {}) {
     isDragging
   };
 }
-function applyBounds(value, min, max, elastic) {
-  if (min !== void 0 && value < min) {
-    return elastic > 0 ? min + (value - min) * elastic : min;
-  }
-  if (max !== void 0 && value > max) {
-    return elastic > 0 ? max + (value - max) * elastic : max;
-  }
-  return value;
-}
 
 export { useTouchDrag };

package/dist/{types-DyJpG64F.d.mts → types-C5Zbs9MC.d.mts}

@@ -1,5 +1,6 @@
 import { ComponentType, ComponentProps, Ref, ReactElement } from 'react';
 import { StyleProp, BoxShadowValue } from 'react-native';
+import { AnimatedProps } from 'react-native-reanimated';
 
 /**
  * A single animation step's destination, optionally overriding the transition
@@ -24,8 +25,6 @@ interface SpringTransition {
     friction?: number;
     mass?: number;
     velocity?: number;
-    restSpeedThreshold?: number;
-    restDisplacementThreshold?: number;
     delay?: number;
     repeat?: RepeatConfig;
 }
@@ -107,6 +106,15 @@ type NamedTransitions = Partial<Record<TransitionName, TransitionConfig>>;
 type TransitionInput = TransitionConfig | TransitionName;
 /**
  * Repeat config — one shape, not three flags. Default `alternate: true`.
+ *
+ * `count` is the total number of iterations, including the first pass, so
+ * `repeat: 2` plays the animation twice. A count below `1` runs the animation
+ * once and warns in dev.
+ *
+ * `alternate` reverses direction on every other pass for a single-value
+ * animation. It has no effect on a sequence (an array target): Reanimated
+ * restarts a sequence at its first step on every pass. Append the reverse
+ * steps to the sequence to alternate.
  */
 type RepeatConfig = number | 'infinite' | {
     count: number | 'infinite';
@@ -435,9 +443,19 @@ interface MotionProps<C, V extends VariantsMap<C> = VariantsMap<C>> {
  * Props of a Motion primitive for a given underlying component `C` and a
  * concrete variants map `V`: the component's own props (minus `style`, which
  * we replace with an animated style) intersected with the Motion props.
+ *
+ * `style` is taken from `AnimatedProps<…>`, not from `C` directly, because a
+ * Motion primitive renders `Animated.createAnimatedComponent(C)` — so the
+ * styles it accepts are the ones that animated component accepts. Reanimated
+ * 4.5 brands what `useAnimatedStyle` returns, and `ComponentProps<C>['style']`
+ * rejects a branded value, which would have made the sanctioned escape hatch
+ * (Principle 2: own your `useAnimatedStyle` over Inertia-driven shared values,
+ * then pass it to a `Motion.*` primitive) require a cast at every call site.
  */
 type MotionComponentProps<C extends ComponentType<any>, V extends VariantsMap<ComponentProps<C>> = VariantsMap<ComponentProps<C>>> = Omit<ComponentProps<C>, 'style'> & MotionProps<ComponentProps<C>, V> & {
-    style?: ComponentProps<C>['style'];
+    style?: AnimatedProps<ComponentProps<C>> extends {
+        style?: infer S;
+    } ? S : ComponentProps<C>['style'];
     ref?: Ref<unknown>;
 };
 /**
@@ -456,4 +474,4 @@ interface MotionComponent<C extends ComponentType<any>> {
     displayName?: string;
 }
 
-export type { AnimatableValue as A, BoxShadowInput as B, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantsMap as V, MotionProps as a, TransitionInput as b, TransitionName as c, VariantController as d, AnimateStyle as e, AnimationCallbackInfo as f, EasingFunction as g, EasingFunctionFactory as h, GestureSubStates as i, NoAnimationTransition as j, RepeatConfig as k, SequenceStep as l, TimingTransition as m, Transition as n };
+export type { AnimatableValue as A, BoxShadowInput as B, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantsMap as V, MotionProps as a, TransitionInput as b, TransitionName as c, VariantController as d, AnimateStyle as e, AnimationCallbackInfo as f, EasingFunction as g, EasingFunctionFactory as h, GestureSubStates as i, MotionComponentProps as j, NoAnimationTransition as k, RepeatConfig as l, SequenceStep as m, TimingTransition as n, Transition as o };

package/dist/{types-DyJpG64F.d.ts → types-C5Zbs9MC.d.ts}

@@ -1,5 +1,6 @@
 import { ComponentType, ComponentProps, Ref, ReactElement } from 'react';
 import { StyleProp, BoxShadowValue } from 'react-native';
+import { AnimatedProps } from 'react-native-reanimated';
 
 /**
  * A single animation step's destination, optionally overriding the transition
@@ -24,8 +25,6 @@ interface SpringTransition {
     friction?: number;
     mass?: number;
     velocity?: number;
-    restSpeedThreshold?: number;
-    restDisplacementThreshold?: number;
     delay?: number;
     repeat?: RepeatConfig;
 }
@@ -107,6 +106,15 @@ type NamedTransitions = Partial<Record<TransitionName, TransitionConfig>>;
 type TransitionInput = TransitionConfig | TransitionName;
 /**
  * Repeat config — one shape, not three flags. Default `alternate: true`.
+ *
+ * `count` is the total number of iterations, including the first pass, so
+ * `repeat: 2` plays the animation twice. A count below `1` runs the animation
+ * once and warns in dev.
+ *
+ * `alternate` reverses direction on every other pass for a single-value
+ * animation. It has no effect on a sequence (an array target): Reanimated
+ * restarts a sequence at its first step on every pass. Append the reverse
+ * steps to the sequence to alternate.
  */
 type RepeatConfig = number | 'infinite' | {
     count: number | 'infinite';
@@ -435,9 +443,19 @@ interface MotionProps<C, V extends VariantsMap<C> = VariantsMap<C>> {
  * Props of a Motion primitive for a given underlying component `C` and a
  * concrete variants map `V`: the component's own props (minus `style`, which
  * we replace with an animated style) intersected with the Motion props.
+ *
+ * `style` is taken from `AnimatedProps<…>`, not from `C` directly, because a
+ * Motion primitive renders `Animated.createAnimatedComponent(C)` — so the
+ * styles it accepts are the ones that animated component accepts. Reanimated
+ * 4.5 brands what `useAnimatedStyle` returns, and `ComponentProps<C>['style']`
+ * rejects a branded value, which would have made the sanctioned escape hatch
+ * (Principle 2: own your `useAnimatedStyle` over Inertia-driven shared values,
+ * then pass it to a `Motion.*` primitive) require a cast at every call site.
  */
 type MotionComponentProps<C extends ComponentType<any>, V extends VariantsMap<ComponentProps<C>> = VariantsMap<ComponentProps<C>>> = Omit<ComponentProps<C>, 'style'> & MotionProps<ComponentProps<C>, V> & {
-    style?: ComponentProps<C>['style'];
+    style?: AnimatedProps<ComponentProps<C>> extends {
+        style?: infer S;
+    } ? S : ComponentProps<C>['style'];
     ref?: Ref<unknown>;
 };
 /**
@@ -456,4 +474,4 @@ interface MotionComponent<C extends ComponentType<any>> {
     displayName?: string;
 }
 
-export type { AnimatableValue as A, BoxShadowInput as B, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantsMap as V, MotionProps as a, TransitionInput as b, TransitionName as c, VariantController as d, AnimateStyle as e, AnimationCallbackInfo as f, EasingFunction as g, EasingFunctionFactory as h, GestureSubStates as i, NoAnimationTransition as j, RepeatConfig as k, SequenceStep as l, TimingTransition as m, Transition as n };
+export type { AnimatableValue as A, BoxShadowInput as B, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantsMap as V, MotionProps as a, TransitionInput as b, TransitionName as c, VariantController as d, AnimateStyle as e, AnimationCallbackInfo as f, EasingFunction as g, EasingFunctionFactory as h, GestureSubStates as i, MotionComponentProps as j, NoAnimationTransition as k, RepeatConfig as l, SequenceStep as m, TimingTransition as n, Transition as o };

package/dist/{useGesture-DbH46EBp.d.ts → useGesture-Be0ZhCWj.d.ts}

@@ -1,5 +1,5 @@
 import { SharedValue } from 'react-native-reanimated';
-import { b as TransitionInput, G as GestureLayerTransitions } from './types-DyJpG64F.js';
+import { b as TransitionInput, G as GestureLayerTransitions } from './types-C5Zbs9MC.js';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/dist/{useGesture-CnZQnYHH.d.mts → useGesture-Ve8EGjTr.d.mts}

@@ -1,5 +1,5 @@
 import { SharedValue } from 'react-native-reanimated';
-import { b as TransitionInput, G as GestureLayerTransitions } from './types-DyJpG64F.mjs';
+import { b as TransitionInput, G as GestureLayerTransitions } from './types-C5Zbs9MC.mjs';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the