react-native-screen-transitions 3.9.0-alpha.0 → 3.9.0-alpha.1

package/lib/typescript/shared/hooks/navigation/use-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-stack.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/navigation/use-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAEN,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EACX,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,eAAe,CAC/B,MAAM,SAAS,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,EAC7C,WAAW,SAAS,mBAAmB,GAAG,mBAAmB,CAC5D,SAAQ,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC;IACjD,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,GAAG;QACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;QACnD,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC5B,CAAC;CACF;AAED,MAAM,MAAM,UAAU,CAAC,WAAW,SAAS,eAAe,GAAG,eAAe,IAC3E,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,KAAK,mBAAmB,GAAG,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,cAAc,CAAA;CAAE,KAAK,OAAO,CAAC;AAC3E,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,iBAAiB,KAAK,CAAC,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IACxB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACrC;AA6CD,wBAAgB,aAAa,CAAC,EAC7B,QAAQ,EACR,KAAK,GACL,EAAE;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CACzB,2CAyBA;AAYD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,KAAK,CAAC,CAAC;AAC/E,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"use-stack.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/navigation/use-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAEN,KAAK,SAAS,EAOd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAEjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EACX,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,eAAe,CAC/B,MAAM,SAAS,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,EAC7C,WAAW,SAAS,mBAAmB,GAAG,mBAAmB,CAC5D,SAAQ,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC;IACjD,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,GAAG;QACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;QACnD,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC5B,CAAC;CACF;AAED,MAAM,MAAM,UAAU,CAAC,WAAW,SAAS,eAAe,GAAG,eAAe,IAC3E,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,KAAK,mBAAmB,GAAG,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,cAAc,CAAA;CAAE,KAAK,OAAO,CAAC;AAC3E,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,iBAAiB,KAAK,CAAC,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IACxB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAqED,wBAAgB,aAAa,CAAC,EAC7B,QAAQ,EACR,KAAK,GACL,EAAE;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CACzB,2CA4BA;AAYD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,KAAK,CAAC,CAAC;AAC/E,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC"}

package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/types.d.ts

@@ -7,6 +7,7 @@ import type { BaseStackRoute } from "../../../../../types/stack.types";
 export type BuiltState = {
     transitionProgress: SharedValue<number>;
     visualProgress: SharedValue<number>;
+    stackProgress: SharedValue<number>;
     willAnimate: SharedValue<number>;
     closing: SharedValue<number>;
     progressAnimating: SharedValue<number>;

package/lib/typescript/shared/providers/screen/animation/helpers/hydrate-transition-state/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/providers/screen/animation/helpers/hydrate-transition-state/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EACX,uBAAuB,EACvB,qBAAqB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG;IACxB,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,uBAAuB,CAAC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qBAAqB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAClD,cAAc,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/providers/screen/animation/helpers/hydrate-transition-state/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EACX,uBAAuB,EACvB,qBAAqB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG;IACxB,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,uBAAuB,CAAC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qBAAqB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAClD,cAAc,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/lib/typescript/shared/providers/screen/animation/helpers/pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/animation/helpers/pipeline.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,YAAY,EACjB,KAAK,WAAW,EAGhB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,KAAK,EACX,wBAAwB,EACxB,uBAAuB,EACvB,MAAM,mCAAmC,CAAC;AAM3C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAInF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,wBAAwB,EACxB,QAAQ,GAAG,YAAY,CACvB,CAAC;AAEF,UAAU,uBAAuB;IAChC,uBAAuB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;IAC9D,+BAA+B,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACtD,2BAA2B,EAAE,WAAW,CAAC,2BAA2B,CAAC,CAAC;IACtE,gBAAgB,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACtD,mBAAmB,EAAE,uBAAuB,GAAG,SAAS,CAAC;CACzD;AA0BD,wBAAgB,0BAA0B,IAAI,uBAAuB,CAyHpE"}
+{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/animation/helpers/pipeline.ts"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,YAAY,EACjB,KAAK,WAAW,EAGhB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EACX,wBAAwB,EACxB,uBAAuB,EACvB,MAAM,mCAAmC,CAAC;AAM3C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAInF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,wBAAwB,EACxB,QAAQ,GAAG,YAAY,CACvB,CAAC;AAEF,UAAU,uBAAuB;IAChC,uBAAuB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;IAC9D,+BAA+B,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACtD,2BAA2B,EAAE,WAAW,CAAC,2BAA2B,CAAC,CAAC;IACtE,gBAAgB,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACtD,mBAAmB,EAAE,uBAAuB,GAAG,SAAS,CAAC;CACzD;AA0BD,wBAAgB,0BAA0B,IAAI,uBAAuB,CAqHpE"}

package/lib/typescript/shared/providers/screen/animation/helpers/stack-progress.d.ts

@@ -1,3 +1,4 @@
 import type { SharedValue } from "react-native-reanimated";
-export declare const deriveStackProgress: (routeKeys: string[], visualProgressValues: SharedValue<number>[], currentIndex: number, fallbackProgress: number, currentRouteKey: string | undefined, currentProgress: number, nextRouteKey: string | undefined, nextProgress: number | undefined) => number;
+export declare const syncStackProgressValues: (visualProgressValues: SharedValue<number>[], stackProgressValues: SharedValue<number>[]) => void;
+export declare const resolveStackProgress: (stackProgress: SharedValue<number> | undefined, fallbackProgress: number, currentProgress: number, previousCurrentProgress: number | undefined, nextProgress: number | undefined, previousNextProgress: number | undefined) => number;
 //# sourceMappingURL=stack-progress.d.ts.map

package/lib/typescript/shared/providers/screen/animation/helpers/stack-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stack-progress.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/animation/helpers/stack-progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,eAAO,MAAM,mBAAmB,GAC/B,WAAW,MAAM,EAAE,EACnB,sBAAsB,WAAW,CAAC,MAAM,CAAC,EAAE,EAC3C,cAAc,MAAM,EACpB,kBAAkB,MAAM,EACxB,iBAAiB,MAAM,GAAG,SAAS,EACnC,iBAAiB,MAAM,EACvB,cAAc,MAAM,GAAG,SAAS,EAChC,cAAc,MAAM,GAAG,SAAS,WAkBhC,CAAC"}
+{"version":3,"file":"stack-progress.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/animation/helpers/stack-progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,eAAO,MAAM,uBAAuB,GACnC,sBAAsB,WAAW,CAAC,MAAM,CAAC,EAAE,EAC3C,qBAAqB,WAAW,CAAC,MAAM,CAAC,EAAE,SAa1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAChC,eAAe,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,EAC9C,kBAAkB,MAAM,EACxB,iBAAiB,MAAM,EACvB,yBAAyB,MAAM,GAAG,SAAS,EAC3C,cAAc,MAAM,GAAG,SAAS,EAChC,sBAAsB,MAAM,GAAG,SAAS,WAkBxC,CAAC"}

package/lib/typescript/shared/providers/screen/animation/helpers/use-build-transition-state.d.ts

@@ -6,6 +6,7 @@ import type { BaseDescriptor } from "../../descriptors";
 type BuiltState = {
     transitionProgress: SharedValue<number>;
     visualProgress: SharedValue<number>;
+    stackProgress: SharedValue<number>;
     willAnimate: SharedValue<number>;
     closing: SharedValue<number>;
     progressAnimating: SharedValue<number>;

package/lib/typescript/shared/providers/screen/animation/helpers/use-build-transition-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-build-transition-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/animation/helpers/use-build-transition-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAEN,KAAK,eAAe,EACpB,MAAM,kCAAkC,CAAC;AAG1C,OAAO,KAAK,EACX,cAAc,EACd,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,KAAK,UAAU,GAAG;IACjB,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,uBAAuB,CAAC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qBAAqB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAClD,cAAc,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GACnC,YAAY,cAAc,GAAG,SAAS,KACpC,UAAU,GAAG,SA+Cf,CAAC"}
+{"version":3,"file":"use-build-transition-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/providers/screen/animation/helpers/use-build-transition-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAEN,KAAK,eAAe,EACpB,MAAM,kCAAkC,CAAC;AAG1C,OAAO,KAAK,EACX,cAAc,EACd,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,KAAK,UAAU,GAAG;IACjB,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,uBAAuB,CAAC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,qBAAqB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3C,qBAAqB,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAClD,cAAc,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,MAAM,EAAE,CAAC;IAClC,SAAS,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GACnC,YAAY,cAAc,GAAG,SAAS,KACpC,UAAU,GAAG,SAgDf,CAAC"}

package/lib/typescript/shared/stores/animation.store.d.ts

@@ -2,6 +2,7 @@ import { type SharedValue } from "react-native-reanimated";
 export type AnimationStoreMap = {
     transitionProgress: SharedValue<number>;
     visualProgress: SharedValue<number>;
+    stackProgress: SharedValue<number>;
     willAnimate: SharedValue<number>;
     progressAnimating: SharedValue<number>;
     progressSettled: SharedValue<number>;

package/lib/typescript/shared/stores/animation.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.store.d.ts","sourceRoot":"","sources":["../../../../src/shared/stores/animation.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,WAAW,EAChB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,cAAc,6DAWzB,CAAC"}
+{"version":3,"file":"animation.store.d.ts","sourceRoot":"","sources":["../../../../src/shared/stores/animation.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,WAAW,EAChB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAeF;;;;GAIG;AACH,eAAO,MAAM,cAAc,6DAYzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-screen-transitions",
-	"version": "3.9.0-alpha.0",
+	"version": "3.9.0-alpha.1",
 	"description": "Easy screen transitions for React Native and Expo",
 	"author": "Ed",
 	"license": "MIT",
@@ -87,6 +87,11 @@
 		"react-native-screens": ">=4.4.0",
 		"react-native-teleport": ">=1.1.0 <2.0.0"
 	},
+	"peerDependenciesMeta": {
+		"react-native-teleport": {
+			"optional": true
+		}
+	},
 	"devDependencies": {
 		"@testing-library/react-native": "13.3.3",
 		"@types/react": "~19.1.0",

package/src/shared/components/boundary/create-boundary-component.tsx

@@ -5,6 +5,7 @@ import {
 	useCallback,
 	useImperativeHandle,
 	useMemo,
+	useRef,
 } from "react";
 import type { View } from "react-native";
 import Animated, {
@@ -17,11 +18,13 @@ import { useDescriptorsStore } from "../../providers/screen/descriptors";
 import { useScreenStyles } from "../../providers/screen/styles";
 import { createPendingPairKey } from "../../stores/bounds/helpers/link-pairs.helpers";
 import { prepareStyleForBounds } from "../../utils/bounds/helpers/styles/styles";
+import { logger } from "../../utils/logger";
 import { useBoundaryPresence } from "./hooks/use-boundary-presence";
 import { useInitialDestinationMeasurement } from "./hooks/use-initial-destination-measurement";
 import { useInitialSourceMeasurement } from "./hooks/use-initial-source-measurement";
 import { useMeasurer } from "./hooks/use-measurer";
 import { useRefreshBoundary } from "./hooks/use-refresh-boundary";
+import { isTeleportAvailable } from "./portal/teleport";
 import {
 	BoundaryOwnerProvider,
 	useBoundaryOwner,
@@ -105,20 +108,30 @@ export function createBoundaryComponent<P extends object>(
 			return { zIndex, elevation };
 		});
 
+		const hasWarned = useRef(false);
+		const adjustedPortal = isTeleportAvailable ? portal : undefined;
+
+		if (!hasWarned.current && !isTeleportAvailable && portal) {
+			logger.warn(
+				"react-native-teleport is not installed and will fallback to default behavior.",
+			);
+			hasWarned.current = true;
+		}
+
 		const { contextValue, measuredRef, hasActiveTarget, targetPreparedStyles } =
 			useBoundaryOwner({
 				ownerRef,
 				associatedTargetStyles: runtimeEnabled ? associatedStyles : undefined,
 				entryTag,
-				portal,
+				portal: adjustedPortal,
 			});
 
 		const preparedStyles = targetPreparedStyles ?? ownerPreparedStyles;
 
 		const portalHost =
-			typeof portal === "object"
-				? (portal.attachTo ?? "current-screen")
-				: portal
+			typeof adjustedPortal === "object"
+				? (adjustedPortal.attachTo ?? "current-screen")
+				: adjustedPortal
 					? "current-screen"
 					: undefined;
 

package/src/shared/components/boundary/portal/components/portal-boundary-host.tsx

@@ -1,7 +1,6 @@
 import { memo } from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import Animated, { useAnimatedStyle } from "react-native-reanimated";
-import { PortalHost as NativePortalHost } from "react-native-teleport";
 import { NO_STYLES } from "../../../../constants";
 import { AnimationStore } from "../../../../stores/animation.store";
 import { getSourceScreenKeyFromPairKey } from "../../../../stores/bounds/helpers/link-pairs.helpers";
@@ -9,14 +8,16 @@ import { getLink } from "../../../../stores/bounds/internals/links";
 import { GestureStore } from "../../../../stores/gesture.store";
 import { ScrollStore } from "../../../../stores/scroll.store";
 import type { ActivePortalBoundaryHost } from "../stores/portal-boundary-host.store";
+import { NativePortalHost } from "../teleport";
 import { createPortalBoundaryHostName } from "../utils/naming";
 import {
 	type PortalOffsetPlacement,
 	resolvePortalOffsetStyle,
 } from "../utils/offset-style";
 
-const AnimatedPortalBoundaryHost =
-	Animated.createAnimatedComponent(NativePortalHost);
+const AnimatedPortalBoundaryHost = NativePortalHost
+	? Animated.createAnimatedComponent(NativePortalHost)
+	: null;
 
 type PortalBoundaryHostProps = {
 	host: ActivePortalBoundaryHost;
@@ -84,6 +85,12 @@ export const PortalBoundaryHost = memo(function PortalBoundaryHost({
 		});
 	});
 
+	// Without `react-native-teleport` no portal ever mounts a boundary host, so
+	// this never renders — the guard just narrows the nullable animated host.
+	if (!AnimatedPortalBoundaryHost) {
+		return null;
+	}
+
 	return (
 		<AnimatedPortalBoundaryHost name={hostName} style={[style, hostStyle]} />
 	);

package/src/shared/components/boundary/portal/components/portal-provider.tsx

@@ -1,10 +1,14 @@
 import { memo } from "react";
-import { PortalProvider as NativePortalProvider } from "react-native-teleport";
+import { NativePortalProvider } from "../teleport";
 
 export const PortalProvider = memo(function PortalProvider({
 	children,
 }: {
 	children: React.ReactNode;
 }) {
+	if (!NativePortalProvider) {
+		return children;
+	}
+
 	return <NativePortalProvider>{children}</NativePortalProvider>;
 });

package/src/shared/components/boundary/portal/components/portal.tsx

@@ -16,7 +16,6 @@ import Animated, {
 	useAnimatedStyle,
 	useSharedValue,
 } from "react-native-reanimated";
-import { Portal as NativePortal } from "react-native-teleport";
 import { useDescriptorsStore } from "../../../../providers/screen/descriptors";
 import { useScreenStyles } from "../../../../providers/screen/styles";
 import { AnimationStore } from "../../../../stores/animation.store";
@@ -33,6 +32,7 @@ import {
 	mountPortalBoundaryHost,
 	unmountPortalBoundaryHost,
 } from "../stores/portal-boundary-host.store";
+import { isTeleportAvailable, NativePortal } from "../teleport";
 import {
 	type PortalAttachment,
 	resolvePortalAttachmentTargets,
@@ -44,15 +44,17 @@ import {
 import { isTeleportEnabled } from "../utils/teleport-control";
 
 type NullableHostNamePortalProps = Omit<
-	ComponentProps<typeof NativePortal>,
+	ComponentProps<NonNullable<typeof NativePortal>>,
 	"hostName"
 > & {
 	hostName?: string | null;
 };
 
-const TransitionAwareTeleport = createTransitionAwareComponent(
-	NativePortal as ComponentType<NullableHostNamePortalProps>,
-);
+const TransitionAwareTeleport = NativePortal
+	? createTransitionAwareComponent(
+			NativePortal as ComponentType<NullableHostNamePortalProps>,
+		)
+	: null;
 
 interface PortalProps {
 	id?: string;
@@ -73,7 +75,10 @@ export const Portal = memo(function Portal({
 	mode = false,
 	placeholderRef,
 }: PortalProps) {
-	const isPortalEnabled = !!mode;
+	// Teleporting requires the optional `react-native-teleport` peer. Without it,
+	// a portal-enabled boundary degrades to inline rendering (the `return
+	// children` path below).
+	const isPortalEnabled = !!mode && isTeleportAvailable;
 	const portalAttachTarget: BoundaryPortalAttachTarget =
 		!mode || mode === true
 			? "current-screen"
@@ -256,7 +261,7 @@ export const Portal = memo(function Portal({
 		return { width, height };
 	});
 
-	if (isPortalEnabled) {
+	if (isPortalEnabled && TransitionAwareTeleport) {
 		return (
 			<Animated.View
 				ref={placeholderRef}

package/src/shared/components/boundary/portal/teleport.ts

@@ -0,0 +1,21 @@
+import type { ComponentType } from "react";
+
+/**
+ * `react-native-teleport` is an optional peer dependency. The require sits in a
+ * try/catch so Metro treats it as an optional dependency — an absent module no
+ * longer fails the bundle, it throws at runtime and the catch swallows it.
+ *
+ * When teleport is missing, `portal`-enabled boundaries degrade to inline
+ * rendering; everything else keeps working.
+ */
+let mod: any = null;
+try {
+	mod = require("react-native-teleport");
+} catch {}
+
+export const isTeleportAvailable = mod !== null;
+export const NativePortal: ComponentType<any> | null = mod?.Portal ?? null;
+export const NativePortalProvider: ComponentType<any> | null =
+	mod?.PortalProvider ?? null;
+export const NativePortalHost: ComponentType<any> | null =
+	mod?.PortalHost ?? null;

package/src/shared/hooks/navigation/use-stack.tsx

@@ -5,10 +5,14 @@ import {
 	useCallback,
 	useContext,
 	useLayoutEffect,
+	useMemo,
 	useRef,
 	useSyncExternalStore,
 } from "react";
+import { useDerivedValue } from "react-native-reanimated";
+import { syncStackProgressValues } from "../../providers/screen/animation/helpers/stack-progress";
 import type { StackCoreContextValue } from "../../providers/stack/core.provider";
+import { AnimationStore } from "../../stores/animation.store";
 import type { OverlayProps } from "../../types/overlay.types";
 import type {
 	BaseStackDescriptor,
@@ -87,6 +91,30 @@ const createStackStore = (
 const StackContext = createContext<StackStoreApi | null>(null);
 StackContext.displayName = "Stack";
 
+function StackProgressOwner({ routeKeys }: { routeKeys: string[] }) {
+	const visualProgressValues = useMemo(
+		() =>
+			routeKeys.map((routeKey) =>
+				AnimationStore.getValue(routeKey, "visualProgress"),
+			),
+		[routeKeys],
+	);
+
+	const stackProgressValues = useMemo(
+		() =>
+			routeKeys.map((routeKey) =>
+				AnimationStore.getValue(routeKey, "stackProgress"),
+			),
+		[routeKeys],
+	);
+
+	useDerivedValue(() => {
+		syncStackProgressValues(visualProgressValues, stackProgressValues);
+	});
+
+	return null;
+}
+
 export function StackProvider({
 	children,
 	value,
@@ -116,7 +144,10 @@ export function StackProvider({
 	});
 
 	return (
-		<StackContext.Provider value={store}>{children}</StackContext.Provider>
+		<StackContext.Provider value={store}>
+			<StackProgressOwner routeKeys={value.routeKeys} />
+			{children}
+		</StackContext.Provider>
 	);
 }
 

package/src/shared/providers/screen/animation/helpers/hydrate-transition-state/types.ts

@@ -11,6 +11,7 @@ import type { BaseStackRoute } from "../../../../../types/stack.types";
 export type BuiltState = {
 	transitionProgress: SharedValue<number>;
 	visualProgress: SharedValue<number>;
+	stackProgress: SharedValue<number>;
 	willAnimate: SharedValue<number>;
 	closing: SharedValue<number>;
 	progressAnimating: SharedValue<number>;

package/src/shared/providers/screen/animation/helpers/pipeline.ts

@@ -1,4 +1,3 @@
-import { useMemo } from "react";
 import { useWindowDimensions } from "react-native";
 import {
 	type DerivedValue,
@@ -9,7 +8,6 @@ import {
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { DEFAULT_SCREEN_TRANSITION_STATE } from "../../../../constants";
 import { useStack } from "../../../../hooks/navigation/use-stack";
-import { AnimationStore } from "../../../../stores/animation.store";
 import type {
 	ScreenInterpolationProps,
 	ScreenStyleInterpolator,
@@ -20,7 +18,7 @@ import { updateDerivations } from "./derivations";
 import { hasTransitionsEnabled } from "./has-transitions-enabled";
 import { hydrateTransitionState } from "./hydrate-transition-state";
 import type { SelectedInterpolatorOptions } from "./selected-interpolator-options";
-import { deriveStackProgress } from "./stack-progress";
+import { resolveStackProgress } from "./stack-progress";
 import { useBuildTransitionState } from "./use-build-transition-state";
 
 export type ScreenInterpolatorFrame = Omit<
@@ -61,10 +59,11 @@ const createInitialBaseInterpolatorProps = (
 };
 
 export function useScreenAnimationPipeline(): ScreenAnimationPipeline {
-	const { flags, routeKeys } = useStack();
+	const transitionsAlwaysOn = useStack(
+		(stack) => stack.flags.TRANSITIONS_ALWAYS_ON,
+	);
 	const dimensions = useWindowDimensions();
 	const insets = useSafeAreaInsets();
-	const transitionsAlwaysOn = flags.TRANSITIONS_ALWAYS_ON;
 
 	const {
 		current: currDescriptor,
@@ -76,14 +75,6 @@ export function useScreenAnimationPipeline(): ScreenAnimationPipeline {
 	const nextAnimation = useBuildTransitionState(nextDescriptor);
 	const prevAnimation = useBuildTransitionState(prevDescriptor);
 
-	const currentRouteKey = currDescriptor?.route?.key;
-	const currentIndex = routeKeys.indexOf(currentRouteKey);
-	const visualProgressValues = useMemo(() => {
-		return routeKeys.map((routeKey) =>
-			AnimationStore.getValue(routeKey, "visualProgress"),
-		);
-	}, [routeKeys]);
-
 	const nextRouteKey = nextDescriptor?.route?.key;
 	const nextHasTransitions =
 		!!nextRouteKey &&
@@ -110,6 +101,11 @@ export function useScreenAnimationPipeline(): ScreenAnimationPipeline {
 				interpolatorOptions.owner === "next" &&
 				!!nextAnimation &&
 				nextHasTransitions;
+			const previousCurrentProgress = currentAnimation?.visualProgress.get();
+			const previousNextProgress =
+				nextAnimation && nextHasTransitions
+					? nextAnimation.visualProgress.get()
+					: undefined;
 
 			frame.previous = prevAnimation
 				? hydrateTransitionState(prevAnimation, dimensions)
@@ -141,15 +137,13 @@ export function useScreenAnimationPipeline(): ScreenAnimationPipeline {
 
 			updateDerivations(frame);
 
-			frame.stackProgress = deriveStackProgress(
-				routeKeys,
-				visualProgressValues,
-				currentIndex,
+			frame.stackProgress = resolveStackProgress(
+				currentAnimation?.stackProgress,
 				frame.progress,
-				currentRouteKey,
 				frame.current.progress,
-				nextRouteKey,
+				previousCurrentProgress,
 				frame.next?.progress,
+				previousNextProgress,
 			);
 			frame.logicallySettled = frame.active.settled;
 

package/src/shared/providers/screen/animation/helpers/stack-progress.ts

@@ -1,28 +1,43 @@
 import type { SharedValue } from "react-native-reanimated";
 
-export const deriveStackProgress = (
-	routeKeys: string[],
+export const syncStackProgressValues = (
 	visualProgressValues: SharedValue<number>[],
-	currentIndex: number,
+	stackProgressValues: SharedValue<number>[],
+) => {
+	"worklet";
+	let total = 0;
+
+	for (let i = visualProgressValues.length - 1; i >= 0; i--) {
+		total += visualProgressValues[i]?.get() ?? 0;
+		const stackProgress = stackProgressValues[i];
+
+		if (stackProgress && stackProgress.get() !== total) {
+			stackProgress.set(total);
+		}
+	}
+};
+
+export const resolveStackProgress = (
+	stackProgress: SharedValue<number> | undefined,
 	fallbackProgress: number,
-	currentRouteKey: string | undefined,
 	currentProgress: number,
-	nextRouteKey: string | undefined,
+	previousCurrentProgress: number | undefined,
 	nextProgress: number | undefined,
+	previousNextProgress: number | undefined,
 ) => {
 	"worklet";
-	if (currentIndex < 0) return fallbackProgress;
+	if (!stackProgress) {
+		return fallbackProgress;
+	}
 
-	let total = 0;
-	for (let i = currentIndex; i < visualProgressValues.length; i++) {
-		const routeKey = routeKeys[i];
-		if (routeKey === currentRouteKey) {
-			total += currentProgress;
-		} else if (routeKey === nextRouteKey && nextProgress !== undefined) {
-			total += nextProgress;
-		} else {
-			total += visualProgressValues[i].get();
-		}
+	let total = stackProgress.get();
+
+	if (previousCurrentProgress !== undefined) {
+		total += currentProgress - previousCurrentProgress;
+	}
+
+	if (nextProgress !== undefined && previousNextProgress !== undefined) {
+		total += nextProgress - previousNextProgress;
 	}
 
 	return total;

package/src/shared/providers/screen/animation/helpers/use-build-transition-state.ts

@@ -22,6 +22,7 @@ import { toPlainRoute, toPlainValue } from "./worklet";
 type BuiltState = {
 	transitionProgress: SharedValue<number>;
 	visualProgress: SharedValue<number>;
+	stackProgress: SharedValue<number>;
 	willAnimate: SharedValue<number>;
 	closing: SharedValue<number>;
 	progressAnimating: SharedValue<number>;
@@ -67,6 +68,7 @@ export const useBuildTransitionState = (
 		return {
 			transitionProgress: AnimationStore.getValue(key, "transitionProgress"),
 			visualProgress: AnimationStore.getValue(key, "visualProgress"),
+			stackProgress: AnimationStore.getValue(key, "stackProgress"),
 			willAnimate: AnimationStore.getValue(key, "willAnimate"),
 			closing: AnimationStore.getValue(key, "closing"),
 			entering: AnimationStore.getValue(key, "entering"),

package/src/shared/stores/animation.store.ts

@@ -8,6 +8,7 @@ import { createStore } from "../utils/create-store";
 export type AnimationStoreMap = {
 	transitionProgress: SharedValue<number>;
 	visualProgress: SharedValue<number>;
+	stackProgress: SharedValue<number>;
 	willAnimate: SharedValue<number>;
 	progressAnimating: SharedValue<number>;
 	progressSettled: SharedValue<number>;
@@ -19,6 +20,7 @@ function createAnimationBag(): AnimationStoreMap {
 	return {
 		transitionProgress: makeMutable(0),
 		visualProgress: makeMutable(0),
+		stackProgress: makeMutable(0),
 		willAnimate: makeMutable(0),
 		closing: makeMutable(0),
 		progressAnimating: makeMutable(0),
@@ -37,6 +39,7 @@ export const AnimationStore = createStore<AnimationStoreMap>({
 	disposeBag: (bag) => {
 		cancelAnimation(bag.transitionProgress);
 		cancelAnimation(bag.visualProgress);
+		cancelAnimation(bag.stackProgress);
 		cancelAnimation(bag.willAnimate);
 		cancelAnimation(bag.progressAnimating);
 		cancelAnimation(bag.progressSettled);