react-native-screen-transitions 4.0.0-alpha.0 → 4.0.0-alpha.10

package/lib/module/components/create-transition-aware-component.js

@@ -4,9 +4,7 @@
 
 import { forwardRef, memo } from "react";
 import { GestureDetector } from "react-native-gesture-handler";
-import Animated, { useAnimatedRef, useComposedEventHandler } from "react-native-reanimated";
-import { scheduleOnUI } from "react-native-worklets";
-import { RegisterBoundsProvider } from "../providers/register-bounds.provider";
+import Animated, { useComposedEventHandler } from "react-native-reanimated";
 import { ScrollMetadataOwnerProvider, useScrollGestureCoordination } from "../providers/screen/gestures/scroll-coordination";
 import { useSlotProps, useSlotStyles } from "../providers/screen/styles";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,7 +16,6 @@ export function createTransitionAwareComponent(Wrapped, options = {}) {
   const AnimatedComponent = alreadyAnimated ? Wrapped : Animated.createAnimatedComponent(Wrapped);
   const ScrollableInner = /*#__PURE__*/forwardRef((props, ref) => {
     const {
-      remeasureOnFocus: _remeasureOnFocus,
       onScroll: userOnScroll,
       onMomentumScrollEnd: userOnMomentumScrollEnd,
       onScrollEndDrag: userOnScrollEndDrag,
@@ -71,40 +68,22 @@ export function createTransitionAwareComponent(Wrapped, options = {}) {
       children: coordinatedScrollableComponent
     });
   });
-  const Inner = /*#__PURE__*/forwardRef((props, _) => {
+  const Inner = /*#__PURE__*/forwardRef((props, ref) => {
     const {
       children,
       style,
-      sharedBoundTag,
       styleId,
-      onPress,
-      remeasureOnFocus,
       animatedProps: userAnimatedProps,
       ...rest
     } = props;
-    const animatedRef = useAnimatedRef();
-    const associatedId = sharedBoundTag || styleId;
-    const associatedStyles = useSlotStyles(associatedId);
-    const associatedProps = useSlotProps(associatedId);
-    return /*#__PURE__*/_jsx(RegisterBoundsProvider, {
-      animatedRef: animatedRef,
-      style: style,
-      onPress: onPress,
-      sharedBoundTag: sharedBoundTag,
-      remeasureOnFocus: remeasureOnFocus,
-      children: ({
-        captureActiveOnPress,
-        handleInitialLayout
-      }) => /*#__PURE__*/_jsx(AnimatedComponent, {
-        ...rest,
-        ref: animatedRef,
-        style: [style, associatedStyles],
-        animatedProps: userAnimatedProps ?? associatedProps,
-        onPress: captureActiveOnPress,
-        onLayout: () => scheduleOnUI(handleInitialLayout),
-        collapsable: !sharedBoundTag,
-        children: children
-      })
+    const associatedStyles = useSlotStyles(styleId);
+    const associatedProps = useSlotProps(styleId);
+    return /*#__PURE__*/_jsx(AnimatedComponent, {
+      ...rest,
+      ref: ref,
+      style: [style, associatedStyles],
+      animatedProps: userAnimatedProps ?? associatedProps,
+      children: children
     });
   });
   if (isScrollable) {

package/lib/module/components/create-transition-aware-component.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","memo","GestureDetector","Animated","useAnimatedRef","useComposedEventHandler","scheduleOnUI","RegisterBoundsProvider","ScrollMetadataOwnerProvider","useScrollGestureCoordination","useSlotProps","useSlotStyles","jsx","_jsx","createTransitionAwareComponent","Wrapped","options","isScrollable","alreadyAnimated","AnimatedComponent","createAnimatedComponent","ScrollableInner","props","ref","remeasureOnFocus","_remeasureOnFocus","onScroll","userOnScroll","onMomentumScrollEnd","userOnMomentumScrollEnd","onScrollEndDrag","userOnScrollEndDrag","children","contentContainerStyle","scrollableProps","scrollDirection","horizontal","scrollHandler","scrollEventsEnabled","onContentSizeChange","onLayout","nativeGesture","metadataOwnerProviderValue","direction","composedScrollHandler","scrollableComponent","undefined","scrollEventThrottle","coordinatedScrollableComponent","gesture","value","Inner","_","style","sharedBoundTag","styleId","onPress","animatedProps","userAnimatedProps","rest","animatedRef","associatedId","associatedStyles","associatedProps","captureActiveOnPress","handleInitialLayout","collapsable"],"sourceRoot":"../../../src","sources":["components/create-transition-aware-component.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","memo","GestureDetector","Animated","useComposedEventHandler","ScrollMetadataOwnerProvider","useScrollGestureCoordination","useSlotProps","useSlotStyles","jsx","_jsx","createTransitionAwareComponent","Wrapped","options","isScrollable","alreadyAnimated","AnimatedComponent","createAnimatedComponent","ScrollableInner","props","ref","onScroll","userOnScroll","onMomentumScrollEnd","userOnMomentumScrollEnd","onScrollEndDrag","userOnScrollEndDrag","children","contentContainerStyle","scrollableProps","scrollDirection","horizontal","scrollHandler","scrollEventsEnabled","onContentSizeChange","onLayout","nativeGesture","metadataOwnerProviderValue","direction","composedScrollHandler","scrollableComponent","undefined","scrollEventThrottle","coordinatedScrollableComponent","gesture","value","Inner","style","styleId","animatedProps","userAnimatedProps","rest","associatedStyles","associatedProps"],"sourceRoot":"../../../src","sources":["components/create-transition-aware-component.tsx"],"mappings":";;AAAA;;AAEA,SAA6BA,UAAU,EAAEC,IAAI,QAAQ,OAAO;AAC5D,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,OAAOC,QAAQ,IAAIC,uBAAuB,QAAQ,yBAAyB;AAC3E,SACCC,2BAA2B,EAC3BC,4BAA4B,QACtB,kDAAkD;AACzD,SAASC,YAAY,EAAEC,aAAa,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzE,OAAO,SAASC,8BAA8BA,CAC7CC,OAAyB,EACzBC,OAA8C,GAAG,CAAC,CAAC,EAClD;EACD,MAAM;IAAEC,YAAY,GAAG,KAAK;IAAEC,eAAe,GAAG;EAAM,CAAC,GAAGF,OAAO;EAEjE,MAAMG,iBAAiB,GAAGD,eAAe,GACtCH,OAAO,GACPT,QAAQ,CAACc,uBAAuB,CAACL,OAAO,CAAC;EAE5C,MAAMM,eAAe,gBAAGlB,UAAU,CAGhC,CAACmB,KAAU,EAAEC,GAAG,KAAK;IACtB,MAAM;MACLC,QAAQ,EAAEC,YAAY;MACtBC,mBAAmB,EAAEC,uBAAuB;MAC5CC,eAAe,EAAEC,mBAAmB;MACpCC,QAAQ;MACRC,qBAAqB;MACrB,GAAGC;IACJ,CAAC,GAAGV,KAAK;;IAET;IACA,MAAMW,eAAe,GAAGD,eAAe,CAACE,UAAU,GAC/C,YAAY,GACZ,UAAU;;IAEb;IACA,MAAM;MACLC,aAAa;MACbC,mBAAmB;MACnBC,mBAAmB;MACnBC,QAAQ;MACRC,aAAa;MACbC;IACD,CAAC,GAAG/B,4BAA4B,CAAC;MAChC4B,mBAAmB,EAAEL,eAAe,CAACK,mBAAmB;MACxDC,QAAQ,EAAEN,eAAe,CAACM,QAAQ;MAClCG,SAAS,EAAER;IACZ,CAAC,CAAC;IAEF,MAAMS,qBAAqB,GAAGnC,uBAAuB,CAAC,CACrD4B,aAAa,EACbV,YAAY,IAAI,IAAI,CACpB,CAAC;IACF,MAAMkB,mBAAmB,gBACxB9B,IAAA,CAACM,iBAAiB;MAAA,GACZa,eAAe;MACpBT,GAAG,EAAEA,GAAI;MACTQ,qBAAqB,EAAEA;MACvB;AACJ;AACA;AACA;AACA;AACA,SALI;MAMAP,QAAQ,EAAEY,mBAAmB,GAAGM,qBAAqB,GAAGE,SAAU;MAClElB,mBAAmB,EAAEC,uBAAwB;MAC7CC,eAAe,EAAEC,mBAAoB;MACrCQ,mBAAmB,EAAEA,mBAAoB;MACzCC,QAAQ,EAAEA,QAAS;MACnBO,mBAAmB,EAClBT,mBAAmB,GAChBJ,eAAe,CAACa,mBAAmB,IAAI,EAAE,GACzCD,SACH;MAAAd,QAAA,EAEAA;IAAQ,CACS,CACnB;IAED,MAAMgB,8BAA8B,GAAGP,aAAa,gBACnD1B,IAAA,CAACR,eAAe;MAAC0C,OAAO,EAAER,aAAc;MAAAT,QAAA,EACtCa;IAAmB,CACJ,CAAC,GAElBA,mBACA;IAED,oBACC9B,IAAA,CAACL,2BAA2B;MAACwC,KAAK,EAAER,0BAA2B;MAAAV,QAAA,EAC7DgB;IAA8B,CACH,CAAC;EAEhC,CAAC,CAAC;EAEF,MAAMG,KAAK,gBAAG9C,UAAU,CAGtB,CAACmB,KAAK,EAAEC,GAAG,KAAK;IACjB,MAAM;MACLO,QAAQ;MACRoB,KAAK;MACLC,OAAO;MACPC,aAAa,EAAEC,iBAAiB;MAChC,GAAGC;IACJ,CAAC,GAAGhC,KAAY;IAEhB,MAAMiC,gBAAgB,GAAG5C,aAAa,CAACwC,OAAO,CAAC;IAC/C,MAAMK,eAAe,GAAG9C,YAAY,CAACyC,OAAO,CAAC;IAE7C,oBACCtC,IAAA,CAACM,iBAAiB;MAAA,GACZmC,IAAI;MACT/B,GAAG,EAAEA,GAAI;MACT2B,KAAK,EAAE,CAACA,KAAK,EAAEK,gBAAgB,CAAE;MACjCH,aAAa,EAAEC,iBAAiB,IAAIG,eAAgB;MAAA1B,QAAA,EAEnDA;IAAQ,CACS,CAAC;EAEtB,CAAC,CAAC;EAEF,IAAIb,YAAY,EAAE;IACjB,oBAAOb,IAAI,CAACiB,eAAe,CAAC;EAM7B;EAEA,oBAAOjB,IAAI,CAAC6C,KAAK,CAAC;AAMnB","ignoreList":[]}

package/lib/module/components/overlay/helpers/create-overlay-interpolator-frame.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { updateDerivations } from "../../../providers/screen/animation/helpers/derivations";
+export const shouldUseOverlayGestureDriver = (overlayFrame, driverFrame) => {
+  "worklet";
+
+  const gesture = overlayFrame.current.gesture;
+  return driverFrame.current.route.key !== overlayFrame.current.route.key && !!(gesture.dragging || gesture.dismissing || gesture.settling);
+};
+export const createOverlayInterpolatorFrame = ({
+  overlayFrame,
+  driverFrame,
+  previousOverlayFrame
+}) => {
+  "worklet";
+
+  const current = overlayFrame.current;
+  const driverIsCurrent = driverFrame.current.route.key === current.route.key;
+  const frame = {
+    ...overlayFrame,
+    previous: previousOverlayFrame?.current,
+    current,
+    next: driverIsCurrent ? undefined : driverFrame.current,
+    layouts: current.layouts
+  };
+  updateDerivations(frame);
+  frame.stackProgress = overlayFrame.stackProgress;
+  return frame;
+};
+//# sourceMappingURL=create-overlay-interpolator-frame.js.map

package/lib/module/components/overlay/helpers/create-overlay-interpolator-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["updateDerivations","shouldUseOverlayGestureDriver","overlayFrame","driverFrame","gesture","current","route","key","dragging","dismissing","settling","createOverlayInterpolatorFrame","previousOverlayFrame","driverIsCurrent","frame","previous","next","undefined","layouts","stackProgress"],"sourceRoot":"../../../../../src","sources":["components/overlay/helpers/create-overlay-interpolator-frame.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,yDAAyD;AAG3F,OAAO,MAAMC,6BAA6B,GAAGA,CAC5CC,YAAqC,EACrCC,WAAoC,KACvB;EACb,SAAS;;EACT,MAAMC,OAAO,GAAGF,YAAY,CAACG,OAAO,CAACD,OAAO;EAE5C,OACCD,WAAW,CAACE,OAAO,CAACC,KAAK,CAACC,GAAG,KAAKL,YAAY,CAACG,OAAO,CAACC,KAAK,CAACC,GAAG,IAChE,CAAC,EAAEH,OAAO,CAACI,QAAQ,IAAIJ,OAAO,CAACK,UAAU,IAAIL,OAAO,CAACM,QAAQ,CAAC;AAEhE,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGA,CAAC;EAC9CT,YAAY;EACZC,WAAW;EACXS;AAKD,CAAC,KAA8B;EAC9B,SAAS;;EACT,MAAMP,OAAO,GAAGH,YAAY,CAACG,OAAO;EACpC,MAAMQ,eAAe,GAAGV,WAAW,CAACE,OAAO,CAACC,KAAK,CAACC,GAAG,KAAKF,OAAO,CAACC,KAAK,CAACC,GAAG;EAC3E,MAAMO,KAA8B,GAAG;IACtC,GAAGZ,YAAY;IACfa,QAAQ,EAAEH,oBAAoB,EAAEP,OAAO;IACvCA,OAAO;IACPW,IAAI,EAAEH,eAAe,GAAGI,SAAS,GAAGd,WAAW,CAACE,OAAO;IACvDa,OAAO,EAAEb,OAAO,CAACa;EAClB,CAAC;EAEDlB,iBAAiB,CAACc,KAAK,CAAC;EACxBA,KAAK,CAACK,aAAa,GAAGjB,YAAY,CAACiB,aAAa;EAEhD,OAAOL,KAAK;AACb,CAAC","ignoreList":[]}

package/lib/module/components/overlay/helpers/get-active-overlay.js

@@ -1,37 +1,65 @@
 "use strict";
 
 import { isOverlayVisible } from "../../../utils/overlay/visibility";
+const resolveOverlayActivity = (scene, distanceFromTop) => {
+  if (distanceFromTop === 0 && scene.activity === "closing") {
+    return "closing";
+  }
+  if (distanceFromTop === 0) {
+    return "active";
+  }
+  if (distanceFromTop === 1) {
+    return "inert";
+  }
+  return "inactive";
+};
 
 /**
- * Find the active float overlay from scenes.
- * Scans from the top of the stack downward to find the first screen
- * with a visible overlay.
+ * Finds every visible floating-overlay checkpoint in stack order.
+ *
+ * The newest checkpoint owns the active overlay. Its immediate predecessor
+ * remains visible and inert; all older checkpoints are retained but inactive.
+ * This mirrors the screen activity window without making plain screens create
+ * a new overlay checkpoint.
  */
-export function getActiveFloatOverlay(scenes, index, transitionsAlwaysOn) {
-  if (scenes.length === 0) {
-    return null;
-  }
-
-  // When navigating back, closing scenes are kept at the top of the local stack
-  // while the focused index already points to the destination screen. We need to
-  // start scanning from the actual top of the stack so the overlay can animate
-  // out together with its closing screen instead of disappearing immediately.
-  const startIndex = Math.max(index, scenes.length - 1);
-  for (let i = startIndex; i >= 0; i--) {
-    const scene = scenes[i];
+export function getFloatOverlayStack(scenes, transitionsAlwaysOn) {
+  const candidates = [];
+  for (let index = 0; index < scenes.length; index += 1) {
+    const scene = scenes[index];
     const options = scene?.descriptor?.options;
-
-    // Skip screens without enableTransitions (native-stack only)
     if (!transitionsAlwaysOn && !options?.enableTransitions) {
       continue;
     }
     if (isOverlayVisible(options)) {
-      return {
+      candidates.push({
         scene,
-        overlayIndex: i
-      };
+        overlayIndex: index
+      });
     }
   }
-  return null;
+  const topIndex = candidates.length - 1;
+  return candidates.map((candidate, index) => ({
+    ...candidate,
+    activity: resolveOverlayActivity(candidate.scene, topIndex - index)
+  }));
+}
+export function getFloatOverlayTransitions(overlayStack, scenes) {
+  const topScene = scenes[scenes.length - 1];
+  return overlayStack.map((entry, index) => {
+    const nextEntry = overlayStack[index + 1];
+    let nextPresentedEntry;
+    for (let nextIndex = index + 1; nextIndex < overlayStack.length; nextIndex++) {
+      const candidate = overlayStack[nextIndex];
+      if (candidate?.scene.activity !== "closing") {
+        nextPresentedEntry = candidate;
+        break;
+      }
+    }
+    const driverScene = entry.scene.activity === "closing" && nextEntry ? entry.scene : nextPresentedEntry?.scene ?? nextEntry?.scene ?? topScene ?? entry.scene;
+    return {
+      ...entry,
+      driverScene
+    };
+  });
 }
 //# sourceMappingURL=get-active-overlay.js.map

package/lib/module/components/overlay/helpers/get-active-overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["isOverlayVisible","getActiveFloatOverlay","scenes","index","transitionsAlwaysOn","length","startIndex","Math","max","i","scene","options","descriptor","enableTransitions","overlayIndex"],"sourceRoot":"../../../../../src","sources":["components/overlay/helpers/get-active-overlay.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,mCAAmC;;AAEpE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACpCC,MAAoB,EACpBC,KAAa,EACbC,mBAA4B,EACyB;EACrD,IAAIF,MAAM,CAACG,MAAM,KAAK,CAAC,EAAE;IACxB,OAAO,IAAI;EACZ;;EAEA;EACA;EACA;EACA;EACA,MAAMC,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACL,KAAK,EAAED,MAAM,CAACG,MAAM,GAAG,CAAC,CAAC;EAErD,KAAK,IAAII,CAAC,GAAGH,UAAU,EAAEG,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;IACrC,MAAMC,KAAK,GAAGR,MAAM,CAACO,CAAC,CAAC;IACvB,MAAME,OAAO,GAAGD,KAAK,EAAEE,UAAU,EAAED,OAAO;;IAE1C;IACA,IAAI,CAACP,mBAAmB,IAAI,CAACO,OAAO,EAAEE,iBAAiB,EAAE;MACxD;IACD;IAEA,IAAIb,gBAAgB,CAACW,OAAO,CAAC,EAAE;MAC9B,OAAO;QAAED,KAAK;QAAEI,YAAY,EAAEL;MAAE,CAAC;IAClC;EACD;EAEA,OAAO,IAAI;AACZ","ignoreList":[]}
+{"version":3,"names":["isOverlayVisible","resolveOverlayActivity","scene","distanceFromTop","activity","getFloatOverlayStack","scenes","transitionsAlwaysOn","candidates","index","length","options","descriptor","enableTransitions","push","overlayIndex","topIndex","map","candidate","getFloatOverlayTransitions","overlayStack","topScene","entry","nextEntry","nextPresentedEntry","nextIndex","driverScene"],"sourceRoot":"../../../../../src","sources":["components/overlay/helpers/get-active-overlay.ts"],"mappings":";;AAIA,SAASA,gBAAgB,QAAQ,mCAAmC;AAgBpE,MAAMC,sBAAsB,GAAGA,CAC9BC,KAAiB,EACjBC,eAAuB,KACG;EAC1B,IAAIA,eAAe,KAAK,CAAC,IAAID,KAAK,CAACE,QAAQ,KAAK,SAAS,EAAE;IAC1D,OAAO,SAAS;EACjB;EAEA,IAAID,eAAe,KAAK,CAAC,EAAE;IAC1B,OAAO,QAAQ;EAChB;EAEA,IAAIA,eAAe,KAAK,CAAC,EAAE;IAC1B,OAAO,OAAO;EACf;EAEA,OAAO,UAAU;AAClB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,oBAAoBA,CACnCC,MAAoB,EACpBC,mBAA4B,EACN;EACtB,MAAMC,UAA8B,GAAG,EAAE;EAEzC,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGH,MAAM,CAACI,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;IACtD,MAAMP,KAAK,GAAGI,MAAM,CAACG,KAAK,CAAC;IAC3B,MAAME,OAAO,GAAGT,KAAK,EAAEU,UAAU,EAAED,OAAO;IAE1C,IAAI,CAACJ,mBAAmB,IAAI,CAACI,OAAO,EAAEE,iBAAiB,EAAE;MACxD;IACD;IAEA,IAAIb,gBAAgB,CAACW,OAAO,CAAC,EAAE;MAC9BH,UAAU,CAACM,IAAI,CAAC;QAAEZ,KAAK;QAAEa,YAAY,EAAEN;MAAM,CAAC,CAAC;IAChD;EACD;EAEA,MAAMO,QAAQ,GAAGR,UAAU,CAACE,MAAM,GAAG,CAAC;EACtC,OAAOF,UAAU,CAACS,GAAG,CAAC,CAACC,SAAS,EAAET,KAAK,MAAM;IAC5C,GAAGS,SAAS;IACZd,QAAQ,EAAEH,sBAAsB,CAACiB,SAAS,CAAChB,KAAK,EAAEc,QAAQ,GAAGP,KAAK;EACnE,CAAC,CAAC,CAAC;AACJ;AAEA,OAAO,SAASU,0BAA0BA,CACzCC,YAAiC,EACjCd,MAAoB,EACY;EAChC,MAAMe,QAAQ,GAAGf,MAAM,CAACA,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;EAE1C,OAAOU,YAAY,CAACH,GAAG,CAAC,CAACK,KAAK,EAAEb,KAAK,KAAK;IACzC,MAAMc,SAAS,GAAGH,YAAY,CAACX,KAAK,GAAG,CAAC,CAAC;IACzC,IAAIe,kBAAiD;IAErD,KACC,IAAIC,SAAS,GAAGhB,KAAK,GAAG,CAAC,EACzBgB,SAAS,GAAGL,YAAY,CAACV,MAAM,EAC/Be,SAAS,EAAE,EACV;MACD,MAAMP,SAAS,GAAGE,YAAY,CAACK,SAAS,CAAC;MACzC,IAAIP,SAAS,EAAEhB,KAAK,CAACE,QAAQ,KAAK,SAAS,EAAE;QAC5CoB,kBAAkB,GAAGN,SAAS;QAC9B;MACD;IACD;IAEA,MAAMQ,WAAW,GAChBJ,KAAK,CAACpB,KAAK,CAACE,QAAQ,KAAK,SAAS,IAAImB,SAAS,GAC5CD,KAAK,CAACpB,KAAK,GACVsB,kBAAkB,EAAEtB,KAAK,IAC3BqB,SAAS,EAAErB,KAAK,IAChBmB,QAAQ,IACRC,KAAK,CAACpB,KAAM;IAEf,OAAO;MACN,GAAGoB,KAAK;MACRI;IACD,CAAC;EACF,CAAC,CAAC;AACH","ignoreList":[]}

package/lib/module/components/overlay/helpers/retain-ready-overlay-resources.js

@@ -0,0 +1,17 @@
+"use strict";
+
+export function retainReadyOverlayResources(previous, overlayAnimationStore, driverScene, driverAnimationStore, driverSlots) {
+  if (!overlayAnimationStore || !driverAnimationStore || !driverSlots) {
+    return previous;
+  }
+  if (previous?.overlayAnimationStore === overlayAnimationStore && previous.driverScene === driverScene && previous.driverAnimationStore === driverAnimationStore && previous.driverSlots === driverSlots) {
+    return previous;
+  }
+  return {
+    overlayAnimationStore,
+    driverScene,
+    driverAnimationStore,
+    driverSlots
+  };
+}
+//# sourceMappingURL=retain-ready-overlay-resources.js.map

package/lib/module/components/overlay/helpers/retain-ready-overlay-resources.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["retainReadyOverlayResources","previous","overlayAnimationStore","driverScene","driverAnimationStore","driverSlots"],"sourceRoot":"../../../../../src","sources":["components/overlay/helpers/retain-ready-overlay-resources.ts"],"mappings":";;AAWA,OAAO,SAASA,2BAA2BA,CAC1CC,QAAsC,EACtCC,qBAAyD,EACzDC,WAAuC,EACvCC,oBAAwD,EACxDC,WAA0C,EACX;EAC/B,IAAI,CAACH,qBAAqB,IAAI,CAACE,oBAAoB,IAAI,CAACC,WAAW,EAAE;IACpE,OAAOJ,QAAQ;EAChB;EAEA,IACCA,QAAQ,EAAEC,qBAAqB,KAAKA,qBAAqB,IACzDD,QAAQ,CAACE,WAAW,KAAKA,WAAW,IACpCF,QAAQ,CAACG,oBAAoB,KAAKA,oBAAoB,IACtDH,QAAQ,CAACI,WAAW,KAAKA,WAAW,EACnC;IACD,OAAOJ,QAAQ;EAChB;EAEA,OAAO;IACNC,qBAAqB;IACrBC,WAAW;IACXC,oBAAoB;IACpBC;EACD,CAAC;AACF","ignoreList":[]}

package/lib/module/components/overlay/helpers/run-overlay-slot-interpolator.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { createInterpolatorScope } from "../../../providers/screen/styles/helpers/create-interpolator-scope";
+import { normalizeSlots } from "../../../providers/screen/styles/helpers/normalize-slots";
+import { selectInterpolatorFrame } from "../../../providers/screen/styles/helpers/select-interpolator-frame";
+import { logger } from "../../../utils/logger";
+export const runOverlaySlotInterpolator = ({
+  frame,
+  interpolator,
+  transition
+}) => {
+  "worklet";
+
+  if (!interpolator) {
+    return undefined;
+  }
+  try {
+    const raw = interpolator(createInterpolatorScope({
+      frame,
+      selectedFrame: selectInterpolatorFrame(frame, false),
+      transition
+    }));
+    if (!raw?.overlay) {
+      return undefined;
+    }
+    return normalizeSlots({
+      overlay: raw.overlay
+    }).overlay;
+  } catch (_) {
+    if (__DEV__) {
+      logger.warn("screenStyleInterpolator must be a worklet");
+    }
+    return undefined;
+  }
+};
+//# sourceMappingURL=run-overlay-slot-interpolator.js.map

package/lib/module/components/overlay/helpers/run-overlay-slot-interpolator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createInterpolatorScope","normalizeSlots","selectInterpolatorFrame","logger","runOverlaySlotInterpolator","frame","interpolator","transition","undefined","raw","selectedFrame","overlay","_","__DEV__","warn"],"sourceRoot":"../../../../../src","sources":["components/overlay/helpers/run-overlay-slot-interpolator.ts"],"mappings":";;AACA,SAASA,uBAAuB,QAAQ,oEAAoE;AAC5G,SAASC,cAAc,QAAQ,0DAA0D;AACzF,SAASC,uBAAuB,QAAQ,oEAAoE;AAM5G,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EAC1CC,KAAK;EACLC,YAAY;EACZC;AAKD,CAAC,KAAgD;EAChD,SAAS;;EAET,IAAI,CAACD,YAAY,EAAE;IAClB,OAAOE,SAAS;EACjB;EAEA,IAAI;IACH,MAAMC,GAAG,GAAGH,YAAY,CACvBN,uBAAuB,CAAC;MACvBK,KAAK;MACLK,aAAa,EAAER,uBAAuB,CAACG,KAAK,EAAE,KAAK,CAAC;MACpDE;IACD,CAAC,CACF,CAAC;IAED,IAAI,CAACE,GAAG,EAAEE,OAAO,EAAE;MAClB,OAAOH,SAAS;IACjB;IAEA,OAAOP,cAAc,CAAC;MAAEU,OAAO,EAAEF,GAAG,CAACE;IAAQ,CAAC,CAAC,CAACA,OAAO;EACxD,CAAC,CAAC,OAAOC,CAAC,EAAE;IACX,IAAIC,OAAO,EAAE;MACZV,MAAM,CAACW,IAAI,CAAC,2CAA2C,CAAC;IACzD;IAEA,OAAON,SAAS;EACjB;AACD,CAAC","ignoreList":[]}

package/lib/module/components/overlay/hooks/use-overlay-slot.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { useMemo } from "react";
+import { useWindowDimensions } from "react-native";
+import { useAnimatedProps, useAnimatedStyle, useDerivedValue } from "react-native-reanimated";
+import { NO_PROPS, NO_STYLES } from "../../../constants";
+import { useBuildTransitionAccessor } from "../../../providers/screen/animation/helpers/accessors/use-build-transition-accessor";
+import { collectInterpolatorSharedValues } from "../../../providers/screen/styles/helpers/collect-interpolator-shared-values";
+import { getVisibilityBlockOffset } from "../../../utils/visibility-block-offset";
+import { createOverlayInterpolatorFrame, shouldUseOverlayGestureDriver } from "../helpers/create-overlay-interpolator-frame";
+import { runOverlaySlotInterpolator } from "../helpers/run-overlay-slot-interpolator";
+export const useOverlaySlot = ({
+  overlayAnimationStore,
+  overlayInterpolator,
+  driverAnimationStore,
+  previousOverlayAnimationStore,
+  driverInterpolator,
+  interpolatorReady,
+  isIncoming
+}) => {
+  const {
+    height
+  } = useWindowDimensions();
+  const overlayTransition = useBuildTransitionAccessor(overlayAnimationStore);
+  const driverTransition = useBuildTransitionAccessor(driverAnimationStore);
+  const interpolatorSharedValues = useMemo(() => collectInterpolatorSharedValues([overlayInterpolator, driverInterpolator]), [overlayInterpolator, driverInterpolator]);
+  const overlaySlot = useDerivedValue(() => {
+    "worklet";
+
+    overlayAnimationStore.screenInterpolatorPropsRevision.get();
+    driverAnimationStore.screenInterpolatorPropsRevision.get();
+    previousOverlayAnimationStore?.screenInterpolatorPropsRevision.get();
+    for (let index = 0; index < interpolatorSharedValues.length; index++) {
+      interpolatorSharedValues[index]?.get();
+    }
+    const overlayFrame = overlayAnimationStore.screenInterpolatorProps.get();
+    const driverFrame = driverAnimationStore.screenInterpolatorProps.get();
+    const overlayOwnsGesture = shouldUseOverlayGestureDriver(overlayFrame, driverFrame);
+    const frame = createOverlayInterpolatorFrame({
+      overlayFrame,
+      driverFrame: overlayOwnsGesture ? overlayFrame : driverFrame,
+      previousOverlayFrame: previousOverlayAnimationStore?.screenInterpolatorProps.get()
+    });
+    return runOverlaySlotInterpolator({
+      frame,
+      interpolator: overlayOwnsGesture ? overlayInterpolator : driverInterpolator,
+      transition: overlayOwnsGesture ? overlayTransition : driverTransition
+    });
+  });
+  const animatedStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    const slot = overlaySlot.get();
+    if (!slot) {
+      return NO_STYLES;
+    }
+    if (isIncoming && !interpolatorReady.get()) {
+      return {
+        transform: [{
+          translateY: getVisibilityBlockOffset(height)
+        }]
+      };
+    }
+    return slot.style ?? NO_STYLES;
+  });
+  const animatedProps = useAnimatedProps(() => {
+    "worklet";
+
+    const slotProps = overlaySlot.get()?.props;
+    if (!slotProps) {
+      return NO_PROPS;
+    }
+    const {
+      pointerEvents: _pointerEvents,
+      teleport: _teleport,
+      ...props
+    } = slotProps;
+    return props;
+  });
+  return {
+    animatedProps,
+    animatedStyle
+  };
+};
+//# sourceMappingURL=use-overlay-slot.js.map

package/lib/module/components/overlay/hooks/use-overlay-slot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useWindowDimensions","useAnimatedProps","useAnimatedStyle","useDerivedValue","NO_PROPS","NO_STYLES","useBuildTransitionAccessor","collectInterpolatorSharedValues","getVisibilityBlockOffset","createOverlayInterpolatorFrame","shouldUseOverlayGestureDriver","runOverlaySlotInterpolator","useOverlaySlot","overlayAnimationStore","overlayInterpolator","driverAnimationStore","previousOverlayAnimationStore","driverInterpolator","interpolatorReady","isIncoming","height","overlayTransition","driverTransition","interpolatorSharedValues","overlaySlot","screenInterpolatorPropsRevision","get","index","length","overlayFrame","screenInterpolatorProps","driverFrame","overlayOwnsGesture","frame","previousOverlayFrame","interpolator","transition","animatedStyle","slot","transform","translateY","style","animatedProps","slotProps","props","pointerEvents","_pointerEvents","teleport","_teleport"],"sourceRoot":"../../../../../src","sources":["components/overlay/hooks/use-overlay-slot.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlay/variations/float-overlay.js

@@ -1,13 +1,8 @@
 "use strict";
 
-import { useMemo } from "react";
-import { snapDescriptorToIndex } from "../../../animation/snap-to";
-import { useStack } from "../../../hooks/navigation/use-stack";
-import { ScreenAnimationProvider } from "../../../providers/screen/animation";
-import { DescriptorsProvider } from "../../../providers/screen/descriptors";
-import { ScreenOptionsProvider } from "../../../providers/screen/options";
-import { ScreenSlotProvider } from "../../../providers/screen/styles";
-import { getActiveFloatOverlay } from "../helpers/get-active-overlay";
+import { useBlankStackStore } from "../../../providers/stack/blank-stack.provider";
+import { useStackCoreStore } from "../../../providers/stack/core.provider";
+import { getFloatOverlayStack, getFloatOverlayTransitions } from "../helpers/get-active-overlay";
 import { OverlayHost } from "./overlay-host";
 
 /**
@@ -16,70 +11,23 @@ import { OverlayHost } from "./overlay-host";
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FloatOverlay() {
-  const {
-    scenes,
-    focusedIndex,
-    flags,
-    routes,
-    routeKeys
-  } = useStack();
-  const activeOverlay = useMemo(() => getActiveFloatOverlay(scenes, focusedIndex, flags.TRANSITIONS_ALWAYS_ON), [scenes, focusedIndex, flags.TRANSITIONS_ALWAYS_ON]);
-  const overlayData = useMemo(() => {
-    if (!activeOverlay) return null;
-    const {
-      scene,
-      overlayIndex
-    } = activeOverlay;
-    const previous = scenes[overlayIndex - 1]?.descriptor;
-    const current = scene.descriptor;
-    const next = scenes[overlayIndex + 1]?.descriptor;
-    const focusedScene = scenes[focusedIndex] ?? scenes[scenes.length - 1];
-    const focusedDescriptor = focusedScene?.descriptor;
-    const overlayScreenState = {
-      index: routeKeys.indexOf(current.route.key),
-      options: focusedDescriptor?.options ?? {},
-      routes,
-      focusedRoute: focusedScene?.route ?? current.route,
-      focusedIndex,
-      meta: focusedDescriptor?.options?.meta,
-      navigation: current.navigation,
-      snapTo: index => {
-        snapDescriptorToIndex(current, index);
-      }
-    };
-    return {
-      scene,
-      previous,
-      current,
-      next,
-      overlayScreenState
-    };
-  }, [activeOverlay, scenes, focusedIndex, routeKeys, routes]);
-  if (!overlayData) {
+  const scenes = useBlankStackStore(store => store.scenes);
+  const transitionsAlwaysOn = useStackCoreStore(store => store.flags.TRANSITIONS_ALWAYS_ON);
+  const overlayStack = getFloatOverlayStack(scenes, transitionsAlwaysOn);
+  if (overlayStack.length === 0) {
     return null;
   }
-  const {
+  const overlayTransitions = getFloatOverlayTransitions(overlayStack, scenes);
+  return overlayTransitions.map(({
     scene,
-    previous,
-    current,
-    next,
-    overlayScreenState
-  } = overlayData;
-  return /*#__PURE__*/_jsx(DescriptorsProvider, {
-    current: current,
-    previous: previous,
-    next: next,
-    children: /*#__PURE__*/_jsx(ScreenOptionsProvider, {
-      children: /*#__PURE__*/_jsx(ScreenAnimationProvider, {
-        children: /*#__PURE__*/_jsx(ScreenSlotProvider, {
-          isFloatingOverlay: true,
-          children: /*#__PURE__*/_jsx(OverlayHost, {
-            scene: scene,
-            overlayScreenState: overlayScreenState
-          })
-        })
-      })
-    })
-  });
+    activity,
+    driverScene
+  }, layerIndex) => /*#__PURE__*/_jsx(OverlayHost, {
+    scene: scene,
+    driverScene: driverScene,
+    previousOverlayScene: overlayTransitions[layerIndex - 1]?.scene,
+    activity: activity,
+    layerIndex: layerIndex
+  }, scene.route.key));
 }
 //# sourceMappingURL=float-overlay.js.map

package/lib/module/components/overlay/variations/float-overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","snapDescriptorToIndex","useStack","ScreenAnimationProvider","DescriptorsProvider","ScreenOptionsProvider","ScreenSlotProvider","getActiveFloatOverlay","OverlayHost","jsx","_jsx","FloatOverlay","scenes","focusedIndex","flags","routes","routeKeys","activeOverlay","TRANSITIONS_ALWAYS_ON","overlayData","scene","overlayIndex","previous","descriptor","current","next","focusedScene","length","focusedDescriptor","overlayScreenState","index","indexOf","route","key","options","focusedRoute","meta","navigation","snapTo","children","isFloatingOverlay"],"sourceRoot":"../../../../../src","sources":["components/overlay/variations/float-overlay.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useBlankStackStore","useStackCoreStore","getFloatOverlayStack","getFloatOverlayTransitions","OverlayHost","jsx","_jsx","FloatOverlay","scenes","store","transitionsAlwaysOn","flags","TRANSITIONS_ALWAYS_ON","overlayStack","length","overlayTransitions","map","scene","activity","driverScene","layerIndex","previousOverlayScene","route","key"],"sourceRoot":"../../../../../src","sources":["components/overlay/variations/float-overlay.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,+CAA+C;AAClF,SAASC,iBAAiB,QAAQ,wCAAwC;AAE1E,SACCC,oBAAoB,EACpBC,0BAA0B,QACpB,+BAA+B;AACtC,SAASC,WAAW,QAAQ,gBAAgB;;AAE5C;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC9B,MAAMC,MAAM,GAAGR,kBAAkB,CAAES,KAAK,IAAKA,KAAK,CAACD,MAAM,CAAC;EAC1D,MAAME,mBAAmB,GAAGT,iBAAiB,CAC3CQ,KAAK,IAAKA,KAAK,CAACE,KAAK,CAACC,qBACxB,CAAC;EAED,MAAMC,YAAY,GAAGX,oBAAoB,CAACM,MAAM,EAAEE,mBAAmB,CAAC;EACtE,IAAIG,YAAY,CAACC,MAAM,KAAK,CAAC,EAAE;IAC9B,OAAO,IAAI;EACZ;EAEA,MAAMC,kBAAkB,GAAGZ,0BAA0B,CAACU,YAAY,EAAEL,MAAM,CAAC;EAE3E,OAAOO,kBAAkB,CAACC,GAAG,CAC5B,CAAC;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,EAAEC,UAAU,kBAC5Cd,IAAA,CAACF,WAAW;IAEXa,KAAK,EAAEA,KAAM;IACbE,WAAW,EAAEA,WAAY;IACzBE,oBAAoB,EAAEN,kBAAkB,CAACK,UAAU,GAAG,CAAC,CAAC,EAAEH,KAAM;IAChEC,QAAQ,EAAEA,QAAS;IACnBE,UAAU,EAAEA;EAAW,GALlBH,KAAK,CAACK,KAAK,CAACC,GAMjB,CAEH,CAAC;AACF","ignoreList":[]}

package/lib/module/components/overlay/variations/overlay-host.js

@@ -1,35 +1,108 @@
 "use strict";
 
-import { memo, useMemo } from "react";
-import { Animated, StyleSheet, View } from "react-native";
-import { useDerivedValue } from "react-native-reanimated";
+import { memo, useMemo, useRef } from "react";
+import { StyleSheet, View } from "react-native";
+import Animated, { useDerivedValue } from "react-native-reanimated";
+import { snapDescriptorToIndex } from "../../../animation/snap-to";
 import { NavigationScreenProvider } from "../../../providers/navigation/navigation-host.provider";
-import { useScreenAnimation } from "../../../providers/screen/animation";
+import { useOptionalScreenAnimationStore } from "../../../providers/screen/animation";
+import { useOptionalScreenSlotStore } from "../../../providers/screen/styles/slot.provider";
+import { useBlankStackStore } from "../../../providers/stack/blank-stack.provider";
+import { retainReadyOverlayResources } from "../helpers/retain-ready-overlay-resources";
+import { useOverlaySlot } from "../hooks/use-overlay-slot";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const OverlayHost = /*#__PURE__*/memo(function OverlayHost({
   scene,
-  overlayScreenState
+  driverScene,
+  previousOverlayScene,
+  activity,
+  layerIndex
 }) {
-  const OverlayComponent = scene.descriptor.options.overlay;
-  const screenAnimation = useScreenAnimation();
+  const overlayAnimationStore = useOptionalScreenAnimationStore(scene.route.key);
+  const driverAnimationStore = useOptionalScreenAnimationStore(driverScene.route.key);
+  const previousOverlayAnimationStore = useOptionalScreenAnimationStore(previousOverlayScene?.route.key ?? scene.route.key);
+  const driverSlots = useOptionalScreenSlotStore(driverScene.route.key);
+  const overlayComponentRef = useRef(scene.descriptor.options.overlay);
+  const OverlayComponent = overlayComponentRef.current;
+  const readyResourcesRef = useRef(null);
+  readyResourcesRef.current = retainReadyOverlayResources(readyResourcesRef.current, overlayAnimationStore, driverScene, driverAnimationStore, driverSlots);
+  const readyResources = readyResourcesRef.current;
+  if (!OverlayComponent || !readyResources) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(ReadyOverlayHost, {
+    scene: scene,
+    driverScene: readyResources.driverScene,
+    activity: activity,
+    layerIndex: layerIndex,
+    overlayAnimationStore: readyResources.overlayAnimationStore,
+    driverAnimationStore: readyResources.driverAnimationStore,
+    previousOverlayAnimationStore: previousOverlayScene ? previousOverlayAnimationStore : undefined,
+    driverSlots: readyResources.driverSlots,
+    OverlayComponent: OverlayComponent
+  });
+});
+function ReadyOverlayHost({
+  scene,
+  driverScene,
+  activity,
+  layerIndex,
+  overlayAnimationStore,
+  driverAnimationStore,
+  previousOverlayAnimationStore,
+  driverSlots,
+  OverlayComponent
+}) {
+  const {
+    scenes,
+    focusedIndex,
+    routeKeys,
+    routes
+  } = useBlankStackStore();
+  const descriptor = scene.descriptor;
+  const focusedScene = scenes[focusedIndex] ?? scenes[scenes.length - 1];
+  const focusedDescriptor = focusedScene?.descriptor;
+  const {
+    animatedProps,
+    animatedStyle
+  } = useOverlaySlot({
+    overlayAnimationStore,
+    overlayInterpolator: scene.descriptor.options.screenStyleInterpolator,
+    driverAnimationStore,
+    previousOverlayAnimationStore: previousOverlayAnimationStore ?? undefined,
+    driverInterpolator: driverScene.descriptor.options.screenStyleInterpolator,
+    interpolatorReady: driverSlots.interpolatorReady,
+    isIncoming: scene.route.key === driverScene.route.key
+  });
   const relativeProgress = useDerivedValue(() => {
     "worklet";
 
-    return screenAnimation.get().stackProgress;
+    overlayAnimationStore.screenInterpolatorPropsRevision.get();
+    return overlayAnimationStore.screenInterpolatorProps.get().stackProgress;
   });
   const overlayProps = useMemo(() => ({
-    ...overlayScreenState,
+    route: scene.route,
+    index: routeKeys.indexOf(scene.route.key),
+    options: focusedDescriptor?.options ?? {},
+    routes,
+    focusedRoute: focusedScene?.route ?? scene.route,
+    focusedIndex,
+    meta: focusedDescriptor?.options?.meta,
+    navigation: scene.descriptor.navigation,
+    snapTo: index => {
+      snapDescriptorToIndex(scene.descriptor, index);
+    },
     progress: relativeProgress
-  }), [relativeProgress, overlayScreenState]);
-  if (!OverlayComponent) {
-    return null;
-  }
+  }), [scene, focusedDescriptor?.options, focusedIndex, focusedScene?.route, relativeProgress, routeKeys, routes]);
   return /*#__PURE__*/_jsx(Animated.View, {
-    pointerEvents: "box-none",
-    style: [styles.container, styles.floating, StyleSheet.absoluteFill],
+    animatedProps: animatedProps,
+    pointerEvents: activity === "active" ? "box-none" : "none",
+    style: [styles.container, styles.floating, StyleSheet.absoluteFill, {
+      zIndex: 1000 + layerIndex
+    }, animatedStyle],
     children: /*#__PURE__*/_jsx(NavigationScreenProvider, {
-      navigation: scene.descriptor.navigation,
-      route: scene.route,
+      navigation: descriptor.navigation,
+      route: descriptor.route,
       children: /*#__PURE__*/_jsx(View, {
         pointerEvents: "box-none",
         style: [StyleSheet.absoluteFill, styles.overlay],
@@ -39,7 +112,7 @@ export const OverlayHost = /*#__PURE__*/memo(function OverlayHost({
       })
     })
   });
-});
+}
 const styles = StyleSheet.create({
   overlay: {
     zIndex: 1