@rootnative/inertia 0.0.8 → 0.0.10

package/dist/motion/FlatList.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkIHVMNOS4_js = require('../chunk-IHVMNOS4.js');
-require('../chunk-E3ALFSH2.js');
-require('../chunk-6AN5X3YE.js');
-require('../chunk-WNVHPMBI.js');
+var chunk46766TBM_js = require('../chunk-46766TBM.js');
+require('../chunk-2UGWAB6N.js');
+require('../chunk-KXU6VH2Y.js');
+require('../chunk-N33GSDNQ.js');
 
 
 
 Object.defineProperty(exports, "MotionFlatList", {
   enumerable: true,
-  get: function () { return chunkIHVMNOS4_js.MotionFlatList; }
+  get: function () { return chunk46766TBM_js.MotionFlatList; }
 });

package/dist/motion/FlatList.mjs

@@ -1,4 +1,4 @@
-export { MotionFlatList } from '../chunk-EN4PN7X3.mjs';
-import '../chunk-IX6SEOSK.mjs';
-import '../chunk-MFAFB4K7.mjs';
-import '../chunk-W7NTRSPD.mjs';
+export { MotionFlatList } from '../chunk-Z23AMUSW.mjs';
+import '../chunk-JENYDTXH.mjs';
+import '../chunk-6FCATUMY.mjs';
+import '../chunk-HEAWMZEM.mjs';

package/dist/motion/Image.d.mts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-08mG8fNk.mjs';
 import 'react';
 
 /**

package/dist/motion/Image.d.ts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-08mG8fNk.js';
 import 'react';
 
 /**

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 chunkXKNEQDAT_js = require('../chunk-XKNEQDAT.js');
+require('../chunk-2UGWAB6N.js');
+require('../chunk-KXU6VH2Y.js');
+require('../chunk-N33GSDNQ.js');
 
 
 
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkZ5USXWTE_js.MotionImage; }
+  get: function () { return chunkXKNEQDAT_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-7BH3CAO5.mjs';
+import '../chunk-JENYDTXH.mjs';
+import '../chunk-6FCATUMY.mjs';
+import '../chunk-HEAWMZEM.mjs';

package/dist/motion/Pressable.d.mts

@@ -1,6 +1,6 @@
 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-08mG8fNk.mjs';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.d.ts

@@ -1,6 +1,6 @@
 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-08mG8fNk.js';
 
 /**
  * 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 chunkVKXSL3ZL_js = require('../chunk-VKXSL3ZL.js');
+require('../chunk-2UGWAB6N.js');
+require('../chunk-KXU6VH2Y.js');
+require('../chunk-N33GSDNQ.js');
 
 
 
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunk6NOCY764_js.MotionPressable; }
+  get: function () { return chunkVKXSL3ZL_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-CUHOCONB.mjs';
+import '../chunk-JENYDTXH.mjs';
+import '../chunk-6FCATUMY.mjs';
+import '../chunk-HEAWMZEM.mjs';

package/dist/motion/ScrollView.d.mts

@@ -1,5 +1,5 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-08mG8fNk.mjs';
 import 'react';
 
 /**

package/dist/motion/ScrollView.d.ts

@@ -1,5 +1,5 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-08mG8fNk.js';
 import 'react';
 
 /**

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 chunk3ZNHPT5Z_js = require('../chunk-3ZNHPT5Z.js');
+require('../chunk-2UGWAB6N.js');
+require('../chunk-KXU6VH2Y.js');
+require('../chunk-N33GSDNQ.js');
 
 
 
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkZBHQPVWE_js.MotionScrollView; }
+  get: function () { return chunk3ZNHPT5Z_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-DRA2K53O.mjs';
+import '../chunk-JENYDTXH.mjs';
+import '../chunk-6FCATUMY.mjs';
+import '../chunk-HEAWMZEM.mjs';

package/dist/motion/Text.d.mts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-08mG8fNk.mjs';
 import 'react';
 
 /**

package/dist/motion/Text.d.ts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-08mG8fNk.js';
 import 'react';
 
 /**

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 chunkUBHQJFUW_js = require('../chunk-UBHQJFUW.js');
+require('../chunk-2UGWAB6N.js');
+require('../chunk-KXU6VH2Y.js');
+require('../chunk-N33GSDNQ.js');
 
 
 
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunk4XBX7KOD_js.MotionText; }
+  get: function () { return chunkUBHQJFUW_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-OLOSU2BD.mjs';
+import '../chunk-JENYDTXH.mjs';
+import '../chunk-6FCATUMY.mjs';
+import '../chunk-HEAWMZEM.mjs';

package/dist/motion/View.d.mts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.mjs';
+import { M as MotionComponent } from '../types-08mG8fNk.mjs';
 import 'react';
 
 /**

package/dist/motion/View.d.ts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-DyJpG64F.js';
+import { M as MotionComponent } from '../types-08mG8fNk.js';
 import 'react';
 
 /**

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 chunkPLKXCJIB_js = require('../chunk-PLKXCJIB.js');
+require('../chunk-2UGWAB6N.js');
+require('../chunk-KXU6VH2Y.js');
+require('../chunk-N33GSDNQ.js');
 
 
 
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunk24NUL23E_js.MotionView; }
+  get: function () { return chunkPLKXCJIB_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-QXKPIENP.mjs';
+import '../chunk-JENYDTXH.mjs';
+import '../chunk-6FCATUMY.mjs';
+import '../chunk-HEAWMZEM.mjs';

package/dist/touch/index.d.mts

@@ -1,6 +1,7 @@
+export { a as applyBounds } from '../applyBounds-BYGiHrYO.mjs';
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-DyJpG64F.mjs';
+import { T as TransitionConfig } from '../types-08mG8fNk.mjs';
 import 'react';
 
 /**

package/dist/touch/index.d.ts

@@ -1,6 +1,7 @@
+export { a as applyBounds } from '../applyBounds-BYGiHrYO.js';
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-DyJpG64F.js';
+import { T as TransitionConfig } from '../types-08mG8fNk.js';
 import 'react';
 
 /**

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 chunkN33GSDNQ_js = require('../chunk-N33GSDNQ.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 = chunkN33GSDNQ_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 = chunkN33GSDNQ_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-HEAWMZEM.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-08mG8fNk.d.mts}

@@ -24,8 +24,6 @@ interface SpringTransition {
     friction?: number;
     mass?: number;
     velocity?: number;
-    restSpeedThreshold?: number;
-    restDisplacementThreshold?: number;
     delay?: number;
     repeat?: RepeatConfig;
 }
@@ -107,6 +105,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';
@@ -456,4 +463,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-08mG8fNk.d.ts}

@@ -24,8 +24,6 @@ interface SpringTransition {
     friction?: number;
     mass?: number;
     velocity?: number;
-    restSpeedThreshold?: number;
-    restDisplacementThreshold?: number;
     delay?: number;
     repeat?: RepeatConfig;
 }
@@ -107,6 +105,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';
@@ -456,4 +463,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-D1lHeQQ6.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-08mG8fNk.js';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/dist/{useGesture-CnZQnYHH.d.mts → useGesture-DjszaHWz.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-08mG8fNk.mjs';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/llms.txt

@@ -80,7 +80,7 @@ import { MotionFlatList } from '@rootnative/inertia/flat-list'
 - `useShadow({ from, to, progress })` — pure value-layer interpolator between two `ShadowConfig`s (`shadowOpacity` / `shadowRadius` / `shadowOffset` / `elevation` / `shadowColor`, plus `boxShadow` as a CSS string or `BoxShadowLayer[]` — the shadow surface on web and RN 0.76+ new-arch; multi-layer, CSS-transition padding semantics, malformed strings throw at setup) driven by a `SharedValue<number>` (0→1). Returns an animated style fragment to spread onto `style`; only emits keys present on either side, absent sides default to natural zero. The hook does not animate on its own — drive `progress` with a spring, a scroll-derived `useTransform`, or any other shared value source.
 - `useColorTransition(progress, [from, to], options?)` — pure value-layer interpolator for a single color channel, driven by a `SharedValue<number>` (0→1). Returns an animated style fragment with one color key (default `backgroundColor`; configurable via `options.key` to `color` / `borderColor` / `tintColor` / `shadowColor` / per-side border colors). For raw `SharedValue<string>` output, use `useTransform(progress, [0, 1], [from, to])` instead.
 - `useColorCascade(rest, layers, options?)` — pure value-layer interpolator compositing a **priority-ordered** stack of color layers over a base `rest` color; each `layers` entry is `{ progress: SharedValue<number>, color: string }`, later entries win as their progress rises (equivalent to the nested `focus(error(hover(rest)))` `interpolateColor` chain). `options.key` reuses `ColorStyleKey` (default `backgroundColor`). Returns a spreadable animated style fragment; memoized on a colors+key signature. Color-only by design — cascade a numeric key separately via `useInterpolatedStyle` + `useTransform` max. `useColorTransition` stays the single-layer fast path.
-- `useInterpolatedStyle(progress, map, options?)` — pure value-layer interpolator mapping one `SharedValue<number>` onto **N** style props at once, returned as a spreadable animated style fragment (the multi-key, style-fragment counterpart to `useTransform`'s output-range form). Numeric keys (`opacity` / `height` / `fontSize` / …) route through `interpolate`; transform keys (`translateX` / `scale` / `rotate` / …) lift into a `transform` array in map key-order (`rotate*` emit `'<n>deg'`); color keys (`backgroundColor` / `borderColor` / …) route through `interpolateColor` (a multi-stop `useColorTransition`). Stop types are compile-checked. `options.inputRange` (default `[0,1]` / evenly-spaced) and `options.extrapolate` (default `'clamp'`) apply to every key. Memoized on an order-preserving signature. For function-valued or multi-source composition, drop to `useTransform`'s worklet form or a hand-rolled `useAnimatedStyle`.
+- `useInterpolatedStyle(progress, map, options?)` — pure value-layer interpolator mapping one `SharedValue<number>` onto **N** style props at once, returned as a spreadable animated style fragment (the multi-key, style-fragment counterpart to `useTransform`'s output-range form). Numeric keys (`opacity` / `height` / `fontSize` / …) route through `interpolate`; transform keys (`translateX` / `scale` / `rotate` / …) lift into a `transform` array in map key-order (`rotate*` emit `'<n>deg'`); color keys (`backgroundColor` / `borderColor` / …) route through `interpolateColor` (a multi-stop `useColorTransition`). Stop types are compile-checked. **The return type is derived from the map's own keys (`InterpolatedStyle<K>`), so it narrows to the right style family and needs no cast in a `style` array** — view keys satisfy `StyleProp<ViewStyle>`, text-metric keys (`fontSize` / `lineHeight` / `letterSpacing`) satisfy `StyleProp<TextStyle>`, `tintColor` satisfies `StyleProp<ImageStyle>`, and transform keys collapse into the emitted `transform` array. (Reanimated's `useAnimatedStyle` returns the `DefaultStyle` union, whose `TextStyle` member fails against `ViewStyle` on `cursor` inside a style array.) `options.inputRange` (default `[0,1]` / evenly-spaced) and `options.extrapolate` (default `'clamp'`) apply to every key. Memoized on an order-preserving signature. For function-valued or multi-source composition, drop to `useTransform`'s worklet form or a hand-rolled `useAnimatedStyle`.
 - `useScroll()` — returns `{ scrollX, scrollY, onScroll }` for use with `Motion.ScrollView` or `Motion.FlatList`. Scroll events fire on the UI thread. Set `scrollEventThrottle={16}` on a `Motion.ScrollView`; `Motion.FlatList` defaults it to 1.
 - `createMotionComponent<C>(C)` — wrap any component with the same Motion prop surface, inferring style from `C`.
 - `buildReleaseAnimation(transition, toValue)` — worklet-safe single-step animation builder (spring / timing / decay / no-animation). For assigning Inertia-resolved animations to shared values from inside a gesture worklet. Used internally by `@rootnative/inertia-gestures`'s `useDrag({ onRelease })`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rootnative/inertia",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Declarative animation primitives for React Native, built on react-native-reanimated.",
   "license": "MIT",
   "author": "RootNative",
@@ -125,13 +125,14 @@
     "!**/*.test.*"
   ],
   "peerDependencies": {
+    "@testing-library/react-native": ">=13.0.0",
     "react": ">=19.0.0",
     "react-native": ">=0.81.0",
     "react-native-reanimated": ">=4.0.0",
     "react-native-worklets": ">=0.5.0"
   },
   "peerDependenciesMeta": {
-    "react-native-worklets": {
+    "@testing-library/react-native": {
       "optional": true
     }
   },
@@ -145,6 +146,7 @@
     "react": "19.1.0",
     "react-native": "0.81.5",
     "react-native-reanimated": "~4.1.1",
+    "react-native-worklets": "~0.5.1",
     "react-test-renderer": "19.1.0",
     "size-limit": "^11.1.0",
     "tsup": "^8.3.5",

package/src/config/namedTransitions.ts

@@ -1,3 +1,4 @@
+import { warnOnce } from '../internal/warnOnce'
 import { isTopLevelTransition } from '../transitions/keys'
 import {
   type NamedTransitions,
@@ -6,8 +7,6 @@ import {
   type TransitionInput,
 } from '../types'
 
-declare const __DEV__: boolean
-
 /**
  * Fallback used when a name isn't found in the registry: the library default
  * spring, matching what an omitted transition resolves to everywhere else.
@@ -26,13 +25,12 @@ export function lookupNamedTransition(
 ): TransitionConfig {
   const cfg = registry[name]
   if (cfg) return cfg
-  if (__DEV__) {
-    console.warn(
-      `[inertia] Unknown transition name "${name}" — falling back to the ` +
-        `default spring. Register it on a provider: ` +
-        `<MotionConfig transitions={{ '${name}': { ... } }}>.`,
-    )
-  }
+  warnOnce(
+    `unknown-transition:${name}`,
+    `[inertia] Unknown transition name "${name}" — falling back to the ` +
+      `default spring. Register it on a provider: ` +
+      `<MotionConfig transitions={{ '${name}': { ... } }}>.`,
+  )
   return UNKNOWN_NAME_FALLBACK
 }