@rootnative/inertia 0.0.9 → 0.0.10

package/dist/index.mjs

@@ -1,24 +1,25 @@
-export { useGesture } from './chunk-L4JFECXU.mjs';
-import { MotionView } from './chunk-GSUC4HWP.mjs';
-export { MotionView } from './chunk-GSUC4HWP.mjs';
-import { MotionText } from './chunk-QNLSCOR5.mjs';
-export { MotionText } from './chunk-QNLSCOR5.mjs';
-import { MotionImage } from './chunk-6YIUETBF.mjs';
-export { MotionImage } from './chunk-6YIUETBF.mjs';
-import { MotionPressable } from './chunk-JBK5ZLMH.mjs';
-export { MotionPressable } from './chunk-JBK5ZLMH.mjs';
-import { MotionScrollView } from './chunk-M4766VUV.mjs';
-export { MotionScrollView } from './chunk-M4766VUV.mjs';
-import { MotionFlatList } from './chunk-EN4PN7X3.mjs';
-export { MotionFlatList } from './chunk-EN4PN7X3.mjs';
-import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-IX6SEOSK.mjs';
-export { Presence, Stagger, TRANSPARENT, createMotionComponent, usePresence, useStaggerDelay } from './chunk-IX6SEOSK.mjs';
-import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-MFAFB4K7.mjs';
-export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-MFAFB4K7.mjs';
-import { stableSig, resolveTransition, springToReanimated, warnNonWorkletOnce } from './chunk-W7NTRSPD.mjs';
-export { applyDelay, buildReleaseAnimation, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveTransition } from './chunk-W7NTRSPD.mjs';
+export { applyBounds, useTranslateStyle } from './chunk-OH46TGEA.mjs';
+export { useGesture } from './chunk-F4HMCXAX.mjs';
+import { MotionView } from './chunk-QXKPIENP.mjs';
+export { MotionView } from './chunk-QXKPIENP.mjs';
+import { MotionText } from './chunk-OLOSU2BD.mjs';
+export { MotionText } from './chunk-OLOSU2BD.mjs';
+import { MotionImage } from './chunk-7BH3CAO5.mjs';
+export { MotionImage } from './chunk-7BH3CAO5.mjs';
+import { MotionPressable } from './chunk-CUHOCONB.mjs';
+export { MotionPressable } from './chunk-CUHOCONB.mjs';
+import { MotionScrollView } from './chunk-DRA2K53O.mjs';
+export { MotionScrollView } from './chunk-DRA2K53O.mjs';
+import { MotionFlatList } from './chunk-Z23AMUSW.mjs';
+export { MotionFlatList } from './chunk-Z23AMUSW.mjs';
+import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-JENYDTXH.mjs';
+export { Presence, Stagger, TRANSPARENT, createMotionComponent, usePresence, useStaggerDelay } from './chunk-JENYDTXH.mjs';
+import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-6FCATUMY.mjs';
+export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-6FCATUMY.mjs';
+import { stableSig, resolveTransition, springToReanimated, warnOnce, warnNonWorkletOnce } from './chunk-HEAWMZEM.mjs';
+export { applyDelay, buildReleaseAnimation, cubicBezier, ensureWorkletEasing, isTopLevelTransition, resolveAnimatableValue, resolveTransition, stableSig } from './chunk-HEAWMZEM.mjs';
 import { useEffect, useRef, useCallback, useMemo } from 'react';
-import { useSharedValue, cancelAnimation, withSpring, useAnimatedReaction, useAnimatedStyle, interpolateColor, interpolate, useDerivedValue, Extrapolation, useAnimatedScrollHandler } from 'react-native-reanimated';
+import { useSharedValue, cancelAnimation, withSpring, useAnimatedReaction, useAnimatedStyle, interpolateColor, interpolate, useDerivedValue, useAnimatedScrollHandler, Extrapolation } from 'react-native-reanimated';
 import { isWorkletFunction } from 'react-native-worklets';
 
 // src/motion/index.ts
@@ -62,6 +63,7 @@ function useAnimator() {
 }
 function useSpring(target, config) {
   const spring = resolveSpringInput(config, useNamedTransitions());
+  const shouldReduceMotion = useShouldReduceMotion();
   const reanimConfig = useMemo(
     () => springToReanimated(spring ?? {}),
     // Keyed on the resolved primitive fields rather than the `config` object
@@ -69,34 +71,28 @@ function useSpring(target, config) {
     // depending on `config` itself would rebuild the Reanimated config on
     // every render and defeat the memo.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      spring?.tension,
-      spring?.friction,
-      spring?.mass,
-      spring?.velocity,
-      spring?.restSpeedThreshold,
-      spring?.restDisplacementThreshold
-    ]
+    [spring?.tension, spring?.friction, spring?.mass, spring?.velocity]
   );
   const isSharedTarget = isSharedValue(target);
   const initial = isSharedTarget ? target.value : target;
   const output = useSharedValue(initial);
   useEffect(() => {
     if (isSharedTarget) return;
-    output.value = withSpring(target, reanimConfig);
-  }, [isSharedTarget, target, reanimConfig]);
+    output.value = shouldReduceMotion ? target : withSpring(target, reanimConfig);
+  }, [isSharedTarget, target, reanimConfig, shouldReduceMotion]);
+  const source = isSharedTarget ? target : null;
   useAnimatedReaction(
     () => {
       "worklet";
-      if (!isSharedTarget) return null;
-      return target.value;
+      if (source === null) return null;
+      return source.value;
     },
     (next, prev) => {
       "worklet";
       if (next === null || next === prev) return;
-      output.value = withSpring(next, reanimConfig);
+      output.value = shouldReduceMotion ? next : withSpring(next, reanimConfig);
     },
-    [isSharedTarget, reanimConfig]
+    [source, reanimConfig, shouldReduceMotion]
   );
   useEffect(
     () => () => cancelAnimation(output),
@@ -110,11 +106,10 @@ function resolveSpringInput(config, registry) {
   if (typeof config !== "string") return config;
   const cfg = lookupNamedTransition(config, registry);
   if (cfg.type === void 0 || cfg.type === "spring") return cfg;
-  if (__DEV__) {
-    console.warn(
-      `[inertia] Named transition "${config}" resolves to type '${cfg.type}', but useSpring / useBooleanSpring are spring-only \u2014 falling back to the default spring. Use useAnimation to honor non-spring named transitions.`
-    );
-  }
+  warnOnce(
+    `spring-only:${config}`,
+    `[inertia] Named transition "${config}" resolves to type '${cfg.type}', but useSpring / useBooleanSpring are spring-only \u2014 falling back to the default spring. Use useAnimation to honor non-spring named transitions.`
+  );
   return void 0;
 }
 function isSharedValue(v) {
@@ -164,6 +159,13 @@ function useColorTransition(progress, range, options) {
     return { [key]: interpolateColor(progress.value, [0, 1], [from, to]) };
   });
 }
+function mapExtrapolation(mode) {
+  if (mode === "identity") return Extrapolation.IDENTITY;
+  if (mode === "extend") return Extrapolation.EXTEND;
+  return Extrapolation.CLAMP;
+}
+
+// src/values/useInterpolatedStyle.ts
 var TRANSFORM_KEYS = /* @__PURE__ */ new Set([
   "translateX",
   "translateY",
@@ -192,11 +194,6 @@ function evenlySpaced(count) {
   for (let i = 0; i < count; i++) out.push(i / (count - 1));
   return out;
 }
-function mapExtrapolation(mode) {
-  if (mode === "identity") return Extrapolation.IDENTITY;
-  if (mode === "extend") return Extrapolation.EXTEND;
-  return Extrapolation.CLAMP;
-}
 function buildSignature(map, options) {
   let sig = "";
   for (const key of Object.keys(map)) {
@@ -213,8 +210,9 @@ function buildEntries(map, options) {
     const output = map[key];
     if (output === void 0 || output.length === 0) continue;
     const input = explicitInput ? explicitInput : output.length === 2 ? [0, 1] : evenlySpaced(output.length);
-    if (__DEV__ && explicitInput && explicitInput.length !== output.length) {
-      console.warn(
+    if (explicitInput && explicitInput.length !== output.length) {
+      warnOnce(
+        `interpolated-style-range:${String(key)}:${explicitInput.length}:${output.length}`,
         `[inertia] useInterpolatedStyle: inputRange has ${explicitInput.length} stops but the "${String(
           key
         )}" output has ${output.length}. They must match \u2014 interpolation results are undefined otherwise.`
@@ -303,6 +301,15 @@ function useMotionValue(initial) {
   return sv;
 }
 function useTransform(arg1, inputRange, outputRange, options) {
+  const rangeSig = stableSig([inputRange, outputRange]);
+  const ranges = useMemo(
+    () => ({
+      input: inputRange ?? [],
+      output: outputRange ?? []
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [rangeSig]
+  );
   let producer;
   if (typeof arg1 === "function") {
     const userFn = arg1;
@@ -320,11 +327,11 @@ function useTransform(arg1, inputRange, outputRange, options) {
     }
   } else {
     const source = arg1;
-    const input = inputRange;
-    const output = outputRange;
+    const input = ranges.input;
+    const output = ranges.output;
     const isColor = output.length > 0 && typeof output[0] === "string";
-    const extrapolateLeft = mapExtrapolation2(options?.extrapolateLeft);
-    const extrapolateRight = mapExtrapolation2(options?.extrapolateRight);
+    const extrapolateLeft = mapExtrapolation(options?.extrapolateLeft);
+    const extrapolateRight = mapExtrapolation(options?.extrapolateRight);
     producer = isColor ? () => {
       "worklet";
       return interpolateColor(
@@ -344,11 +351,6 @@ function useTransform(arg1, inputRange, outputRange, options) {
   }
   return useDerivedValue(producer);
 }
-function mapExtrapolation2(mode) {
-  if (mode === "identity") return Extrapolation.IDENTITY;
-  if (mode === "extend") return Extrapolation.EXTEND;
-  return Extrapolation.CLAMP;
-}
 function useScroll() {
   const scrollX = useSharedValue(0);
   const scrollY = useSharedValue(0);
@@ -375,10 +377,15 @@ function useShadow({
   const hasElevation = from.elevation !== void 0 || to.elevation !== void 0;
   const hasColor = from.shadowColor !== void 0 || to.shadowColor !== void 0;
   const hasOffset = from.shadowOffset !== void 0 || to.shadowOffset !== void 0;
-  const boxShadowPairs = from.boxShadow !== void 0 || to.boxShadow !== void 0 ? pairBoxShadowLayers(
-    resolveBoxShadowInput(from.boxShadow),
-    resolveBoxShadowInput(to.boxShadow)
-  ) : [];
+  const boxShadowSig = stableSig([from.boxShadow, to.boxShadow]);
+  const boxShadowPairs = useMemo(
+    () => from.boxShadow !== void 0 || to.boxShadow !== void 0 ? pairBoxShadowLayers(
+      resolveBoxShadowInput(from.boxShadow),
+      resolveBoxShadowInput(to.boxShadow)
+    ) : [],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [boxShadowSig]
+  );
   const opacityFrom = from.shadowOpacity ?? 0;
   const opacityTo = to.shadowOpacity ?? 0;
   const radiusFrom = from.shadowRadius ?? 0;

package/dist/motion/FlatList.d.mts

@@ -1,5 +1,5 @@
 import { FlatListProps, FlatList } from 'react-native';
-import { V as VariantsMap, a as MotionProps } from '../types-DyJpG64F.mjs';
+import { V as VariantsMap, a as MotionProps } from '../types-08mG8fNk.mjs';
 import 'react';
 
 /**

package/dist/motion/FlatList.d.ts

@@ -1,5 +1,5 @@
 import { FlatListProps, FlatList } from 'react-native';
-import { V as VariantsMap, a as MotionProps } from '../types-DyJpG64F.js';
+import { V as VariantsMap, a as MotionProps } from '../types-08mG8fNk.js';
 import 'react';
 
 /**

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;