@rootnative/inertia-gestures 0.0.10 → 0.0.11

package/CHANGELOG.md

@@ -6,6 +6,14 @@ This package ships in lockstep with `@rootnative/inertia` — version numbers tr
 
 ## [Unreleased]
 
+## [0.0.11] - 2026-09-09
+
+### Changed
+
+- **Breaking: the peer ranges are narrowed to the Expo SDK 57 band.** `react` is now `>=19.2.3 <20.0.0`, `react-native` is `>=0.83.0 <0.87.0`, and `react-native-reanimated` is `>=4.5.0 <4.6.0`. This adapter tracks the band that `@rootnative/inertia` declares, so the two cannot disagree and no consumer can install a pair that resolves to different runtimes. The reason the band is this narrow is in the core changelog: each peer range resolves on its own, so a range wide enough for both SDK 54 and SDK 57 also admits `react-native 0.81` with Reanimated `4.6`, which cannot install.
+
+  Migration: move the app to Expo SDK 57 (React `19.2.3`, React Native `0.86.3`, Reanimated `4.5.1`, Worklets `0.10.1`). A project on SDK 54 stays on `0.0.10`. `react-native-gesture-handler` keeps its own floor, because its version relationship is with the Expo SDK and not with this adapter.
+
 ## [0.0.10] - 2026-09-06
 
 ### Fixed
@@ -89,7 +97,8 @@ Initial alpha publish alongside `@rootnative/inertia@0.0.0-alpha.0`. Optional ad
 - `useDrag({ onRelease })` — release worklet returns per-axis Inertia transitions (snap-to-tick spring, decay with bounds, etc.). Velocity stays on the UI thread; no JS round-trip.
 - `useSwipe`, `usePan` hooks composable with any `Motion.*` primitive via `<GestureDetector>`.
 
-[unreleased]: https://github.com/rootnative/inertia/compare/core+gestures+gradients+svg@0.0.10...HEAD
+[unreleased]: https://github.com/rootnative/inertia/compare/core+gestures+gradients+svg@0.0.11...HEAD
+[0.0.11]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.11
 [0.0.10]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.10
 [0.0.9]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.9
 [0.0.8]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.8

package/README.md

@@ -18,7 +18,7 @@ pnpm add @rootnative/inertia-gestures react-native-gesture-handler
 
 Then follow the [`react-native-gesture-handler` install guide](https://docs.swmansion.com/react-native-gesture-handler/docs/installation) — it needs `<GestureHandlerRootView>` near the root of your app.
 
-**Peer dependencies:** `@rootnative/inertia` (workspace or installed), `react >=19.0.0`, `react-native >=0.81.0`, `react-native-reanimated >=4.0.0`, `react-native-gesture-handler >=2.0.0`.
+**Peer dependencies:** `@rootnative/inertia` (workspace or installed), `react >=19.2.3`, `react-native >=0.83.0 <0.87.0`, `react-native-reanimated >=4.5.0 <4.6.0`, `react-native-gesture-handler >=2.0.0`.
 
 ## What ships
 

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { PanGesture } from 'react-native-gesture-handler';
-import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { SpringTransition, TimingTransition, DecayTransition, NoAnimationTransition, TransitionName } from '@rootnative/inertia';
+import { SharedValue } from 'react-native-reanimated';
+import { SpringTransition, TimingTransition, DecayTransition, NoAnimationTransition, TranslateStyle, TransitionName } from '@rootnative/inertia';
 
 /**
  * Public types for `@rootnative/inertia-gestures`.
@@ -124,7 +124,7 @@ interface UseDragResult {
      * following the finger. Nest another animated view, or build one style from
      * `dragX` / `dragY` with `useInterpolatedStyle`, to add a transform.
      */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Current x translation in pixels. UI-thread shared value. */
     dragX: SharedValue<number>;
     /** Current y translation in pixels. UI-thread shared value. */
@@ -247,7 +247,7 @@ interface UseSwipeResult {
      * own, nest another animated view, or build one style from `swipeX` /
      * `swipeY` yourself with `useInterpolatedStyle`.
      */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation. */
     swipeX: SharedValue<number>;
     /** Live y translation. */
@@ -335,7 +335,7 @@ interface UsePanResult {
      * with it. Nest another animated view, or build one style from `panX` /
      * `panY` with `useInterpolatedStyle`, to add a transform of your own.
      */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation, persistent across gestures. */
     panX: SharedValue<number>;
     /** Live y translation, persistent across gestures. */

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { PanGesture } from 'react-native-gesture-handler';
-import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { SpringTransition, TimingTransition, DecayTransition, NoAnimationTransition, TransitionName } from '@rootnative/inertia';
+import { SharedValue } from 'react-native-reanimated';
+import { SpringTransition, TimingTransition, DecayTransition, NoAnimationTransition, TranslateStyle, TransitionName } from '@rootnative/inertia';
 
 /**
  * Public types for `@rootnative/inertia-gestures`.
@@ -124,7 +124,7 @@ interface UseDragResult {
      * following the finger. Nest another animated view, or build one style from
      * `dragX` / `dragY` with `useInterpolatedStyle`, to add a transform.
      */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Current x translation in pixels. UI-thread shared value. */
     dragX: SharedValue<number>;
     /** Current y translation in pixels. UI-thread shared value. */
@@ -247,7 +247,7 @@ interface UseSwipeResult {
      * own, nest another animated view, or build one style from `swipeX` /
      * `swipeY` yourself with `useInterpolatedStyle`.
      */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation. */
     swipeX: SharedValue<number>;
     /** Live y translation. */
@@ -335,7 +335,7 @@ interface UsePanResult {
      * with it. Nest another animated view, or build one style from `panX` /
      * `panY` with `useInterpolatedStyle`, to add a transform of your own.
      */
-    animatedStyle: ReturnType<typeof useAnimatedStyle>;
+    animatedStyle: TranslateStyle;
     /** Live x translation, persistent across gestures. */
     panX: SharedValue<number>;
     /** Live y translation, persistent across gestures. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rootnative/inertia-gestures",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Gesture-handler-driven drag / pan / swipe adapters for @rootnative/inertia.",
   "license": "MIT",
   "author": "RootNative",
@@ -50,26 +50,28 @@
     "!**/*.test.*"
   ],
   "peerDependencies": {
-    "@rootnative/inertia": ">=0.0.10 <0.1.0",
-    "react": ">=19.0.0",
-    "react-native": ">=0.81.0",
+    "@rootnative/inertia": ">=0.0.11 <0.1.0",
+    "react": ">=19.2.3 <20.0.0",
+    "react-native": ">=0.83.0 <0.87.0",
     "react-native-gesture-handler": ">=2.0.0",
-    "react-native-reanimated": ">=4.0.0"
+    "react-native-reanimated": ">=4.5.0 <4.6.0"
   },
   "devDependencies": {
-    "@react-native/babel-preset": "^0.81.5",
+    "@react-native/babel-preset": "^0.86.3",
+    "@react-native/jest-preset": "^0.86.3",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.14",
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.2.0",
     "jest": "^29.7.0",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-reanimated": "~4.1.1",
-    "react-test-renderer": "19.1.0",
+    "react": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-reanimated": "4.5.1",
+    "react-native-worklets": "0.10.1",
+    "react-test-renderer": "19.2.3",
     "tsup": "^8.3.5",
     "typescript": "^5.7.3",
-    "@rootnative/inertia": "0.0.10"
+    "@rootnative/inertia": "0.0.11"
   },
   "publishConfig": {
     "access": "public"

package/src/useDrag.ts

@@ -5,11 +5,11 @@ import {
   useSharedValue,
   type SharedValue,
 } from 'react-native-reanimated'
-import type { useAnimatedStyle } from 'react-native-reanimated'
 import {
   applyBounds,
   buildReleaseAnimation,
   useTranslateStyle,
+  type TranslateStyle,
 } from '@rootnative/inertia'
 import { useLatestCallback } from './useLatestCallback'
 import type { DragConstraints, DragOptions } from './types'
@@ -27,7 +27,7 @@ export interface UseDragResult {
    * following the finger. Nest another animated view, or build one style from
    * `dragX` / `dragY` with `useInterpolatedStyle`, to add a transform.
    */
-  animatedStyle: ReturnType<typeof useAnimatedStyle>
+  animatedStyle: TranslateStyle
   /** Current x translation in pixels. UI-thread shared value. */
   dragX: SharedValue<number>
   /** Current y translation in pixels. UI-thread shared value. */

package/src/usePan.ts

@@ -5,8 +5,7 @@ import {
   withDecay,
   type SharedValue,
 } from 'react-native-reanimated'
-import type { useAnimatedStyle } from 'react-native-reanimated'
-import { useTranslateStyle } from '@rootnative/inertia'
+import { useTranslateStyle, type TranslateStyle } from '@rootnative/inertia'
 import type { DragConstraints } from './types'
 
 export interface PanOptions {
@@ -41,7 +40,7 @@ export interface UsePanResult {
    * with it. Nest another animated view, or build one style from `panX` /
    * `panY` with `useInterpolatedStyle`, to add a transform of your own.
    */
-  animatedStyle: ReturnType<typeof useAnimatedStyle>
+  animatedStyle: TranslateStyle
   /** Live x translation, persistent across gestures. */
   panX: SharedValue<number>
   /** Live y translation, persistent across gestures. */

package/src/useSwipe.ts

@@ -5,7 +5,6 @@ import {
   useSharedValue,
   type SharedValue,
 } from 'react-native-reanimated'
-import type { useAnimatedStyle } from 'react-native-reanimated'
 import {
   buildReleaseAnimation,
   resolveNamedTransition,
@@ -13,6 +12,7 @@ import {
   useTranslateStyle,
   type TransitionConfig,
   type TransitionName,
+  type TranslateStyle,
 } from '@rootnative/inertia'
 import { useLatestCallback } from './useLatestCallback'
 import type { ReleaseInfo, ReleaseResult, SnapBackTransition } from './types'
@@ -120,7 +120,7 @@ export interface UseSwipeResult {
    * own, nest another animated view, or build one style from `swipeX` /
    * `swipeY` yourself with `useInterpolatedStyle`.
    */
-  animatedStyle: ReturnType<typeof useAnimatedStyle>
+  animatedStyle: TranslateStyle
   /** Live x translation. */
   swipeX: SharedValue<number>
   /** Live y translation. */