react-native-screen-transitions 4.0.0-alpha.4 → 4.0.0-alpha.6

package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-boundary-portal-attachment.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.ts"],"names":[],"mappings":"AAiBA,UAAU,iCAAiC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACnB;AAOD,eAAO,MAAM,2BAA2B,GAAI,iBAEzC,iCAAiC;;;;CA2EnC,CAAC"}
+{"version":3,"file":"use-boundary-portal-attachment.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.ts"],"names":[],"mappings":"AAQA,UAAU,iCAAiC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,2BAA2B,GAAI,iBAEzC,iCAAiC;;;;CA0CnC,CAAC"}

package/lib/typescript/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-host-measurement.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAGN,KAAK,WAAW,EAMhB,MAAM,yBAAyB,CAAC;AAgBjC,KAAK,wBAAwB,GAAG;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oGAQhC,wBAAwB;;CAmG1B,CAAC"}
+{"version":3,"file":"use-host-measurement.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAGN,KAAK,WAAW,EAMhB,MAAM,yBAAyB,CAAC;AAejC,KAAK,wBAAwB,GAAG;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oGAQhC,wBAAwB;;CA6F1B,CAAC"}

package/lib/typescript/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.d.ts

@@ -1,10 +1,8 @@
 import type { SharedValue } from "react-native-reanimated";
-import type { LocalStyleLayers } from "../../../../../../providers/screen/styles/helpers/resolve-slot-styles";
 import type { NormalizedTransitionInterpolatedStyle } from "../../../../../../types/animation.types";
 export type ActivePortalBoundaryHost = {
     boundaryId: string;
     hostKey: string;
-    localStylesMaps: SharedValue<LocalStyleLayers>;
     pairKey: string;
     portalHostName: string;
     portalHostReady: SharedValue<boolean>;

package/lib/typescript/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal-boundary-host.store.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uEAAuE,CAAC;AAC9G,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAErG,MAAM,MAAM,wBAAwB,GAAG;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC,qCAAqC,CAAC,CAAC;CAC7D,CAAC;AAqDF,eAAO,MAAM,uBAAuB,GAAI,MAAM,wBAAwB,SAQrE,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC3C,gBAAgB,MAAM,GAAG,IAAI,GAAG,SAAS,SAOzC,CAAC;AAUF,eAAO,MAAM,4BAA4B,GAAI,SAAS,MAAM,+BAM3D,CAAC"}
+{"version":3,"file":"portal-boundary-host.store.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAErG,MAAM,MAAM,wBAAwB,GAAG;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC,qCAAqC,CAAC,CAAC;CAC7D,CAAC;AAoDF,eAAO,MAAM,uBAAuB,GAAI,MAAM,wBAAwB,SAQrE,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC3C,gBAAgB,MAAM,GAAG,IAAI,GAAG,SAAS,SAOzC,CAAC;AAUF,eAAO,MAAM,4BAA4B,GAAI,SAAS,MAAM,+BAM3D,CAAC"}

package/lib/typescript/components/boundary/utils/destination-signals.d.ts

@@ -1,7 +1,7 @@
 import type { LinkPairsState, ScreenPairKey } from "../../../stores/bounds/types";
 export type InitialDestinationMeasurementAction = "wait" | "release" | "measure" | "complete";
 export type InitialDestinationMeasurementSignal = {
-    pairKey: ScreenPairKey;
+    pairKey: ScreenPairKey | null;
     action: InitialDestinationMeasurementAction;
 };
 export declare const getInitialDestinationMeasurementSignal: (params: {

package/lib/typescript/components/boundary/utils/destination-signals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"destination-signals.d.ts","sourceRoot":"","sources":["../../../../../src/components/boundary/utils/destination-signals.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,mCAAmC,GAC5C,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEd,MAAM,MAAM,mCAAmC,GAAG;IACjD,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,EAAE,mCAAmC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,sCAAsC,GAAI,QAAQ;IAC9D,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B,KAAG,mCAAmC,GAAG,IA0CzC,CAAC"}
+{"version":3,"file":"destination-signals.d.ts","sourceRoot":"","sources":["../../../../../src/components/boundary/utils/destination-signals.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,mCAAmC,GAC5C,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEd,MAAM,MAAM,mCAAmC,GAAG;IACjD,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,mCAAmC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,sCAAsC,GAAI,QAAQ;IAC9D,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B,KAAG,mCAAmC,GAAG,IA8CzC,CAAC"}

package/lib/typescript/navigators/react-navigation/index.d.ts

@@ -9,7 +9,7 @@ interface BlankStackStandardTypeBag extends StandardNavigationTypeBagBase {
     RouterOptions: StackRouterOptions;
 }
 export declare const createBlankStackNavigator: import("@react-navigation/native").StandardNavigationCreateNavigator<BlankStackStandardTypeBag, BlankStackStandardNavigatorProps>, createBlankStackScreen: import("@react-navigation/core").StaticScreenFactory<BlankStackStandardTypeBag & {
-    ParamList: import("@react-navigation/core").ParamListBase;
+    ParamList: import("@react-navigation/routers").ParamListBase;
     NavigatorID: string | undefined;
     Navigator: import("react").ComponentType<BlankStackStandardNavigatorProps>;
 }>;

package/lib/typescript/providers/screen/styles/helpers/create-interpolator-scope.d.ts

@@ -0,0 +1,9 @@
+import type { ScreenInterpolationProps, ScreenTransitionAccessor } from "../../../../types/animation.types";
+import type { ScreenInterpolatorFrame } from "../../animation/helpers/pipeline";
+import type { SelectedInterpolatorFrame } from "./select-interpolator-frame";
+export declare const createInterpolatorScope: ({ frame, selectedFrame, transition, }: {
+    frame: ScreenInterpolatorFrame;
+    selectedFrame: SelectedInterpolatorFrame;
+    transition: ScreenTransitionAccessor;
+}) => ScreenInterpolationProps;
+//# sourceMappingURL=create-interpolator-scope.d.ts.map

package/lib/typescript/providers/screen/styles/helpers/create-interpolator-scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-interpolator-scope.d.ts","sourceRoot":"","sources":["../../../../../../src/providers/screen/styles/helpers/create-interpolator-scope.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,eAAO,MAAM,uBAAuB,GAAI,uCAIrC;IACF,KAAK,EAAE,uBAAuB,CAAC;IAC/B,aAAa,EAAE,yBAAyB,CAAC;IACzC,UAAU,EAAE,wBAAwB,CAAC;CACrC,KAAG,wBA4BH,CAAC"}

package/lib/typescript/providers/screen/styles/helpers/resolve-interpolator-style-handoff.d.ts

@@ -1,12 +1,10 @@
 import type { NormalizedTransitionInterpolatedStyle } from "../../../../types/animation.types";
 import type { LocalStyleLayers } from "./resolve-slot-styles";
-export declare const resolveInterpolatorStyleHandoff: ({ currentOwnsInterpolator, currentStylesMap, nextStylesMap, frozenCurrentStylesMap, }: {
+export declare const resolveInterpolatorStyleHandoff: ({ currentOwnsInterpolator, currentStylesMap, nextStylesMap, }: {
     currentOwnsInterpolator: boolean;
     currentStylesMap: NormalizedTransitionInterpolatedStyle | undefined;
     nextStylesMap: NormalizedTransitionInterpolatedStyle | undefined;
-    frozenCurrentStylesMap: NormalizedTransitionInterpolatedStyle;
 }) => {
     localStylesMaps: LocalStyleLayers;
-    nextFrozenCurrentStylesMap: NormalizedTransitionInterpolatedStyle;
 };
 //# sourceMappingURL=resolve-interpolator-style-handoff.d.ts.map

package/lib/typescript/providers/screen/styles/helpers/resolve-interpolator-style-handoff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-interpolator-style-handoff.d.ts","sourceRoot":"","sources":["../../../../../../src/providers/screen/styles/helpers/resolve-interpolator-style-handoff.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,qCAAqC,EAErC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAiG9D,eAAO,MAAM,+BAA+B,GAAI,uFAK7C;IACF,uBAAuB,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,qCAAqC,GAAG,SAAS,CAAC;IACpE,aAAa,EAAE,qCAAqC,GAAG,SAAS,CAAC;IACjE,sBAAsB,EAAE,qCAAqC,CAAC;CAC9D,KAAG;IACH,eAAe,EAAE,gBAAgB,CAAC;IAClC,0BAA0B,EAAE,qCAAqC,CAAC;CAwBlE,CAAC"}
+{"version":3,"file":"resolve-interpolator-style-handoff.d.ts","sourceRoot":"","sources":["../../../../../../src/providers/screen/styles/helpers/resolve-interpolator-style-handoff.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,qCAAqC,EAErC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAiG9D,eAAO,MAAM,+BAA+B,GAAI,+DAI7C;IACF,uBAAuB,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,qCAAqC,GAAG,SAAS,CAAC;IACpE,aAAa,EAAE,qCAAqC,GAAG,SAAS,CAAC;CACjE,KAAG;IACH,eAAe,EAAE,gBAAgB,CAAC;CA2BlC,CAAC"}

package/lib/typescript/providers/screen/styles/hooks/use-interpolated-style-maps.d.ts

@@ -16,10 +16,10 @@ import type { LocalStyleLayers } from "../helpers/resolve-slot-styles";
  * normal interpolator selection once the gesture-driven close is no longer in
  * play.
  *
- * At an ownership handoff, the last current-owner styles are frozen. The next
- * owner replaces matching scalar keys and composes its live transforms after
- * the frozen transforms. The previous interpolator is not evaluated again until
- * it regains ownership.
+ * At an ownership handoff, the current interpolator remains live but is
+ * evaluated without the next-screen relationship. The next owner replaces
+ * matching scalar keys and composes its live transforms after the current
+ * screen's self-owned transforms.
  */
 export declare const useInterpolatedStylesMap: ({ enabled, visibilityBlocked, }: {
     enabled: boolean;

package/lib/typescript/providers/screen/styles/hooks/use-interpolated-style-maps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-interpolated-style-maps.d.ts","sourceRoot":"","sources":["../../../../../../src/providers/screen/styles/hooks/use-interpolated-style-maps.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,WAAW,EAIhB,MAAM,yBAAyB,CAAC;AA2BjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AA8EvE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,wBAAwB,GAAI,iCAGtC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACxC;;;CA0MA,CAAC"}
+{"version":3,"file":"use-interpolated-style-maps.d.ts","sourceRoot":"","sources":["../../../../../../src/providers/screen/styles/hooks/use-interpolated-style-maps.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,WAAW,EAIhB,MAAM,yBAAyB,CAAC;AA2BjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AA6EvE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,wBAAwB,GAAI,iCAGtC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACxC;;;CAoMA,CAAC"}

package/lib/typescript/stores/bounds/internals/entries.d.ts

@@ -1,6 +1,6 @@
 import type { Entry, EntryPatch, ScreenKey, TagID } from "../types";
 declare function getEntry(tag: TagID, key: ScreenKey): Entry | null;
-declare function getMatchingSourceScreenKey(tag: TagID, destinationScreenKey: ScreenKey, preferredScreenKey?: ScreenKey): ScreenKey | null;
+declare function getMatchingSourceScreenKey(tag: TagID, destinationScreenKey: ScreenKey, preferredScreenKey?: ScreenKey, excludedScreenKeys?: readonly ScreenKey[]): ScreenKey | null;
 declare function setEntry(tag: TagID, screenKey: ScreenKey, patch: EntryPatch): void;
 declare function removeEntry(tag: TagID, screenKey: ScreenKey): void;
 export { getEntry, getMatchingSourceScreenKey, removeEntry, setEntry };

package/lib/typescript/stores/bounds/internals/entries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entries.d.ts","sourceRoot":"","sources":["../../../../../src/stores/bounds/internals/entries.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA0DpE,iBAAS,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAG1D;AAED,iBAAS,0BAA0B,CAClC,GAAG,EAAE,KAAK,EACV,oBAAoB,EAAE,SAAS,EAC/B,kBAAkB,CAAC,EAAE,SAAS,GAC5B,SAAS,GAAG,IAAI,CAoBlB;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,QAQpE;AAED,iBAAS,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,QAgBpD;AAED,OAAO,EAAE,QAAQ,EAAE,0BAA0B,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"entries.d.ts","sourceRoot":"","sources":["../../../../../src/stores/bounds/internals/entries.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA0DpE,iBAAS,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAG1D;AAED,iBAAS,0BAA0B,CAClC,GAAG,EAAE,KAAK,EACV,oBAAoB,EAAE,SAAS,EAC/B,kBAAkB,CAAC,EAAE,SAAS,EAC9B,kBAAkB,CAAC,EAAE,SAAS,SAAS,EAAE,GACvC,SAAS,GAAG,IAAI,CA8BlB;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,QAQpE;AAED,iBAAS,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,QAgBpD;AAED,OAAO,EAAE,QAAQ,EAAE,0BAA0B,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-screen-transitions",
-	"version": "4.0.0-alpha.4",
+	"version": "4.0.0-alpha.6",
 	"description": "Easy screen transitions for React Native and Expo",
 	"author": "Ed",
 	"license": "MIT",

package/src/components/boundary/hooks/lifecycles/use-initial-destination-measurement.ts

@@ -1,4 +1,4 @@
-import { useCallback, useLayoutEffect } from "react";
+import { useCallback, useLayoutEffect, useMemo } from "react";
 import {
 	cancelAnimation,
 	useAnimatedReaction,
@@ -7,6 +7,7 @@ import {
 	withTiming,
 } from "react-native-reanimated";
 import { scheduleOnUI } from "react-native-worklets";
+import { useStack } from "../../../../hooks/navigation/use-stack";
 import { useDescriptorsStore } from "../../../../providers/screen/descriptors";
 import { AnimationStore } from "../../../../stores/animation.store";
 import {
@@ -61,6 +62,16 @@ export const useInitialDestinationMeasurement = ({
 	const preferredSourceScreenKey = destinationPairKey
 		? getSourceScreenKeyFromPairKey(destinationPairKey)
 		: undefined;
+	const stackScenes = useStack((store) => store.scenes);
+	// A retained closing screen can still have registered boundaries, but it
+	// cannot own a new transition link.
+	const closingSourceScreenKeys = useMemo(
+		() =>
+			stackScenes
+				.filter((scene) => scene.activity === "closing")
+				.map((scene) => scene.route.key),
+		[stackScenes],
+	);
 	const progress = AnimationStore.getValue(
 		currentScreenKey,
 		"transitionProgress",
@@ -74,6 +85,7 @@ export const useInitialDestinationMeasurement = ({
 	const retryToken = useSharedValue(0);
 	const handshakeRetries = useSharedValue(0);
 	const hasGivenUp = useSharedValue(0);
+	const hasFinishedInitialMeasurement = useSharedValue(0);
 
 	const releaseLifecycleStartBlock = useCallback(() => {
 		"worklet";
@@ -83,19 +95,22 @@ export const useInitialDestinationMeasurement = ({
 			return;
 		}
 
+		hasFinishedInitialMeasurement.set(1);
 		isBlockingLifecycleStart.set(0);
 		unblockLifecycleStart();
-	}, [isBlockingLifecycleStart, retryToken, unblockLifecycleStart]);
+	}, [
+		hasFinishedInitialMeasurement,
+		isBlockingLifecycleStart,
+		retryToken,
+		unblockLifecycleStart,
+	]);
 
 	const claimLifecycleStartBlock = useCallback(() => {
 		"worklet";
 		if (
 			!canReceiveDestination ||
-			!getMatchingSourceScreenKey(
-				tag,
-				currentScreenKey,
-				preferredSourceScreenKey,
-			)
+			hasFinishedInitialMeasurement.get() ||
+			!getMatchingSourceScreenKey(tag, currentScreenKey)
 		) {
 			return;
 		}
@@ -113,9 +128,9 @@ export const useInitialDestinationMeasurement = ({
 		blockLifecycleStart,
 		canReceiveDestination,
 		currentScreenKey,
+		hasFinishedInitialMeasurement,
 		isBlockingLifecycleStart,
 		progress,
-		preferredSourceScreenKey,
 		tag,
 	]);
 
@@ -147,7 +162,11 @@ export const useInitialDestinationMeasurement = ({
 		() => {
 			"worklet";
 
-			if (!canReceiveDestination || isBlockingLifecycleStart.get() <= 0) {
+			if (
+				!canReceiveDestination ||
+				hasFinishedInitialMeasurement.get() ||
+				isBlockingLifecycleStart.get() <= 0
+			) {
 				return null;
 			}
 
@@ -160,6 +179,7 @@ export const useInitialDestinationMeasurement = ({
 				tag,
 				currentScreenKey,
 				preferredSourceScreenKey,
+				closingSourceScreenKeys,
 			);
 			const pairKey = sourceScreenKey
 				? createScreenPairKey(sourceScreenKey, currentScreenKey)
@@ -182,12 +202,12 @@ export const useInitialDestinationMeasurement = ({
 		},
 		(next, previous) => {
 			"worklet";
-			if (!next) {
+			if (!next || hasFinishedInitialMeasurement.get()) {
 				return;
 			}
 
 			const [measurePairKey, action, retryTick] = next;
-			if (!measurePairKey || !action) {
+			if (!action) {
 				return;
 			}
 
@@ -213,19 +233,20 @@ export const useInitialDestinationMeasurement = ({
 				return;
 			}
 
-			if (action === "measure") {
+			if (action === "measure" && measurePairKey) {
 				measureBoundary({
 					type: "destination",
 					pairKey: measurePairKey,
 				});
 			}
 
-			const link = getLink(measurePairKey, linkKey);
+			const link = measurePairKey ? getLink(measurePairKey, linkKey) : null;
 			const linkComplete = !!link?.source && !!link.destination;
 
 			if (linkComplete || action === "complete") {
 				cancelAnimation(retryToken);
 				handshakeRetries.set(0);
+				hasFinishedInitialMeasurement.set(1);
 				if (escapeClipping) {
 					// Screen-level escape has a second readiness phase after destination
 					// matching: the host must commit before the transition starts, or

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

@@ -16,7 +16,6 @@ import { getLink } from "../../../../../../stores/bounds/internals/links";
 import { SystemStore } from "../../../../../../stores/system.store";
 import type { ScrollMeasuredDimensions } from "../../../../utils/measured-bounds";
 import { NativePortalHost, PORTAL_POINTER_EVENTS } from "../../../teleport";
-import { hasLocalSlot } from "../helpers/has-local-slot";
 import { resolvePortalOffsetStyle } from "../helpers/offset-style";
 import { getPortalHostBounds } from "../stores/host-bounds.store";
 import type { ActivePortalBoundaryHost } from "../stores/portal-boundary-host.store";
@@ -44,11 +43,10 @@ export const PortalBoundaryHost = memo(function PortalBoundaryHost({
 		}
 
 		const link = getLink(host.pairKey, host.boundaryId);
-		const hasGeometry =
-			link?.source !== null &&
-			link !== undefined &&
-			getPortalHostBounds(host.hostKey) !== null &&
-			hasLocalSlot(host.localStylesMaps.get(), host.boundaryId);
+		const hasSource = !!link?.source;
+		const hasHostBounds = getPortalHostBounds(host.hostKey) !== null;
+		const hasSlot = host.slotsMap.get()[host.boundaryId] !== undefined;
+		const hasGeometry = hasSource && hasHostBounds && hasSlot;
 
 		if (!hasGeometry) {
 			geometryReadyFrames.set(0);
@@ -103,20 +101,6 @@ export const PortalBoundaryHost = memo(function PortalBoundaryHost({
 	});
 	const slotStyle = useAnimatedStyle(() => {
 		"worklet";
-		// `slotsMap` is the resolved map: it may contain real interpolator output,
-		// inherited styles, or resolver-created reset patches for slots that just
-		// disappeared. Normal components need those reset patches so stale styles
-		// clear correctly.
-		//
-		// A screen-level portal host is different. It is only the temporary visual
-		// receiver for teleported content, not the original component that needs a
-		// cleanup frame. If the current local interpolator layers did not emit this
-		// boundary id, any resolved style here is cleanup/stale residue and should
-		// not be drawn by the host.
-		if (!hasLocalSlot(host.localStylesMaps.get(), host.boundaryId)) {
-			return NO_STYLES;
-		}
-
 		const slot = host.slotsMap.get()[host.boundaryId];
 
 		return composeSlotStyleWithLocalTransform(

package/src/components/boundary/portal/components/boundary-portal/hooks/use-active-portal-boundary-host.ts

@@ -1,12 +1,10 @@
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { type SharedValue, useAnimatedReaction } from "react-native-reanimated";
 import { scheduleOnRN } from "react-native-worklets";
-import type { LocalStyleLayers } from "../../../../../../providers/screen/styles/helpers/resolve-slot-styles";
-import { pairs } from "../../../../../../stores/bounds/internals/state";
+import { getPairKeyForSource } from "../../../../../../stores/bounds/internals/links";
 import type { ScreenPairKey } from "../../../../../../stores/bounds/types";
 import type { NormalizedTransitionInterpolatedStyle } from "../../../../../../types/animation.types";
 import { createBoundaryPortalHostName } from "../../../utils/naming";
-import { hasActiveBoundaryPortalLink } from "../helpers/active-pair";
 import {
 	mountPortalBoundaryHost,
 	unmountPortalBoundaryHostByName,
@@ -16,62 +14,57 @@ type UseActivePortalBoundaryHostParams = {
 	boundaryId: string;
 	currentScreenKey: string;
 	escapeHostKey?: string;
-	localStylesMaps: SharedValue<LocalStyleLayers>;
 	portalHostName: SharedValue<string | null>;
 	portalHostReady: SharedValue<boolean>;
 	slotsMap: SharedValue<NormalizedTransitionInterpolatedStyle>;
-	sourcePairKey?: ScreenPairKey;
+};
+
+type ActivePortal = {
+	pairKey: ScreenPairKey;
 };
 
 export const useActivePortalBoundaryHost = ({
 	boundaryId,
 	currentScreenKey,
 	escapeHostKey,
-	localStylesMaps,
 	portalHostName,
 	portalHostReady,
 	slotsMap,
-	sourcePairKey,
 }: UseActivePortalBoundaryHostParams) => {
-	const [hasActiveLink, setHasActiveLink] = useState(false);
-	const sourcePairKeyRef = useRef(sourcePairKey);
-	sourcePairKeyRef.current = sourcePairKey;
+	const [activePortal, setActivePortal] = useState<ActivePortal | null>(null);
+	const activePairKeyRef = useRef<ScreenPairKey | null>(null);
 
-	const updateActiveLink = useCallback(
-		(
-			observedSourcePairKey: ScreenPairKey | undefined,
-			nextHasActiveLink: boolean,
-		) => {
-			if (sourcePairKeyRef.current !== observedSourcePairKey) {
-				return;
-			}
+	const updateActivePortal = useCallback((pairKey: ScreenPairKey | null) => {
+		if (activePairKeyRef.current === pairKey) {
+			return;
+		}
 
-			setHasActiveLink(nextHasActiveLink);
-		},
-		[],
-	);
+		activePairKeyRef.current = pairKey;
+		setActivePortal(pairKey ? { pairKey } : null);
+	}, []);
 
 	useAnimatedReaction(
 		() => {
 			"worklet";
-			return hasActiveBoundaryPortalLink({
-				boundaryId,
-				pairsState: pairs.get(),
-				sourcePairKey,
-			});
+			const isBoundaryAnimating = slotsMap.get()[boundaryId] !== undefined;
+			if (!isBoundaryAnimating) {
+				return null;
+			}
+
+			return getPairKeyForSource(boundaryId, currentScreenKey);
 		},
-		(nextHasActiveLink, previousHasActiveLink) => {
+		(pairKey, previousPairKey) => {
 			"worklet";
-			if (nextHasActiveLink === previousHasActiveLink) {
+			if (pairKey === previousPairKey) {
 				return;
 			}
 
-			scheduleOnRN(updateActiveLink, sourcePairKey, nextHasActiveLink);
+			scheduleOnRN(updateActivePortal, pairKey);
 		},
 	);
 
 	useLayoutEffect(() => {
-		if (!hasActiveLink || !sourcePairKey || !escapeHostKey) {
+		if (!activePortal || !escapeHostKey) {
 			portalHostName.set(null);
 			portalHostReady.set(false);
 			return;
@@ -80,14 +73,13 @@ export const useActivePortalBoundaryHost = ({
 		const nextPortalHostName = createBoundaryPortalHostName(
 			escapeHostKey,
 			boundaryId,
-			sourcePairKey,
+			activePortal.pairKey,
 		);
 
 		mountPortalBoundaryHost({
 			boundaryId,
 			hostKey: escapeHostKey,
-			localStylesMaps,
-			pairKey: sourcePairKey,
+			pairKey: activePortal.pairKey,
 			portalHostName: nextPortalHostName,
 			portalHostReady,
 			screenKey: currentScreenKey,
@@ -101,14 +93,12 @@ export const useActivePortalBoundaryHost = ({
 			unmountPortalBoundaryHostByName(nextPortalHostName);
 		};
 	}, [
+		activePortal,
 		boundaryId,
 		currentScreenKey,
 		escapeHostKey,
-		localStylesMaps,
 		portalHostName,
 		portalHostReady,
-		sourcePairKey,
 		slotsMap,
-		hasActiveLink,
 	]);
 };

package/src/components/boundary/portal/components/boundary-portal/hooks/use-boundary-portal-attachment.ts

@@ -1,17 +1,8 @@
-import {
-	type SharedValue,
-	useAnimatedProps,
-	useSharedValue,
-} from "react-native-reanimated";
+import { useAnimatedProps, useSharedValue } from "react-native-reanimated";
 import { useDescriptorsStore } from "../../../../../../providers/screen/descriptors";
 import { useScreenSlots } from "../../../../../../providers/screen/styles";
-import { hasCloseTransitionFinished } from "../../../../../../providers/screen/styles/helpers/transition-visual-state";
-import { AnimationStore } from "../../../../../../stores/animation.store";
-import { pairs } from "../../../../../../stores/bounds/internals/state";
-import { SystemStore } from "../../../../../../stores/system.store";
 import { PORTAL_HOST_NAME_RESET_VALUE } from "../../../utils/naming";
 import { isTeleportEnabled } from "../../../utils/teleport-control";
-import { hasActiveBoundaryPortalLink } from "../helpers/active-pair";
 import { useActiveHostKey } from "../stores/host-registry.store";
 import { useActivePortalBoundaryHost } from "./use-active-portal-boundary-host";
 
@@ -19,42 +10,23 @@ interface UseBoundaryPortalAttachmentParams {
 	boundaryId: string;
 }
 
-type AttachedDestination = {
-	animationProgress: SharedValue<number>;
-	closing: SharedValue<number>;
-};
-
 export const useBoundaryPortalAttachment = ({
 	boundaryId,
 }: UseBoundaryPortalAttachmentParams) => {
-	const sourcePairKey = useDescriptorsStore((s) => s.derivations.sourcePairKey);
 	const currentScreenKey = useDescriptorsStore(
 		(s) => s.derivations.currentScreenKey,
 	);
-	const nextScreenKey = useDescriptorsStore((s) => s.derivations.nextScreenKey);
-	const destinationScreenKey = nextScreenKey ?? currentScreenKey;
-	const destinationAnimationProgress = SystemStore.getValue(
-		destinationScreenKey,
-		"animationProgress",
-	);
-	const destinationClosing = AnimationStore.getValue(
-		destinationScreenKey,
-		"closing",
-	);
-	const { localStylesMaps, slotsMap } = useScreenSlots();
+	const { slotsMap } = useScreenSlots();
 	const portalHostName = useSharedValue<string | null>(null);
 	const portalHostReady = useSharedValue(false);
-	const attachedDestination = useSharedValue<AttachedDestination | null>(null);
 	const escapeHostKey = useActiveHostKey(currentScreenKey);
 
 	useActivePortalBoundaryHost({
 		boundaryId,
 		currentScreenKey,
 		escapeHostKey,
-		localStylesMaps,
 		portalHostName,
 		portalHostReady,
-		sourcePairKey,
 		slotsMap,
 	});
 
@@ -67,36 +39,17 @@ export const useBoundaryPortalAttachment = ({
 			teleport,
 			...slotProps
 		} = slot?.props ?? {};
-		const shouldTeleport = isTeleportEnabled(teleport);
-		const hostName = portalHostName.get();
-		const hasActiveLink = hasActiveBoundaryPortalLink({
-			boundaryId,
-			pairsState: pairs.get(),
-			sourcePairKey,
-		});
-		const hasAttachableHost =
-			shouldTeleport && hasActiveLink && portalHostReady.get() && hostName;
-
-		if (hasAttachableHost) {
-			attachedDestination.set({
-				animationProgress: destinationAnimationProgress,
-				closing: destinationClosing,
-			});
-		}
-
-		const attached = attachedDestination.get();
-		const hasAttachedCloseFinished =
-			attached !== null &&
-			hasCloseTransitionFinished({
-				animationProgress: attached.animationProgress.get(),
-				closing: attached.closing.get(),
-			});
-		const canAttach = hasAttachableHost && !hasAttachedCloseFinished;
-		const targetHostName = canAttach ? hostName : PORTAL_HOST_NAME_RESET_VALUE;
+		const shouldAttach =
+			slot !== undefined &&
+			isTeleportEnabled(teleport) &&
+			portalHostReady.get();
+		const hostName = shouldAttach
+			? portalHostName.get()
+			: PORTAL_HOST_NAME_RESET_VALUE;
 
 		return {
 			...slotProps,
-			hostName: targetHostName,
+			hostName,
 		};
 	});
 

package/src/components/boundary/portal/components/boundary-portal/hooks/use-host-measurement.ts

@@ -16,7 +16,6 @@ import { getVisibilityBlockOffset } from "../../../../../../utils/visibility-blo
 import {
 	adjustedMeasuredBoundsForOverscrollDeltas,
 	correctMeasuredBoundsForVisibilityGate,
-	isMeasurementInViewport,
 } from "../../../../utils/measured-bounds";
 import {
 	clearPortalHostBounds,
@@ -102,13 +101,7 @@ export const useHostMeasurement = ({
 				viewportHeight,
 			});
 
-			if (
-				!isMeasurementInViewport(
-					correctedMeasured,
-					viewportWidth,
-					viewportHeight,
-				)
-			) {
+			if (correctedMeasured.width <= 0 || correctedMeasured.height <= 0) {
 				cancelAnimation(retryToken);
 				retryToken.set(
 					withDelay(

package/src/components/boundary/portal/components/boundary-portal/stores/portal-boundary-host.store.ts

@@ -1,12 +1,10 @@
 import { useSyncExternalStore } from "react";
 import type { SharedValue } from "react-native-reanimated";
-import type { LocalStyleLayers } from "../../../../../../providers/screen/styles/helpers/resolve-slot-styles";
 import type { NormalizedTransitionInterpolatedStyle } from "../../../../../../types/animation.types";
 
 export type ActivePortalBoundaryHost = {
 	boundaryId: string;
 	hostKey: string;
-	localStylesMaps: SharedValue<LocalStyleLayers>;
 	pairKey: string;
 	portalHostName: string;
 	portalHostReady: SharedValue<boolean>;
@@ -56,7 +54,6 @@ const isSameHost = (
 	return (
 		a.boundaryId === b.boundaryId &&
 		a.hostKey === b.hostKey &&
-		a.localStylesMaps === b.localStylesMaps &&
 		a.pairKey === b.pairKey &&
 		a.portalHostName === b.portalHostName &&
 		a.portalHostReady === b.portalHostReady &&

package/src/components/boundary/utils/destination-signals.ts

@@ -14,7 +14,7 @@ export type InitialDestinationMeasurementAction =
 	| "complete";
 
 export type InitialDestinationMeasurementSignal = {
-	pairKey: ScreenPairKey;
+	pairKey: ScreenPairKey | null;
 	action: InitialDestinationMeasurementAction;
 };
 
@@ -37,10 +37,14 @@ export const getInitialDestinationMeasurementSignal = (params: {
 		sourcePresent,
 		linkState,
 	} = params;
-	if (!enabled || !pairKey) {
+	if (!enabled) {
 		return null;
 	}
 
+	if (!pairKey) {
+		return { pairKey: null, action: "wait" };
+	}
+
 	if (!destinationPresent) {
 		return { pairKey, action: "wait" };
 	}