react-native-screen-transitions 2.3.1 → 2.3.3

package/lib/typescript/types/core.d.ts

@@ -39,14 +39,6 @@ export type TransitionAwareProps<T extends object> = AnimatedProps<T> & {
      * </Transition.View>
      */
     sharedBoundTag?: string;
-    /**
-     * Eagerly measure this component on layout and store the result in the
-     * Bounds registry. Useful for nested shared elements that may not receive
-     * the press event but still need up-to-date measurements at navigation time.
-     *
-     * Only has an effect when used together with `sharedBoundTag`.
-     */
-    measureOnLayout?: boolean;
 };
 export type TransitionConfig = {
     open: TransitionSpec;

package/lib/typescript/types/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/types/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACvE;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;;;;OAcG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;CACtB,CAAC"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/types/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACvE;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;;;;OAcG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;CACtB,CAAC"}

package/lib/typescript/utils/animation/start-screen-transition.d.ts

@@ -0,0 +1,13 @@
+import type { AnimationMap } from "../../stores/animations";
+import type { TransitionSpec } from "../../types/animation";
+interface StartScreenTransitionProps {
+    target: "open" | "close";
+    spec?: TransitionSpec;
+    onAnimationFinish?: (finished: boolean) => void;
+    animations: AnimationMap;
+    /** Optional initial velocity for spring-based progress (units: progress/sec). */
+    initialVelocity?: number;
+}
+export declare const startScreenTransition: ({ target, spec, onAnimationFinish, animations, initialVelocity, }: StartScreenTransitionProps) => void;
+export {};
+//# sourceMappingURL=start-screen-transition.d.ts.map

package/lib/typescript/utils/animation/start-screen-transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-screen-transition.d.ts","sourceRoot":"","sources":["../../../../src/utils/animation/start-screen-transition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,UAAU,0BAA0B;IACnC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,YAAY,CAAC;IACzB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,GAAI,mEAMnC,0BAA0B,SAwC5B,CAAC"}

package/lib/typescript/utils/bounds/_types/get-bounds.d.ts

@@ -1,5 +1,5 @@
-import type { ScreenPhase } from '../../../types/core';
-import type { ScreenTransitionState } from '../../../types/animation';
+import type { ScreenTransitionState } from "../../../types/animation";
+import type { ScreenPhase } from "../../../types/core";
 export type GetBoundsParams = {
     id: string | null;
     phase?: ScreenPhase;

package/lib/typescript/utils/bounds/_types/get-bounds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-bounds.d.ts","sourceRoot":"","sources":["../../../../../src/utils/bounds/_types/get-bounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"get-bounds.d.ts","sourceRoot":"","sources":["../../../../../src/utils/bounds/_types/get-bounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC7B,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC7B,CAAC"}

package/lib/typescript/utils/bounds/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/bounds/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AAqBxE,MAAM,WAAW,yBAAyB;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACvB;AAwND,eAAO,MAAM,YAAY,GAAI,mEAO1B,yBAAyB,KAAG,cAyC9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/bounds/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AAoBxE,MAAM,WAAW,yBAAyB;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACvB;AA0MD,eAAO,MAAM,YAAY,GAAI,mEAO1B,yBAAyB,KAAG,cAyC9B,CAAC"}

package/lib/typescript/utils/gesture/apply-offset-rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-offset-rules.d.ts","sourceRoot":"","sources":["../../../../src/utils/gesture/apply-offset-rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mFAAmF,CAAC;AACjI,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAEN,KAAK,qBAAqB,EAC1B,kBAAkB,EAElB,MAAM,qBAAqB,CAAC;AAE7B,KAAK,UAAU,GAAG;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,UAAU,2BAA2B;IACpC,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B;AA8BD,UAAU,YAAY;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;CACvB;AAiKD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,iHAS9B,2BAA2B,KAAG,YA+EhC,CAAC"}
+{"version":3,"file":"apply-offset-rules.d.ts","sourceRoot":"","sources":["../../../../src/utils/gesture/apply-offset-rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mFAAmF,CAAC;AACjI,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAU3D,OAAO,EAEN,KAAK,qBAAqB,EAC1B,kBAAkB,EAElB,MAAM,qBAAqB,CAAC;AAE7B,KAAK,UAAU,GAAG;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,UAAU,2BAA2B;IACpC,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B;AA8BD,UAAU,YAAY;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;CACvB;AAsJD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,iHAS9B,2BAA2B,KAAG,YA+EhC,CAAC"}

package/lib/typescript/utils/gesture/determine-dismissal.d.ts

@@ -19,7 +19,6 @@ interface DetermineDismissalProps {
 }
 export declare const determineDismissal: ({ event, directions, dimensions, gestureVelocityImpact, }: DetermineDismissalProps) => {
     shouldDismiss: boolean;
-    velocity: number;
 };
 export {};
 //# sourceMappingURL=determine-dismissal.d.ts.map

package/lib/typescript/utils/gesture/determine-dismissal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"determine-dismissal.d.ts","sourceRoot":"","sources":["../../../../src/utils/gesture/determine-dismissal.ts"],"names":[],"mappings":"AAOA,UAAU,uBAAuB;IAChC,KAAK,EAAE;QACN,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACX,QAAQ,EAAE,OAAO,CAAC;QAClB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,UAAU,EAAE,OAAO,CAAC;QACpB,kBAAkB,EAAE,OAAO,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,qBAAqB,EAAE,MAAM,CAAC;CAC9B;AAuCD,eAAO,MAAM,kBAAkB,GAAI,2DAKhC,uBAAuB;;;CAgEzB,CAAC"}
+{"version":3,"file":"determine-dismissal.d.ts","sourceRoot":"","sources":["../../../../src/utils/gesture/determine-dismissal.ts"],"names":[],"mappings":"AAOA,UAAU,uBAAuB;IAChC,KAAK,EAAE;QACN,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACX,QAAQ,EAAE,OAAO,CAAC;QAClB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,UAAU,EAAE,OAAO,CAAC;QACpB,kBAAkB,EAAE,OAAO,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,qBAAqB,EAAE,MAAM,CAAC;CAC9B;AAmBD,eAAO,MAAM,kBAAkB,GAAI,2DAKhC,uBAAuB;;CAiCzB,CAAC"}

package/lib/typescript/utils/gesture/reset-gesture-values.d.ts

@@ -0,0 +1,16 @@
+import type { GestureStateChangeEvent, PanGestureHandlerEventPayload } from "react-native-gesture-handler";
+import type { GestureMap } from "../../stores/gestures";
+import type { AnimationConfig } from "../../types/animation";
+interface ResetGestureValuesProps {
+    spec?: AnimationConfig;
+    gestures: GestureMap;
+    shouldDismiss: boolean;
+    event: GestureStateChangeEvent<PanGestureHandlerEventPayload>;
+    dimensions: {
+        width: number;
+        height: number;
+    };
+}
+export declare const resetGestureValues: ({ spec, gestures, shouldDismiss, event, dimensions, }: ResetGestureValuesProps) => void;
+export {};
+//# sourceMappingURL=reset-gesture-values.d.ts.map

package/lib/typescript/utils/gesture/reset-gesture-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-gesture-values.d.ts","sourceRoot":"","sources":["../../../../src/utils/gesture/reset-gesture-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,uBAAuB,EACvB,6BAA6B,EAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI7D,UAAU,uBAAuB;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,UAAU,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,uBAAuB,CAAC,6BAA6B,CAAC,CAAC;IAC9D,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,GAAI,uDAMhC,uBAAuB,SAwBzB,CAAC"}

package/lib/typescript/utils/gesture/velocity.d.ts

@@ -0,0 +1,25 @@
+import type { GestureStateChangeEvent, PanGestureHandlerEventPayload } from "react-native-gesture-handler";
+import type { AnimationMap } from "../../stores/animations";
+interface CalculateProgressProps {
+    animations: AnimationMap;
+    shouldDismiss: boolean;
+    event: GestureStateChangeEvent<PanGestureHandlerEventPayload>;
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    directions: {
+        horizontal: boolean;
+        horizontalInverted: boolean;
+        vertical: boolean;
+        verticalInverted: boolean;
+    };
+}
+export declare const velocity: {
+    normalize: (velocityPixelsPerSecond: number, screenSize: number) => number;
+    calculateRestoreVelocity: (currentValueNormalized: number, baseVelocityNormalized: number, threshold?: number) => number;
+    calculateProgressVelocity: ({ animations, shouldDismiss, event, dimensions, directions, }: CalculateProgressProps) => number;
+    shouldPassDismissalThreshold: (translationPixels: number, velocityPixelsPerSecond: number, screenSize: number, velocityWeight: number) => boolean;
+};
+export {};
+//# sourceMappingURL=velocity.d.ts.map

package/lib/typescript/utils/gesture/velocity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"velocity.d.ts","sourceRoot":"","sources":["../../../../src/utils/gesture/velocity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,uBAAuB,EACvB,6BAA6B,EAC7B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,sBAAsB;IAC/B,UAAU,EAAE,YAAY,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,uBAAuB,CAAC,6BAA6B,CAAC,CAAC;IAC9D,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,UAAU,EAAE;QACX,UAAU,EAAE,OAAO,CAAC;QACpB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,QAAQ,EAAE,OAAO,CAAC;QAClB,gBAAgB,EAAE,OAAO,CAAC;KAC1B,CAAC;CACF;AAwHD,eAAO,MAAM,QAAQ;yCA/GuB,MAAM,cAAc,MAAM;uDAc7C,MAAM,0BACN,MAAM,cACnB,MAAM;+FAkBf,sBAAsB;sDAyDL,MAAM,2BACA,MAAM,cACnB,MAAM,kBACF,MAAM;CAsBtB,CAAC"}

package/lib/typescript/utils/reanimated/version.d.ts

@@ -0,0 +1,2 @@
+export declare const isReanimated4: () => boolean;
+//# sourceMappingURL=version.d.ts.map

package/lib/typescript/utils/reanimated/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../src/utils/reanimated/version.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,eAEzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-screen-transitions",
-	"version": "2.3.1",
+	"version": "2.3.3",
 	"description": "Easy screen transitions for React Native and Expo",
 	"author": "Ed",
 	"license": "MIT",
@@ -41,13 +41,13 @@
 		"react": "*",
 		"react-native": "*",
 		"react-native-gesture-handler": ">=2.16.1",
-		"react-native-reanimated": ">=3.16.0",
+		"react-native-reanimated": ">=3.16.0 || >=4.0.0-",
 		"react-native-safe-area-context": "*",
 		"react-native-screens": ">=4.4.0"
 	},
 	"devDependencies": {
 		"@testing-library/react-native": "^13.2.0",
-		"@types/react": "~19.0.10",
+		"@types/react": "~19.1.10",
 		"react-native-builder-bob": "0.39.0",
 		"typescript": "catalog:"
 	},

package/src/{configs → __configs__}/presets.ts

@@ -246,11 +246,13 @@ export const SharedIGImage = (
 				normX,
 				[-1, 0, 1],
 				[-width * 0.7, 0, width * 0.7],
+				"clamp",
 			);
 			const dragY = interpolate(
 				normY,
 				[-1, 0, 1],
 				[-height * 0.4, 0, height * 0.4],
+				"clamp",
 			);
 			const dragXScale = interpolate(normX, [0, 1], [1, 0.8]);
 			const dragYScale = interpolate(normY, [0, 1], [1, 0.8]);
@@ -328,6 +330,7 @@ export const SharedIGImage = (
 				damping: 1000,
 				mass: 3,
 				overshootClamping: true,
+				//@ts-expect-error
 				restSpeedThreshold: 0.02,
 			},
 			close: {
@@ -335,6 +338,7 @@ export const SharedIGImage = (
 				damping: 1000,
 				mass: 3,
 				overshootClamping: true,
+				//@ts-expect-error
 				restSpeedThreshold: 0.02,
 			},
 		},
@@ -507,13 +511,15 @@ export const SharedAppleMusic = (
 				damping: 500,
 				mass: 3,
 				overshootClamping: true,
+				//@ts-expect-error
 				restSpeedThreshold: 0.02,
 			},
 			close: {
 				stiffness: 600,
 				damping: 60,
-				mass: 3,
+				mass: 4,
 				overshootClamping: false,
+				//@ts-expect-error
 				restSpeedThreshold: 0.02,
 				restDisplacementThreshold: 0.002,
 			},

package/src/{configs → __configs__}/specs.ts

@@ -5,5 +5,6 @@ export const DefaultSpec: WithSpringConfig = {
 	damping: 500,
 	mass: 3,
 	overshootClamping: true,
+	// @ts-expect-error
 	restSpeedThreshold: 0.02,
 };

package/src/components/controllers/screen-lifecycle.tsx

@@ -5,7 +5,7 @@ import { useKeys } from "../../providers/keys";
 import { Animations } from "../../stores/animations";
 import { NavigatorDismissState } from "../../stores/navigator-dismiss-state";
 import { resetStoresForScreen } from "../../stores/utils/reset-stores-for-screen";
-import { runTransition } from "../../utils/animation/run-transition";
+import { startScreenTransition } from "../../utils/animation/start-screen-transition";
 
 interface ScreenLifecycleProps {
 	children: React.ReactNode;
@@ -35,7 +35,7 @@ export const ScreenLifecycleController = ({
 		}
 
 		e.preventDefault();
-		const onFinish = (finished: boolean) => {
+		const onAnimationFinish = (finished: boolean) => {
 			if (finished) {
 				current.navigation.dispatch(e.data.action);
 
@@ -46,16 +46,16 @@ export const ScreenLifecycleController = ({
 			}
 		};
 
-		runTransition({
+		startScreenTransition({
 			target: "close",
 			spec: current.options.transitionSpec,
-			onFinish,
+			onAnimationFinish,
 			animations,
 		});
 	});
 
 	const handleInitialize = useStableCallback(() => {
-		runTransition({
+		startScreenTransition({
 			target: "open",
 			spec: current.options.transitionSpec,
 			animations,

package/src/components/create-transition-aware-component.tsx

@@ -7,10 +7,8 @@ import { useAssociatedStyles } from "../hooks/animation/use-associated-style";
 import { useBoundsRegistry } from "../hooks/bounds/use-bound-registry";
 import { useScrollRegistry } from "../hooks/gestures/use-scroll-registry";
 import { useGestureContext } from "../providers/gestures";
-import { useKeys } from "../providers/keys";
 import type { TransitionAwareProps } from "../types/core";
 import type { Any } from "../types/utils";
-import { BoundCapture } from "./bound-capture";
 
 interface CreateTransitionAwareComponentOptions {
 	isScrollable?: boolean;
@@ -52,66 +50,53 @@ export function createTransitionAwareComponent<P extends object>(
 	const Inner = forwardRef<
 		React.ComponentRef<typeof AnimatedComponent>,
 		TransitionAwareProps<P>
-	>((props, ref) => {
-		const {
-			children,
-			style,
-			sharedBoundTag,
-			styleId,
-			onPress,
-			measureOnLayout,
-			...rest
-		} = props as Any;
+	>((props, _) => {
+		const { children, style, sharedBoundTag, styleId, onPress, ...rest } =
+			props as Any;
 
 		const animatedRef = useAnimatedRef<View>();
-		const { current } = useKeys();
 
 		const { associatedStyles } = useAssociatedStyles({
 			id: sharedBoundTag || styleId,
 			style,
 		});
 
-		const { measureBounds, handleLayout } = useBoundsRegistry({
+		const {
+			handleTransitionLayout,
+			captureActiveOnPress,
+			MeasurementSyncProvider,
+		} = useBoundsRegistry({
 			sharedBoundTag,
 			animatedRef,
-			current,
 			style,
-		});
-
-		if (isScrollable) {
-			return (
-				<ScrollableInner
-					{...(props as Any)}
-					ref={ref}
-					measureBounds={measureBounds}
-					handleLayout={handleLayout}
-				/>
-			);
-		}
-
-		const onLayoutHandler = runOnUI(() => {
-			"worklet";
-			handleLayout();
-			if (measureOnLayout && sharedBoundTag) {
-				measureBounds();
-			}
+			onPress,
 		});
 
 		return (
-			<BoundCapture sharedBoundTag={sharedBoundTag} measure={measureBounds}>
+			<MeasurementSyncProvider>
 				<AnimatedComponent
 					{...(rest as Any)}
 					ref={animatedRef}
 					style={[style, associatedStyles]}
-					onPress={onPress}
-					onLayout={onLayoutHandler}
+					onPress={captureActiveOnPress}
+					onLayout={runOnUI(handleTransitionLayout)}
+					collapsable={!sharedBoundTag}
 				>
 					{children}
 				</AnimatedComponent>
-			</BoundCapture>
+			</MeasurementSyncProvider>
 		);
 	});
 
+	if (isScrollable) {
+		return memo(ScrollableInner) as React.MemoExoticComponent<
+			React.ForwardRefExoticComponent<
+				TransitionAwareProps<P> &
+					React.RefAttributes<React.ComponentRef<typeof Wrapped>>
+			>
+		>;
+	}
+
 	return memo(Inner) as React.MemoExoticComponent<
 		React.ForwardRefExoticComponent<
 			TransitionAwareProps<P> &

package/src/components/integrations/masked-view.tsx

@@ -1,4 +1,5 @@
 import { type StyleProp, StyleSheet, View, type ViewStyle } from "react-native";
+import { CONTAINER_STYLE_ID, MASK_STYLE_ID } from "../../constants";
 import { createTransitionAwareComponent } from "../create-transition-aware-component";
 
 const TransitionView = createTransitionAwareComponent(View);
@@ -11,9 +12,6 @@ try {
 	// noop
 }
 
-const MASK_STYLE_ID = "_ROOT_MASKED";
-const CONTAINER_STYLE_ID = "_ROOT_CONTAINER";
-
 export default function MaskedView({
 	children,
 	style: userStyles = {},

package/src/components/root-transition-aware.tsx

@@ -1,28 +1,24 @@
 import { memo } from "react";
 import { StyleSheet, View } from "react-native";
-import Animated, {
-	type StyleProps,
-	useAnimatedStyle,
-} from "react-native-reanimated";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+import { NO_STYLES } from "../constants";
 import { useTransitionStyles } from "../providers/transition-styles";
 
 type Props = {
 	children: React.ReactNode;
 };
 
-const EMPTY_STYLE = Object.freeze({} as StyleProps);
-
 export const RootTransitionAware = memo(({ children }: Props) => {
 	const { stylesMap } = useTransitionStyles();
 
 	const animatedContentStyle = useAnimatedStyle(() => {
 		"worklet";
-		return stylesMap.value.contentStyle || EMPTY_STYLE;
+		return stylesMap.value.contentStyle || NO_STYLES;
 	});
 
 	const animatedOverlayStyle = useAnimatedStyle(() => {
 		"worklet";
-		return stylesMap.value.overlayStyle || EMPTY_STYLE;
+		return stylesMap.value.overlayStyle || NO_STYLES;
 	});
 
 	return (

package/src/constants.ts

@@ -0,0 +1,106 @@
+import type { ParamListBase, RouteProp } from "@react-navigation/native";
+import type { ScaledSize } from "react-native";
+import type { MeasuredDimensions } from "react-native-reanimated";
+import type { ScreenTransitionState } from "./types/animation";
+import type { BoundEntry } from "./types/bounds";
+import type { ActivationArea } from "./types/gesture";
+import type { Complete } from "./types/utils";
+import type { BoundsBuilderOptions } from "./utils/bounds/_types/builder";
+
+/**
+ * Masked view integration
+ */
+export const MASK_STYLE_ID = "_ROOT_MASKED";
+export const CONTAINER_STYLE_ID = "_ROOT_CONTAINER";
+
+/**
+ * Styles
+ */
+export const NO_STYLES = Object.freeze({});
+
+/**
+ * Default screen transition state
+ */
+export const DEFAULT_SCREEN_TRANSITION_STATE: ScreenTransitionState =
+	Object.freeze({
+		progress: 0,
+		closing: 0,
+		animating: 0,
+		gesture: {
+			x: 0,
+			y: 0,
+			normalizedX: 0,
+			normalizedY: 0,
+			isDismissing: 0,
+			isDragging: 0,
+		},
+		bounds: {} as Record<string, BoundEntry>,
+		route: {} as RouteProp<ParamListBase>,
+	});
+
+/**
+ * Bounds API Defaults
+ */
+export const NO_BOUNDS_MAP: Record<string, BoundEntry> = Object.freeze({});
+export const EMPTY_BOUND_HELPER_RESULT = Object.freeze({});
+export const EMPTY_BOUND_HELPER_RESULT_RAW = Object.freeze({
+	scaleX: 1,
+	scaleY: 1,
+	scale: 1,
+	translateX: 0,
+	translateY: 0,
+	width: 0,
+	height: 0,
+});
+export const ENTER_RANGE = [0, 1] as const;
+export const EXIT_RANGE = [1, 2] as const;
+export const FULLSCREEN_DIMENSIONS = (
+	dimensions: ScaledSize,
+): MeasuredDimensions => {
+	"worklet";
+	return {
+		x: 0,
+		y: 0,
+		pageX: 0,
+		pageY: 0,
+		width: dimensions.width,
+		height: dimensions.height,
+	};
+};
+
+export const DEFAULT_BUILDER_OPTIONS: Complete<
+	Omit<BoundsBuilderOptions, "id">
+> = Object.freeze({
+	gestures: { x: 0, y: 0 },
+	toFullscreen: false,
+	absolute: false,
+	relative: true,
+	method: "transform",
+	contentScaleMode: "auto",
+	//
+	space: "relative",
+	target: "bound",
+	scaleMode: "match",
+	anchor: "center",
+	raw: false,
+} as const);
+
+/**
+ * Default gesture config
+ */
+export const GESTURE_VELOCITY_IMPACT = 0.3;
+export const DEFAULT_GESTURE_DIRECTION = "horizontal";
+export const DEFAULT_GESTURE_ENABLED = false;
+export const DEFAULT_GESTURE_DRIVES_PROGRESS = true;
+export const DEFAULT_GESTURE_ACTIVATION_AREA: ActivationArea = "screen";
+
+/**
+ * Default gesture offset
+ */
+export const GESTURE_ACTIVATION_THRESHOLD_X = 10;
+export const GESTURE_ACTIVATION_THRESHOLD_Y = 10;
+export const GESTURE_FAIL_TOLERANCE_X = 15;
+export const GESTURE_FAIL_TOLERANCE_Y = 20;
+export const DEFAULT_EDGE_DISTANCE_HORIZONTAL = 50;
+export const DEFAULT_EDGE_DISTANCE_VERTICAL = 135;
+export const DEFAULT_ACTIVATION_AREA = "screen" as const;

package/src/hooks/animation/use-associated-style.tsx

@@ -4,6 +4,7 @@ import {
 	useDerivedValue,
 	useSharedValue,
 } from "react-native-reanimated";
+import { NO_STYLES } from "../../constants";
 import { useTransitionStyles } from "../../providers/transition-styles";
 
 type Props = {
@@ -11,8 +12,6 @@ type Props = {
 	style?: StyleProps;
 };
 
-const EMPTY_STYLE = Object.freeze({});
-
 /**
  * This hook is used to get the associated styles for a given styleId / boundTag.
  */
@@ -41,9 +40,9 @@ export const useAssociatedStyles = ({ id }: Props = {}) => {
 		"worklet";
 
 		if (!id || !stylesMap) {
-			return EMPTY_STYLE;
+			return NO_STYLES;
 		}
-		const base = stylesMap.value[id] || EMPTY_STYLE;
+		const base = stylesMap.value[id] || NO_STYLES;
 
 		let opacity = 1;
 

package/src/hooks/animation/use-screen-animation.tsx

@@ -3,6 +3,10 @@ import { useMemo } from "react";
 import { useWindowDimensions } from "react-native";
 import { type SharedValue, useDerivedValue } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
+import {
+	DEFAULT_SCREEN_TRANSITION_STATE,
+	NO_BOUNDS_MAP,
+} from "../../constants";
 import { useKeys } from "../../providers/keys";
 import { Animations } from "../../stores/animations";
 import { Bounds } from "../../stores/bounds";
@@ -11,7 +15,7 @@ import type {
 	ScreenInterpolationProps,
 	ScreenTransitionState,
 } from "../../types/animation";
-import type { BoundEntry } from "../../types/bounds";
+
 import type { NativeStackDescriptor } from "../../types/navigator";
 import { derivations } from "../../utils/animation/derivations";
 
@@ -23,24 +27,6 @@ type BuiltState = {
 	route: RouteProp<ParamListBase>;
 };
 
-const EMPTY_BOUNDS = Object.freeze({}) as Record<string, BoundEntry>;
-
-const FALLBACK: ScreenTransitionState = Object.freeze({
-	progress: 0,
-	closing: 0,
-	animating: 0,
-	gesture: {
-		x: 0,
-		y: 0,
-		normalizedX: 0,
-		normalizedY: 0,
-		isDismissing: 0,
-		isDragging: 0,
-	},
-	bounds: {} as Record<string, BoundEntry>,
-	route: {} as RouteProp<ParamListBase>,
-});
-
 const unwrap = (
 	s: BuiltState | undefined,
 	key: string | undefined,
@@ -60,7 +46,7 @@ const unwrap = (
 			isDismissing: s.gesture.isDismissing.value,
 			isDragging: s.gesture.isDragging.value,
 		},
-		bounds: Bounds.getBounds(key) || EMPTY_BOUNDS,
+		bounds: Bounds.getBounds(key) || NO_BOUNDS_MAP,
 		route: s.route,
 	};
 };
@@ -102,9 +88,14 @@ export function _useScreenAnimation() {
 			"worklet";
 
 			const previous = unwrap(prevAnimation, previousDescriptor?.route.key);
-			const next = unwrap(nextAnimation, nextDescriptor?.route.key);
+
+			const next = nextDescriptor?.options?.enableTransitions
+				? unwrap(nextAnimation, nextDescriptor?.route.key)
+				: undefined;
+
 			const current =
-				unwrap(currentAnimation, currentDescriptor?.route.key) ?? FALLBACK;
+				unwrap(currentAnimation, currentDescriptor?.route.key) ??
+				DEFAULT_SCREEN_TRANSITION_STATE;
 
 			const {
 				progress,
@@ -138,17 +129,9 @@ export function _useScreenAnimation() {
 		},
 	);
 
-	// Prefer the next descriptor's interpolator only when transitions are enabled on it.
-	// If the next screen doesn't opt-in to transitions, avoid falling back to the current
-	// screen's interpolator to prevent unintended global styles (e.g., scaling previous screens
-	// when presenting non-transitioning modals/sheets).
-	const nextEnabled = nextDescriptor?.options.enableTransitions;
-	const currentEnabled = currentDescriptor?.options.enableTransitions;
-
-	const nextInterpolator =
-		nextEnabled && nextDescriptor?.options.screenStyleInterpolator;
+	const nextInterpolator = nextDescriptor?.options.screenStyleInterpolator;
 	const currentInterpolator =
-		currentEnabled && currentDescriptor?.options.screenStyleInterpolator;
+		currentDescriptor?.options.screenStyleInterpolator;
 
 	const screenStyleInterpolator = nextInterpolator ?? currentInterpolator;