react-native-screen-transitions 2.0.2 → 2.0.4

package/lib/commonjs/utils/bounds/constants.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FULLSCREEN_DIMENSIONS = exports.DEFAULT_BUILDER_OPTIONS = void 0;
 const FULLSCREEN_DIMENSIONS = dimensions => {
-  "worklet";
+  'worklet';
 
   return {
     x: 0,
@@ -25,7 +25,7 @@ const DEFAULT_BUILDER_OPTIONS = exports.DEFAULT_BUILDER_OPTIONS = Object.freeze(
   toFullscreen: false,
   absolute: false,
   relative: true,
-  method: "transform",
-  contentScaleMode: "auto"
+  method: 'transform',
+  contentScaleMode: 'auto'
 });
 //# sourceMappingURL=constants.js.map

package/lib/commonjs/utils/bounds/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["FULLSCREEN_DIMENSIONS","dimensions","x","y","pageX","pageY","width","height","exports","DEFAULT_BUILDER_OPTIONS","Object","freeze","gestures","toFullscreen","absolute","relative","method","contentScaleMode"],"sourceRoot":"../../../../src","sources":["utils/bounds/constants.ts"],"mappings":";;;;;;AAKO,MAAMA,qBAAqB,GACjCC,UAAsB,IACE;EACxB,SAAS;;EACT,OAAO;IACNC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAEL,UAAU,CAACK,KAAK;IACvBC,MAAM,EAAEN,UAAU,CAACM;EACpB,CAAC;AACF,CAAC;AAACC,OAAA,CAAAR,qBAAA,GAAAA,qBAAA;AAEK,MAAMS,uBAAuD,GAAAD,OAAA,CAAAC,uBAAA,GACnEC,MAAM,CAACC,MAAM,CAAC;EACbC,QAAQ,EAAE;IAAEV,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACxBU,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,WAAW;EACnBC,gBAAgB,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["FULLSCREEN_DIMENSIONS","dimensions","x","y","pageX","pageY","width","height","exports","DEFAULT_BUILDER_OPTIONS","Object","freeze","gestures","toFullscreen","absolute","relative","method","contentScaleMode"],"sourceRoot":"../../../../src","sources":["utils/bounds/constants.ts"],"mappings":";;;;;;AAKO,MAAMA,qBAAqB,GAAIC,UAAsB,IAAyB;EACnF,SAAS;;EACT,OAAO;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAEL,UAAU,CAACK,KAAK;IACvBC,MAAM,EAAEN,UAAU,CAACM;EACrB,CAAC;AACH,CAAC;AAACC,OAAA,CAAAR,qBAAA,GAAAA,qBAAA;AAEK,MAAMS,uBAAuD,GAAAD,OAAA,CAAAC,uBAAA,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnFC,QAAQ,EAAE;IAAEV,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACxBU,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,WAAW;EACnBC,gBAAgB,EAAE;AACpB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/utils/bounds/get-bounds.js

@@ -16,15 +16,15 @@ const fallbackBounds = {
   styles: {}
 };
 const getBounds = props => {
-  "worklet";
+  'worklet';
 
   const boundId = props.id;
   const phase = props.phase;
   if (phase && boundId) {
     let phaseBounds = null;
-    if (phase === "current") {
+    if (phase === 'current') {
       phaseBounds = props.current?.bounds[boundId];
-    } else if (phase === "next") {
+    } else if (phase === 'next') {
       phaseBounds = props.next?.bounds[boundId];
     } else {
       phaseBounds = props.previous?.bounds[boundId];

package/lib/commonjs/utils/bounds/get-bounds.js.map

@@ -1 +1 @@
-{"version":3,"names":["fallbackBounds","bounds","width","height","x","y","pageX","pageY","styles","getBounds","props","boundId","id","phase","phaseBounds","current","next","previous","previousBounds","nextBounds","exports"],"sourceRoot":"../../../../src","sources":["utils/bounds/get-bounds.ts"],"mappings":";;;;;;AAIA,MAAMA,cAAc,GAAG;EACtBC,MAAM,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE;EACR,CAAC;EACDC,MAAM,EAAE,CAAC;AACV,CAAC;AAEM,MAAMC,SAAS,GAAIC,KAAsB,IAAiB;EAChE,SAAS;;EACT,MAAMC,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK;EAEzB,IAAIA,KAAK,IAAIF,OAAO,EAAE;IACrB,IAAIG,WAAW,GAAG,IAAI;IAEtB,IAAID,KAAK,KAAK,SAAS,EAAE;MACxBC,WAAW,GAAGJ,KAAK,CAACK,OAAO,EAAEd,MAAM,CAACU,OAAO,CAAC;IAC7C,CAAC,MAAM,IAAIE,KAAK,KAAK,MAAM,EAAE;MAC5BC,WAAW,GAAGJ,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAC1C,CAAC,MAAM;MACNG,WAAW,GAAGJ,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAC9C;IAEA,IAAI,CAACG,WAAW,EAAE;MACjB,OAAOd,cAAc;IACtB;IAEA,OAAO;MACNC,MAAM,EAAEa,WAAW,CAACb,MAAM;MAC1BO,MAAM,EAAEM,WAAW,EAAEN;IACtB,CAAC;EACF;EAEA,IAAI,CAACE,KAAK,CAACM,IAAI,IAAIL,OAAO,EAAE;IAC3B,MAAMO,cAAc,GAAGR,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAEtD,OAAOO,cAAc,IAAIlB,cAAc;EACxC;EAEA,IAAIW,OAAO,EAAE;IACZ,MAAMQ,UAAU,GAAGT,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAE9C,OAAOQ,UAAU,IAAInB,cAAc;EACpC;EAEA,OAAOA,cAAc;AACtB,CAAC;AAACoB,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["fallbackBounds","bounds","width","height","x","y","pageX","pageY","styles","getBounds","props","boundId","id","phase","phaseBounds","current","next","previous","previousBounds","nextBounds","exports"],"sourceRoot":"../../../../src","sources":["utils/bounds/get-bounds.ts"],"mappings":";;;;;;AAIA,MAAMA,cAAc,GAAG;EACrBC,MAAM,EAAE;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE,CAAC;AACX,CAAC;AAEM,MAAMC,SAAS,GAAIC,KAAsB,IAAiB;EAC/D,SAAS;;EACT,MAAMC,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK;EAEzB,IAAIA,KAAK,IAAIF,OAAO,EAAE;IACpB,IAAIG,WAAW,GAAG,IAAI;IAEtB,IAAID,KAAK,KAAK,SAAS,EAAE;MACvBC,WAAW,GAAGJ,KAAK,CAACK,OAAO,EAAEd,MAAM,CAACU,OAAO,CAAC;IAC9C,CAAC,MAAM,IAAIE,KAAK,KAAK,MAAM,EAAE;MAC3BC,WAAW,GAAGJ,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAC3C,CAAC,MAAM;MACLG,WAAW,GAAGJ,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAC/C;IAEA,IAAI,CAACG,WAAW,EAAE;MAChB,OAAOd,cAAc;IACvB;IAEA,OAAO;MACLC,MAAM,EAAEa,WAAW,CAACb,MAAM;MAC1BO,MAAM,EAAEM,WAAW,EAAEN;IACvB,CAAC;EACH;EAEA,IAAI,CAACE,KAAK,CAACM,IAAI,IAAIL,OAAO,EAAE;IAC1B,MAAMO,cAAc,GAAGR,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAEtD,OAAOO,cAAc,IAAIlB,cAAc;EACzC;EAEA,IAAIW,OAAO,EAAE;IACX,MAAMQ,UAAU,GAAGT,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAE9C,OAAOQ,UAAU,IAAInB,cAAc;EACrC;EAEA,OAAOA,cAAc;AACvB,CAAC;AAACoB,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/module/utils/bounds/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 
 export const FULLSCREEN_DIMENSIONS = dimensions => {
-  "worklet";
+  'worklet';
 
   return {
     x: 0,
@@ -20,7 +20,7 @@ export const DEFAULT_BUILDER_OPTIONS = Object.freeze({
   toFullscreen: false,
   absolute: false,
   relative: true,
-  method: "transform",
-  contentScaleMode: "auto"
+  method: 'transform',
+  contentScaleMode: 'auto'
 });
 //# sourceMappingURL=constants.js.map

package/lib/module/utils/bounds/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["FULLSCREEN_DIMENSIONS","dimensions","x","y","pageX","pageY","width","height","DEFAULT_BUILDER_OPTIONS","Object","freeze","gestures","toFullscreen","absolute","relative","method","contentScaleMode"],"sourceRoot":"../../../../src","sources":["utils/bounds/constants.ts"],"mappings":";;AAKA,OAAO,MAAMA,qBAAqB,GACjCC,UAAsB,IACE;EACxB,SAAS;;EACT,OAAO;IACNC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAEL,UAAU,CAACK,KAAK;IACvBC,MAAM,EAAEN,UAAU,CAACM;EACpB,CAAC;AACF,CAAC;AAED,OAAO,MAAMC,uBAAuD,GACnEC,MAAM,CAACC,MAAM,CAAC;EACbC,QAAQ,EAAE;IAAET,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACxBS,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,WAAW;EACnBC,gBAAgB,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["FULLSCREEN_DIMENSIONS","dimensions","x","y","pageX","pageY","width","height","DEFAULT_BUILDER_OPTIONS","Object","freeze","gestures","toFullscreen","absolute","relative","method","contentScaleMode"],"sourceRoot":"../../../../src","sources":["utils/bounds/constants.ts"],"mappings":";;AAKA,OAAO,MAAMA,qBAAqB,GAAIC,UAAsB,IAAyB;EACnF,SAAS;;EACT,OAAO;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAEL,UAAU,CAACK,KAAK;IACvBC,MAAM,EAAEN,UAAU,CAACM;EACrB,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,uBAAuD,GAAGC,MAAM,CAACC,MAAM,CAAC;EACnFC,QAAQ,EAAE;IAAET,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACxBS,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,WAAW;EACnBC,gBAAgB,EAAE;AACpB,CAAC,CAAC","ignoreList":[]}

package/lib/module/utils/bounds/get-bounds.js

@@ -12,15 +12,15 @@ const fallbackBounds = {
   styles: {}
 };
 export const getBounds = props => {
-  "worklet";
+  'worklet';
 
   const boundId = props.id;
   const phase = props.phase;
   if (phase && boundId) {
     let phaseBounds = null;
-    if (phase === "current") {
+    if (phase === 'current') {
       phaseBounds = props.current?.bounds[boundId];
-    } else if (phase === "next") {
+    } else if (phase === 'next') {
       phaseBounds = props.next?.bounds[boundId];
     } else {
       phaseBounds = props.previous?.bounds[boundId];

package/lib/module/utils/bounds/get-bounds.js.map

@@ -1 +1 @@
-{"version":3,"names":["fallbackBounds","bounds","width","height","x","y","pageX","pageY","styles","getBounds","props","boundId","id","phase","phaseBounds","current","next","previous","previousBounds","nextBounds"],"sourceRoot":"../../../../src","sources":["utils/bounds/get-bounds.ts"],"mappings":";;AAIA,MAAMA,cAAc,GAAG;EACtBC,MAAM,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE;EACR,CAAC;EACDC,MAAM,EAAE,CAAC;AACV,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIC,KAAsB,IAAiB;EAChE,SAAS;;EACT,MAAMC,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK;EAEzB,IAAIA,KAAK,IAAIF,OAAO,EAAE;IACrB,IAAIG,WAAW,GAAG,IAAI;IAEtB,IAAID,KAAK,KAAK,SAAS,EAAE;MACxBC,WAAW,GAAGJ,KAAK,CAACK,OAAO,EAAEd,MAAM,CAACU,OAAO,CAAC;IAC7C,CAAC,MAAM,IAAIE,KAAK,KAAK,MAAM,EAAE;MAC5BC,WAAW,GAAGJ,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAC1C,CAAC,MAAM;MACNG,WAAW,GAAGJ,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAC9C;IAEA,IAAI,CAACG,WAAW,EAAE;MACjB,OAAOd,cAAc;IACtB;IAEA,OAAO;MACNC,MAAM,EAAEa,WAAW,CAACb,MAAM;MAC1BO,MAAM,EAAEM,WAAW,EAAEN;IACtB,CAAC;EACF;EAEA,IAAI,CAACE,KAAK,CAACM,IAAI,IAAIL,OAAO,EAAE;IAC3B,MAAMO,cAAc,GAAGR,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAEtD,OAAOO,cAAc,IAAIlB,cAAc;EACxC;EAEA,IAAIW,OAAO,EAAE;IACZ,MAAMQ,UAAU,GAAGT,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAE9C,OAAOQ,UAAU,IAAInB,cAAc;EACpC;EAEA,OAAOA,cAAc;AACtB,CAAC","ignoreList":[]}
+{"version":3,"names":["fallbackBounds","bounds","width","height","x","y","pageX","pageY","styles","getBounds","props","boundId","id","phase","phaseBounds","current","next","previous","previousBounds","nextBounds"],"sourceRoot":"../../../../src","sources":["utils/bounds/get-bounds.ts"],"mappings":";;AAIA,MAAMA,cAAc,GAAG;EACrBC,MAAM,EAAE;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE,CAAC;AACX,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIC,KAAsB,IAAiB;EAC/D,SAAS;;EACT,MAAMC,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK;EAEzB,IAAIA,KAAK,IAAIF,OAAO,EAAE;IACpB,IAAIG,WAAW,GAAG,IAAI;IAEtB,IAAID,KAAK,KAAK,SAAS,EAAE;MACvBC,WAAW,GAAGJ,KAAK,CAACK,OAAO,EAAEd,MAAM,CAACU,OAAO,CAAC;IAC9C,CAAC,MAAM,IAAIE,KAAK,KAAK,MAAM,EAAE;MAC3BC,WAAW,GAAGJ,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAC3C,CAAC,MAAM;MACLG,WAAW,GAAGJ,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAC/C;IAEA,IAAI,CAACG,WAAW,EAAE;MAChB,OAAOd,cAAc;IACvB;IAEA,OAAO;MACLC,MAAM,EAAEa,WAAW,CAACb,MAAM;MAC1BO,MAAM,EAAEM,WAAW,EAAEN;IACvB,CAAC;EACH;EAEA,IAAI,CAACE,KAAK,CAACM,IAAI,IAAIL,OAAO,EAAE;IAC1B,MAAMO,cAAc,GAAGR,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAEtD,OAAOO,cAAc,IAAIlB,cAAc;EACzC;EAEA,IAAIW,OAAO,EAAE;IACX,MAAMQ,UAAU,GAAGT,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAE9C,OAAOQ,UAAU,IAAInB,cAAc;EACrC;EAEA,OAAOA,cAAc;AACvB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import type { ScreenPhase } from "src/types/core";
-import type { ScreenTransitionState } from "../../../types/animation";
+import type { ScreenPhase } from '../../../types/core';
+import type { ScreenTransitionState } from '../../../types/animation';
 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,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,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"}
+{"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"}

package/lib/typescript/utils/bounds/constants.d.ts

@@ -1,7 +1,7 @@
-import type { ScaledSize } from "react-native";
-import type { MeasuredDimensions } from "react-native-reanimated";
-import type { Complete } from "src/types/utils";
-import type { BoundsBuilderOptions } from "./_types/builder";
+import type { ScaledSize } from 'react-native';
+import type { MeasuredDimensions } from 'react-native-reanimated';
+import type { Complete } from '../../types/utils';
+import type { BoundsBuilderOptions } from './_types/builder';
 export declare const FULLSCREEN_DIMENSIONS: (dimensions: ScaledSize) => MeasuredDimensions;
 export declare const DEFAULT_BUILDER_OPTIONS: Complete<BoundsBuilderOptions>;
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/utils/bounds/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,eAAO,MAAM,qBAAqB,GACjC,YAAY,UAAU,KACpB,kBAUF,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,oBAAoB,CAQhE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/utils/bounds/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,eAAO,MAAM,qBAAqB,GAAI,YAAY,UAAU,KAAG,kBAU9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,oBAAoB,CAOjE,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { BoundEntry } from "src/types/bounds";
-import type { GetBoundsParams } from "./_types/get-bounds";
+import type { BoundEntry } from '../../types/bounds';
+import type { GetBoundsParams } from './_types/get-bounds';
 export declare const getBounds: (props: GetBoundsParams) => BoundEntry;
 //# sourceMappingURL=get-bounds.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-bounds.d.ts","sourceRoot":"","sources":["../../../../src/utils/bounds/get-bounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAc3D,eAAO,MAAM,SAAS,GAAI,OAAO,eAAe,KAAG,UAuClD,CAAC"}
+{"version":3,"file":"get-bounds.d.ts","sourceRoot":"","sources":["../../../../src/utils/bounds/get-bounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAc3D,eAAO,MAAM,SAAS,GAAI,OAAO,eAAe,KAAG,UAuClD,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { ScaledSize } from "react-native";
-import type { ScreenPhase } from "src/types/core";
+import type { ScreenPhase } from "../../types/core";
 import type { ScreenTransitionState } from "../../types/animation";
 export interface BuildBoundsAccessorParams {
     activeBoundId: string | null;

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;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAInE,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;AAED,eAAO,MAAM,mBAAmB,GAAI,mEAOjC,yBAAyB,YAGN,MAAM;eAWf,MAAM,UAAU,WAAW;CASvC,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;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAInE,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;AAED,eAAO,MAAM,mBAAmB,GAAI,mEAOjC,yBAAyB,YAGN,MAAM;eAWf,MAAM,UAAU,WAAW;CASvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-screen-transitions",
-	"version": "2.0.2",
+	"version": "2.0.4",
 	"description": "Easy screen transitions for React Native and Expo",
 	"author": "Ed",
 	"license": "MIT",
@@ -12,6 +12,7 @@
 	"main": "lib/commonjs/index.js",
 	"module": "lib/module/index.js",
 	"types": "lib/typescript/index.d.ts",
+	"react-native": "src/index",
 	"scripts": {
 		"build": "bob build",
 		"lint": "biome check ./src",
@@ -27,6 +28,7 @@
 	],
 	"files": [
 		"lib",
+		"src",
 		"README.md",
 		"LICENSE"
 	],
@@ -64,5 +66,5 @@
 			]
 		]
 	},
-	"gitHead": "3f7cb6a77b24a99123fd4cb1277f152aa365e792"
+	"gitHead": "38f75fc51e610d78d165d5fc78b94f71a1db0efe"
 }

package/src/__tests__/geometry.test.ts

@@ -0,0 +1,127 @@
+import { describe, expect, it } from "bun:test";
+import {
+	computeContentTransformGeometry,
+	computeRelativeGeometry,
+} from "../utils/bounds/geometry";
+
+describe("computeRelativeGeometry", () => {
+	it("calculates correct relative geometry when entering", () => {
+		const start = {
+			x: 10,
+			y: 20,
+			pageX: 10,
+			pageY: 20,
+			width: 100,
+			height: 200,
+		};
+		const end = {
+			x: 50,
+			y: 100,
+			pageX: 50,
+			pageY: 100,
+			width: 200,
+			height: 400,
+		};
+
+		const result = computeRelativeGeometry({ start, end, entering: true });
+
+		expect(result.dx).toBe(-90); // center diff X
+		expect(result.dy).toBe(-180); // center diff Y
+		expect(result.scaleX).toBe(0.5); // width ratio
+		expect(result.scaleY).toBe(0.5); // height ratio
+		expect(result.ranges).toEqual([0, 1]);
+		expect(result.entering).toBe(true);
+	});
+
+	it("calculates correct relative geometry when exiting", () => {
+		const start = { x: 0, y: 0, pageX: 10, pageY: 20, width: 100, height: 200 };
+		const end = { x: 0, y: 0, pageX: 50, pageY: 100, width: 200, height: 400 };
+
+		const result = computeRelativeGeometry({ start, end, entering: false });
+
+		expect(result.ranges).toEqual([1, 2]);
+		expect(result.entering).toBe(false);
+	});
+});
+
+describe("computeContentTransformGeometry", () => {
+	const dimensions = { width: 375, height: 812, scale: 1, fontScale: 1 };
+
+	it("calculates transform with aspectFit mode", () => {
+		const start = {
+			x: 0,
+			y: 0,
+			pageX: 50,
+			pageY: 100,
+			width: 100,
+			height: 100,
+		};
+		const end = { x: 0, y: 0, pageX: 100, pageY: 200, width: 200, height: 50 };
+
+		const result = computeContentTransformGeometry({
+			start,
+			end,
+			entering: true,
+			dimensions,
+			contentScaleMode: "aspectFit",
+		});
+
+		expect(result.s).toBe(0.5);
+		expect(result.entering).toBe(true);
+		expect(result.ranges).toEqual([0, 1]);
+	});
+
+	it("calculates transform with aspectFill mode", () => {
+		const start = {
+			x: 0,
+			y: 0,
+			pageX: 50,
+			pageY: 100,
+			width: 100,
+			height: 100,
+		};
+		const end = { x: 0, y: 0, pageX: 100, pageY: 200, width: 200, height: 50 };
+
+		const result = computeContentTransformGeometry({
+			start,
+			end,
+			entering: true,
+			dimensions,
+			contentScaleMode: "aspectFill",
+		});
+
+		expect(result.s).toBe(2);
+	});
+
+	it("handles auto mode based on aspect ratio difference", () => {
+		const start = { x: 0, y: 0, pageX: 0, pageY: 0, width: 100, height: 100 };
+		const end = { x: 0, y: 0, pageX: 0, pageY: 0, width: 200, height: 195 };
+
+		const result = computeContentTransformGeometry({
+			start,
+			end,
+			entering: true,
+			dimensions,
+			contentScaleMode: "auto",
+		});
+
+		expect(result.s).toBeCloseTo(0.512, 2);
+	});
+
+	it("handles zero dimensions safely", () => {
+		const start = { x: 0, y: 0, pageX: 0, pageY: 0, width: 0, height: 100 };
+		const end = { x: 0, y: 0, pageX: 0, pageY: 0, width: 200, height: 200 };
+
+		// Should not throw and use safe fallback
+		const result = computeContentTransformGeometry({
+			start,
+			end,
+			entering: true,
+			dimensions,
+			contentScaleMode: "aspectFit",
+		});
+
+		expect(result.s).toBeDefined();
+		expect(Number.isFinite(result.s)).toBe(true);
+	});
+});

package/src/components/bounds-activator.tsx

@@ -0,0 +1,29 @@
+import { useMemo } from "react";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import { Bounds } from "../stores/bounds";
+
+interface BoundActivatorProps {
+	sharedBoundTag?: string;
+	children: React.ReactNode;
+	measure: () => void;
+}
+
+export const BoundActivator = ({
+	sharedBoundTag,
+	children,
+	measure,
+}: BoundActivatorProps) => {
+	const tapGesture = useMemo(() => {
+		return Gesture.Tap().onStart(() => {
+			"worklet";
+			if (sharedBoundTag) {
+				Bounds.setActiveBoundId(sharedBoundTag);
+				measure();
+			}
+		});
+	}, [sharedBoundTag, measure]);
+
+	if (!sharedBoundTag) return children;
+
+	return <GestureDetector gesture={tapGesture}>{children}</GestureDetector>;
+};

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

@@ -0,0 +1,72 @@
+import { useEffect, useLayoutEffect } from "react";
+import useStableCallback from "../../hooks/use-stable-callback";
+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";
+
+interface ScreenLifecycleProps {
+	children: React.ReactNode;
+}
+
+export const ScreenLifecycleController = ({
+	children,
+}: ScreenLifecycleProps) => {
+	const { current } = useKeys();
+
+	const animations = Animations.getAll(current.route.key);
+
+	const handleBeforeRemove = useStableCallback((e: any) => {
+		const key = current.navigation.getParent()?.getState().key;
+		const requestedDismissOnNavigator = NavigatorDismissState.get(key);
+
+		// Don't run e.preventDefault when the dismissal was on the local root
+		if (requestedDismissOnNavigator) {
+			resetStoresForScreen(current);
+			return;
+		}
+
+		// Don't run e.preventDefault when this is the first screen of the stack
+		if (current.navigation.getState().index === 0) {
+			resetStoresForScreen(current);
+			return;
+		}
+
+		e.preventDefault();
+		const onFinish = (finished: boolean) => {
+			if (finished) {
+				resetStoresForScreen(current);
+				current.navigation.dispatch(e.data.action);
+			}
+		};
+
+		runTransition({
+			target: "close",
+			spec: current.options.transitionSpec,
+			onFinish,
+			animations,
+		});
+	});
+
+	const handleInitialize = useStableCallback(() => {
+		runTransition({
+			target: "open",
+			spec: current.options.transitionSpec,
+			animations,
+		});
+	});
+
+	useLayoutEffect(handleInitialize, []);
+
+	useEffect(() => {
+		const unsubscribe = current.navigation.addListener(
+			"beforeRemove",
+			handleBeforeRemove,
+		);
+
+		return unsubscribe;
+	}, [current.navigation, handleBeforeRemove]);
+
+	return children;
+};

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

@@ -0,0 +1,99 @@
+import type React from "react";
+import { type ComponentType, forwardRef, memo } from "react";
+import type { View } from "react-native";
+import { GestureDetector } from "react-native-gesture-handler";
+import Animated, { runOnUI, useAnimatedRef } from "react-native-reanimated";
+import { useAssociatedStyles } from "../hooks/animation/use-associated-style";
+import { useBoundMeasurer } from "../hooks/bounds/use-bound-measurer";
+import { useScrollProgress } from "../hooks/gestures/use-scroll-progress";
+import { useGestureContext } from "../providers/gestures";
+import { useKeys } from "../providers/keys";
+import type { TransitionAwareProps } from "../types/core";
+import type { Any } from "../types/utils";
+import { BoundActivator } from "./bounds-activator";
+
+interface CreateTransitionAwareComponentOptions {
+	isScrollable?: boolean;
+}
+
+export function createTransitionAwareComponent<P extends object>(
+	Wrapped: ComponentType<P>,
+	options: CreateTransitionAwareComponentOptions = {},
+) {
+	const { isScrollable = false } = options;
+
+	const AnimatedComponent = Animated.createAnimatedComponent(Wrapped);
+
+	const ScrollableInner = forwardRef<
+		React.ComponentRef<typeof Wrapped>,
+		TransitionAwareProps<P>
+	>((props: Any, ref) => {
+		const { nativeGesture } = useGestureContext();
+
+		const { scrollHandler, onContentSizeChange, onLayout } = useScrollProgress({
+			onScroll: props.onScroll,
+			onContentSizeChange: props.onContentSizeChange,
+			onLayout: props.onLayout, // Add this line to pass through onLayout
+		});
+
+		return (
+			<GestureDetector gesture={nativeGesture}>
+				<AnimatedComponent
+					{...(props as Any)}
+					ref={ref}
+					onScroll={scrollHandler}
+					onContentSizeChange={onContentSizeChange}
+					onLayout={onLayout}
+					scrollEventThrottle={props.scrollEventThrottle || 16}
+				/>
+			</GestureDetector>
+		);
+	});
+
+	const Inner = forwardRef<
+		React.ComponentRef<typeof AnimatedComponent>,
+		TransitionAwareProps<P>
+	>((props, ref) => {
+		const { children, style, sharedBoundTag, styleId, onPress, ...rest } =
+			props as Any;
+
+		const animatedRef = useAnimatedRef<View>();
+		const { current } = useKeys();
+
+		const { associatedStyles } = useAssociatedStyles({
+			id: sharedBoundTag || styleId,
+		});
+
+		const { measureAndSet, measureOnLayout } = useBoundMeasurer({
+			sharedBoundTag,
+			animatedRef,
+			current,
+			style,
+		});
+
+		if (isScrollable) {
+			return <ScrollableInner {...(props as Any)} ref={ref} />;
+		}
+
+		return (
+			<BoundActivator sharedBoundTag={sharedBoundTag} measure={measureAndSet}>
+				<AnimatedComponent
+					{...(rest as Any)}
+					ref={animatedRef}
+					style={[style, associatedStyles]}
+					onPress={onPress}
+					onLayout={runOnUI(measureOnLayout)}
+				>
+					{children}
+				</AnimatedComponent>
+			</BoundActivator>
+		);
+	});
+
+	return memo(Inner) as React.MemoExoticComponent<
+		React.ForwardRefExoticComponent<
+			TransitionAwareProps<P> &
+				React.RefAttributes<React.ComponentRef<typeof Wrapped>>
+		>
+	>;
+}

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

@@ -0,0 +1,56 @@
+import { memo } from "react";
+import { StyleSheet } from "react-native";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+import { _useScreenAnimation } from "../hooks/animation/use-screen-animation";
+
+interface RootTransitionAwareProps {
+	children: React.ReactNode;
+}
+
+export const RootTransitionAware = memo(
+	({ children }: RootTransitionAwareProps) => {
+		const { screenInterpolatorProps, screenStyleInterpolator } =
+			_useScreenAnimation();
+
+		const animatedContentStyle = useAnimatedStyle(() => {
+			"worklet";
+			if (!screenStyleInterpolator) {
+				return {};
+			}
+			const props = screenInterpolatorProps.value;
+			return screenStyleInterpolator(props).contentStyle || {};
+		});
+
+		const animatedOverlayStyle = useAnimatedStyle(() => {
+			"worklet";
+			if (!screenStyleInterpolator) {
+				return {};
+			}
+			return (
+				screenStyleInterpolator(screenInterpolatorProps.value).overlayStyle ||
+				{}
+			);
+		});
+
+		return (
+			<Animated.View style={styles.container}>
+				<Animated.View
+					style={[StyleSheet.absoluteFillObject, animatedOverlayStyle]}
+					pointerEvents="none"
+				/>
+				<Animated.View style={[styles.content, animatedContentStyle]}>
+					{children}
+				</Animated.View>
+			</Animated.View>
+		);
+	},
+);
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+	},
+	content: {
+		flex: 1,
+	},
+});

package/src/configs/index.ts

@@ -0,0 +1,2 @@
+export * as presets from "./presets";
+export * as specs from "./specs";