@rootnative/inertia 0.0.9 → 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;

package/dist/index.d.mts

@@ -2,11 +2,12 @@ import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { TextStyle, ImageStyle, ViewStyle, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-import { M as MotionComponent, V as VariantsMap, a as MotionProps, N as NamedTransitions, b as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, c as TransitionName, d as VariantController } from './types-DyJpG64F.mjs';
-export { e as AnimateStyle, f as AnimationCallbackInfo, B as BoxShadowInput, D as DecayTransition, g as EasingFunction, h as EasingFunctionFactory, i as GestureSubStates, j as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, k as RepeatConfig, l as SequenceStep, m as TimingTransition, n as Transition } from './types-DyJpG64F.mjs';
+import { M as MotionComponent, V as VariantsMap, a as MotionProps, N as NamedTransitions, b as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, c as TransitionName, d as VariantController } from './types-08mG8fNk.mjs';
+export { e as AnimateStyle, f as AnimationCallbackInfo, B as BoxShadowInput, D as DecayTransition, g as EasingFunction, h as EasingFunctionFactory, G as GestureLayerTransitions, i as GestureSubStates, j as MotionComponentProps, k as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, l as RepeatConfig, m as SequenceStep, n as TimingTransition, o as Transition } from './types-08mG8fNk.mjs';
+export { a as applyBounds } from './applyBounds-BYGiHrYO.mjs';
 import { SharedValue, useAnimatedStyle } from 'react-native-reanimated';
 export { SharedValue } from 'react-native-reanimated';
-export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-CnZQnYHH.mjs';
+export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-DjszaHWz.mjs';
 export { MotionFlatList } from './motion/FlatList.mjs';
 export { MotionImage } from './motion/Image.mjs';
 export { MotionPressable } from './motion/Pressable.mjs';
@@ -341,6 +342,8 @@ declare function cubicBezier(css: string): EasingInput;
  */
 declare function ensureWorkletEasing(easing: EasingInput | undefined): ((t: number) => number) | undefined;
 
+declare function isTopLevelTransition(t: unknown): t is TransitionConfig;
+
 /**
  * Worklet-safe single-step animation builder. Mirrors a subset of
  * `resolveTransition` for the UI-thread path where the transition config is
@@ -367,6 +370,15 @@ declare function ensureWorkletEasing(easing: EasingInput | undefined): ((t: numb
  */
 declare function buildReleaseAnimation(transition: TransitionConfig, toValue: number, callback?: AnimationCallback): unknown;
 
+/**
+ * Stable string signature for an arbitrary value — used as a dep-array
+ * member so a fresh object literal each render doesn't re-fire an effect
+ * unless something structurally changed. Functions serialize as `null`
+ * (their identity isn't useful in a sig); `undefined` collapses to an empty
+ * string so omitted props compare equal across renders.
+ */
+declare function stableSig(value: unknown): string;
+
 /**
  * The one colour spelling Reanimated's animation drivers cannot accept.
  *
@@ -624,47 +636,6 @@ declare function useColorCascade(rest: string, layers: readonly ColorCascadeLaye
  * - `'extend'` — continue the linear slope beyond the range.
  */
 type ExtrapolationMode = 'clamp' | 'identity' | 'extend';
-interface UseTransformOptions {
-    extrapolateLeft?: ExtrapolationMode;
-    extrapolateRight?: ExtrapolationMode;
-}
-/**
- * Derive a value from one or more shared values via a transformer worklet.
- *
- * ```ts
- * const x = useMotionValue(0)
- * const y = useMotionValue(0)
- * const distance = useTransform(() => Math.sqrt(x.value ** 2 + y.value ** 2))
- * ```
- *
- * The transformer MUST be a worklet — put the `'worklet'` directive as its
- * first statement so the consumer's Babel plugin captures the shared values
- * it reads as its closure. It runs on the UI thread on every frame where
- * any read shared value changes.
- *
- * A plain function cannot work here, and the hook warns in dev when it gets
- * one: the best-effort wrapper it falls back to closes over the opaque
- * function reference, not the shared values read inside it, so Reanimated
- * can't track them as dependencies — the derived value only refreshes on
- * React re-renders, and native builds reject the plain function when the
- * closure crosses to the UI thread.
- */
-declare function useTransform<T>(transformer: () => T): SharedValue<T>;
-/**
- * Interpolate a numeric shared value onto a range of numbers or colors.
- *
- * ```ts
- * const scroll = useMotionValue(0)
- * const headerOpacity = useTransform(scroll, [0, 100], [1, 0])
- * const headerColor  = useTransform(scroll, [0, 100], ['#fff', '#000'])
- * ```
- *
- * When `outputRange` is numeric, this maps to Reanimated's `interpolate`;
- * when it's a tuple of color strings, it maps to `interpolateColor`. The
- * input range must be monotonically increasing.
- */
-declare function useTransform(value: SharedValue<number>, inputRange: readonly number[], outputRange: readonly number[], options?: UseTransformOptions): SharedValue<number>;
-declare function useTransform(value: SharedValue<number>, inputRange: readonly number[], outputRange: readonly string[], options?: UseTransformOptions): SharedValue<string>;
 
 /**
  * Numeric style keys `useInterpolatedStyle` can emit directly (not lifted into
@@ -813,9 +784,57 @@ declare function useMotionValue<T extends number | string>(initial: T): SharedVa
  * must resolve to a spring config — a name registered as timing / decay /
  * no-animation warns in dev and falls back to the default spring (reach for
  * `useAnimation` when the named transition's type should be honored).
+ *
+ * Reduced motion (via `<MotionConfig reducedMotion>`) is honoured: the output
+ * is assigned the target directly, with no spring, on both paths.
  */
 declare function useSpring(target: number | SharedValue<number>, config?: SpringTransition | TransitionName): SharedValue<number>;
 
+interface UseTransformOptions {
+    extrapolateLeft?: ExtrapolationMode;
+    extrapolateRight?: ExtrapolationMode;
+}
+/**
+ * Derive a value from one or more shared values via a transformer worklet.
+ *
+ * ```ts
+ * const x = useMotionValue(0)
+ * const y = useMotionValue(0)
+ * const distance = useTransform(() => {
+ *   'worklet'
+ *   return Math.sqrt(x.value ** 2 + y.value ** 2)
+ * })
+ * ```
+ *
+ * The transformer MUST be a worklet — put the `'worklet'` directive as its
+ * first statement so the consumer's Babel plugin captures the shared values
+ * it reads as its closure. It runs on the UI thread on every frame where
+ * any read shared value changes.
+ *
+ * A plain function cannot work here, and the hook warns in dev when it gets
+ * one: the best-effort wrapper it falls back to closes over the opaque
+ * function reference, not the shared values read inside it, so Reanimated
+ * can't track them as dependencies — the derived value only refreshes on
+ * React re-renders, and native builds reject the plain function when the
+ * closure crosses to the UI thread.
+ */
+declare function useTransform<T>(transformer: () => T): SharedValue<T>;
+/**
+ * Interpolate a numeric shared value onto a range of numbers or colors.
+ *
+ * ```ts
+ * const scroll = useMotionValue(0)
+ * const headerOpacity = useTransform(scroll, [0, 100], [1, 0])
+ * const headerColor  = useTransform(scroll, [0, 100], ['#fff', '#000'])
+ * ```
+ *
+ * When `outputRange` is numeric, this maps to Reanimated's `interpolate`;
+ * when it's a tuple of color strings, it maps to `interpolateColor`. The
+ * input range must be monotonically increasing.
+ */
+declare function useTransform(value: SharedValue<number>, inputRange: readonly number[], outputRange: readonly number[], options?: UseTransformOptions): SharedValue<number>;
+declare function useTransform(value: SharedValue<number>, inputRange: readonly number[], outputRange: readonly string[], options?: UseTransformOptions): SharedValue<string>;
+
 interface UseScrollResult {
     /** Horizontal scroll offset in points. */
     scrollX: SharedValue<number>;
@@ -979,6 +998,29 @@ interface UseShadowOptions {
  */
 declare function useShadow({ from, to, progress, }: UseShadowOptions): ReturnType<typeof useAnimatedStyle>;
 
+/**
+ * Animated style that translates by two shared values:
+ * `transform: [{ translateX: x }, { translateY: y }]`.
+ *
+ * This is the style fragment every drag-style hook returns (`useTouchDrag`,
+ * and `useDrag` / `usePan` / `useSwipe` in `@rootnative/inertia-gestures`).
+ * Use it directly when a custom gesture owns its own translation values.
+ *
+ * The style owns the whole `transform` key. Do not stack a second transform
+ * style beside it — `transform` is one key in React Native, so the later
+ * style replaces this one instead of merging. Nest another animated view, or
+ * build one style from `x` / `y` with `useInterpolatedStyle`, to add a
+ * transform.
+ *
+ * ```tsx
+ * const x = useMotionValue(0)
+ * const y = useMotionValue(0)
+ * const style = useTranslateStyle(x, y)
+ * return <Motion.View style={style} />
+ * ```
+ */
+declare function useTranslateStyle(x: SharedValue<number>, y: SharedValue<number>): ReturnType<typeof useAnimatedStyle>;
+
 /**
  * Build a controller for a variants map. The controller is the imperative
  * escape hatch — pass it to a Motion primitive via `controller={...}` and
@@ -992,4 +1034,4 @@ declare function useShadow({ from, to, progress, }: UseShadowOptions): ReturnTyp
  */
 declare function useVariants<V extends Readonly<Record<string, object>>>(variants: V, initial?: keyof V & string): VariantController<keyof V & string>;
 
-export { AnimatableValue, type AnimationCallback, type Animator, type BoxShadowLayer, type ColorCascadeLayer, type ColorStyleKey, EasingInput, type ExtrapolationMode, type InterpolatedStyle, type InterpolatedStyleMap, Motion, MotionComponent, MotionConfig, type MotionConfigProps, type MotionConfigValue, MotionProps, NamedTransitions, type NumericStyleKey, Presence, type PresenceContextValue, type ReducedMotion, type ShadowConfig, SpringTransition, Stagger, type StaggerProps, TRANSPARENT, type TransformKey, TransitionConfig, TransitionInput, TransitionName, type UseColorCascadeOptions, type UseColorTransitionOptions, type UseInterpolatedStyleOptions, type UseScrollResult, type UseShadowOptions, type UseTransformOptions, VariantController, VariantsMap, applyDelay, buildReleaseAnimation, createMotionComponent, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveNamedTransition, resolveTransition, useAnimation, useAnimator, useBooleanSpring, useColorCascade, useColorTransition, useInterpolatedStyle, useMotionConfig, useMotionValue, useNamedTransitions, usePresence, useScroll, useShadow, useShouldReduceMotion, useSpring, useStaggerDelay, useTransform, useVariants };
+export { AnimatableValue, type AnimationCallback, type Animator, type BoxShadowLayer, type CallbackFactory, type ColorCascadeLayer, type ColorStyleKey, EasingInput, type ExtrapolationMode, type InterpolatedStyle, type InterpolatedStyleMap, Motion, MotionComponent, MotionConfig, type MotionConfigProps, type MotionConfigValue, MotionProps, NamedTransitions, type NumericStyleKey, Presence, type PresenceContextValue, type ReducedMotion, type ShadowConfig, SpringTransition, Stagger, type StaggerProps, TRANSPARENT, type TransformKey, TransitionConfig, TransitionInput, TransitionName, type UseColorCascadeOptions, type UseColorTransitionOptions, type UseInterpolatedStyleOptions, type UseScrollResult, type UseShadowOptions, type UseTransformOptions, VariantController, VariantsMap, applyDelay, buildReleaseAnimation, createMotionComponent, cubicBezier, ensureWorkletEasing, isTopLevelTransition, resolveAnimatableValue, resolveNamedTransition, resolveTransition, stableSig, useAnimation, useAnimator, useBooleanSpring, useColorCascade, useColorTransition, useInterpolatedStyle, useMotionConfig, useMotionValue, useNamedTransitions, usePresence, useScroll, useShadow, useShouldReduceMotion, useSpring, useStaggerDelay, useTransform, useTranslateStyle, useVariants };