@rootnative/inertia 0.0.10 → 0.0.11

package/dist/index.mjs

@@ -1,23 +1,23 @@
 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';
+export { useGesture } from './chunk-FKJLPYGY.mjs';
+import { MotionView } from './chunk-JGQ6YRDN.mjs';
+export { MotionView } from './chunk-JGQ6YRDN.mjs';
+import { MotionText } from './chunk-UGYBFAVY.mjs';
+export { MotionText } from './chunk-UGYBFAVY.mjs';
+import { MotionImage } from './chunk-DT2KVAAO.mjs';
+export { MotionImage } from './chunk-DT2KVAAO.mjs';
+import { MotionPressable } from './chunk-RO4XFTQ6.mjs';
+export { MotionPressable } from './chunk-RO4XFTQ6.mjs';
+import { MotionScrollView } from './chunk-LHW4VNWD.mjs';
+export { MotionScrollView } from './chunk-LHW4VNWD.mjs';
+import { MotionFlatList } from './chunk-7RMSLKQQ.mjs';
+export { MotionFlatList } from './chunk-7RMSLKQQ.mjs';
+import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-5EYIZG72.mjs';
+export { Presence, Stagger, TRANSPARENT, createMotionComponent, usePresence, useStaggerDelay } from './chunk-5EYIZG72.mjs';
+import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-2Q6JMDYZ.mjs';
+export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-2Q6JMDYZ.mjs';
+import { stableSig, resolveTransition, springToReanimated, warnOnce, warnNonWorkletOnce } from './chunk-QIRKPDXA.mjs';
+export { applyDelay, buildReleaseAnimation, cubicBezier, ensureWorkletEasing, isTopLevelTransition, resolveAnimatableValue, resolveTransition, stableSig } from './chunk-QIRKPDXA.mjs';
 import { useEffect, useRef, useCallback, useMemo } from 'react';
 import { useSharedValue, cancelAnimation, withSpring, useAnimatedReaction, useAnimatedStyle, interpolateColor, interpolate, useDerivedValue, useAnimatedScrollHandler, Extrapolation } from 'react-native-reanimated';
 import { isWorkletFunction } from 'react-native-worklets';

package/dist/motion/FlatList.d.mts

@@ -1,6 +1,7 @@
 import { FlatListProps, FlatList } from 'react-native';
-import { V as VariantsMap, a as MotionProps } from '../types-08mG8fNk.mjs';
+import { V as VariantsMap, a as MotionProps } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable, virtualized `FlatList`.

package/dist/motion/FlatList.d.ts

@@ -1,6 +1,7 @@
 import { FlatListProps, FlatList } from 'react-native';
-import { V as VariantsMap, a as MotionProps } from '../types-08mG8fNk.js';
+import { V as VariantsMap, a as MotionProps } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable, virtualized `FlatList`.

package/dist/motion/FlatList.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk46766TBM_js = require('../chunk-46766TBM.js');
-require('../chunk-2UGWAB6N.js');
-require('../chunk-KXU6VH2Y.js');
-require('../chunk-N33GSDNQ.js');
+var chunkXLKI2MSD_js = require('../chunk-XLKI2MSD.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionFlatList", {
   enumerable: true,
-  get: function () { return chunk46766TBM_js.MotionFlatList; }
+  get: function () { return chunkXLKI2MSD_js.MotionFlatList; }
 });

package/dist/motion/FlatList.mjs

@@ -1,4 +1,4 @@
-export { MotionFlatList } from '../chunk-Z23AMUSW.mjs';
-import '../chunk-JENYDTXH.mjs';
-import '../chunk-6FCATUMY.mjs';
-import '../chunk-HEAWMZEM.mjs';
+export { MotionFlatList } from '../chunk-7RMSLKQQ.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/Image.d.mts

@@ -1,6 +1,7 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Image`. Inherits `Image`'s prop surface, with `animate` /

package/dist/motion/Image.d.ts

@@ -1,6 +1,7 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Image`. Inherits `Image`'s prop surface, with `animate` /

package/dist/motion/Image.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkXKNEQDAT_js = require('../chunk-XKNEQDAT.js');
-require('../chunk-2UGWAB6N.js');
-require('../chunk-KXU6VH2Y.js');
-require('../chunk-N33GSDNQ.js');
+var chunkJAJHKJC5_js = require('../chunk-JAJHKJC5.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkXKNEQDAT_js.MotionImage; }
+  get: function () { return chunkJAJHKJC5_js.MotionImage; }
 });

package/dist/motion/Image.mjs

@@ -1,4 +1,4 @@
-export { MotionImage } from '../chunk-7BH3CAO5.mjs';
-import '../chunk-JENYDTXH.mjs';
-import '../chunk-6FCATUMY.mjs';
-import '../chunk-HEAWMZEM.mjs';
+export { MotionImage } from '../chunk-DT2KVAAO.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/Pressable.d.mts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkVKXSL3ZL_js = require('../chunk-VKXSL3ZL.js');
-require('../chunk-2UGWAB6N.js');
-require('../chunk-KXU6VH2Y.js');
-require('../chunk-N33GSDNQ.js');
+var chunkR7YD6L3D_js = require('../chunk-R7YD6L3D.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunkVKXSL3ZL_js.MotionPressable; }
+  get: function () { return chunkR7YD6L3D_js.MotionPressable; }
 });

package/dist/motion/Pressable.mjs

@@ -1,4 +1,4 @@
-export { MotionPressable } from '../chunk-CUHOCONB.mjs';
-import '../chunk-JENYDTXH.mjs';
-import '../chunk-6FCATUMY.mjs';
-import '../chunk-HEAWMZEM.mjs';
+export { MotionPressable } from '../chunk-RO4XFTQ6.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/ScrollView.d.mts

@@ -1,6 +1,7 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `ScrollView`. Animations apply to the scroll container itself —

package/dist/motion/ScrollView.d.ts

@@ -1,6 +1,7 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `ScrollView`. Animations apply to the scroll container itself —

package/dist/motion/ScrollView.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk3ZNHPT5Z_js = require('../chunk-3ZNHPT5Z.js');
-require('../chunk-2UGWAB6N.js');
-require('../chunk-KXU6VH2Y.js');
-require('../chunk-N33GSDNQ.js');
+var chunk3PB27UIE_js = require('../chunk-3PB27UIE.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunk3ZNHPT5Z_js.MotionScrollView; }
+  get: function () { return chunk3PB27UIE_js.MotionScrollView; }
 });

package/dist/motion/ScrollView.mjs

@@ -1,4 +1,4 @@
-export { MotionScrollView } from '../chunk-DRA2K53O.mjs';
-import '../chunk-JENYDTXH.mjs';
-import '../chunk-6FCATUMY.mjs';
-import '../chunk-HEAWMZEM.mjs';
+export { MotionScrollView } from '../chunk-LHW4VNWD.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/Text.d.mts

@@ -1,6 +1,7 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Text`. Inherits `Text`'s prop surface, with `animate` /

package/dist/motion/Text.d.ts

@@ -1,6 +1,7 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `Text`. Inherits `Text`'s prop surface, with `animate` /

package/dist/motion/Text.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkUBHQJFUW_js = require('../chunk-UBHQJFUW.js');
-require('../chunk-2UGWAB6N.js');
-require('../chunk-KXU6VH2Y.js');
-require('../chunk-N33GSDNQ.js');
+var chunkJBMTTICC_js = require('../chunk-JBMTTICC.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunkUBHQJFUW_js.MotionText; }
+  get: function () { return chunkJBMTTICC_js.MotionText; }
 });

package/dist/motion/Text.mjs

@@ -1,4 +1,4 @@
-export { MotionText } from '../chunk-OLOSU2BD.mjs';
-import '../chunk-JENYDTXH.mjs';
-import '../chunk-6FCATUMY.mjs';
-import '../chunk-HEAWMZEM.mjs';
+export { MotionText } from '../chunk-UGYBFAVY.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/motion/View.d.mts

@@ -1,6 +1,7 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.mjs';
+import { M as MotionComponent } from '../types-C5Zbs9MC.mjs';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `View`. Inherits `View`'s prop surface, with `animate` /

package/dist/motion/View.d.ts

@@ -1,6 +1,7 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-08mG8fNk.js';
+import { M as MotionComponent } from '../types-C5Zbs9MC.js';
 import 'react';
+import 'react-native-reanimated';
 
 /**
  * Animatable `View`. Inherits `View`'s prop surface, with `animate` /

package/dist/motion/View.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkPLKXCJIB_js = require('../chunk-PLKXCJIB.js');
-require('../chunk-2UGWAB6N.js');
-require('../chunk-KXU6VH2Y.js');
-require('../chunk-N33GSDNQ.js');
+var chunk2UREDR4Z_js = require('../chunk-2UREDR4Z.js');
+require('../chunk-HBURWGCZ.js');
+require('../chunk-QDMSFRQR.js');
+require('../chunk-QX5JHRZ2.js');
 
 
 
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunkPLKXCJIB_js.MotionView; }
+  get: function () { return chunk2UREDR4Z_js.MotionView; }
 });

package/dist/motion/View.mjs

@@ -1,4 +1,4 @@
-export { MotionView } from '../chunk-QXKPIENP.mjs';
-import '../chunk-JENYDTXH.mjs';
-import '../chunk-6FCATUMY.mjs';
-import '../chunk-HEAWMZEM.mjs';
+export { MotionView } from '../chunk-JGQ6YRDN.mjs';
+import '../chunk-5EYIZG72.mjs';
+import '../chunk-2Q6JMDYZ.mjs';
+import '../chunk-QIRKPDXA.mjs';

package/dist/touch/index.d.mts

@@ -1,7 +1,8 @@
-export { a as applyBounds } from '../applyBounds-BYGiHrYO.mjs';
+import { T as TranslateStyle } from '../useTranslateStyle-BDrOD97O.mjs';
+export { a as applyBounds } from '../useTranslateStyle-BDrOD97O.mjs';
 import { PanResponderInstance } from 'react-native';
-import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-08mG8fNk.mjs';
+import { SharedValue } from 'react-native-reanimated';
+import { T as TransitionConfig } from '../types-C5Zbs9MC.mjs';
 import 'react';
 
 /**
@@ -15,7 +16,7 @@ interface UseTouchDragResult {
     /** Spread onto a `View` / `Pressable` to install the pan responder. */
     panHandlers: PanResponderInstance['panHandlers'];
     /** Stable animated `transform` style. */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation, persistent across gestures. */
     dragX: SharedValue<number>;
     /** Live y translation, persistent across gestures. */

package/dist/touch/index.d.ts

@@ -1,7 +1,8 @@
-export { a as applyBounds } from '../applyBounds-BYGiHrYO.js';
+import { T as TranslateStyle } from '../useTranslateStyle-BDrOD97O.js';
+export { a as applyBounds } from '../useTranslateStyle-BDrOD97O.js';
 import { PanResponderInstance } from 'react-native';
-import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-08mG8fNk.js';
+import { SharedValue } from 'react-native-reanimated';
+import { T as TransitionConfig } from '../types-C5Zbs9MC.js';
 import 'react';
 
 /**
@@ -15,7 +16,7 @@ interface UseTouchDragResult {
     /** Spread onto a `View` / `Pressable` to install the pan responder. */
     panHandlers: PanResponderInstance['panHandlers'];
     /** Stable animated `transform` style. */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation, persistent across gestures. */
     dragX: SharedValue<number>;
     /** Live y translation, persistent across gestures. */

package/dist/touch/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkKFHZMFAX_js = require('../chunk-KFHZMFAX.js');
-var chunkN33GSDNQ_js = require('../chunk-N33GSDNQ.js');
+var chunkQX5JHRZ2_js = require('../chunk-QX5JHRZ2.js');
 var react = require('react');
 var reactNative = require('react-native');
 var reactNativeReanimated = require('react-native-reanimated');
@@ -40,14 +40,14 @@ function useTouchDrag(options = {}) {
         if (result) {
           if (result.x && lockX) {
             const toX = "to" in result.x ? result.x.to : x;
-            dragX.value = chunkN33GSDNQ_js.buildReleaseAnimation(
+            dragX.value = chunkQX5JHRZ2_js.buildReleaseAnimation(
               result.x,
               toX
             );
           }
           if (result.y && lockY) {
             const toY = "to" in result.y ? result.y.to : y;
-            dragY.value = chunkN33GSDNQ_js.buildReleaseAnimation(
+            dragY.value = chunkQX5JHRZ2_js.buildReleaseAnimation(
               result.y,
               toY
             );

package/dist/touch/index.mjs

@@ -1,6 +1,6 @@
 import { applyBounds, useTranslateStyle } from '../chunk-OH46TGEA.mjs';
 export { applyBounds } from '../chunk-OH46TGEA.mjs';
-import { buildReleaseAnimation } from '../chunk-HEAWMZEM.mjs';
+import { buildReleaseAnimation } from '../chunk-QIRKPDXA.mjs';
 import { useRef, useMemo } from 'react';
 import { PanResponder } from 'react-native';
 import { useSharedValue } from 'react-native-reanimated';

package/dist/{types-08mG8fNk.d.mts → types-C5Zbs9MC.d.mts}

@@ -1,5 +1,6 @@
 import { ComponentType, ComponentProps, Ref, ReactElement } from 'react';
 import { StyleProp, BoxShadowValue } from 'react-native';
+import { AnimatedProps } from 'react-native-reanimated';
 
 /**
  * A single animation step's destination, optionally overriding the transition
@@ -442,9 +443,19 @@ interface MotionProps<C, V extends VariantsMap<C> = VariantsMap<C>> {
  * Props of a Motion primitive for a given underlying component `C` and a
  * concrete variants map `V`: the component's own props (minus `style`, which
  * we replace with an animated style) intersected with the Motion props.
+ *
+ * `style` is taken from `AnimatedProps<…>`, not from `C` directly, because a
+ * Motion primitive renders `Animated.createAnimatedComponent(C)` — so the
+ * styles it accepts are the ones that animated component accepts. Reanimated
+ * 4.5 brands what `useAnimatedStyle` returns, and `ComponentProps<C>['style']`
+ * rejects a branded value, which would have made the sanctioned escape hatch
+ * (Principle 2: own your `useAnimatedStyle` over Inertia-driven shared values,
+ * then pass it to a `Motion.*` primitive) require a cast at every call site.
  */
 type MotionComponentProps<C extends ComponentType<any>, V extends VariantsMap<ComponentProps<C>> = VariantsMap<ComponentProps<C>>> = Omit<ComponentProps<C>, 'style'> & MotionProps<ComponentProps<C>, V> & {
-    style?: ComponentProps<C>['style'];
+    style?: AnimatedProps<ComponentProps<C>> extends {
+        style?: infer S;
+    } ? S : ComponentProps<C>['style'];
     ref?: Ref<unknown>;
 };
 /**

package/dist/{types-08mG8fNk.d.ts → types-C5Zbs9MC.d.ts}

@@ -1,5 +1,6 @@
 import { ComponentType, ComponentProps, Ref, ReactElement } from 'react';
 import { StyleProp, BoxShadowValue } from 'react-native';
+import { AnimatedProps } from 'react-native-reanimated';
 
 /**
  * A single animation step's destination, optionally overriding the transition
@@ -442,9 +443,19 @@ interface MotionProps<C, V extends VariantsMap<C> = VariantsMap<C>> {
  * Props of a Motion primitive for a given underlying component `C` and a
  * concrete variants map `V`: the component's own props (minus `style`, which
  * we replace with an animated style) intersected with the Motion props.
+ *
+ * `style` is taken from `AnimatedProps<…>`, not from `C` directly, because a
+ * Motion primitive renders `Animated.createAnimatedComponent(C)` — so the
+ * styles it accepts are the ones that animated component accepts. Reanimated
+ * 4.5 brands what `useAnimatedStyle` returns, and `ComponentProps<C>['style']`
+ * rejects a branded value, which would have made the sanctioned escape hatch
+ * (Principle 2: own your `useAnimatedStyle` over Inertia-driven shared values,
+ * then pass it to a `Motion.*` primitive) require a cast at every call site.
  */
 type MotionComponentProps<C extends ComponentType<any>, V extends VariantsMap<ComponentProps<C>> = VariantsMap<ComponentProps<C>>> = Omit<ComponentProps<C>, 'style'> & MotionProps<ComponentProps<C>, V> & {
-    style?: ComponentProps<C>['style'];
+    style?: AnimatedProps<ComponentProps<C>> extends {
+        style?: infer S;
+    } ? S : ComponentProps<C>['style'];
     ref?: Ref<unknown>;
 };
 /**

package/dist/{useGesture-D1lHeQQ6.d.ts → useGesture-Be0ZhCWj.d.ts}

@@ -1,5 +1,5 @@
 import { SharedValue } from 'react-native-reanimated';
-import { b as TransitionInput, G as GestureLayerTransitions } from './types-08mG8fNk.js';
+import { b as TransitionInput, G as GestureLayerTransitions } from './types-C5Zbs9MC.js';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/dist/{useGesture-DjszaHWz.d.mts → useGesture-Ve8EGjTr.d.mts}

@@ -1,5 +1,5 @@
 import { SharedValue } from 'react-native-reanimated';
-import { b as TransitionInput, G as GestureLayerTransitions } from './types-08mG8fNk.mjs';
+import { b as TransitionInput, G as GestureLayerTransitions } from './types-C5Zbs9MC.mjs';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/dist/useTranslateStyle-BDrOD97O.d.mts

@@ -0,0 +1,58 @@
+import { ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+
+/**
+ * Clamp `value` to `[min, max]`. When `elastic > 0` the overshoot past a
+ * bound is scaled by `elastic` instead of hard-clamped, giving a rubber-band
+ * feel. `min` / `max` may be `undefined` to leave that side unbounded.
+ *
+ * Worklet, so it runs both inside a gesture-handler pan handler on the UI
+ * thread (`useDrag`) and from a JS-thread `PanResponder` callback
+ * (`useTouchDrag`).
+ *
+ * ```ts
+ * applyBounds(120, -100, 100, 0)    // 100
+ * applyBounds(120, -100, 100, 0.5)  // 110
+ * applyBounds(50, undefined, 100, 0) // 50
+ * ```
+ */
+declare function applyBounds(value: number, min: number | undefined, max: number | undefined, elastic: number): number;
+
+/**
+ * What {@link useTranslateStyle} returns: a plain style object that owns
+ * `transform`.
+ *
+ * Deliberately **not** `ReturnType<typeof useAnimatedStyle>`. Reanimated 4.5
+ * brands that value (`AnimatedStyleHandle`), and a branded type is rejected
+ * inside a `StyleProp<ViewStyle>` array — so every call site would need a cast,
+ * which is the exact defect `InterpolatedStyle` was introduced to remove in
+ * `0.0.9`. The brand is compile-time only, so the runtime value is unchanged:
+ * it is still the animated style Reanimated produced.
+ */
+type TranslateStyle = {
+    transform: NonNullable<ViewStyle['transform']>;
+};
+/**
+ * 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>): TranslateStyle;
+
+export { type TranslateStyle as T, applyBounds as a, useTranslateStyle as u };

package/dist/useTranslateStyle-BDrOD97O.d.ts

@@ -0,0 +1,58 @@
+import { ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+
+/**
+ * Clamp `value` to `[min, max]`. When `elastic > 0` the overshoot past a
+ * bound is scaled by `elastic` instead of hard-clamped, giving a rubber-band
+ * feel. `min` / `max` may be `undefined` to leave that side unbounded.
+ *
+ * Worklet, so it runs both inside a gesture-handler pan handler on the UI
+ * thread (`useDrag`) and from a JS-thread `PanResponder` callback
+ * (`useTouchDrag`).
+ *
+ * ```ts
+ * applyBounds(120, -100, 100, 0)    // 100
+ * applyBounds(120, -100, 100, 0.5)  // 110
+ * applyBounds(50, undefined, 100, 0) // 50
+ * ```
+ */
+declare function applyBounds(value: number, min: number | undefined, max: number | undefined, elastic: number): number;
+
+/**
+ * What {@link useTranslateStyle} returns: a plain style object that owns
+ * `transform`.
+ *
+ * Deliberately **not** `ReturnType<typeof useAnimatedStyle>`. Reanimated 4.5
+ * brands that value (`AnimatedStyleHandle`), and a branded type is rejected
+ * inside a `StyleProp<ViewStyle>` array — so every call site would need a cast,
+ * which is the exact defect `InterpolatedStyle` was introduced to remove in
+ * `0.0.9`. The brand is compile-time only, so the runtime value is unchanged:
+ * it is still the animated style Reanimated produced.
+ */
+type TranslateStyle = {
+    transform: NonNullable<ViewStyle['transform']>;
+};
+/**
+ * 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>): TranslateStyle;
+
+export { type TranslateStyle as T, applyBounds as a, useTranslateStyle as u };