@rootnative/inertia 0.0.8 → 0.0.10

package/dist/{chunk-WNVHPMBI.js → chunk-N33GSDNQ.js}

@@ -3,7 +3,48 @@
 var reactNativeWorklets = require('react-native-worklets');
 var reactNativeReanimated = require('react-native-reanimated');
 
-// src/transitions/easing.ts
+// src/transitions/sig.ts
+function stableSig(value) {
+  if (value === void 0) return "";
+  try {
+    return stableStringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function stableStringify(v) {
+  if (v === null || typeof v !== "object") {
+    if (typeof v === "function" || v === void 0) return "null";
+    return JSON.stringify(v);
+  }
+  if (Array.isArray(v)) {
+    return "[" + v.map(stableStringify).join(",") + "]";
+  }
+  const obj = v;
+  const keys = Object.keys(obj).sort();
+  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
+}
+
+// src/transitions/keys.ts
+var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "type",
+  "tension",
+  "friction",
+  "mass",
+  "velocity",
+  "duration",
+  "easing",
+  "delay",
+  "repeat",
+  "deceleration",
+  "clamp"
+]);
+function isTopLevelTransition(t) {
+  if (t === null || typeof t !== "object") return false;
+  const keys = Object.keys(t);
+  if (keys.length === 0) return false;
+  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
+}
 
 // src/internal/warnOnce.ts
 var warned = /* @__PURE__ */ new Set();
@@ -24,7 +65,7 @@ function warnNonWorkletOnce(key, message) {
 // src/transitions/easing.ts
 function ensureWorkletEasing(easing) {
   if (!easing) return void 0;
-  const fn = isEasingFactory(easing) ? easing.factory() : easing;
+  const fn = unwrapEasingFactory(easing);
   if (reactNativeWorklets.isWorkletFunction(fn)) return fn;
   warnNonWorkletOnce(
     "timing-easing",
@@ -36,10 +77,18 @@ function ensureWorkletEasing(easing) {
   };
   return wrapped;
 }
-function isEasingFactory(value) {
-  return typeof value === "object" && value !== null && "factory" in value && typeof value.factory === "function";
+function unwrapEasingFactory(easing) {
+  "worklet";
+  if (typeof easing === "object" && easing !== null && "factory" in easing && typeof easing.factory === "function") {
+    return easing.factory();
+  }
+  return easing;
 }
 
+// src/transitions/constants.ts
+var DEFAULT_TIMING_DURATION = 250;
+var DEFAULT_LAYOUT_DURATION = 300;
+
 // src/transitions/spring.ts
 var DEFAULT_SPRING = {
   tension: 170,
@@ -52,14 +101,11 @@ function springToReanimated(t) {
     stiffness: t.tension ?? DEFAULT_SPRING.tension,
     damping: t.friction ?? DEFAULT_SPRING.friction,
     mass: t.mass ?? DEFAULT_SPRING.mass,
-    velocity: t.velocity,
-    restSpeedThreshold: t.restSpeedThreshold,
-    restDisplacementThreshold: t.restDisplacementThreshold
+    velocity: t.velocity
   };
 }
 
 // src/transitions/resolve.ts
-var DEFAULT_TIMING_DURATION = 250;
 function buildSpring(cfg, toValue, cb) {
   return reactNativeReanimated.withSpring(toValue, springToReanimated(cfg), cb);
 }
@@ -92,17 +138,54 @@ function buildOne(cfg, toValue, cb) {
   if (cfg.type === "timing") return buildTiming(cfg, toValue, cb);
   return buildSpring(cfg, toValue, cb);
 }
-function applyRepeat(animation, repeat) {
-  if (repeat === void 0) return animation;
+function normalizeRepeat(repeat) {
+  if (repeat === void 0) return void 0;
   if (repeat === "infinite") {
-    return reactNativeReanimated.withRepeat(animation, -1, true);
+    return {
+      count: Number.POSITIVE_INFINITY,
+      alternate: true,
+      explicitAlternate: false
+    };
+  }
+  const rawCount = typeof repeat === "number" ? repeat : repeat.count;
+  const alternate = typeof repeat === "number" ? true : repeat.alternate;
+  if (rawCount === "infinite") {
+    return {
+      count: Number.POSITIVE_INFINITY,
+      alternate: alternate ?? true,
+      explicitAlternate: alternate !== void 0
+    };
+  }
+  if (!(rawCount >= 1)) {
+    warnOnce(
+      `repeat-count:${String(rawCount)}`,
+      `[inertia] repeat count ${String(rawCount)} is below 1 \u2014 the animation runs once. Use \`repeat: 2\` or more to repeat, or \`repeat: 'infinite'\`. (Reanimated reads a count of 0 as endless, so it is not forwarded.)`
+    );
+    return void 0;
   }
-  if (typeof repeat === "number") {
-    return reactNativeReanimated.withRepeat(animation, repeat, true);
+  return {
+    count: rawCount,
+    alternate: alternate ?? true,
+    explicitAlternate: alternate !== void 0
+  };
+}
+function repeatIterationsOf(repeat) {
+  return normalizeRepeat(repeat)?.count ?? 1;
+}
+function applyRepeat(animation, repeat, options) {
+  const r = normalizeRepeat(repeat);
+  if (r === void 0) return animation;
+  const count = Number.isFinite(r.count) ? r.count : -1;
+  if (options?.sequence) {
+    if (r.explicitAlternate && r.alternate) {
+      warnOnce(
+        "repeat-sequence-alternate",
+        "[inertia] repeat.alternate has no effect on a sequence \u2014 Reanimated restarts a sequence at its first step on every pass. Append the reverse steps to the sequence to alternate."
+      );
+    }
+    return reactNativeReanimated.withRepeat(animation, count, false);
   }
-  const count = repeat.count === "infinite" ? -1 : repeat.count;
-  const alternate = repeat.alternate ?? true;
-  return reactNativeReanimated.withRepeat(animation, count, alternate);
+  return reactNativeReanimated.withRepeat(animation, count, r.alternate);
 }
 function applyDelay(animation, delay) {
   if (!delay || delay <= 0) return animation;
@@ -141,7 +224,9 @@ function resolveAnimatableValue(value, base, factory) {
       (step2, i) => resolveStep(step2, stepBase, factory?.("step", i))
     );
     const seq = reactNativeReanimated.withSequence(...animations);
-    return applyRepeat(seq, base ? repeatOf(base) : void 0);
+    return applyRepeat(seq, base ? repeatOf(base) : void 0, {
+      sequence: true
+    });
   }
   const step = value;
   const cb = factory?.("animation", void 0);
@@ -211,7 +296,6 @@ function bezier(x1, y1, x2, y2, source) {
   }
   return reactNativeReanimated.Easing.bezier(x1, y1, x2, y2);
 }
-var DEFAULT_TIMING_DURATION2 = 250;
 function buildReleaseAnimation(transition, toValue, callback) {
   "worklet";
   if (transition.type === "no-animation") {
@@ -228,11 +312,11 @@ function buildReleaseAnimation(transition, toValue, callback) {
   }
   if (transition.type === "timing") {
     const e = transition.easing;
-    const easingFn = e && typeof e === "object" && "factory" in e ? e.factory() : e ?? reactNativeReanimated.Easing.inOut(reactNativeReanimated.Easing.ease);
+    const easingFn = e ? unwrapEasingFactory(e) : reactNativeReanimated.Easing.inOut(reactNativeReanimated.Easing.ease);
     return reactNativeReanimated.withTiming(
       toValue,
       {
-        duration: transition.duration ?? DEFAULT_TIMING_DURATION2,
+        duration: transition.duration ?? DEFAULT_TIMING_DURATION,
         easing: easingFn
       },
       callback
@@ -241,57 +325,14 @@ function buildReleaseAnimation(transition, toValue, callback) {
   return reactNativeReanimated.withSpring(toValue, springToReanimated(transition), callback);
 }
 
-// src/transitions/keys.ts
-var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
-  "type",
-  "tension",
-  "friction",
-  "mass",
-  "velocity",
-  "restSpeedThreshold",
-  "restDisplacementThreshold",
-  "duration",
-  "easing",
-  "delay",
-  "repeat",
-  "deceleration",
-  "clamp"
-]);
-function isTopLevelTransition(t) {
-  if (t === null || typeof t !== "object") return false;
-  const keys = Object.keys(t);
-  if (keys.length === 0) return false;
-  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
-}
-
-// src/transitions/sig.ts
-function stableSig(value) {
-  if (value === void 0) return "";
-  try {
-    return stableStringify(value);
-  } catch {
-    return String(value);
-  }
-}
-function stableStringify(v) {
-  if (v === null || typeof v !== "object") {
-    if (typeof v === "function" || v === void 0) return "null";
-    return JSON.stringify(v);
-  }
-  if (Array.isArray(v)) {
-    return "[" + v.map(stableStringify).join(",") + "]";
-  }
-  const obj = v;
-  const keys = Object.keys(obj).sort();
-  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
-}
-
+exports.DEFAULT_LAYOUT_DURATION = DEFAULT_LAYOUT_DURATION;
 exports.DEFAULT_SPRING = DEFAULT_SPRING;
 exports.applyDelay = applyDelay;
 exports.buildReleaseAnimation = buildReleaseAnimation;
 exports.cubicBezier = cubicBezier;
 exports.ensureWorkletEasing = ensureWorkletEasing;
 exports.isTopLevelTransition = isTopLevelTransition;
+exports.repeatIterationsOf = repeatIterationsOf;
 exports.resolveAnimatableValue = resolveAnimatableValue;
 exports.resolveTransition = resolveTransition;
 exports.springToReanimated = springToReanimated;

package/dist/chunk-OH46TGEA.mjs

@@ -0,0 +1,20 @@
+import { useAnimatedStyle } from 'react-native-reanimated';
+
+// src/touch/applyBounds.ts
+function applyBounds(value, min, max, elastic) {
+  "worklet";
+  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;
+}
+function useTranslateStyle(x, y) {
+  return useAnimatedStyle(() => ({
+    transform: [{ translateX: x.value }, { translateY: y.value }]
+  }));
+}
+
+export { applyBounds, useTranslateStyle };

package/dist/{chunk-QNLSCOR5.mjs → chunk-OLOSU2BD.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-IX6SEOSK.mjs';
+import { createMotionComponent } from './chunk-JENYDTXH.mjs';
 import { Text } from 'react-native';
 
 var MotionText = createMotionComponent(Text);

package/dist/chunk-PLKXCJIB.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
+var reactNative = require('react-native');
+
+var MotionView = chunk2UGWAB6N_js.createMotionComponent(reactNative.View);
+
+exports.MotionView = MotionView;

package/dist/{chunk-GSUC4HWP.mjs → chunk-QXKPIENP.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-IX6SEOSK.mjs';
+import { createMotionComponent } from './chunk-JENYDTXH.mjs';
 import { View } from 'react-native';
 
 var MotionView = createMotionComponent(View);

package/dist/chunk-UBHQJFUW.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
+var reactNative = require('react-native');
+
+var MotionText = chunk2UGWAB6N_js.createMotionComponent(reactNative.Text);
+
+exports.MotionText = MotionText;

package/dist/{chunk-6NOCY764.js → chunk-VKXSL3ZL.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkE3ALFSH2_js = require('./chunk-E3ALFSH2.js');
+var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
 var reactNative = require('react-native');
 
-var MotionPressable = chunkE3ALFSH2_js.createMotionComponent(reactNative.Pressable);
+var MotionPressable = chunk2UGWAB6N_js.createMotionComponent(reactNative.Pressable);
 
 exports.MotionPressable = MotionPressable;

package/dist/chunk-XKNEQDAT.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
+var reactNative = require('react-native');
+
+var MotionImage = chunk2UGWAB6N_js.createMotionComponent(reactNative.Image);
+
+exports.MotionImage = MotionImage;

package/dist/{chunk-EN4PN7X3.mjs → chunk-Z23AMUSW.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-IX6SEOSK.mjs';
+import { createMotionComponent } from './chunk-JENYDTXH.mjs';
 import Animated from 'react-native-reanimated';
 
 var MotionFlatList = createMotionComponent(

package/dist/gestureLayer/index.d.mts

@@ -1,6 +1,6 @@
 import { SharedValue, AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-CnZQnYHH.mjs';
-import { b as TransitionInput, G as GestureLayerTransitions } from '../types-DyJpG64F.mjs';
+import { U as UseGestureHandlers } from '../useGesture-DjszaHWz.mjs';
+import { b as TransitionInput, G as GestureLayerTransitions } from '../types-08mG8fNk.mjs';
 import 'react';
 import 'react-native';
 
@@ -157,4 +157,4 @@ interface UseGestureLayerResult {
  */
 declare function useGestureLayer(states: GestureLayerStates, options?: UseGestureLayerOptions): UseGestureLayerResult;
 
-export { type GestureLayerProgress, type GestureLayerStates, type GestureLayerStyle, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };
+export { type GestureLayerProgress, type GestureLayerStates, type GestureLayerStyle, GestureLayerTransitions, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };

package/dist/gestureLayer/index.d.ts

@@ -1,6 +1,6 @@
 import { SharedValue, AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-DbH46EBp.js';
-import { b as TransitionInput, G as GestureLayerTransitions } from '../types-DyJpG64F.js';
+import { U as UseGestureHandlers } from '../useGesture-D1lHeQQ6.js';
+import { b as TransitionInput, G as GestureLayerTransitions } from '../types-08mG8fNk.js';
 import 'react';
 import 'react-native';
 
@@ -157,4 +157,4 @@ interface UseGestureLayerResult {
  */
 declare function useGestureLayer(states: GestureLayerStates, options?: UseGestureLayerOptions): UseGestureLayerResult;
 
-export { type GestureLayerProgress, type GestureLayerStates, type GestureLayerStyle, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };
+export { type GestureLayerProgress, type GestureLayerStates, type GestureLayerStyle, GestureLayerTransitions, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };

package/dist/gestureLayer/index.js

@@ -1,26 +1,27 @@
 'use strict';
 
-var chunkMUT6BTZS_js = require('../chunk-MUT6BTZS.js');
-var chunk6AN5X3YE_js = require('../chunk-6AN5X3YE.js');
-var chunkWNVHPMBI_js = require('../chunk-WNVHPMBI.js');
+var chunk4EZ5DBL3_js = require('../chunk-4EZ5DBL3.js');
+var chunkKXU6VH2Y_js = require('../chunk-KXU6VH2Y.js');
+var chunkN33GSDNQ_js = require('../chunk-N33GSDNQ.js');
 var react = require('react');
 var reactNativeReanimated = require('react-native-reanimated');
 
 function useGestureLayer(states, options = {}) {
   const { disabled: isDisabled = false, transition: transitionInput } = options;
-  const shouldReduceMotion = chunk6AN5X3YE_js.useShouldReduceMotion();
-  const transition = chunk6AN5X3YE_js.resolveNamedTransitionProp(
+  const shouldReduceMotion = chunkKXU6VH2Y_js.useShouldReduceMotion();
+  const transition = chunkKXU6VH2Y_js.resolveNamedTransitionProp(
     transitionInput,
-    chunk6AN5X3YE_js.useNamedTransitions()
+    chunkKXU6VH2Y_js.useNamedTransitions()
   );
-  const gesture = chunkMUT6BTZS_js.useGesture(transition);
+  const gesture = chunk4EZ5DBL3_js.useGesture(transition);
   const disabledProgress = reactNativeReanimated.useSharedValue(0);
-  const transitionSig = chunkWNVHPMBI_js.stableSig(transition);
+  const transitionSig = chunkN33GSDNQ_js.stableSig(transition);
   react.useEffect(() => {
     const target = isDisabled ? 1 : 0;
     const cfg = shouldReduceMotion ? { type: "no-animation" } : disabledTransition(transition) ?? { type: "spring" };
-    disabledProgress.value = chunkWNVHPMBI_js.resolveTransition(cfg, target);
+    disabledProgress.value = chunkN33GSDNQ_js.resolveTransition(cfg, target);
   }, [isDisabled, shouldReduceMotion, transitionSig, disabledProgress]);
+  const statesSig = chunkN33GSDNQ_js.stableSig(states);
   const meta = react.useMemo(() => {
     const layers = {
       rest: states.rest,
@@ -60,14 +61,7 @@ function useGestureLayer(states, options = {}) {
       restValues[k] = restRaw !== void 0 ? restRaw : isColor ? "transparent" : 0;
     }
     return { layers, keys, types, restValues };
-  }, [
-    states.rest,
-    states.hovered,
-    states.focused,
-    states.focusVisible,
-    states.pressed,
-    states.disabled
-  ]);
+  }, [statesSig]);
   const style = reactNativeReanimated.useAnimatedStyle(() => {
     const { layers, keys, types, restValues } = meta;
     const ph = gesture.hovered.value;
@@ -154,7 +148,7 @@ function useGestureLayer(states, options = {}) {
 }
 function disabledTransition(transition) {
   if (!transition) return void 0;
-  if (chunkWNVHPMBI_js.isTopLevelTransition(transition)) return transition;
+  if (chunkN33GSDNQ_js.isTopLevelTransition(transition)) return transition;
   return void 0;
 }
 

package/dist/gestureLayer/index.mjs

@@ -1,6 +1,6 @@
-import { useGesture } from '../chunk-L4JFECXU.mjs';
-import { useShouldReduceMotion, resolveNamedTransitionProp, useNamedTransitions } from '../chunk-MFAFB4K7.mjs';
-import { stableSig, resolveTransition, isTopLevelTransition } from '../chunk-W7NTRSPD.mjs';
+import { useGesture } from '../chunk-F4HMCXAX.mjs';
+import { useShouldReduceMotion, resolveNamedTransitionProp, useNamedTransitions } from '../chunk-6FCATUMY.mjs';
+import { stableSig, resolveTransition, isTopLevelTransition } from '../chunk-HEAWMZEM.mjs';
 import { useEffect, useMemo } from 'react';
 import { useSharedValue, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
 
@@ -19,6 +19,7 @@ function useGestureLayer(states, options = {}) {
     const cfg = shouldReduceMotion ? { type: "no-animation" } : disabledTransition(transition) ?? { type: "spring" };
     disabledProgress.value = resolveTransition(cfg, target);
   }, [isDisabled, shouldReduceMotion, transitionSig, disabledProgress]);
+  const statesSig = stableSig(states);
   const meta = useMemo(() => {
     const layers = {
       rest: states.rest,
@@ -58,14 +59,7 @@ function useGestureLayer(states, options = {}) {
       restValues[k] = restRaw !== void 0 ? restRaw : isColor ? "transparent" : 0;
     }
     return { layers, keys, types, restValues };
-  }, [
-    states.rest,
-    states.hovered,
-    states.focused,
-    states.focusVisible,
-    states.pressed,
-    states.disabled
-  ]);
+  }, [statesSig]);
   const style = useAnimatedStyle(() => {
     const { layers, keys, types, restValues } = meta;
     const ph = gesture.hovered.value;