react-native-screen-transitions 3.4.0-alpha.5 → 3.4.0-alpha.7

package/lib/typescript/shared/components/screen-container/deferred-visibility-host.d.ts

@@ -1,13 +0,0 @@
-type Props = {
-    children: React.ReactNode;
-};
-/**
- * Hides the full screen visual subtree while an interpolator explicitly reports
- * that it is not safe to reveal yet.
- *
- * This sits above backdrop/content/mask/surface so a deferred transition does
- * not leak raw first-paint UI from nested layers.
- */
-export declare const DeferredVisibilityHost: import("react").MemoExoticComponent<({ children }: Props) => import("react/jsx-runtime").JSX.Element>;
-export {};
-//# sourceMappingURL=deferred-visibility-host.d.ts.map

package/lib/typescript/shared/components/screen-container/deferred-visibility-host.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"deferred-visibility-host.d.ts","sourceRoot":"","sources":["../../../../../src/shared/components/screen-container/deferred-visibility-host.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,qDAAuB,KAAK,6CAa7D,CAAC"}

package/lib/typescript/shared/hooks/animation/use-associated-style.d.ts

@@ -1,32 +0,0 @@
-import { type StyleProps } from "react-native-reanimated";
-type Props = {
-    id?: string;
-    style?: StyleProps;
-    resetTransformOnUnset?: boolean;
-};
-/**
- * Resolves the animated style associated with an `id` (styleId/bound tag), while
- * guarding against transient glitches during shared-boundary transitions.
- *
- * Why this exists:
- * - During push/pop, links and style maps can be briefly out of sync.
- * - Without guards, boundaries can briefly drop back to raw local layout.
- * - Cleanup must be deterministic so stale transform keys do not linger.
- *
- * Local style model (worklet state machine):
- *
- *   transient empty style map -> hold-last-style
- *   otherwise -> live
- *
- * - `hold-last-style`: reuse last resolved style through short empty-map gaps.
- * - `live`: apply current resolved style directly.
- *
- * For grouped tags (`group:id`), previous-screen transition evidence is only
- * considered for the group's active member to avoid hiding non-active siblings.
- */
-export declare const useAssociatedStyles: ({ id, resetTransformOnUnset, }?: Props) => {
-    associatedStyles: Readonly<{}>;
-    associatedProps: object;
-};
-export {};
-//# sourceMappingURL=use-associated-style.d.ts.map

package/lib/typescript/shared/hooks/animation/use-associated-style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-associated-style.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/animation/use-associated-style.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EAIf,MAAM,yBAAyB,CAAC;AAOjC,KAAK,KAAK,GAAG;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AA4GF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB,GAAI,iCAGjC,KAAU;;;CAqJZ,CAAC"}

package/lib/typescript/shared/providers/screen/helpers/resolve-interpolated-style-output.d.ts

@@ -1,14 +0,0 @@
-import type { DeferredScreenStyleSignal, NormalizedTransitionInterpolatedStyle } from "../../../types/animation.types";
-export type ScreenStyleResolutionMode = "pass-through" | "deferred" | "live";
-export type ResolvedInterpolatedStyleOutput = {
-    stylesMap: NormalizedTransitionInterpolatedStyle;
-    resolutionMode: ScreenStyleResolutionMode;
-    wasLegacy: boolean;
-};
-export declare const PASS_THROUGH_STYLE_OUTPUT: ResolvedInterpolatedStyleOutput;
-export declare const resolveEffectiveResolutionMode: ({ resolutionMode, isSettled, }: {
-    resolutionMode: ScreenStyleResolutionMode;
-    isSettled: boolean;
-}) => ScreenStyleResolutionMode;
-export declare const resolveInterpolatedStyleOutput: (raw: Record<string, any> | DeferredScreenStyleSignal | null | undefined) => ResolvedInterpolatedStyleOutput;
-//# sourceMappingURL=resolve-interpolated-style-output.d.ts.map

package/lib/typescript/shared/providers/screen/helpers/resolve-interpolated-style-output.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve-interpolated-style-output.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/providers/screen/helpers/resolve-interpolated-style-output.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,yBAAyB,EACzB,qCAAqC,EACrC,MAAM,gCAAgC,CAAC;AAGxC,MAAM,MAAM,yBAAyB,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7E,MAAM,MAAM,+BAA+B,GAAG;IAC7C,SAAS,EAAE,qCAAqC,CAAC;IACjD,cAAc,EAAE,yBAAyB,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,yBAAyB,EAAE,+BAIvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,gCAG5C;IACF,cAAc,EAAE,yBAAyB,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;CACnB,KAAG,yBAMH,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAC1C,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,yBAAyB,GAAG,IAAI,GAAG,SAAS,KACrE,+BAsBF,CAAC"}

package/lib/typescript/shared/providers/screen/styles.provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.provider.d.ts","sourceRoot":"","sources":["../../../../../src/shared/providers/screen/styles.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,EACN,KAAK,WAAW,EAGhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AAIzF,OAAO,EAIN,KAAK,yBAAyB,EAC9B,MAAM,6CAA6C,CAAC;AAErD,KAAK,KAAK,GAAG;IACZ,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,SAAS,EAAE,WAAW,CAAC,qCAAqC,CAAC,CAAC;IAC9D,kBAAkB,EAAE,WAAW,CAAC,qCAAqC,CAAC,EAAE,CAAC;IACzE,cAAc,EAAE,WAAW,CAAC,yBAAyB,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MACN,oBAAoB,6BACpB,mBAAmB,qDACK,eAAe,gCAoIvC,CAAC"}

package/src/shared/components/screen-container/deferred-visibility-host.tsx

@@ -1,37 +0,0 @@
-import { memo } from "react";
-import { StyleSheet } from "react-native";
-import Animated, { useAnimatedStyle } from "react-native-reanimated";
-import { HIDDEN_STYLE, VISIBLE_STYLE } from "../../constants";
-import { useScreenStyles } from "../../providers/screen/styles.provider";
-
-type Props = {
-	children: React.ReactNode;
-};
-
-/**
- * Hides the full screen visual subtree while an interpolator explicitly reports
- * that it is not safe to reveal yet.
- *
- * This sits above backdrop/content/mask/surface so a deferred transition does
- * not leak raw first-paint UI from nested layers.
- */
-export const DeferredVisibilityHost = memo(({ children }: Props) => {
-	const { resolutionMode } = useScreenStyles();
-
-	const animatedStyle = useAnimatedStyle(() => {
-		"worklet";
-		return resolutionMode.value === "deferred" ? HIDDEN_STYLE : VISIBLE_STYLE;
-	});
-
-	return (
-		<Animated.View collapsable={false} style={[styles.host, animatedStyle]}>
-			{children}
-		</Animated.View>
-	);
-});
-
-const styles = StyleSheet.create({
-	host: {
-		flex: 1,
-	},
-});

package/src/shared/hooks/animation/use-associated-style.ts

@@ -1,297 +0,0 @@
-import {
-	type StyleProps,
-	useAnimatedProps,
-	useAnimatedStyle,
-	useSharedValue,
-} from "react-native-reanimated";
-import { NO_PROPS, NO_STYLES } from "../../constants";
-import { useDescriptorDerivations } from "../../providers/screen/descriptors";
-import { useScreenStyles } from "../../providers/screen/styles.provider";
-import { AnimationStore } from "../../stores/animation.store";
-import { BoundStore } from "../../stores/bounds";
-
-type Props = {
-	id?: string;
-	style?: StyleProps;
-	resetTransformOnUnset?: boolean;
-};
-
-const TRANSIENT_EMPTY_GRACE_FRAMES = 2;
-const IDENTITY_TRANSFORM = [
-	{ translateX: 0 },
-	{ translateY: 0 },
-	{ scaleX: 1 },
-	{ scaleY: 1 },
-] as any;
-const ALWAYS_RESET_STYLE_VALUES = {
-	zIndex: 0,
-	elevation: 0,
-} as const;
-
-type AssociatedStyleMode = "hold-last-style" | "live";
-
-type GroupTagParts = {
-	group: string;
-	memberId: string;
-};
-
-type KeyMeta = {
-	keys: Record<string, true>;
-	hasAny: boolean;
-};
-
-const hasAnyKeys = (record: Record<string, unknown>) => {
-	"worklet";
-	for (const _key in record) {
-		return true;
-	}
-	return false;
-};
-
-const collectKeyMeta = (record: Record<string, unknown>): KeyMeta => {
-	"worklet";
-	const keys: Record<string, true> = {};
-	let hasAny = false;
-	for (const key in record) {
-		keys[key] = true;
-		hasAny = true;
-	}
-	return { keys, hasAny };
-};
-
-const getGroupTagParts = (tag: string): GroupTagParts | null => {
-	"worklet";
-	const separatorIndex = tag.indexOf(":");
-	if (separatorIndex <= 0 || separatorIndex >= tag.length - 1) {
-		return null;
-	}
-
-	return {
-		group: tag.slice(0, separatorIndex),
-		memberId: tag.slice(separatorIndex + 1),
-	};
-};
-
-const allowPreviousTransitionEvidence = (tag: string): boolean => {
-	"worklet";
-	const groupTagParts = getGroupTagParts(tag);
-	if (!groupTagParts) {
-		return true;
-	}
-
-	// For grouped boundaries, only the active member can inherit
-	// transition evidence from the previous screen.
-	const activeGroupMemberId = BoundStore.getGroupActiveId(groupTagParts.group);
-	return (
-		activeGroupMemberId !== null &&
-		activeGroupMemberId === groupTagParts.memberId
-	);
-};
-
-const buildUnsetPatch = ({
-	previousKeys,
-	currentKeys,
-	shouldDeferUnset,
-	resetTransformOnUnset,
-}: {
-	previousKeys: Record<string, true>;
-	currentKeys: Record<string, true>;
-	shouldDeferUnset: boolean;
-	resetTransformOnUnset: boolean;
-}) => {
-	"worklet";
-	const unsetPatch: Record<string, any> = {};
-
-	for (const key in previousKeys) {
-		if (currentKeys[key]) continue;
-		const shouldAlwaysUnset = key in ALWAYS_RESET_STYLE_VALUES;
-		if (shouldDeferUnset && !shouldAlwaysUnset) continue;
-
-		if (key === "transform" && resetTransformOnUnset) {
-			unsetPatch.transform = IDENTITY_TRANSFORM;
-		} else if (key in ALWAYS_RESET_STYLE_VALUES) {
-			unsetPatch[key] =
-				ALWAYS_RESET_STYLE_VALUES[
-					key as keyof typeof ALWAYS_RESET_STYLE_VALUES
-				];
-		} else {
-			unsetPatch[key] = undefined;
-		}
-	}
-
-	return unsetPatch;
-};
-
-/**
- * Resolves the animated style associated with an `id` (styleId/bound tag), while
- * guarding against transient glitches during shared-boundary transitions.
- *
- * Why this exists:
- * - During push/pop, links and style maps can be briefly out of sync.
- * - Without guards, boundaries can briefly drop back to raw local layout.
- * - Cleanup must be deterministic so stale transform keys do not linger.
- *
- * Local style model (worklet state machine):
- *
- *   transient empty style map -> hold-last-style
- *   otherwise -> live
- *
- * - `hold-last-style`: reuse last resolved style through short empty-map gaps.
- * - `live`: apply current resolved style directly.
- *
- * For grouped tags (`group:id`), previous-screen transition evidence is only
- * considered for the group's active member to avoid hiding non-active siblings.
- */
-export const useAssociatedStyles = ({
-	id,
-	resetTransformOnUnset = false,
-}: Props = {}) => {
-	const { stylesMap, ancestorStylesMaps } = useScreenStyles();
-	const { previousScreenKey, currentScreenKey, hasConfiguredInterpolator } =
-		useDescriptorDerivations();
-	const isAnimating = AnimationStore.getValue(currentScreenKey, "animating");
-	const isClosing = AnimationStore.getValue(currentScreenKey, "closing");
-	const previousAppliedKeys = useSharedValue<Record<string, true>>({});
-	const emptyGraceFrameCount = useSharedValue(0);
-	const lastResolvedBase = useSharedValue<Record<string, any> | null>(null);
-
-	const associatedStyles = useAnimatedStyle(() => {
-		"worklet";
-
-		if (!id) {
-			return NO_STYLES;
-		}
-
-		// Check local slot first, then fall back to parent
-		const ownSlot = stylesMap.value[id];
-
-		const ancestorSlot = ancestorStylesMaps.find(
-			(ancestorMap) => ancestorMap.value[id],
-		)?.value[id];
-
-		const slot = ownSlot || ancestorSlot;
-		const base = slot?.style || NO_STYLES;
-
-		const { keys: currentKeys, hasAny: hasCurrentKeys } = collectKeyMeta(
-			base as Record<string, unknown>,
-		);
-
-		const hasPreviousKeys = hasAnyKeys(previousAppliedKeys.value);
-		const isTransitioning = isAnimating.get() !== 0 || isClosing.get() !== 0;
-
-		const canUsePreviousTransitionEvidence =
-			resetTransformOnUnset && allowPreviousTransitionEvidence(id);
-
-		const hasActiveLink =
-			resetTransformOnUnset &&
-			canUsePreviousTransitionEvidence &&
-			(BoundStore.hasPendingLink(id) ||
-				BoundStore.hasSourceLink(id, currentScreenKey) ||
-				BoundStore.hasDestinationLink(id, currentScreenKey));
-
-		const hasPreviousTransitionEvidence =
-			canUsePreviousTransitionEvidence &&
-			!!previousScreenKey &&
-			(!!BoundStore.getSnapshot(id, previousScreenKey) ||
-				BoundStore.hasBoundaryPresence(id, previousScreenKey));
-
-		const shouldProtectInFlightStyles =
-			resetTransformOnUnset && (hasActiveLink || hasPreviousTransitionEvidence);
-
-		if (hasCurrentKeys) {
-			lastResolvedBase.value = base as Record<string, any>;
-		}
-
-		const hasPersistedResolvedStyle = !!lastResolvedBase.value;
-
-		const isTransientEmptyGap =
-			hasConfiguredInterpolator &&
-			shouldProtectInFlightStyles &&
-			!isTransitioning &&
-			!hasCurrentKeys &&
-			(hasPreviousKeys || hasPersistedResolvedStyle);
-
-		// Keep styles stable for a couple of frames to absorb
-		// transient empty-map gaps on slower devices.
-		if (isTransientEmptyGap) {
-			emptyGraceFrameCount.value = emptyGraceFrameCount.value + 1;
-		} else {
-			emptyGraceFrameCount.value = 0;
-		}
-
-		const isWithinGapGrace =
-			isTransientEmptyGap &&
-			emptyGraceFrameCount.value <= TRANSIENT_EMPTY_GRACE_FRAMES;
-
-		const shouldDelayUnset =
-			resetTransformOnUnset &&
-			shouldProtectInFlightStyles &&
-			(isTransitioning || isWithinGapGrace);
-
-		/**
-		 * Associated-style state machine:
-		 * - hold-last-style: transient empty frame; reuse last resolved style.
-		 * - live: apply current resolved style normally.
-		 */
-		let mode: AssociatedStyleMode = "live";
-		if (shouldDelayUnset && !hasCurrentKeys && hasPersistedResolvedStyle) {
-			mode = "hold-last-style";
-		}
-
-		const resolvedBase =
-			mode === "hold-last-style"
-				? (lastResolvedBase.value as Record<string, any>)
-				: (base as Record<string, any>);
-
-		const unsetPatch = buildUnsetPatch({
-			previousKeys: previousAppliedKeys.value,
-			currentKeys,
-			shouldDeferUnset: shouldDelayUnset,
-			resetTransformOnUnset,
-		});
-
-		if (shouldDelayUnset) {
-			previousAppliedKeys.value = {
-				...previousAppliedKeys.value,
-				...currentKeys,
-			};
-		} else {
-			previousAppliedKeys.value = currentKeys;
-
-			// Drop cached style when fully idle so future transitions
-			// start from a clean state.
-			if (!hasCurrentKeys && !shouldProtectInFlightStyles && !isTransitioning) {
-				lastResolvedBase.value = null;
-			}
-		}
-
-		const mergedBase = { ...unsetPatch, ...resolvedBase };
-
-		let opacity = 1;
-
-		if ("opacity" in mergedBase) {
-			opacity = mergedBase.opacity as number;
-		}
-
-		if ("opacity" in mergedBase) {
-			return mergedBase;
-		}
-
-		return { ...mergedBase, opacity };
-	});
-
-	const associatedProps = useAnimatedProps(() => {
-		"worklet";
-
-		if (!id) return NO_PROPS;
-
-		const ownSlot = stylesMap.value[id];
-		const ancestorSlot = ancestorStylesMaps.find(
-			(ancestorMap) => ancestorMap.value[id],
-		)?.value[id];
-
-		return (ownSlot || ancestorSlot)?.props ?? NO_PROPS;
-	});
-
-	return { associatedStyles, associatedProps };
-};

package/src/shared/providers/screen/helpers/resolve-interpolated-style-output.ts

@@ -1,61 +0,0 @@
-import type {
-	DeferredScreenStyleSignal,
-	NormalizedTransitionInterpolatedStyle,
-} from "../../../types/animation.types";
-import { normalizeInterpolatedStyle } from "../../../utils/normalize-interpolated-style";
-
-export type ScreenStyleResolutionMode = "pass-through" | "deferred" | "live";
-
-export type ResolvedInterpolatedStyleOutput = {
-	stylesMap: NormalizedTransitionInterpolatedStyle;
-	resolutionMode: ScreenStyleResolutionMode;
-	wasLegacy: boolean;
-};
-
-const EMPTY_STYLES = {} as NormalizedTransitionInterpolatedStyle;
-
-export const PASS_THROUGH_STYLE_OUTPUT: ResolvedInterpolatedStyleOutput = {
-	stylesMap: EMPTY_STYLES,
-	resolutionMode: "pass-through",
-	wasLegacy: false,
-};
-
-export const resolveEffectiveResolutionMode = ({
-	resolutionMode,
-	isSettled,
-}: {
-	resolutionMode: ScreenStyleResolutionMode;
-	isSettled: boolean;
-}): ScreenStyleResolutionMode => {
-	"worklet";
-	if (resolutionMode === "deferred" && isSettled) {
-		return "pass-through";
-	}
-	return resolutionMode;
-};
-
-export const resolveInterpolatedStyleOutput = (
-	raw: Record<string, any> | DeferredScreenStyleSignal | null | undefined,
-): ResolvedInterpolatedStyleOutput => {
-	"worklet";
-
-	if (raw === "defer") {
-		return {
-			stylesMap: EMPTY_STYLES,
-			resolutionMode: "deferred",
-			wasLegacy: false,
-		};
-	}
-
-	if (raw == null) {
-		return PASS_THROUGH_STYLE_OUTPUT;
-	}
-
-	const { result, wasLegacy } = normalizeInterpolatedStyle(raw ?? EMPTY_STYLES);
-
-	return {
-		stylesMap: result,
-		resolutionMode: "live",
-		wasLegacy,
-	};
-};

package/src/shared/providers/screen/styles.provider.tsx

@@ -1,164 +0,0 @@
-import { type ReactNode, useContext, useMemo } from "react";
-import {
-	type SharedValue,
-	useDerivedValue,
-	useSharedValue,
-} from "react-native-reanimated";
-import { NO_STYLES } from "../../constants";
-import type { NormalizedTransitionInterpolatedStyle } from "../../types/animation.types";
-import createProvider from "../../utils/create-provider";
-import { logger } from "../../utils/logger";
-import { useScreenAnimationContext } from "./animation";
-import {
-	PASS_THROUGH_STYLE_OUTPUT,
-	resolveEffectiveResolutionMode,
-	resolveInterpolatedStyleOutput,
-	type ScreenStyleResolutionMode,
-} from "./helpers/resolve-interpolated-style-output";
-
-type Props = {
-	children: ReactNode;
-};
-
-type ScreenStylesContextValue = {
-	stylesMap: SharedValue<NormalizedTransitionInterpolatedStyle>;
-	ancestorStylesMaps: SharedValue<NormalizedTransitionInterpolatedStyle>[];
-	resolutionMode: SharedValue<ScreenStyleResolutionMode>;
-};
-
-export const {
-	ScreenStylesProvider,
-	ScreenStylesContext,
-	useScreenStylesContext: useScreenStyles,
-} = createProvider("ScreenStyles", {
-	guarded: true,
-})<Props, ScreenStylesContextValue>(
-	({ children }): { value: ScreenStylesContextValue; children: ReactNode } => {
-		const parentCtx = useContext(ScreenStylesContext);
-
-		const {
-			screenInterpolatorProps,
-			nextInterpolator,
-			currentInterpolator,
-			boundsAccessor,
-		} = useScreenAnimationContext();
-
-		/**
-		 * Tracks when user starts a gesture while another screen is still closing.
-		 * This persists until both the gesture ends AND the closing animation completes.
-		 */
-		const isGesturingDuringCloseAnimation = useSharedValue(false);
-		const hasWarnedLegacy = useSharedValue(false);
-
-		const styleResolution = useDerivedValue<{
-			stylesMap: NormalizedTransitionInterpolatedStyle;
-			resolutionMode: ScreenStyleResolutionMode;
-		}>(() => {
-			"worklet";
-			const props = screenInterpolatorProps.value;
-			const { current, next, progress } = props;
-			const isDragging = current.gesture.dragging;
-			const isNextClosing = !!next?.closing;
-
-			if (isDragging && isNextClosing) {
-				isGesturingDuringCloseAnimation.value = true;
-			}
-
-			if (!isDragging && !isNextClosing) {
-				isGesturingDuringCloseAnimation.value = false;
-			}
-
-			const isInGestureMode =
-				isDragging || isGesturingDuringCloseAnimation.value;
-
-			// Select interpolator
-			//  - If in gesture mode, use current screen's interpolator since we're driving
-			//    the animation from this screen (dragging back to dismiss next).
-			const interpolator = isInGestureMode
-				? currentInterpolator
-				: (nextInterpolator ?? currentInterpolator);
-
-			if (!interpolator) {
-				return PASS_THROUGH_STYLE_OUTPUT;
-			}
-
-			// Build effective props with corrected progress
-			//  - Gesture mode: use current.progress only (avoids jumps during drag)
-			//  - Normal: use derived progress as-is
-
-			let effectiveProgress = progress;
-			let effectiveNext = next;
-
-			if (isInGestureMode) {
-				effectiveProgress = current.progress;
-				effectiveNext = undefined;
-			}
-
-			try {
-				const raw = interpolator({
-					...props,
-					progress: effectiveProgress,
-					next: effectiveNext,
-					bounds: boundsAccessor,
-				});
-
-				const { stylesMap, resolutionMode, wasLegacy } =
-					resolveInterpolatedStyleOutput(raw);
-
-				if (__DEV__ && wasLegacy && !hasWarnedLegacy.value) {
-					hasWarnedLegacy.value = true;
-					logger.warn(
-						"Flat interpolator return shape (contentStyle/backdropStyle) is deprecated. " +
-							"Use the nested format instead: { content: { style }, backdrop: { style } }.",
-					);
-				}
-
-				return {
-					stylesMap,
-					resolutionMode: resolveEffectiveResolutionMode({
-						resolutionMode,
-						isSettled: current.settled === 1,
-					}),
-				};
-			} catch (err) {
-				if (__DEV__) {
-					console.warn(
-						"[react-native-screen-transitions] screenStyleInterpolator must be a worklet",
-						err,
-					);
-				}
-				return {
-					stylesMap: NO_STYLES as NormalizedTransitionInterpolatedStyle,
-					resolutionMode: "live" as const,
-				};
-			}
-		});
-
-		const stylesMap = useDerivedValue<NormalizedTransitionInterpolatedStyle>(
-			() => {
-				"worklet";
-				return styleResolution.value.stylesMap;
-			},
-		);
-
-		const resolutionMode = useDerivedValue<ScreenStyleResolutionMode>(() => {
-			"worklet";
-			return styleResolution.value.resolutionMode;
-		});
-
-		const value = useMemo<ScreenStylesContextValue>(() => {
-			// Build ancestor chain: [parent, grandparent, great-grandparent, ...]
-			const ancestorStylesMaps = parentCtx
-				? [parentCtx.stylesMap, ...parentCtx.ancestorStylesMaps]
-				: [];
-
-			return {
-				stylesMap,
-				ancestorStylesMaps,
-				resolutionMode,
-			};
-		}, [resolutionMode, stylesMap, parentCtx]);
-
-		return { value, children };
-	},
-);