react-native-screen-transitions 4.1.0-alpha.0 → 4.1.0-beta.0

package/lib/commonjs/components/screen/container/hooks/use-content-layout.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContentLayout = useContentLayout;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeWorklets = require("react-native-worklets");
+var _builder = require("../../../../providers/screen/builder");
+var _motion = require("../../../../providers/screen/motion");
+var _useTransitionValues = require("../../../../providers/screen/motion/hooks/use-transition-values");
+/** "content" identifies the full content wrapper and is reserved internally. */
+function useContentLayout(styleId) {
+  const isContent = styleId === "content";
+  const builder = (0, _builder.useOptionalBuilderStore)(store => isContent || styleId !== undefined && store?.options.snapPoints?.includes(styleId) ? store : null);
+  const {
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const animations = (0, _motion.useOptionalMotionStore)(store => builder ? store?.state : undefined);
+  const isFirstKey = builder?.derivations.isFirstKey;
+  const experimental_animateOnInitialMount = builder?.options.experimental_animateOnInitialMount;
+  const snapPoint = isContent ? "auto" : styleId;
+  const measureSnap = snapPoint !== undefined && builder?.options.snapPoints?.includes(snapPoint);
+  const handleLayout = (0, _react.useCallback)(event => {
+    if (!animations) return;
+    const {
+      targetProgress,
+      resolvedAutoSnapPoint,
+      measuredContentLayout
+    } = animations;
+    const {
+      requestLifecycleTransition
+    } = animations.actions;
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    if (width <= 0 || height <= 0) return;
+    const fraction = Math.min(height / screenHeight, 1);
+    (0, _reactNativeWorklets.scheduleOnUI)((nextWidth, nextHeight, nextFraction) => {
+      "worklet";
+
+      if (isContent) {
+        measuredContentLayout.set({
+          width: nextWidth,
+          height: nextHeight
+        });
+      }
+      if (!measureSnap) return;
+      const isFirstMeasurement = resolvedAutoSnapPoint.get() <= 0;
+      resolvedAutoSnapPoint.set(nextFraction);
+      if (!isFirstMeasurement || animations.transitionProgress.get() !== 0 || animations.progressAnimating.get() !== 0) {
+        return;
+      }
+      if (isFirstKey && !experimental_animateOnInitialMount) {
+        targetProgress.set(nextFraction);
+        animations.transitionProgress.set(nextFraction);
+        return;
+      }
+      requestLifecycleTransition(_useTransitionValues.LifecycleTransitionRequestKind.Open, nextFraction);
+    }, width, height, fraction);
+  }, [animations, isContent, measureSnap, isFirstKey, screenHeight, experimental_animateOnInitialMount]);
+  return isContent || measureSnap ? handleLayout : undefined;
+}
+//# sourceMappingURL=use-content-layout.js.map

package/lib/commonjs/components/screen/container/hooks/use-content-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeWorklets","_builder","_motion","_useTransitionValues","useContentLayout","styleId","isContent","builder","useOptionalBuilderStore","store","undefined","options","snapPoints","includes","height","screenHeight","useWindowDimensions","animations","useOptionalMotionStore","state","isFirstKey","derivations","experimental_animateOnInitialMount","snapPoint","measureSnap","handleLayout","useCallback","event","targetProgress","resolvedAutoSnapPoint","measuredContentLayout","requestLifecycleTransition","actions","width","nativeEvent","layout","fraction","Math","min","scheduleOnUI","nextWidth","nextHeight","nextFraction","set","isFirstMeasurement","get","transitionProgress","progressAnimating","LifecycleTransitionRequestKind","Open"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/hooks/use-content-layout.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/screen/container/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenContainer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useBackdropPointerEvents = require("./hooks/use-backdrop-pointer-events");
+var _backdrop = require("./layers/backdrop");
+var _content = require("./layers/content");
+var _jsxRuntime = require("react/jsx-runtime");
+const ScreenContainer = exports.ScreenContainer = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  onDismissRequest
+}) => {
+  const {
+    pointerEvents,
+    isBackdropActive,
+    backdropBehavior
+  } = (0, _useBackdropPointerEvents.useBackdropPointerEvents)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    pointerEvents: pointerEvents,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_backdrop.BackdropLayer, {
+      onDismissRequest: onDismissRequest,
+      isBackdropActive: isBackdropActive,
+      backdropBehavior: backdropBehavior
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_content.ContentLayer, {
+      pointerEvents: pointerEvents,
+      isBackdropActive: isBackdropActive,
+      children: children
+    })]
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/screen/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useBackdropPointerEvents","_backdrop","_content","_jsxRuntime","ScreenContainer","exports","memo","children","onDismissRequest","pointerEvents","isBackdropActive","backdropBehavior","useBackdropPointerEvents","jsxs","View","style","styles","container","jsx","BackdropLayer","ContentLayer","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/screen/container/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAOzC,MAAMM,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,WAAI,EAClC,CAAC;EAAEC,QAAQ;EAAEC;AAAuC,CAAC,KAAK;EACzD,MAAM;IAAEC,aAAa;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAC1D,IAAAC,kDAAwB,EAAC,CAAC;EAE3B,oBACC,IAAAT,WAAA,CAAAU,IAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACR,aAAa,EAAEA,aAAc;IAAAF,QAAA,gBAC3D,IAAAJ,WAAA,CAAAe,GAAA,EAACjB,SAAA,CAAAkB,aAAa;MACbX,gBAAgB,EAAEA,gBAAiB;MACnCE,gBAAgB,EAAEA,gBAAiB;MACnCC,gBAAgB,EAAEA;IAAiB,CACnC,CAAC,eACF,IAAAR,WAAA,CAAAe,GAAA,EAAChB,QAAA,CAAAkB,YAAY;MACZX,aAAa,EAAEA,aAAc;MAC7BC,gBAAgB,EAAEA,gBAAiB;MAAAH,QAAA,EAElCA;IAAQ,CACI,CAAC;EAAA,CACV,CAAC;AAET,CACD,CAAC;AAED,MAAMS,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAChCL,SAAS,EAAE;IACVM,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/screen/container/layers/backdrop.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackdropLayer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _specs = require("../../../../configs/specs");
+var _builder = require("../../../../providers/screen/builder");
+var _motion = require("../../../../providers/screen/motion");
+var _styles = require("../../../../providers/screen/orchestrator/styles");
+var _animateToProgress = require("../../../../utils/animation/animate-to-progress");
+var _findCollapseTarget = require("../helpers/find-collapse-target");
+var _renderComponent = require("./render-component");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BackdropLayer = exports.BackdropLayer = /*#__PURE__*/(0, _react.memo)(function BackdropLayer({
+  backdropBehavior,
+  isBackdropActive,
+  onDismissRequest
+}) {
+  const BackdropComponent = (0, _builder.useBuilderStore)(store => store.options.backdropComponent);
+  const rawSnapPoints = (0, _builder.useBuilderStore)(store => store.options.snapPoints);
+  const isGestureDismissEnabled = (0, _builder.useBuilderStore)(store => store.options.gestureEnabled !== false);
+  const canDismiss = isGestureDismissEnabled;
+  const transitionSpec = (0, _builder.useBuilderStore)(store => store.options.transitionSpec);
+  const animations = (0, _motion.useMotionStore)(store => store.state);
+  const {
+    targetProgress,
+    animationProgress,
+    resolvedAutoSnapPoint
+  } = animations;
+  const AnimatedBackdropComponent = (0, _react.useMemo)(() => BackdropComponent && !(0, _renderComponent.usesLayerRenderProps)(BackdropComponent) ? _reactNativeReanimated.default.createAnimatedComponent(BackdropComponent) : null, [BackdropComponent]);
+  const handleBackdropPress = (0, _react.useCallback)(() => {
+    if (backdropBehavior === "dismiss") {
+      onDismissRequest?.();
+      return;
+    }
+    if (backdropBehavior === "collapse") {
+      // No snap points → fallback to dismiss
+      if (!rawSnapPoints || rawSnapPoints.length === 0) {
+        onDismissRequest?.();
+        return;
+      }
+      const gestures = animations;
+      (0, _reactNativeWorklets.scheduleOnUI)(() => {
+        "worklet";
+
+        const resolvedSnaps = [];
+        for (let i = 0; i < rawSnapPoints.length; i++) {
+          const point = rawSnapPoints[i];
+          const resolvedPoint = typeof point === "string" ? resolvedAutoSnapPoint.get() : point;
+          if (typeof resolvedPoint === "number") {
+            resolvedSnaps.push(resolvedPoint);
+          }
+        }
+        const {
+          target,
+          shouldDismiss
+        } = (0, _findCollapseTarget.findCollapseTarget)(animations.transitionProgress.get(), resolvedSnaps, canDismiss);
+
+        // If already dismissing, skip
+        if (gestures.dismissing.get()) return;
+        gestures.dismissing.set(shouldDismiss ? 1 : 0);
+        const spec = shouldDismiss ? transitionSpec : {
+          open: transitionSpec?.expand ?? _specs.DefaultSnapSpec,
+          close: transitionSpec?.collapse ?? _specs.DefaultSnapSpec
+        };
+        (0, _animateToProgress.animateToProgress)({
+          target,
+          markEntering: false,
+          spec,
+          animations,
+          targetProgress,
+          animationProgress
+        });
+        if (shouldDismiss) {
+          if (onDismissRequest) (0, _reactNativeWorklets.scheduleOnRN)(onDismissRequest);
+        }
+      });
+    }
+  }, [animations, targetProgress, animationProgress, resolvedAutoSnapPoint, backdropBehavior, rawSnapPoints, canDismiss, transitionSpec, onDismissRequest]);
+  const animatedBackdropStyle = (0, _styles.useSlotStyles)("backdrop");
+  const animatedBackdropProps = (0, _styles.useSlotProps)("backdrop");
+  const backdropPointerEvents = isBackdropActive ? "auto" : "none";
+  const backdropStyles = [_reactNative.StyleSheet.absoluteFill, animatedBackdropStyle];
+  const backdropProps = animatedBackdropProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    pointerEvents: backdropBehavior === "passthrough" ? "none" : "auto",
+    onPress: isBackdropActive ? handleBackdropPress : undefined,
+    children: AnimatedBackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedBackdropComponent, {
+      style: backdropStyles,
+      animatedProps: animatedBackdropProps,
+      pointerEvents: backdropPointerEvents
+    }) : BackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropComponent, {
+      styles: backdropStyles,
+      props: backdropProps,
+      pointerEvents: backdropPointerEvents
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: backdropStyles,
+      pointerEvents: backdropPointerEvents
+    })
+  });
+});
+//# sourceMappingURL=backdrop.js.map

package/lib/commonjs/components/screen/container/layers/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeWorklets","_specs","_builder","_motion","_styles","_animateToProgress","_findCollapseTarget","_renderComponent","_jsxRuntime","e","__esModule","default","BackdropLayer","exports","memo","backdropBehavior","isBackdropActive","onDismissRequest","BackdropComponent","useBuilderStore","store","options","backdropComponent","rawSnapPoints","snapPoints","isGestureDismissEnabled","gestureEnabled","canDismiss","transitionSpec","animations","useMotionStore","state","targetProgress","animationProgress","resolvedAutoSnapPoint","AnimatedBackdropComponent","useMemo","usesLayerRenderProps","Animated","createAnimatedComponent","handleBackdropPress","useCallback","length","gestures","scheduleOnUI","resolvedSnaps","i","point","resolvedPoint","get","push","target","shouldDismiss","findCollapseTarget","transitionProgress","dismissing","set","spec","open","expand","DefaultSnapSpec","close","collapse","animateToProgress","markEntering","scheduleOnRN","animatedBackdropStyle","useSlotStyles","animatedBackdropProps","useSlotProps","backdropPointerEvents","backdropStyles","StyleSheet","absoluteFill","backdropProps","jsx","Pressable","style","pointerEvents","onPress","undefined","children","animatedProps","styles","props","View"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/backdrop.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/screen/container/layers/content.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentLayer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _builder = require("../../../../providers/screen/builder");
+var _motion = require("../../../../providers/screen/motion");
+var _styles = require("../../../../providers/screen/orchestrator/styles");
+var _host = require("../../../boundary/portal/components/boundary-portal/components/host");
+var _useContentLayout = require("../hooks/use-content-layout");
+var _maybeMaskedNavigationContainer = require("./maybe-masked-navigation-container");
+var _renderComponent = require("./render-component");
+var _surface = require("./surface");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ContentLayer = exports.ContentLayer = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  pointerEvents,
+  isBackdropActive
+}) => {
+  const gestureContext = (0, _motion.useMotionStore)(store => store.gestures);
+  const ContentComponent = (0, _builder.useBuilderStore)(store => store.options.contentComponent);
+  const isNavigationMaskEnabled = (0, _builder.useBuilderStore)(store => !!store.options.navigationMaskEnabled);
+  const hasAutoSnapPoint = (0, _builder.useBuilderStore)(store => store.options.snapPoints?.includes("auto") ?? false);
+  const contentPointerEvents = isBackdropActive ? "box-none" : pointerEvents;
+  const AnimatedContentComponent = (0, _react.useMemo)(() => {
+    return ContentComponent && !(0, _renderComponent.usesLayerRenderProps)(ContentComponent) ? _reactNativeReanimated.default.createAnimatedComponent(ContentComponent) : null;
+  }, [ContentComponent]);
+  const handleContentLayout = (0, _useContentLayout.useContentLayout)("content");
+  const animatedContentStyle = (0, _styles.useSlotStyles)("content");
+  const animatedContentProps = (0, _styles.useSlotProps)("content");
+  const contentStyles = [styles.content, animatedContentStyle];
+  const contentProps = animatedContentProps;
+  const screenChildren = hasAutoSnapPoint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    collapsable: false,
+    onLayout: handleContentLayout,
+    children: children
+  }) : children;
+  const contentChildren = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_maybeMaskedNavigationContainer.MaybeMaskedNavigationContainer, {
+    pointerEvents: contentPointerEvents,
+    enabled: isNavigationMaskEnabled,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_surface.SurfaceLayer, {
+      pointerEvents: contentPointerEvents,
+      children: screenChildren
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_host.ScreenFallbackHost, {})]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: gestureContext.detectorGesture,
+    children: AnimatedContentComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedContentComponent, {
+      style: contentStyles,
+      animatedProps: animatedContentProps,
+      pointerEvents: contentPointerEvents,
+      children: contentChildren
+    }) : ContentComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentComponent, {
+      styles: contentStyles,
+      props: contentProps,
+      pointerEvents: contentPointerEvents,
+      children: contentChildren
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: contentStyles,
+      animatedProps: animatedContentProps,
+      pointerEvents: contentPointerEvents,
+      children: contentChildren
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=content.js.map

package/lib/commonjs/components/screen/container/layers/content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","_builder","_motion","_styles","_host","_useContentLayout","_maybeMaskedNavigationContainer","_renderComponent","_surface","_jsxRuntime","e","__esModule","default","ContentLayer","exports","memo","children","pointerEvents","isBackdropActive","gestureContext","useMotionStore","store","gestures","ContentComponent","useBuilderStore","options","contentComponent","isNavigationMaskEnabled","navigationMaskEnabled","hasAutoSnapPoint","snapPoints","includes","contentPointerEvents","AnimatedContentComponent","useMemo","usesLayerRenderProps","Animated","createAnimatedComponent","handleContentLayout","useContentLayout","animatedContentStyle","useSlotStyles","animatedContentProps","useSlotProps","contentStyles","styles","content","contentProps","screenChildren","jsx","View","collapsable","onLayout","contentChildren","jsxs","MaybeMaskedNavigationContainer","enabled","SurfaceLayer","ScreenFallbackHost","GestureDetector","gesture","detectorGesture","style","animatedProps","props","StyleSheet","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/content.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/screen/container/layers/maybe-masked-navigation-container.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MaybeMaskedNavigationContainer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _constants = require("../../../../constants");
+var _styles = require("../../../../providers/screen/orchestrator/styles");
+var _logger = require("../../../../utils/logger");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let LazyMaskedView = _reactNative.View;
+try {
+  LazyMaskedView = require("@react-native-masked-view/masked-view").default;
+} catch (_) {
+  // optional peer dependency
+}
+let hasWarnedMissingMaskedView = false;
+const MaybeMaskedNavigationContainer = exports.MaybeMaskedNavigationContainer = /*#__PURE__*/(0, _react.memo)(({
+  enabled,
+  children,
+  pointerEvents
+}) => {
+  if (!enabled || LazyMaskedView === _reactNative.View) {
+    return children;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MaskedNavigationContainer, {
+    pointerEvents: pointerEvents,
+    children: children
+  });
+});
+const MaskedNavigationContainer = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  pointerEvents
+}) => {
+  const maybeLogWarning = (0, _react.useCallback)(() => {
+    if (LazyMaskedView !== _reactNative.View) return;
+    if (hasWarnedMissingMaskedView) return;
+    hasWarnedMissingMaskedView = true;
+    _logger.logger.warn("navigationMaskEnabled requires @react-native-masked-view/masked-view. Install it to enable navigation bounds masking.");
+  }, []);
+  const animatedNavigationMaskStyle = (0, _styles.useSlotStyles)(_constants.NAVIGATION_MASK_ELEMENT_STYLE_ID);
+  const animatedNavigationMaskContainerStyle = (0, _styles.useSlotStyles)(_constants.NAVIGATION_MASK_CONTAINER_STYLE_ID);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LazyMaskedView, {
+    style: styles.navigationMaskedRoot
+    // @ts-expect-error masked-view package types are too strict here
+    ,
+    maskElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.navigationMaskElement, animatedNavigationMaskStyle],
+      pointerEvents: "none"
+    }),
+    pointerEvents: pointerEvents,
+    onLayout: maybeLogWarning,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.navigationContainer, animatedNavigationMaskContainerStyle],
+      collapsable: false,
+      children: children
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  navigationMaskedRoot: {
+    flex: 1
+  },
+  navigationContainer: {
+    flex: 1
+  },
+  // The mask rect's translate math assumes a physical top-left base. Under
+  // native RTL a fixed-width flex child anchors to the right edge, so pin it
+  // to the physical left (`end` = left edge in RTL).
+  navigationMaskElement: _reactNative.I18nManager.isRTL ? {
+    backgroundColor: "white",
+    end: 0,
+    position: "absolute",
+    top: 0
+  } : {
+    backgroundColor: "white"
+  }
+});
+//# sourceMappingURL=maybe-masked-navigation-container.js.map

package/lib/commonjs/components/screen/container/layers/maybe-masked-navigation-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_constants","_styles","_logger","_jsxRuntime","e","__esModule","default","LazyMaskedView","View","_","hasWarnedMissingMaskedView","MaybeMaskedNavigationContainer","exports","memo","enabled","children","pointerEvents","jsx","MaskedNavigationContainer","maybeLogWarning","useCallback","logger","warn","animatedNavigationMaskStyle","useSlotStyles","NAVIGATION_MASK_ELEMENT_STYLE_ID","animatedNavigationMaskContainerStyle","NAVIGATION_MASK_CONTAINER_STYLE_ID","style","styles","navigationMaskedRoot","maskElement","navigationMaskElement","onLayout","navigationContainer","collapsable","StyleSheet","create","flex","I18nManager","isRTL","backgroundColor","end","position","top"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/maybe-masked-navigation-container.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAIA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAkD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlD,IAAIG,cAAc,GAAGC,iBAAI;AAEzB,IAAI;EACHD,cAAc,GAAGX,OAAO,CAAC,uCAAuC,CAAC,CAACU,OAAO;AAC1E,CAAC,CAAC,OAAOG,CAAC,EAAE;EACX;AAAA;AAGD,IAAIC,0BAA0B,GAAG,KAAK;AAE/B,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,gBAAG,IAAAE,WAAI,EACjD,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EAChD,IAAI,CAACF,OAAO,IAAIP,cAAc,KAAKC,iBAAI,EAAE;IACxC,OAAOO,QAAQ;EAChB;EAEA,oBACC,IAAAZ,WAAA,CAAAc,GAAA,EAACC,yBAAyB;IAACF,aAAa,EAAEA,aAAc;IAAAD,QAAA,EACtDA;EAAQ,CACiB,CAAC;AAE9B,CACD,CAAC;AAED,MAAMG,yBAAyB,gBAAG,IAAAL,WAAI,EACrC,CAAC;EACAE,QAAQ;EACRC;AAID,CAAC,KAAK;EACL,MAAMG,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACzC,IAAIb,cAAc,KAAKC,iBAAI,EAAE;IAC7B,IAAIE,0BAA0B,EAAE;IAEhCA,0BAA0B,GAAG,IAAI;IACjCW,cAAM,CAACC,IAAI,CACV,uHACD,CAAC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,2BAA2B,GAAG,IAAAC,qBAAa,EAChDC,2CACD,CAAC;EACD,MAAMC,oCAAoC,GAAG,IAAAF,qBAAa,EACzDG,6CACD,CAAC;EAED,oBACC,IAAAxB,WAAA,CAAAc,GAAA,EAACV,cAAc;IACdqB,KAAK,EAAEC,MAAM,CAACC;IACd;IAAA;IACAC,WAAW,eACV,IAAA5B,WAAA,CAAAc,GAAA,EAACnB,sBAAA,CAAAQ,OAAQ,CAACE,IAAI;MACboB,KAAK,EAAE,CAACC,MAAM,CAACG,qBAAqB,EAAET,2BAA2B,CAAE;MACnEP,aAAa,EAAC;IAAM,CACpB,CACD;IACDA,aAAa,EAAEA,aAAc;IAC7BiB,QAAQ,EAAEd,eAAgB;IAAAJ,QAAA,eAE1B,IAAAZ,WAAA,CAAAc,GAAA,EAACnB,sBAAA,CAAAQ,OAAQ,CAACE,IAAI;MACboB,KAAK,EAAE,CACNC,MAAM,CAACK,mBAAmB,EAC1BR,oCAAoC,CACnC;MACFS,WAAW,EAAE,KAAM;MAAApB,QAAA,EAElBA;IAAQ,CACK;EAAC,CACD,CAAC;AAEnB,CACD,CAAC;AAED,MAAMc,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAChCP,oBAAoB,EAAE;IACrBQ,IAAI,EAAE;EACP,CAAC;EACDJ,mBAAmB,EAAE;IACpBI,IAAI,EAAE;EACP,CAAC;EACD;EACA;EACA;EACAN,qBAAqB,EAAEO,wBAAW,CAACC,KAAK,GACrC;IACAC,eAAe,EAAE,OAAO;IACxBC,GAAG,EAAE,CAAC;IACNC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACN,CAAC,GACA;IACAH,eAAe,EAAE;EAClB;AACH,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/screen/container/layers/render-component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usesLayerRenderProps","component","prototype","isReactComponent"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/render-component.ts"],"mappings":";;;;;;AAEO,SAASA,oBAAoBA,CACnCC,SAA6B,EACyB;EACtD,OACC,OAAOA,SAAS,KAAK,UAAU,IAAI,CAACA,SAAS,CAACC,SAAS,EAAEC,gBAAgB;AAE3E","ignoreList":[]}

package/lib/commonjs/components/screen/container/layers/surface.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SurfaceLayer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _builder = require("../../../../providers/screen/builder");
+var _styles = require("../../../../providers/screen/orchestrator/styles");
+var _renderComponent = require("./render-component");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SurfaceLayer = exports.SurfaceLayer = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  pointerEvents
+}) => {
+  const SurfaceComponent = (0, _builder.useBuilderStore)(store => store.options.surfaceComponent);
+  const AnimatedSurfaceComponent = (0, _react.useMemo)(() => {
+    return SurfaceComponent && !(0, _renderComponent.usesLayerRenderProps)(SurfaceComponent) ? _reactNativeReanimated.default.createAnimatedComponent(SurfaceComponent) : null;
+  }, [SurfaceComponent]);
+  const animatedSurfaceStyle = (0, _styles.useSlotStyles)("surface");
+  const animatedSurfaceProps = (0, _styles.useSlotProps)("surface");
+  const surfaceStyles = [styles.surface, animatedSurfaceStyle];
+  const surfaceProps = animatedSurfaceProps;
+  if (!SurfaceComponent) {
+    return children;
+  }
+  if (AnimatedSurfaceComponent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedSurfaceComponent, {
+      style: surfaceStyles,
+      animatedProps: animatedSurfaceProps,
+      pointerEvents: pointerEvents,
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SurfaceComponent, {
+    styles: surfaceStyles,
+    props: surfaceProps,
+    pointerEvents: pointerEvents,
+    children: children
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  surface: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=surface.js.map

package/lib/commonjs/components/screen/container/layers/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_builder","_styles","_renderComponent","_jsxRuntime","e","__esModule","default","SurfaceLayer","exports","memo","children","pointerEvents","SurfaceComponent","useBuilderStore","store","options","surfaceComponent","AnimatedSurfaceComponent","useMemo","usesLayerRenderProps","Animated","createAnimatedComponent","animatedSurfaceStyle","useSlotStyles","animatedSurfaceProps","useSlotProps","surfaceStyles","styles","surface","surfaceProps","jsx","style","animatedProps","props","StyleSheet","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/surface.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKA,IAAAM,gBAAA,GAAAN,OAAA;AAA0D,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOnD,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACxE,MAAMC,gBAAgB,GAAG,IAAAC,wBAAe,EACtCC,KAAK,IAAKA,KAAK,CAACC,OAAO,CAACC,gBAC1B,CAAC;EAED,MAAMC,wBAAwB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9C,OAAON,gBAAgB,IAAI,CAAC,IAAAO,qCAAoB,EAACP,gBAAgB,CAAC,GAC/DQ,8BAAQ,CAACC,uBAAuB,CAACT,gBAAsC,CAAC,GACxE,IAAI;EACR,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAEtB,MAAMU,oBAAoB,GAAG,IAAAC,qBAAa,EAAC,SAAS,CAAC;EACrD,MAAMC,oBAAoB,GAAG,IAAAC,oBAAY,EAAC,SAAS,CAAC;EACpD,MAAMC,aAAa,GAAG,CACrBC,MAAM,CAACC,OAAO,EACdN,oBAAoB,CACqB;EAC1C,MAAMO,YAAY,GACjBL,oBAA4D;EAE7D,IAAI,CAACZ,gBAAgB,EAAE;IACtB,OAAOF,QAAQ;EAChB;EAEA,IAAIO,wBAAwB,EAAE;IAC7B,oBACC,IAAAd,WAAA,CAAA2B,GAAA,EAACb,wBAAwB;MACxBc,KAAK,EAAEL,aAAc;MACrBM,aAAa,EAAER,oBAAqB;MACpCb,aAAa,EAAEA,aAAc;MAAAD,QAAA,EAE5BA;IAAQ,CACgB,CAAC;EAE7B;EAEA,oBACC,IAAAP,WAAA,CAAA2B,GAAA,EAAClB,gBAAgB;IAChBe,MAAM,EAAED,aAAc;IACtBO,KAAK,EAAEJ,YAAa;IACpBlB,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACQ,CAAC;AAErB,CAAC,CAAC;AAEF,MAAMiB,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAChCP,OAAO,EAAE;IACRQ,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/screen/lifecycle/blank-stack.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlankStackLifecycle = BlankStackLifecycle;
+var _builder = require("../../../providers/screen/builder");
+var _blankStack = require("../../../providers/stack/blank-stack.provider");
+var _useCloseTransitionIntent = require("./hooks/use-close-transition-intent");
+var _useScreenLifecycle = require("./use-screen-lifecycle");
+function BlankStackLifecycle() {
+  const current = (0, _builder.useBuilderStore)(store => store.descriptors.current);
+  const handleOpenRoute = (0, _blankStack.useBlankStackStore)(store => store.handleOpenRoute);
+  const {
+    completeClose
+  } = (0, _useCloseTransitionIntent.useCloseTransitionIntent)(current);
+  (0, _useScreenLifecycle.useScreenLifecycle)({
+    completeClose,
+    completeOpen: () => handleOpenRoute?.({
+      route: current.route
+    })
+  });
+  return null;
+}
+//# sourceMappingURL=blank-stack.js.map

package/lib/commonjs/components/screen/lifecycle/blank-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_builder","require","_blankStack","_useCloseTransitionIntent","_useScreenLifecycle","BlankStackLifecycle","current","useBuilderStore","store","descriptors","handleOpenRoute","useBlankStackStore","completeClose","useCloseTransitionIntent","useScreenLifecycle","completeOpen","route"],"sourceRoot":"../../../../../src","sources":["components/screen/lifecycle/blank-stack.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAEO,SAASI,mBAAmBA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,wBAAe,EAAEC,KAAK,IAAKA,KAAK,CAACC,WAAW,CAACH,OAAO,CAAC;EACrE,MAAMI,eAAe,GAAG,IAAAC,8BAAkB,EAAEH,KAAK,IAAKA,KAAK,CAACE,eAAe,CAAC;EAE5E,MAAM;IAAEE;EAAc,CAAC,GAAG,IAAAC,kDAAwB,EAACP,OAAO,CAAC;EAE3D,IAAAQ,sCAAkB,EAAC;IAClBF,aAAa;IACbG,YAAY,EAAEA,CAAA,KAAML,eAAe,GAAG;MAAEM,KAAK,EAAEV,OAAO,CAACU;IAAM,CAAC;EAC/D,CAAC,CAAC;EAEF,OAAO,IAAI;AACZ","ignoreList":[]}

package/lib/commonjs/components/screen/lifecycle/hooks/helpers/reset-stores-for-screen.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resetStoresForScreen = resetStoresForScreen;
+var _reactNativeWorklets = require("react-native-worklets");
+var _clear = require("../../../../../stores/bounds/internals/clear");
+var _scroll = require("../../../../../stores/scroll.store");
+function resetStoresForScreen(routeKey) {
+  _scroll.ScrollStore.clearBag(routeKey);
+  (0, _reactNativeWorklets.scheduleOnUI)(_clear.clear, routeKey);
+}
+//# sourceMappingURL=reset-stores-for-screen.js.map

package/lib/commonjs/components/screen/lifecycle/hooks/helpers/reset-stores-for-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeWorklets","require","_clear","_scroll","resetStoresForScreen","routeKey","ScrollStore","clearBag","scheduleOnUI","clear"],"sourceRoot":"../../../../../../../src","sources":["components/screen/lifecycle/hooks/helpers/reset-stores-for-screen.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEO,SAASG,oBAAoBA,CAACC,QAAgB,EAAE;EACtDC,mBAAW,CAACC,QAAQ,CAACF,QAAQ,CAAC;EAE9B,IAAAG,iCAAY,EAACC,YAAK,EAAEJ,QAAQ,CAAC;AAC9B","ignoreList":[]}

package/lib/commonjs/components/screen/lifecycle/hooks/history/navigator-route-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mountedRoutesByNavigator","Map","registerMountedRoute","navigatorKey","routeKey","routes","get","Set","set","add","unregisterMountedRoute","delete","size","_resetNavigatorRouteRegistry","clear"],"sourceRoot":"../../../../../../../src","sources":["components/screen/lifecycle/hooks/history/navigator-route-registry.ts"],"mappings":";;;;;;;;AAAA,MAAMA,wBAAwB,GAAG,IAAIC,GAAG,CAAsB,CAAC;AAExD,SAASC,oBAAoBA,CACnCC,YAAoB,EACpBC,QAAgB,EACT;EACP,IAAI,CAACD,YAAY,IAAI,CAACC,QAAQ,EAAE;EAEhC,IAAIC,MAAM,GAAGL,wBAAwB,CAACM,GAAG,CAACH,YAAY,CAAC;EACvD,IAAI,CAACE,MAAM,EAAE;IACZA,MAAM,GAAG,IAAIE,GAAG,CAAC,CAAC;IAClBP,wBAAwB,CAACQ,GAAG,CAACL,YAAY,EAAEE,MAAM,CAAC;EACnD;EAEAA,MAAM,CAACI,GAAG,CAACL,QAAQ,CAAC;AACrB;;AAEA;AACA;AACA;AACA;AACO,SAASM,sBAAsBA,CACrCP,YAAoB,EACpBC,QAAgB,EACN;EACV,IAAI,CAACD,YAAY,IAAI,CAACC,QAAQ,EAAE,OAAO,KAAK;EAE5C,MAAMC,MAAM,GAAGL,wBAAwB,CAACM,GAAG,CAACH,YAAY,CAAC;EACzD,IAAI,CAACE,MAAM,EAAE,OAAO,KAAK;EAEzBA,MAAM,CAACM,MAAM,CAACP,QAAQ,CAAC;EAEvB,IAAIC,MAAM,CAACO,IAAI,GAAG,CAAC,EAAE;IACpB,OAAO,KAAK;EACb;EAEAZ,wBAAwB,CAACW,MAAM,CAACR,YAAY,CAAC;EAC7C,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACO,SAASU,4BAA4BA,CAAA,EAAS;EACpDb,wBAAwB,CAACc,KAAK,CAAC,CAAC;AACjC","ignoreList":[]}

package/lib/commonjs/components/screen/lifecycle/hooks/history/use-screen-history.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenHistory = useScreenHistory;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeWorklets = require("react-native-worklets");
+var _useStableCallback = _interopRequireDefault(require("../../../../../hooks/use-stable-callback"));
+var _history = require("../../../../../stores/history.store");
+var _navigatorRouteRegistry = require("./navigator-route-registry");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function hasSnapPoints(descriptor) {
+  const snapPoints = descriptor.options?.snapPoints;
+  return Boolean(snapPoints && snapPoints.length > 0);
+}
+
+/**
+ * Check if a screen is a leaf (renders visible content) vs a navigator container.
+ * Navigator containers have nested state with routes.
+ */
+function isLeafScreen(navigation) {
+  const state = navigation.getState();
+  const index = state?.index ?? -1;
+  const currentRoute = state?.routes?.[index];
+  if (!currentRoute) return false;
+  return !("state" in currentRoute);
+}
+function shouldTrackInHistory(descriptor) {
+  return hasSnapPoints(descriptor) || isLeafScreen(descriptor.navigation);
+}
+
+/**
+ * Keeps navigator route registration and screen history in sync.
+ */
+function useScreenHistory(current, previous, animations) {
+  const navigatorKey = current.navigation.getState()?.key ?? "";
+  const routeKey = current.route.key;
+  (0, _react.useEffect)(() => {
+    (0, _navigatorRouteRegistry.registerMountedRoute)(navigatorKey, routeKey);
+    return () => {
+      const shouldClearNavigator = (0, _navigatorRouteRegistry.unregisterMountedRoute)(navigatorKey, routeKey);
+      if (shouldClearNavigator) {
+        _history.HistoryStore.clearNavigator(navigatorKey);
+      }
+    };
+  }, [navigatorKey, routeKey]);
+
+  // Track history via focus listener - waits for nested navigators to initialize
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Must only run once on mount
+  (0, _react.useEffect)(() => {
+    if (shouldTrackInHistory(current)) {
+      _history.HistoryStore.focus(current, navigatorKey);
+    }
+    const unsubscribe = current.navigation.addListener?.("focus", () => {
+      if (shouldTrackInHistory(current)) {
+        _history.HistoryStore.focus(current, navigatorKey);
+      }
+    });
+    return () => unsubscribe?.();
+  }, []);
+  const handleBlur = (0, _useStableCallback.default)(() => {
+    if (previous && shouldTrackInHistory(previous)) {
+      const prevNavigatorKey = previous.navigation.getState()?.key ?? "";
+      _history.HistoryStore.focus(previous, prevNavigatorKey);
+    }
+  });
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => animations.closing.get(), (closing, prevClosing) => {
+    if (closing && !prevClosing) {
+      (0, _reactNativeWorklets.scheduleOnRN)(handleBlur);
+    }
+  });
+}
+//# sourceMappingURL=use-screen-history.js.map

package/lib/commonjs/components/screen/lifecycle/hooks/history/use-screen-history.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_reactNativeWorklets","_useStableCallback","_interopRequireDefault","_history","_navigatorRouteRegistry","e","__esModule","default","hasSnapPoints","descriptor","snapPoints","options","Boolean","length","isLeafScreen","navigation","state","getState","index","currentRoute","routes","shouldTrackInHistory","useScreenHistory","current","previous","animations","navigatorKey","key","routeKey","route","useEffect","registerMountedRoute","shouldClearNavigator","unregisterMountedRoute","HistoryStore","clearNavigator","focus","unsubscribe","addListener","handleBlur","useStableCallback","prevNavigatorKey","useAnimatedReaction","closing","get","prevClosing","scheduleOnRN"],"sourceRoot":"../../../../../../../src","sources":["components/screen/lifecycle/hooks/history/use-screen-history.ts"],"mappings":"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","ignoreList":[]}