@rootnative/inertia 0.0.9 → 0.0.10

package/dist/index.d.ts

@@ -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.js';
-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.js';
+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.js';
+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.js';
+export { a as applyBounds } from './applyBounds-BYGiHrYO.js';
 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-DbH46EBp.js';
+export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-D1lHeQQ6.js';
 export { MotionFlatList } from './motion/FlatList.js';
 export { MotionImage } from './motion/Image.js';
 export { MotionPressable } from './motion/Pressable.js';
@@ -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 };

package/dist/index.js

@@ -1,36 +1,37 @@
 'use strict';
 
-var chunkMUT6BTZS_js = require('./chunk-MUT6BTZS.js');
-var chunk24NUL23E_js = require('./chunk-24NUL23E.js');
-var chunk4XBX7KOD_js = require('./chunk-4XBX7KOD.js');
-var chunkZ5USXWTE_js = require('./chunk-Z5USXWTE.js');
-var chunk6NOCY764_js = require('./chunk-6NOCY764.js');
-var chunkZBHQPVWE_js = require('./chunk-ZBHQPVWE.js');
-var chunkIHVMNOS4_js = require('./chunk-IHVMNOS4.js');
-var chunkE3ALFSH2_js = require('./chunk-E3ALFSH2.js');
-var chunk6AN5X3YE_js = require('./chunk-6AN5X3YE.js');
-var chunkWNVHPMBI_js = require('./chunk-WNVHPMBI.js');
+var chunkKFHZMFAX_js = require('./chunk-KFHZMFAX.js');
+var chunk4EZ5DBL3_js = require('./chunk-4EZ5DBL3.js');
+var chunkPLKXCJIB_js = require('./chunk-PLKXCJIB.js');
+var chunkUBHQJFUW_js = require('./chunk-UBHQJFUW.js');
+var chunkXKNEQDAT_js = require('./chunk-XKNEQDAT.js');
+var chunkVKXSL3ZL_js = require('./chunk-VKXSL3ZL.js');
+var chunk3ZNHPT5Z_js = require('./chunk-3ZNHPT5Z.js');
+var chunk46766TBM_js = require('./chunk-46766TBM.js');
+var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.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');
 var reactNativeWorklets = require('react-native-worklets');
 
 // src/motion/index.ts
 var Motion = {
-  View: chunk24NUL23E_js.MotionView,
-  Text: chunk4XBX7KOD_js.MotionText,
-  Image: chunkZ5USXWTE_js.MotionImage,
-  Pressable: chunk6NOCY764_js.MotionPressable,
-  ScrollView: chunkZBHQPVWE_js.MotionScrollView,
-  FlatList: chunkIHVMNOS4_js.MotionFlatList
+  View: chunkPLKXCJIB_js.MotionView,
+  Text: chunkUBHQJFUW_js.MotionText,
+  Image: chunkXKNEQDAT_js.MotionImage,
+  Pressable: chunkVKXSL3ZL_js.MotionPressable,
+  ScrollView: chunk3ZNHPT5Z_js.MotionScrollView,
+  FlatList: chunk46766TBM_js.MotionFlatList
 };
 function useAnimation(target, transition) {
   const output = reactNativeReanimated.useSharedValue(target);
-  const shouldReduceMotion = chunk6AN5X3YE_js.useShouldReduceMotion();
-  const resolved = chunk6AN5X3YE_js.resolveNamedTransition(transition, chunk6AN5X3YE_js.useNamedTransitions());
-  const cfgSig = chunkWNVHPMBI_js.stableSig(resolved);
+  const shouldReduceMotion = chunkKXU6VH2Y_js.useShouldReduceMotion();
+  const resolved = chunkKXU6VH2Y_js.resolveNamedTransition(transition, chunkKXU6VH2Y_js.useNamedTransitions());
+  const cfgSig = chunkN33GSDNQ_js.stableSig(resolved);
   react.useEffect(() => {
     const cfg = shouldReduceMotion ? { type: "no-animation" } : resolved ?? { type: "spring" };
-    output.value = chunkWNVHPMBI_js.resolveTransition(cfg, target);
+    output.value = chunkN33GSDNQ_js.resolveTransition(cfg, target);
   }, [target, cfgSig, shouldReduceMotion]);
   react.useEffect(
     () => () => reactNativeReanimated.cancelAnimation(output),
@@ -41,55 +42,50 @@ function useAnimation(target, transition) {
   return output;
 }
 function useAnimator() {
-  const registry = chunk6AN5X3YE_js.useNamedTransitions();
-  const shouldReduceMotion = chunk6AN5X3YE_js.useShouldReduceMotion();
+  const registry = chunkKXU6VH2Y_js.useNamedTransitions();
+  const shouldReduceMotion = chunkKXU6VH2Y_js.useShouldReduceMotion();
   const registryRef = react.useRef(registry);
   registryRef.current = registry;
   const reduceMotionRef = react.useRef(shouldReduceMotion);
   reduceMotionRef.current = shouldReduceMotion;
   return react.useCallback((value, to, transition) => {
-    const resolved = chunk6AN5X3YE_js.resolveNamedTransition(transition, registryRef.current);
+    const resolved = chunkKXU6VH2Y_js.resolveNamedTransition(transition, registryRef.current);
     const cfg = reduceMotionRef.current ? { type: "no-animation" } : resolved ?? { type: "spring" };
-    value.value = chunkWNVHPMBI_js.resolveTransition(cfg, to);
+    value.value = chunkN33GSDNQ_js.resolveTransition(cfg, to);
   }, []);
 }
 function useSpring(target, config) {
-  const spring = resolveSpringInput(config, chunk6AN5X3YE_js.useNamedTransitions());
+  const spring = resolveSpringInput(config, chunkKXU6VH2Y_js.useNamedTransitions());
+  const shouldReduceMotion = chunkKXU6VH2Y_js.useShouldReduceMotion();
   const reanimConfig = react.useMemo(
-    () => chunkWNVHPMBI_js.springToReanimated(spring ?? {}),
+    () => chunkN33GSDNQ_js.springToReanimated(spring ?? {}),
     // Keyed on the resolved primitive fields rather than the `config` object
     // identity: callers routinely pass a fresh object literal each render, so
     // 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 = reactNativeReanimated.useSharedValue(initial);
   react.useEffect(() => {
     if (isSharedTarget) return;
-    output.value = reactNativeReanimated.withSpring(target, reanimConfig);
-  }, [isSharedTarget, target, reanimConfig]);
+    output.value = shouldReduceMotion ? target : reactNativeReanimated.withSpring(target, reanimConfig);
+  }, [isSharedTarget, target, reanimConfig, shouldReduceMotion]);
+  const source = isSharedTarget ? target : null;
   reactNativeReanimated.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 = reactNativeReanimated.withSpring(next, reanimConfig);
+      output.value = shouldReduceMotion ? next : reactNativeReanimated.withSpring(next, reanimConfig);
     },
-    [isSharedTarget, reanimConfig]
+    [source, reanimConfig, shouldReduceMotion]
   );
   react.useEffect(
     () => () => reactNativeReanimated.cancelAnimation(output),
@@ -101,13 +97,12 @@ function useSpring(target, config) {
 }
 function resolveSpringInput(config, registry) {
   if (typeof config !== "string") return config;
-  const cfg = chunk6AN5X3YE_js.lookupNamedTransition(config, registry);
+  const cfg = chunkKXU6VH2Y_js.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.`
-    );
-  }
+  chunkN33GSDNQ_js.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) {
@@ -157,6 +152,13 @@ function useColorTransition(progress, range, options) {
     return { [key]: reactNativeReanimated.interpolateColor(progress.value, [0, 1], [from, to]) };
   });
 }
+function mapExtrapolation(mode) {
+  if (mode === "identity") return reactNativeReanimated.Extrapolation.IDENTITY;
+  if (mode === "extend") return reactNativeReanimated.Extrapolation.EXTEND;
+  return reactNativeReanimated.Extrapolation.CLAMP;
+}
+
+// src/values/useInterpolatedStyle.ts
 var TRANSFORM_KEYS = /* @__PURE__ */ new Set([
   "translateX",
   "translateY",
@@ -185,11 +187,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 reactNativeReanimated.Extrapolation.IDENTITY;
-  if (mode === "extend") return reactNativeReanimated.Extrapolation.EXTEND;
-  return reactNativeReanimated.Extrapolation.CLAMP;
-}
 function buildSignature(map, options) {
   let sig = "";
   for (const key of Object.keys(map)) {
@@ -206,8 +203,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) {
+      chunkN33GSDNQ_js.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.`
@@ -296,13 +294,22 @@ function useMotionValue(initial) {
   return sv;
 }
 function useTransform(arg1, inputRange, outputRange, options) {
+  const rangeSig = chunkN33GSDNQ_js.stableSig([inputRange, outputRange]);
+  const ranges = react.useMemo(
+    () => ({
+      input: inputRange ?? [],
+      output: outputRange ?? []
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [rangeSig]
+  );
   let producer;
   if (typeof arg1 === "function") {
     const userFn = arg1;
     if (reactNativeWorklets.isWorkletFunction(userFn)) {
       producer = userFn;
     } else {
-      chunkWNVHPMBI_js.warnNonWorkletOnce(
+      chunkN33GSDNQ_js.warnNonWorkletOnce(
         "useTransform-transformer",
         "[inertia] useTransform: the transformer is not a worklet, so the shared values it reads can't be tracked as dependencies \u2014 the derived value will only refresh on React re-renders, and native builds reject plain functions on the UI thread. Add the 'worklet' directive as the first statement of the transformer."
       );
@@ -313,11 +320,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 reactNativeReanimated.interpolateColor(
@@ -337,11 +344,6 @@ function useTransform(arg1, inputRange, outputRange, options) {
   }
   return reactNativeReanimated.useDerivedValue(producer);
 }
-function mapExtrapolation2(mode) {
-  if (mode === "identity") return reactNativeReanimated.Extrapolation.IDENTITY;
-  if (mode === "extend") return reactNativeReanimated.Extrapolation.EXTEND;
-  return reactNativeReanimated.Extrapolation.CLAMP;
-}
 function useScroll() {
   const scrollX = reactNativeReanimated.useSharedValue(0);
   const scrollY = reactNativeReanimated.useSharedValue(0);
@@ -368,10 +370,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 ? chunkE3ALFSH2_js.pairBoxShadowLayers(
-    chunkE3ALFSH2_js.resolveBoxShadowInput(from.boxShadow),
-    chunkE3ALFSH2_js.resolveBoxShadowInput(to.boxShadow)
-  ) : [];
+  const boxShadowSig = chunkN33GSDNQ_js.stableSig([from.boxShadow, to.boxShadow]);
+  const boxShadowPairs = react.useMemo(
+    () => from.boxShadow !== void 0 || to.boxShadow !== void 0 ? chunk2UGWAB6N_js.pairBoxShadowLayers(
+      chunk2UGWAB6N_js.resolveBoxShadowInput(from.boxShadow),
+      chunk2UGWAB6N_js.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;
@@ -467,101 +474,117 @@ function useVariants(variants, initial) {
   }, []);
 }
 
+Object.defineProperty(exports, "applyBounds", {
+  enumerable: true,
+  get: function () { return chunkKFHZMFAX_js.applyBounds; }
+});
+Object.defineProperty(exports, "useTranslateStyle", {
+  enumerable: true,
+  get: function () { return chunkKFHZMFAX_js.useTranslateStyle; }
+});
 Object.defineProperty(exports, "useGesture", {
   enumerable: true,
-  get: function () { return chunkMUT6BTZS_js.useGesture; }
+  get: function () { return chunk4EZ5DBL3_js.useGesture; }
 });
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunk24NUL23E_js.MotionView; }
+  get: function () { return chunkPLKXCJIB_js.MotionView; }
 });
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunk4XBX7KOD_js.MotionText; }
+  get: function () { return chunkUBHQJFUW_js.MotionText; }
 });
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkZ5USXWTE_js.MotionImage; }
+  get: function () { return chunkXKNEQDAT_js.MotionImage; }
 });
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunk6NOCY764_js.MotionPressable; }
+  get: function () { return chunkVKXSL3ZL_js.MotionPressable; }
 });
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkZBHQPVWE_js.MotionScrollView; }
+  get: function () { return chunk3ZNHPT5Z_js.MotionScrollView; }
 });
 Object.defineProperty(exports, "MotionFlatList", {
   enumerable: true,
-  get: function () { return chunkIHVMNOS4_js.MotionFlatList; }
+  get: function () { return chunk46766TBM_js.MotionFlatList; }
 });
 Object.defineProperty(exports, "Presence", {
   enumerable: true,
-  get: function () { return chunkE3ALFSH2_js.Presence; }
+  get: function () { return chunk2UGWAB6N_js.Presence; }
 });
 Object.defineProperty(exports, "Stagger", {
   enumerable: true,
-  get: function () { return chunkE3ALFSH2_js.Stagger; }
+  get: function () { return chunk2UGWAB6N_js.Stagger; }
 });
 Object.defineProperty(exports, "TRANSPARENT", {
   enumerable: true,
-  get: function () { return chunkE3ALFSH2_js.TRANSPARENT; }
+  get: function () { return chunk2UGWAB6N_js.TRANSPARENT; }
 });
 Object.defineProperty(exports, "createMotionComponent", {
   enumerable: true,
-  get: function () { return chunkE3ALFSH2_js.createMotionComponent; }
+  get: function () { return chunk2UGWAB6N_js.createMotionComponent; }
 });
 Object.defineProperty(exports, "usePresence", {
   enumerable: true,
-  get: function () { return chunkE3ALFSH2_js.usePresence; }
+  get: function () { return chunk2UGWAB6N_js.usePresence; }
 });
 Object.defineProperty(exports, "useStaggerDelay", {
   enumerable: true,
-  get: function () { return chunkE3ALFSH2_js.useStaggerDelay; }
+  get: function () { return chunk2UGWAB6N_js.useStaggerDelay; }
 });
 Object.defineProperty(exports, "MotionConfig", {
   enumerable: true,
-  get: function () { return chunk6AN5X3YE_js.MotionConfig; }
+  get: function () { return chunkKXU6VH2Y_js.MotionConfig; }
 });
 Object.defineProperty(exports, "resolveNamedTransition", {
   enumerable: true,
-  get: function () { return chunk6AN5X3YE_js.resolveNamedTransition; }
+  get: function () { return chunkKXU6VH2Y_js.resolveNamedTransition; }
 });
 Object.defineProperty(exports, "useMotionConfig", {
   enumerable: true,
-  get: function () { return chunk6AN5X3YE_js.useMotionConfig; }
+  get: function () { return chunkKXU6VH2Y_js.useMotionConfig; }
 });
 Object.defineProperty(exports, "useNamedTransitions", {
   enumerable: true,
-  get: function () { return chunk6AN5X3YE_js.useNamedTransitions; }
+  get: function () { return chunkKXU6VH2Y_js.useNamedTransitions; }
 });
 Object.defineProperty(exports, "useShouldReduceMotion", {
   enumerable: true,
-  get: function () { return chunk6AN5X3YE_js.useShouldReduceMotion; }
+  get: function () { return chunkKXU6VH2Y_js.useShouldReduceMotion; }
 });
 Object.defineProperty(exports, "applyDelay", {
   enumerable: true,
-  get: function () { return chunkWNVHPMBI_js.applyDelay; }
+  get: function () { return chunkN33GSDNQ_js.applyDelay; }
 });
 Object.defineProperty(exports, "buildReleaseAnimation", {
   enumerable: true,
-  get: function () { return chunkWNVHPMBI_js.buildReleaseAnimation; }
+  get: function () { return chunkN33GSDNQ_js.buildReleaseAnimation; }
 });
 Object.defineProperty(exports, "cubicBezier", {
   enumerable: true,
-  get: function () { return chunkWNVHPMBI_js.cubicBezier; }
+  get: function () { return chunkN33GSDNQ_js.cubicBezier; }
 });
 Object.defineProperty(exports, "ensureWorkletEasing", {
   enumerable: true,
-  get: function () { return chunkWNVHPMBI_js.ensureWorkletEasing; }
+  get: function () { return chunkN33GSDNQ_js.ensureWorkletEasing; }
+});
+Object.defineProperty(exports, "isTopLevelTransition", {
+  enumerable: true,
+  get: function () { return chunkN33GSDNQ_js.isTopLevelTransition; }
 });
 Object.defineProperty(exports, "resolveAnimatableValue", {
   enumerable: true,
-  get: function () { return chunkWNVHPMBI_js.resolveAnimatableValue; }
+  get: function () { return chunkN33GSDNQ_js.resolveAnimatableValue; }
 });
 Object.defineProperty(exports, "resolveTransition", {
   enumerable: true,
-  get: function () { return chunkWNVHPMBI_js.resolveTransition; }
+  get: function () { return chunkN33GSDNQ_js.resolveTransition; }
+});
+Object.defineProperty(exports, "stableSig", {
+  enumerable: true,
+  get: function () { return chunkN33GSDNQ_js.stableSig; }
 });
 exports.Motion = Motion;
 exports.useAnimation = useAnimation;