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

package/src/shared/utils/bounds/zoom/build.ts

@@ -34,17 +34,19 @@ import type { BuildZoomStylesParams, ZoomInterpolatedStyle } from "./types";
 
 const IDENTITY_DRAG_SCALE_OUTPUT = [1, 1] as const;
 
-const getSourceBorderRadius = (
-	resolvedPair: ResolvedTransitionPair,
-): number => {
+/* -------------------------------------------------------------------------- */
+/*                               LOCAL HELPERS                                */
+/* -------------------------------------------------------------------------- */
+
+function getSourceBorderRadius(resolvedPair: ResolvedTransitionPair): number {
 	"worklet";
 
 	return typeof resolvedPair.sourceStyles?.borderRadius === "number"
 		? resolvedPair.sourceStyles.borderRadius
 		: 0;
-};
+}
 
-const getZoomContentTarget = ({
+function getZoomContentTarget({
 	explicitTarget,
 	screenLayout,
 	anchor,
@@ -54,7 +56,7 @@ const getZoomContentTarget = ({
 	screenLayout: Layout;
 	anchor: BoundsOptions["anchor"] | undefined;
 	resolvedPair: ResolvedTransitionPair;
-}) => {
+}) {
 	"worklet";
 
 	if (explicitTarget) return explicitTarget;
@@ -90,28 +92,34 @@ const getZoomContentTarget = ({
 		width: screenWidth,
 		height,
 	};
-};
+}
+
+/* -------------------------------------------------------------------------- */
+/*                             BUILD ZOOM STYLES                              */
+/* -------------------------------------------------------------------------- */
 
-export const buildZoomStyles = ({
+export function buildZoomStyles({
 	resolvedTag,
 	zoomOptions,
 	props,
-}: BuildZoomStylesParams): ZoomInterpolatedStyle => {
+}: BuildZoomStylesParams): ZoomInterpolatedStyle {
 	"worklet";
 
 	if (!resolvedTag) return {};
 
+	/* ------------------------------ Shared Setup ------------------------------ */
+
 	const explicitTarget = zoomOptions?.target;
 	const debug = zoomOptions?.DEBUG === true;
-
 	const focused = props.focused;
 	const progress = props.progress;
+	const screenLayout = props.layouts.screen;
+	const isEnteringTransition = !props.next;
 	const currentRouteKey = props.current?.route.key;
 	const previousRouteKey = props.previous?.route.key;
 	const nextRouteKey = props.next?.route.key;
-	const entering = !props.next;
-	const screenLayout = props.layouts.screen;
 	const resolvedZoomAnchor = getZoomAnchor(explicitTarget);
+
 	const zoomComputeParams = {
 		id: resolvedTag,
 		previous: props.previous,
@@ -120,6 +128,7 @@ export const buildZoomStyles = ({
 		progress,
 		dimensions: screenLayout,
 	} as const;
+
 	const baseRawOptions = {
 		id: resolvedTag,
 		raw: true,
@@ -130,31 +139,40 @@ export const buildZoomStyles = ({
 		currentScreenKey: currentRouteKey,
 		previousScreenKey: previousRouteKey,
 		nextScreenKey: nextRouteKey,
-		entering,
+		entering: isEnteringTransition,
 	});
 
 	const sourceBorderRadius = getSourceBorderRadius(resolvedPair);
 	const targetBorderRadius = zoomOptions?.borderRadius ?? sourceBorderRadius;
-
-	const focusedVisibilityStyles = {
+	const sourceVisibilityStyle = {
 		[resolvedTag]: VISIBLE_STYLE,
 	} satisfies TransitionInterpolatedStyle;
-	const focusedContainerStyleId = props.navigationMaskEnabled
+	const focusedContentSlot = props.navigationMaskEnabled
 		? NAVIGATION_MASK_CONTAINER_STYLE_ID
 		: "content";
 
+	/* --------------------------- Missing Source Guard -------------------------- */
+
 	// To avoid initial flickering, we'll want to hide if there are no source bounds
 	// But to also avoid scenarios where activeId changes in dst and theres a failed measurement,
 	// we should only hide if entering and there is no source bounds.
 	if (!resolvedPair.sourceBounds && props.active.entering) {
 		return {
-			[focusedContainerStyleId]: HIDDEN_STYLE,
+			[focusedContentSlot]: HIDDEN_STYLE,
 		};
 	}
 
+	/* --------------------------- Gesture / Drag Values ------------------------- */
+
 	const normX = props.active.gesture.normX;
 	const normY = props.active.gesture.normY;
 	const initialDirection = props.active.gesture.direction;
+	const isHorizontalDismiss =
+		initialDirection === "horizontal" ||
+		initialDirection === "horizontal-inverted";
+	const isVerticalDismiss =
+		initialDirection === "vertical" || initialDirection === "vertical-inverted";
+
 	const dragX = normalizedToTranslation({
 		normalized: normX,
 		dimension: screenLayout.width,
@@ -165,35 +183,33 @@ export const buildZoomStyles = ({
 		dimension: screenLayout.height,
 		resistance: ZOOM_DRAG_RESISTANCE,
 	});
-	const dragXScale =
-		initialDirection === "horizontal" ||
-		initialDirection === "horizontal-inverted"
-			? resolveDirectionalDragScale({
-					normalized: normX,
-					dismissDirection:
-						initialDirection === "horizontal-inverted"
-							? "negative"
-							: "positive",
-					shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
-					growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
-					exponent: 2,
-				})
-			: IDENTITY_DRAG_SCALE_OUTPUT[0];
-	const dragYScale =
-		initialDirection === "vertical" || initialDirection === "vertical-inverted"
-			? resolveDirectionalDragScale({
-					normalized: normY,
-					dismissDirection:
-						initialDirection === "vertical-inverted" ? "negative" : "positive",
-					shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
-					growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
-					exponent: 2,
-				})
-			: IDENTITY_DRAG_SCALE_OUTPUT[1];
+
+	const dragXScale = isHorizontalDismiss
+		? resolveDirectionalDragScale({
+				normalized: normX,
+				dismissDirection:
+					initialDirection === "horizontal-inverted" ? "negative" : "positive",
+				shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
+				growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
+				exponent: 2,
+			})
+		: IDENTITY_DRAG_SCALE_OUTPUT[0];
+	const dragYScale = isVerticalDismiss
+		? resolveDirectionalDragScale({
+				normalized: normY,
+				dismissDirection:
+					initialDirection === "vertical-inverted" ? "negative" : "positive",
+				shrinkMin: ZOOM_DRAG_DIRECTIONAL_SCALE_MIN,
+				growMax: ZOOM_DRAG_DIRECTIONAL_SCALE_MAX,
+				exponent: 2,
+			})
+		: IDENTITY_DRAG_SCALE_OUTPUT[1];
 	const dragScale = combineScales(dragXScale, dragYScale);
 
+	/* ----------------------------- Focused Screen ----------------------------- */
+
 	if (focused) {
-		const contentTarget = getZoomContentTarget({
+		const focusedContentTarget = getZoomContentTarget({
 			explicitTarget,
 			screenLayout,
 			anchor: ZOOM_SHARED_OPTIONS.anchor,
@@ -206,7 +222,7 @@ export const buildZoomStyles = ({
 				...baseRawOptions,
 				anchor: resolvedZoomAnchor,
 				method: "content",
-				target: contentTarget,
+				target: focusedContentTarget,
 			},
 			resolvedPair,
 		) as Record<string, unknown>;
@@ -247,6 +263,7 @@ export const buildZoomStyles = ({
 		const contentScale = toNumber(contentRaw.scale, 1) * dragScale;
 		const maskTranslateX = toNumber(maskRaw.translateX) + dragX - left;
 		const maskTranslateY = toNumber(maskRaw.translateY) + dragY - top;
+
 		const focusedContentStyle = {
 			opacity: focusedFade,
 			transform: [
@@ -259,10 +276,10 @@ export const buildZoomStyles = ({
 		};
 
 		const focusedStyles: ZoomInterpolatedStyle = {
-			[focusedContainerStyleId]: {
+			[focusedContentSlot]: {
 				style: focusedContentStyle,
 			},
-			...focusedVisibilityStyles,
+			...sourceVisibilityStyle,
 		};
 
 		if (props.navigationMaskEnabled) {
@@ -283,14 +300,18 @@ export const buildZoomStyles = ({
 		return focusedStyles;
 	}
 
+	/* ---------------------------- Unfocused Screen ---------------------------- */
+
 	const unfocusedFade = props.active?.closing
 		? interpolate(progress, [1.6, 2], [1, debug ? 1 : 0], "clamp")
 		: interpolate(progress, [1, 1.5], [1, debug ? 1 : 0], "clamp");
-
 	const unfocusedScale = interpolate(progress, [1, 2], [1, 0.95], "clamp");
 	const isUnfocusedIdle = props.active.settled === 1;
 	const shouldHideUnfocusedIdle = isUnfocusedIdle && !debug;
-	const elementTarget =
+	const shouldFreezeUnfocusedElement =
+		props.active.logicallySettled && !props.active.closing;
+
+	const unfocusedElementTarget =
 		explicitTarget !== undefined || resolvedPair.destinationBounds
 			? getZoomContentTarget({
 					explicitTarget,
@@ -307,10 +328,11 @@ export const buildZoomStyles = ({
 			anchor: resolvedZoomAnchor,
 			method: "transform",
 			space: "relative",
-			target: elementTarget,
+			target: unfocusedElementTarget,
 		},
 		resolvedPair,
 	) as Record<string, unknown>;
+
 	const boundTargetCenterX =
 		explicitTarget === "bound" && resolvedPair.destinationBounds
 			? resolvedPair.destinationBounds.pageX +
@@ -321,16 +343,18 @@ export const buildZoomStyles = ({
 			? resolvedPair.destinationBounds.pageY +
 				resolvedPair.destinationBounds.height / 2
 			: undefined;
+
 	const elementCenterX =
 		boundTargetCenterX ??
-		(typeof elementTarget === "object"
-			? elementTarget.pageX + elementTarget.width / 2
+		(typeof unfocusedElementTarget === "object"
+			? unfocusedElementTarget.pageX + unfocusedElementTarget.width / 2
 			: screenLayout.width / 2);
 	const elementCenterY =
 		boundTargetCenterY ??
-		(typeof elementTarget === "object"
-			? elementTarget.pageY + elementTarget.height / 2
+		(typeof unfocusedElementTarget === "object"
+			? unfocusedElementTarget.pageY + unfocusedElementTarget.height / 2
 			: screenLayout.height / 2);
+
 	const scaleShiftX = computeCenterScaleShift({
 		center: elementCenterX,
 		containerCenter: screenLayout.width / 2,
@@ -341,6 +365,7 @@ export const buildZoomStyles = ({
 		containerCenter: screenLayout.height / 2,
 		scale: dragScale,
 	});
+
 	const compensatedGestureX = composeCompensatedTranslation({
 		gesture: dragX,
 		parentScale: unfocusedScale,
@@ -353,12 +378,14 @@ export const buildZoomStyles = ({
 		centerShift: scaleShiftY,
 		epsilon: EPSILON,
 	});
+
 	const elementTranslateX =
 		toNumber(elementRaw.translateX) + compensatedGestureX;
 	const elementTranslateY =
 		toNumber(elementRaw.translateY) + compensatedGestureY;
 	const elementScaleX = toNumber(elementRaw.scaleX, 1) * dragScale;
 	const elementScaleY = toNumber(elementRaw.scaleY, 1) * dragScale;
+
 	const resolvedElementStyle = shouldHideUnfocusedIdle
 		? {
 				transform: [
@@ -374,28 +401,16 @@ export const buildZoomStyles = ({
 		: {
 				transform: [
 					{
-						translateX:
-							props.active.logicallySettled && !props.active.closing
-								? 0
-								: elementTranslateX,
+						translateX: shouldFreezeUnfocusedElement ? 0 : elementTranslateX,
 					},
 					{
-						translateY:
-							props.active.logicallySettled && !props.active.closing
-								? 0
-								: elementTranslateY,
+						translateY: shouldFreezeUnfocusedElement ? 0 : elementTranslateY,
 					},
 					{
-						scaleX:
-							props.active.logicallySettled && !props.active.closing
-								? 1
-								: elementScaleX,
+						scaleX: shouldFreezeUnfocusedElement ? 1 : elementScaleX,
 					},
 					{
-						scaleY:
-							props.active.logicallySettled && !props.active.closing
-								? 1
-								: elementScaleY,
+						scaleY: shouldFreezeUnfocusedElement ? 1 : elementScaleY,
 					},
 				],
 				opacity: debug ? 0.5 : unfocusedFade,
@@ -413,4 +428,4 @@ export const buildZoomStyles = ({
 			style: resolvedElementStyle,
 		},
 	};
-};
+}

package/lib/commonjs/shared/components/screen-container/deferred-visibility-host.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeferredVisibilityHost = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _constants = require("../../constants");
-var _styles = require("../../providers/screen/styles.provider");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * 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.
- */
-const DeferredVisibilityHost = exports.DeferredVisibilityHost = /*#__PURE__*/(0, _react.memo)(({
-  children,
-  pointerEvents
-}) => {
-  const {
-    resolutionMode
-  } = (0, _styles.useScreenStyles)();
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    "worklet";
-
-    return resolutionMode.value === "deferred" ? _constants.HIDDEN_STYLE : _constants.VISIBLE_STYLE;
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    collapsable: false,
-    style: [styles.host, animatedStyle],
-    pointerEvents: pointerEvents,
-    children: children
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  host: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=deferred-visibility-host.js.map

package/lib/commonjs/shared/components/screen-container/deferred-visibility-host.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_constants","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DeferredVisibilityHost","exports","memo","children","pointerEvents","resolutionMode","useScreenStyles","animatedStyle","useAnimatedStyle","value","HIDDEN_STYLE","VISIBLE_STYLE","jsx","View","collapsable","style","styles","host","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["shared/components/screen-container/deferred-visibility-host.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAyE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzE;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG,IAAAE,WAAI,EACzC,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACvC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,uBAAe,EAAC,CAAC;EAE5C,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,SAAS;;IACT,OAAOH,cAAc,CAACI,KAAK,KAAK,UAAU,GAAGC,uBAAY,GAAGC,wBAAa;EAC1E,CAAC,CAAC;EAEF,oBACC,IAAA/B,WAAA,CAAAgC,GAAA,EAACpC,sBAAA,CAAAe,OAAQ,CAACsB,IAAI;IACbC,WAAW,EAAE,KAAM;IACnBC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEV,aAAa,CAAE;IACpCH,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACK,CAAC;AAElB,CACD,CAAC;AAED,MAAMa,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAChCF,IAAI,EAAE;IACLG,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/shared/hooks/animation/use-associated-style.js

@@ -1,234 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAssociatedStyles = void 0;
-var _reactNativeReanimated = require("react-native-reanimated");
-var _constants = require("../../constants");
-var _descriptors = require("../../providers/screen/descriptors");
-var _styles = require("../../providers/screen/styles.provider");
-var _animation = require("../../stores/animation.store");
-var _bounds = require("../../stores/bounds");
-const TRANSIENT_EMPTY_GRACE_FRAMES = 2;
-const IDENTITY_TRANSFORM = [{
-  translateX: 0
-}, {
-  translateY: 0
-}, {
-  scaleX: 1
-}, {
-  scaleY: 1
-}];
-const ALWAYS_RESET_STYLE_VALUES = {
-  zIndex: 0,
-  elevation: 0
-};
-const hasAnyKeys = record => {
-  "worklet";
-
-  for (const _key in record) {
-    return true;
-  }
-  return false;
-};
-const collectKeyMeta = record => {
-  "worklet";
-
-  const keys = {};
-  let hasAny = false;
-  for (const key in record) {
-    keys[key] = true;
-    hasAny = true;
-  }
-  return {
-    keys,
-    hasAny
-  };
-};
-const getGroupTagParts = tag => {
-  "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 => {
-  "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 = _bounds.BoundStore.getGroupActiveId(groupTagParts.group);
-  return activeGroupMemberId !== null && activeGroupMemberId === groupTagParts.memberId;
-};
-const buildUnsetPatch = ({
-  previousKeys,
-  currentKeys,
-  shouldDeferUnset,
-  resetTransformOnUnset
-}) => {
-  "worklet";
-
-  const unsetPatch = {};
-  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];
-    } 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.
- */
-const useAssociatedStyles = ({
-  id,
-  resetTransformOnUnset = false
-} = {}) => {
-  const {
-    stylesMap,
-    ancestorStylesMaps
-  } = (0, _styles.useScreenStyles)();
-  const {
-    previousScreenKey,
-    currentScreenKey,
-    hasConfiguredInterpolator
-  } = (0, _descriptors.useDescriptorDerivations)();
-  const isAnimating = _animation.AnimationStore.getValue(currentScreenKey, "animating");
-  const isClosing = _animation.AnimationStore.getValue(currentScreenKey, "closing");
-  const previousAppliedKeys = (0, _reactNativeReanimated.useSharedValue)({});
-  const emptyGraceFrameCount = (0, _reactNativeReanimated.useSharedValue)(0);
-  const lastResolvedBase = (0, _reactNativeReanimated.useSharedValue)(null);
-  const associatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    "worklet";
-
-    if (!id) {
-      return _constants.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 || _constants.NO_STYLES;
-    const {
-      keys: currentKeys,
-      hasAny: hasCurrentKeys
-    } = collectKeyMeta(base);
-    const hasPreviousKeys = hasAnyKeys(previousAppliedKeys.value);
-    const isTransitioning = isAnimating.get() !== 0 || isClosing.get() !== 0;
-    const canUsePreviousTransitionEvidence = resetTransformOnUnset && allowPreviousTransitionEvidence(id);
-    const hasActiveLink = resetTransformOnUnset && canUsePreviousTransitionEvidence && (_bounds.BoundStore.hasPendingLink(id) || _bounds.BoundStore.hasSourceLink(id, currentScreenKey) || _bounds.BoundStore.hasDestinationLink(id, currentScreenKey));
-    const hasPreviousTransitionEvidence = canUsePreviousTransitionEvidence && !!previousScreenKey && (!!_bounds.BoundStore.getSnapshot(id, previousScreenKey) || _bounds.BoundStore.hasBoundaryPresence(id, previousScreenKey));
-    const shouldProtectInFlightStyles = resetTransformOnUnset && (hasActiveLink || hasPreviousTransitionEvidence);
-    if (hasCurrentKeys) {
-      lastResolvedBase.value = base;
-    }
-    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 = "live";
-    if (shouldDelayUnset && !hasCurrentKeys && hasPersistedResolvedStyle) {
-      mode = "hold-last-style";
-    }
-    const resolvedBase = mode === "hold-last-style" ? lastResolvedBase.value : base;
-    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;
-    }
-    if ("opacity" in mergedBase) {
-      return mergedBase;
-    }
-    return {
-      ...mergedBase,
-      opacity
-    };
-  });
-  const associatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
-    "worklet";
-
-    if (!id) return _constants.NO_PROPS;
-    const ownSlot = stylesMap.value[id];
-    const ancestorSlot = ancestorStylesMaps.find(ancestorMap => ancestorMap.value[id])?.value[id];
-    return (ownSlot || ancestorSlot)?.props ?? _constants.NO_PROPS;
-  });
-  return {
-    associatedStyles,
-    associatedProps
-  };
-};
-exports.useAssociatedStyles = useAssociatedStyles;
-//# sourceMappingURL=use-associated-style.js.map

package/lib/commonjs/shared/hooks/animation/use-associated-style.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","require","_constants","_descriptors","_styles","_animation","_bounds","TRANSIENT_EMPTY_GRACE_FRAMES","IDENTITY_TRANSFORM","translateX","translateY","scaleX","scaleY","ALWAYS_RESET_STYLE_VALUES","zIndex","elevation","hasAnyKeys","record","_key","collectKeyMeta","keys","hasAny","key","getGroupTagParts","tag","separatorIndex","indexOf","length","group","slice","memberId","allowPreviousTransitionEvidence","groupTagParts","activeGroupMemberId","BoundStore","getGroupActiveId","buildUnsetPatch","previousKeys","currentKeys","shouldDeferUnset","resetTransformOnUnset","unsetPatch","shouldAlwaysUnset","transform","undefined","useAssociatedStyles","id","stylesMap","ancestorStylesMaps","useScreenStyles","previousScreenKey","currentScreenKey","hasConfiguredInterpolator","useDescriptorDerivations","isAnimating","AnimationStore","getValue","isClosing","previousAppliedKeys","useSharedValue","emptyGraceFrameCount","lastResolvedBase","associatedStyles","useAnimatedStyle","NO_STYLES","ownSlot","value","ancestorSlot","find","ancestorMap","slot","base","style","hasCurrentKeys","hasPreviousKeys","isTransitioning","get","canUsePreviousTransitionEvidence","hasActiveLink","hasPendingLink","hasSourceLink","hasDestinationLink","hasPreviousTransitionEvidence","getSnapshot","hasBoundaryPresence","shouldProtectInFlightStyles","hasPersistedResolvedStyle","isTransientEmptyGap","isWithinGapGrace","shouldDelayUnset","mode","resolvedBase","mergedBase","opacity","associatedProps","useAnimatedProps","NO_PROPS","props","exports"],"sourceRoot":"../../../../../src","sources":["shared/hooks/animation/use-associated-style.ts"],"mappings":"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","ignoreList":[]}