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

package/lib/module/components/screen/container/helpers/find-collapse-target.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { EPSILON } from "../../../../constants";
+import { sanitizeSnapPoints } from "../../../../providers/screen/motion/gestures/shared/snap-points";
+/**
+ * Finds the next lower snap point for backdrop collapse behavior.
+ *
+ * - If above min snap: returns next lower snap point
+ * - If at or below min snap: returns 0 (dismiss) if canDismiss, else stays at min
+ *
+ * @param currentProgress - Current animation progress
+ * @param snapPoints - Array of snap points
+ * @param canDismiss - Whether dismissing is allowed
+ */
+export function findCollapseTarget(currentProgress, snapPoints, canDismiss) {
+  "worklet";
+
+  const normalized = sanitizeSnapPoints(snapPoints, canDismiss);
+  if (normalized.length === 0) {
+    return canDismiss ? {
+      target: 0,
+      shouldDismiss: true
+    } : {
+      target: currentProgress,
+      shouldDismiss: false
+    };
+  }
+  let minSnap = normalized[0];
+  let nextLowerSnap = null;
+  for (let i = 0; i < normalized.length; i++) {
+    const snap = normalized[i];
+    if (snap < minSnap) {
+      minSnap = snap;
+    }
+    if (snap < currentProgress - EPSILON && (nextLowerSnap === null || snap > nextLowerSnap)) {
+      nextLowerSnap = snap;
+    }
+  }
+  if (nextLowerSnap !== null) {
+    return {
+      target: nextLowerSnap,
+      shouldDismiss: false
+    };
+  }
+
+  // At or below min snap → dismiss if allowed
+  if (canDismiss) {
+    return {
+      target: 0,
+      shouldDismiss: true
+    };
+  }
+
+  // Can't dismiss, stay at min
+  return {
+    target: minSnap,
+    shouldDismiss: false
+  };
+}
+//# sourceMappingURL=find-collapse-target.js.map

package/lib/module/components/screen/container/helpers/find-collapse-target.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EPSILON","sanitizeSnapPoints","findCollapseTarget","currentProgress","snapPoints","canDismiss","normalized","length","target","shouldDismiss","minSnap","nextLowerSnap","i","snap"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/helpers/find-collapse-target.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,kBAAkB,QAAQ,iEAAiE;AAOpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CACjCC,eAAuB,EACvBC,UAAoB,EACpBC,UAAmB,EACQ;EAC3B,SAAS;;EAET,MAAMC,UAAU,GAAGL,kBAAkB,CAACG,UAAU,EAAEC,UAAU,CAAC;EAE7D,IAAIC,UAAU,CAACC,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOF,UAAU,GACd;MAAEG,MAAM,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAK,CAAC,GAClC;MAAED,MAAM,EAAEL,eAAe;MAAEM,aAAa,EAAE;IAAM,CAAC;EACrD;EAEA,IAAIC,OAAO,GAAGJ,UAAU,CAAC,CAAC,CAAC;EAC3B,IAAIK,aAA4B,GAAG,IAAI;EAEvC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,UAAU,CAACC,MAAM,EAAEK,CAAC,EAAE,EAAE;IAC3C,MAAMC,IAAI,GAAGP,UAAU,CAACM,CAAC,CAAC;IAC1B,IAAIC,IAAI,GAAGH,OAAO,EAAE;MACnBA,OAAO,GAAGG,IAAI;IACf;IAEA,IACCA,IAAI,GAAGV,eAAe,GAAGH,OAAO,KAC/BW,aAAa,KAAK,IAAI,IAAIE,IAAI,GAAGF,aAAa,CAAC,EAC/C;MACDA,aAAa,GAAGE,IAAI;IACrB;EACD;EAEA,IAAIF,aAAa,KAAK,IAAI,EAAE;IAC3B,OAAO;MAAEH,MAAM,EAAEG,aAAa;MAAEF,aAAa,EAAE;IAAM,CAAC;EACvD;;EAEA;EACA,IAAIJ,UAAU,EAAE;IACf,OAAO;MAAEG,MAAM,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAK,CAAC;EAC1C;;EAEA;EACA,OAAO;IAAED,MAAM,EAAEE,OAAO;IAAED,aAAa,EAAE;EAAM,CAAC;AACjD","ignoreList":[]}

package/lib/module/components/screen/container/helpers/layer-component.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { useMemo } from "react";
+import Animated from "react-native-reanimated";
+import { usesLayerRenderProps } from "./uses-layer-render-props";
+
+/** Adapts the two supported custom layer APIs without changing component identity. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LayerComponent({
+  component,
+  styles,
+  props,
+  pointerEvents,
+  children,
+  collapsable
+}) {
+  const renderProps = component && usesLayerRenderProps(component);
+  const Component = useMemo(() => {
+    if (!component) return Animated.View;
+    return usesLayerRenderProps(component) ? component : Animated.createAnimatedComponent(component);
+  }, [component]);
+  return /*#__PURE__*/_jsx(Component, {
+    ...(renderProps ? {
+      styles,
+      props
+    } : {
+      style: styles,
+      animatedProps: props
+    }),
+    pointerEvents: pointerEvents,
+    collapsable: collapsable,
+    children: children
+  });
+}
+//# sourceMappingURL=layer-component.js.map

package/lib/module/components/screen/container/helpers/layer-component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Animated","usesLayerRenderProps","jsx","_jsx","LayerComponent","component","styles","props","pointerEvents","children","collapsable","renderProps","Component","View","createAnimatedComponent","style","animatedProps"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/helpers/layer-component.tsx"],"mappings":";;AAAA,SAA6CA,OAAO,QAAQ,OAAO;AAEnE,OAAOC,QAAQ,MAAM,yBAAyB;AAE9C,SAASC,oBAAoB,QAAQ,2BAA2B;;AAEhE;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC9BC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,aAAa;EACbC,QAAQ;EACRC;AAKD,CAAC,EAAE;EACF,MAAMC,WAAW,GAAGN,SAAS,IAAIJ,oBAAoB,CAACI,SAAS,CAAC;EAChE,MAAMO,SAAS,GAAGb,OAAO,CAAqB,MAAM;IACnD,IAAI,CAACM,SAAS,EAAE,OAAOL,QAAQ,CAACa,IAAI;IACpC,OAAOZ,oBAAoB,CAACI,SAAS,CAAC,GACnCA,SAAS,GACTL,QAAQ,CAACc,uBAAuB,CAACT,SAAS,CAAC;EAC/C,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACf,oBACCF,IAAA,CAACS,SAAS;IAAA,IACJD,WAAW,GACb;MAAEL,MAAM;MAAEC;IAAM,CAAC,GACjB;MAAEQ,KAAK,EAAET,MAAM;MAAEU,aAAa,EAAET;IAAM,CAAC;IAC1CC,aAAa,EAAEA,aAAc;IAC7BE,WAAW,EAAEA,WAAY;IAAAD,QAAA,EAExBA;EAAQ,CACC,CAAC;AAEd","ignoreList":[]}

package/lib/module/components/screen/container/helpers/uses-layer-render-props.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export function usesLayerRenderProps(component) {
+  return typeof component === "function" && !component.prototype?.isReactComponent;
+}
+//# sourceMappingURL=uses-layer-render-props.js.map

package/lib/module/components/screen/container/helpers/uses-layer-render-props.js.map

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

package/lib/module/components/screen/container/hooks/use-backdrop-pointer-events.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { useState } from "react";
+import { useAnimatedReaction } from "react-native-reanimated";
+import { scheduleOnRN } from "react-native-worklets";
+import { useBuilderStore } from "../../../../providers/screen/builder";
+import { useMotionStore } from "../../../../providers/screen/motion";
+/**
+ * Returns pointer events and backdrop behavior based on screen options.
+ *
+ * - Runtime interpolator `backdropBehavior` takes precedence
+ * - Explicit descriptor `backdropBehavior` option is next
+ * - Otherwise defaults to 'block' (undefined = normal touch handling)
+ */
+export function useBackdropPointerEvents() {
+  const screenOptions = useMotionStore(store => store.options);
+  const descriptorBackdropBehavior = useBuilderStore(store => store.options.backdropBehavior);
+  const [runtimeBackdropBehavior, setRuntimeBackdropBehavior] = useState(undefined);
+  useAnimatedReaction(() => screenOptions.get().backdropBehavior, (next, previous) => {
+    "worklet";
+
+    if (next !== previous) {
+      scheduleOnRN(setRuntimeBackdropBehavior, next);
+    }
+  }, [screenOptions]);
+  const backdropBehavior = runtimeBackdropBehavior ?? descriptorBackdropBehavior ?? "block";
+  const pointerEvents = backdropBehavior === "passthrough" ? "box-none" : undefined;
+  const isBackdropActive = backdropBehavior === "dismiss" || backdropBehavior === "collapse";
+  return {
+    pointerEvents,
+    backdropBehavior,
+    isBackdropActive
+  };
+}
+//# sourceMappingURL=use-backdrop-pointer-events.js.map

package/lib/module/components/screen/container/hooks/use-backdrop-pointer-events.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useAnimatedReaction","scheduleOnRN","useBuilderStore","useMotionStore","useBackdropPointerEvents","screenOptions","store","options","descriptorBackdropBehavior","backdropBehavior","runtimeBackdropBehavior","setRuntimeBackdropBehavior","undefined","get","next","previous","pointerEvents","isBackdropActive"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/hooks/use-backdrop-pointer-events.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,mBAAmB,QAAQ,yBAAyB;AAC7D,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SAASC,cAAc,QAAQ,qCAAqC;AASpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAA,EAAgC;EACvE,MAAMC,aAAa,GAAGF,cAAc,CAAEG,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;EAC9D,MAAMC,0BAA0B,GAAGN,eAAe,CAChDI,KAAK,IAAKA,KAAK,CAACC,OAAO,CAACE,gBAC1B,CAAC;EACD,MAAM,CAACC,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGZ,QAAQ,CAEpEa,SAAS,CAAC;EAEZZ,mBAAmB,CAClB,MAAMK,aAAa,CAACQ,GAAG,CAAC,CAAC,CAACJ,gBAAgB,EAC1C,CAACK,IAAI,EAAEC,QAAQ,KAAK;IACnB,SAAS;;IACT,IAAID,IAAI,KAAKC,QAAQ,EAAE;MACtBd,YAAY,CAACU,0BAA0B,EAAEG,IAAI,CAAC;IAC/C;EACD,CAAC,EACD,CAACT,aAAa,CACf,CAAC;EAED,MAAMI,gBAAkC,GACvCC,uBAAuB,IAAIF,0BAA0B,IAAI,OAAO;EAEjE,MAAMQ,aAAa,GAClBP,gBAAgB,KAAK,aAAa,GAAG,UAAU,GAAGG,SAAS;EAE5D,MAAMK,gBAAgB,GACrBR,gBAAgB,KAAK,SAAS,IAAIA,gBAAgB,KAAK,UAAU;EAElE,OAAO;IAAEO,aAAa;IAAEP,gBAAgB;IAAEQ;EAAiB,CAAC;AAC7D","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+import { useCallback } from "react";
+import { useWindowDimensions } from "react-native";
+import { scheduleOnUI } from "react-native-worklets";
+import { useOptionalBuilderStore } from "../../../../providers/screen/builder";
+import { useOptionalMotionStore } from "../../../../providers/screen/motion";
+import { LifecycleTransitionRequestKind } from "../../../../providers/screen/motion/hooks/use-transition-values";
+
+/** "content" identifies the full content wrapper and is reserved internally. */
+export function useContentLayout(styleId) {
+  const isContent = styleId === "content";
+  const builder = useOptionalBuilderStore(store => isContent || styleId !== undefined && store?.options.snapPoints?.includes(styleId) ? store : null);
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  const animations = 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 = 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);
+    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(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/module/components/screen/container/hooks/use-content-layout.js.map

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

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import { memo } from "react";
+import { StyleSheet, View } from "react-native";
+import { useBackdropPointerEvents } from "./hooks/use-backdrop-pointer-events";
+import { BackdropLayer } from "./layers/backdrop";
+import { ContentLayer } from "./layers/content";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ScreenContainer = /*#__PURE__*/memo(({
+  children,
+  onDismissRequest
+}) => {
+  const {
+    pointerEvents,
+    isBackdropActive,
+    backdropBehavior
+  } = useBackdropPointerEvents();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    pointerEvents: pointerEvents,
+    children: [/*#__PURE__*/_jsx(BackdropLayer, {
+      onDismissRequest: onDismissRequest,
+      isBackdropActive: isBackdropActive,
+      backdropBehavior: backdropBehavior
+    }), /*#__PURE__*/_jsx(ContentLayer, {
+      pointerEvents: pointerEvents,
+      isBackdropActive: isBackdropActive,
+      children: children
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","View","useBackdropPointerEvents","BackdropLayer","ContentLayer","jsx","_jsx","jsxs","_jsxs","ScreenContainer","children","onDismissRequest","pointerEvents","isBackdropActive","backdropBehavior","style","styles","container","create","flex"],"sourceRoot":"../../../../../src","sources":["components/screen/container/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,wBAAwB,QAAQ,qCAAqC;AAC9E,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,YAAY,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOhD,OAAO,MAAMC,eAAe,gBAAGV,IAAI,CAClC,CAAC;EAAEW,QAAQ;EAAEC;AAAuC,CAAC,KAAK;EACzD,MAAM;IAAEC,aAAa;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAC1DZ,wBAAwB,CAAC,CAAC;EAE3B,oBACCM,KAAA,CAACP,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACL,aAAa,EAAEA,aAAc;IAAAF,QAAA,gBAC3DJ,IAAA,CAACH,aAAa;MACbQ,gBAAgB,EAAEA,gBAAiB;MACnCE,gBAAgB,EAAEA,gBAAiB;MACnCC,gBAAgB,EAAEA;IAAiB,CACnC,CAAC,eACFR,IAAA,CAACF,YAAY;MACZQ,aAAa,EAAEA,aAAc;MAC7BC,gBAAgB,EAAEA,gBAAiB;MAAAH,QAAA,EAElCA;IAAQ,CACI,CAAC;EAAA,CACV,CAAC;AAET,CACD,CAAC;AAED,MAAMM,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAChCD,SAAS,EAAE;IACVE,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+import { memo, useCallback } from "react";
+import { Pressable, StyleSheet } from "react-native";
+import { scheduleOnRN, scheduleOnUI } from "react-native-worklets";
+import { DefaultSnapSpec } from "../../../../configs/specs";
+import { useBuilderStore } from "../../../../providers/screen/builder";
+import { useMotionStore } from "../../../../providers/screen/motion";
+import { useSlotProps, useSlotStyles } from "../../../../providers/screen/orchestrator/styles";
+import { animateToProgress } from "../../../../utils/animation/animate-to-progress";
+import { findCollapseTarget } from "../helpers/find-collapse-target";
+import { LayerComponent } from "../helpers/layer-component";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BackdropLayer = /*#__PURE__*/memo(function BackdropLayer({
+  backdropBehavior,
+  isBackdropActive,
+  onDismissRequest
+}) {
+  const BackdropComponent = useBuilderStore(store => store.options.backdropComponent);
+  const rawSnapPoints = useBuilderStore(store => store.options.snapPoints);
+  const isGestureDismissEnabled = useBuilderStore(store => store.options.gestureEnabled !== false);
+  const canDismiss = isGestureDismissEnabled;
+  const transitionSpec = useBuilderStore(store => store.options.transitionSpec);
+  const animations = useMotionStore(store => store.state);
+  const {
+    targetProgress,
+    animationProgress,
+    resolvedAutoSnapPoint
+  } = animations;
+  const handleBackdropPress = 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;
+      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
+        } = 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 ?? DefaultSnapSpec,
+          close: transitionSpec?.collapse ?? DefaultSnapSpec
+        };
+        animateToProgress({
+          target,
+          markEntering: false,
+          spec,
+          animations,
+          targetProgress,
+          animationProgress
+        });
+        if (shouldDismiss) {
+          if (onDismissRequest) scheduleOnRN(onDismissRequest);
+        }
+      });
+    }
+  }, [animations, targetProgress, animationProgress, resolvedAutoSnapPoint, backdropBehavior, rawSnapPoints, canDismiss, transitionSpec, onDismissRequest]);
+  const animatedBackdropStyle = useSlotStyles("backdrop");
+  const animatedBackdropProps = useSlotProps("backdrop");
+  const backdropPointerEvents = isBackdropActive ? "auto" : "none";
+  const backdropStyles = [StyleSheet.absoluteFill, animatedBackdropStyle];
+  const backdropProps = animatedBackdropProps;
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: StyleSheet.absoluteFill,
+    pointerEvents: backdropBehavior === "passthrough" ? "none" : "auto",
+    onPress: isBackdropActive ? handleBackdropPress : undefined,
+    children: /*#__PURE__*/_jsx(LayerComponent, {
+      component: BackdropComponent,
+      styles: backdropStyles,
+      props: BackdropComponent ? backdropProps : undefined,
+      pointerEvents: backdropPointerEvents
+    })
+  });
+});
+//# sourceMappingURL=backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","Pressable","StyleSheet","scheduleOnRN","scheduleOnUI","DefaultSnapSpec","useBuilderStore","useMotionStore","useSlotProps","useSlotStyles","animateToProgress","findCollapseTarget","LayerComponent","jsx","_jsx","BackdropLayer","backdropBehavior","isBackdropActive","onDismissRequest","BackdropComponent","store","options","backdropComponent","rawSnapPoints","snapPoints","isGestureDismissEnabled","gestureEnabled","canDismiss","transitionSpec","animations","state","targetProgress","animationProgress","resolvedAutoSnapPoint","handleBackdropPress","length","gestures","resolvedSnaps","i","point","resolvedPoint","get","push","target","shouldDismiss","transitionProgress","dismissing","set","spec","open","expand","close","collapse","markEntering","animatedBackdropStyle","animatedBackdropProps","backdropPointerEvents","backdropStyles","absoluteFill","backdropProps","style","pointerEvents","onPress","undefined","children","component","styles","props"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/backdrop.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/screen/container/layers/clip.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import { memo, useCallback } from "react";
+import { I18nManager, StyleSheet, View } from "react-native";
+import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from "react-native-reanimated";
+import { useOrchestratorStore } from "../../../../providers/screen/orchestrator/orchestrator.provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Stable layout host: changing the viewport must never resize the screen. */
+export const Clip = /*#__PURE__*/memo(({
+  children,
+  pointerEvents
+}) => {
+  const slotsMap = useOrchestratorStore(store => store.slotsMap);
+  const screenInterpolatorProps = useOrchestratorStore(store => store.screenInterpolatorProps);
+  const layout = useSharedValue(null);
+  const onLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    layout.set({
+      width,
+      height
+    });
+  }, [layout]);
+  const clippingStyles = useDerivedValue(() => {
+    const clipStyle = slotsMap.get().clip?.style;
+    // Reset-only slots have no rectangle dimensions.
+    const clip = clipStyle?.width !== undefined && clipStyle.height !== undefined ? clipStyle : undefined;
+    // Keep content independent of the viewport, even before onLayout.
+    const contentLayout = layout.get() ?? screenInterpolatorProps.get().layouts.screen;
+    const x = clip?.x ?? 0;
+    const y = clip?.y ?? 0;
+    return {
+      viewport: {
+        width: clip ? clip.width : "100%",
+        height: clip ? clip.height : "100%",
+        overflow: clip ? "hidden" : "visible",
+        borderRadius: clip?.borderRadius,
+        borderTopLeftRadius: clip?.borderTopLeftRadius,
+        borderTopRightRadius: clip?.borderTopRightRadius,
+        borderBottomLeftRadius: clip?.borderBottomLeftRadius,
+        borderBottomRightRadius: clip?.borderBottomRightRadius,
+        borderTopStartRadius: clip?.borderTopStartRadius,
+        borderTopEndRadius: clip?.borderTopEndRadius,
+        borderBottomStartRadius: clip?.borderBottomStartRadius,
+        borderBottomEndRadius: clip?.borderBottomEndRadius,
+        borderStartStartRadius: clip?.borderStartStartRadius,
+        borderStartEndRadius: clip?.borderStartEndRadius,
+        borderEndStartRadius: clip?.borderEndStartRadius,
+        borderEndEndRadius: clip?.borderEndEndRadius,
+        borderCurve: clip?.borderCurve,
+        transform: [{
+          translateX: x
+        }, {
+          translateY: y
+        }]
+      },
+      content: {
+        width: contentLayout.width,
+        height: contentLayout.height,
+        transform: [{
+          translateX: -x
+        }, {
+          translateY: -y
+        }]
+      }
+    };
+  });
+  const viewportStyle = useAnimatedStyle(() => clippingStyles.get().viewport);
+  const innerStyle = useAnimatedStyle(() => clippingStyles.get().content);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.host,
+    onLayout: onLayout,
+    pointerEvents: pointerEvents,
+    collapsable: false,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.viewport, viewportStyle],
+      pointerEvents: pointerEvents,
+      collapsable: false,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.inner, innerStyle],
+        pointerEvents: pointerEvents,
+        collapsable: false,
+        children: children
+      })
+    })
+  });
+});
+const styles = StyleSheet.create({
+  host: {
+    flex: 1
+  },
+  // Pin to the physical left under both native layout directions.
+  viewport: {
+    position: "absolute",
+    top: 0,
+    ...(I18nManager.isRTL ? {
+      end: 0
+    } : {
+      left: 0
+    })
+  },
+  inner: {
+    ...(I18nManager.isRTL ? {
+      alignSelf: "flex-end"
+    } : {
+      alignSelf: "flex-start"
+    })
+  }
+});
+//# sourceMappingURL=clip.js.map

package/lib/module/components/screen/container/layers/clip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","I18nManager","StyleSheet","View","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","useOrchestratorStore","jsx","_jsx","Clip","children","pointerEvents","slotsMap","store","screenInterpolatorProps","layout","onLayout","event","width","height","nativeEvent","set","clippingStyles","clipStyle","get","clip","style","undefined","contentLayout","layouts","screen","x","y","viewport","overflow","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartStartRadius","borderStartEndRadius","borderEndStartRadius","borderEndEndRadius","borderCurve","transform","translateX","translateY","content","viewportStyle","innerStyle","styles","host","collapsable","inner","create","flex","position","top","isRTL","end","left","alignSelf"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/clip.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+import { memo } from "react";
+import { StyleSheet, View } from "react-native";
+import { GestureDetector } from "react-native-gesture-handler";
+import { useBuilderStore } from "../../../../providers/screen/builder";
+import { useMotionStore } from "../../../../providers/screen/motion";
+import { useSlotProps, useSlotStyles } from "../../../../providers/screen/orchestrator/styles";
+import { PortalOverlay } from "../../../boundary/portal/components/portal-overlay";
+import { LayerComponent } from "../helpers/layer-component";
+import { useContentLayout } from "../hooks/use-content-layout";
+import { Clip } from "./clip";
+import { SurfaceLayer } from "./surface";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ContentLayer = /*#__PURE__*/memo(({
+  children,
+  pointerEvents,
+  isBackdropActive
+}) => {
+  const gestureContext = useMotionStore(store => store.gestures);
+  const ContentComponent = useBuilderStore(store => store.options.contentComponent);
+  const hasAutoSnapPoint = useBuilderStore(store => store.options.snapPoints?.includes("auto") ?? false);
+  const contentPointerEvents = isBackdropActive ? "box-none" : pointerEvents;
+  const handleContentLayout = useContentLayout("content");
+  const contentStyle = useSlotStyles("content");
+  const contentProps = useSlotProps("content");
+  const contentStyles = [styles.content, contentStyle];
+  const screenChildren = hasAutoSnapPoint ? /*#__PURE__*/_jsx(View, {
+    collapsable: false,
+    onLayout: handleContentLayout,
+    children: children
+  }) : children;
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: gestureContext.detectorGesture,
+    children: /*#__PURE__*/_jsx(LayerComponent, {
+      component: ContentComponent,
+      styles: contentStyles,
+      props: contentProps,
+      pointerEvents: contentPointerEvents,
+      children: /*#__PURE__*/_jsxs(Clip, {
+        pointerEvents: contentPointerEvents,
+        children: [/*#__PURE__*/_jsx(SurfaceLayer, {
+          pointerEvents: contentPointerEvents,
+          children: screenChildren
+        }), /*#__PURE__*/_jsx(PortalOverlay, {
+          fallback: true
+        })]
+      })
+    })
+  });
+});
+const styles = StyleSheet.create({
+  content: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","View","GestureDetector","useBuilderStore","useMotionStore","useSlotProps","useSlotStyles","PortalOverlay","LayerComponent","useContentLayout","Clip","SurfaceLayer","jsx","_jsx","jsxs","_jsxs","ContentLayer","children","pointerEvents","isBackdropActive","gestureContext","store","gestures","ContentComponent","options","contentComponent","hasAutoSnapPoint","snapPoints","includes","contentPointerEvents","handleContentLayout","contentStyle","contentProps","contentStyles","styles","content","screenChildren","collapsable","onLayout","gesture","detectorGesture","component","props","fallback","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/content.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SAASC,cAAc,QAAQ,qCAAqC;AACpE,SACCC,YAAY,EACZC,aAAa,QACP,kDAAkD;AACzD,SAASC,aAAa,QAAQ,oDAAoD;AAClF,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,YAAY,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzC,OAAO,MAAMC,YAAY,gBAAGjB,IAAI,CAC/B,CAAC;EAAEkB,QAAQ;EAAEC,aAAa;EAAEC;AAAwB,CAAC,KAAK;EACzD,MAAMC,cAAc,GAAGhB,cAAc,CAAEiB,KAAK,IAAKA,KAAK,CAACC,QAAQ,CAAC;EAChE,MAAMC,gBAAgB,GAAGpB,eAAe,CACtCkB,KAAK,IAAKA,KAAK,CAACG,OAAO,CAACC,gBAC1B,CAAC;EACD,MAAMC,gBAAgB,GAAGvB,eAAe,CACtCkB,KAAK,IAAKA,KAAK,CAACG,OAAO,CAACG,UAAU,EAAEC,QAAQ,CAAC,MAAM,CAAC,IAAI,KAC1D,CAAC;EACD,MAAMC,oBAAoB,GAAGV,gBAAgB,GAAG,UAAU,GAAGD,aAAa;EAE1E,MAAMY,mBAAmB,GAAGrB,gBAAgB,CAAC,SAAS,CAAC;EAEvD,MAAMsB,YAAY,GAAGzB,aAAa,CAAC,SAAS,CAAC;EAC7C,MAAM0B,YAAY,GAAG3B,YAAY,CAAC,SAAS,CAAC;EAE5C,MAAM4B,aAAa,GAAG,CAACC,MAAM,CAACC,OAAO,EAAEJ,YAAY,CAAC;EAEpD,MAAMK,cAAc,GAAGV,gBAAgB,gBACtCb,IAAA,CAACZ,IAAI;IAACoC,WAAW,EAAE,KAAM;IAACC,QAAQ,EAAER,mBAAoB;IAAAb,QAAA,EACtDA;EAAQ,CACJ,CAAC,GAEPA,QACA;EAED,oBACCJ,IAAA,CAACX,eAAe;IAACqC,OAAO,EAAEnB,cAAc,CAACoB,eAAgB;IAAAvB,QAAA,eACxDJ,IAAA,CAACL,cAAc;MACdiC,SAAS,EAAElB,gBAAiB;MAC5BW,MAAM,EAAED,aAAc;MACtBS,KAAK,EAAEV,YAAa;MACpBd,aAAa,EAAEW,oBAAqB;MAAAZ,QAAA,eAEpCF,KAAA,CAACL,IAAI;QAACQ,aAAa,EAAEW,oBAAqB;QAAAZ,QAAA,gBACzCJ,IAAA,CAACF,YAAY;UAACO,aAAa,EAAEW,oBAAqB;UAAAZ,QAAA,EAChDmB;QAAc,CACF,CAAC,eACfvB,IAAA,CAACN,aAAa;UAACoC,QAAQ;QAAA,CAAE,CAAC;MAAA,CACrB;IAAC,CACQ;EAAC,CACD,CAAC;AAEpB,CACD,CAAC;AAED,MAAMT,MAAM,GAAGlC,UAAU,CAAC4C,MAAM,CAAC;EAChCT,OAAO,EAAE;IACRU,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { memo } from "react";
+import { StyleSheet } from "react-native";
+import { useBuilderStore } from "../../../../providers/screen/builder";
+import { useSlotProps, useSlotStyles } from "../../../../providers/screen/orchestrator/styles";
+import { LayerComponent } from "../helpers/layer-component";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SurfaceLayer = /*#__PURE__*/memo(({
+  children,
+  pointerEvents
+}) => {
+  const SurfaceComponent = useBuilderStore(store => store.options.surfaceComponent);
+  const animatedSurfaceStyle = useSlotStyles("surface");
+  const animatedSurfaceProps = useSlotProps("surface");
+  const surfaceStyles = [styles.surface, animatedSurfaceStyle];
+  const surfaceProps = animatedSurfaceProps;
+  if (!SurfaceComponent) {
+    return children;
+  }
+  return /*#__PURE__*/_jsx(LayerComponent, {
+    component: SurfaceComponent,
+    styles: surfaceStyles,
+    props: surfaceProps,
+    pointerEvents: pointerEvents,
+    children: children
+  });
+});
+const styles = StyleSheet.create({
+  surface: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=surface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","useBuilderStore","useSlotProps","useSlotStyles","LayerComponent","jsx","_jsx","SurfaceLayer","children","pointerEvents","SurfaceComponent","store","options","surfaceComponent","animatedSurfaceStyle","animatedSurfaceProps","surfaceStyles","styles","surface","surfaceProps","component","props","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/screen/container/layers/surface.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SACCC,YAAY,EACZC,aAAa,QACP,kDAAkD;AAEzD,SAASC,cAAc,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO5D,OAAO,MAAMC,YAAY,gBAAGR,IAAI,CAAC,CAAC;EAAES,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACxE,MAAMC,gBAAgB,GAAGT,eAAe,CACtCU,KAAK,IAAKA,KAAK,CAACC,OAAO,CAACC,gBAC1B,CAAC;EAED,MAAMC,oBAAoB,GAAGX,aAAa,CAAC,SAAS,CAAC;EACrD,MAAMY,oBAAoB,GAAGb,YAAY,CAAC,SAAS,CAAC;EACpD,MAAMc,aAAa,GAAG,CACrBC,MAAM,CAACC,OAAO,EACdJ,oBAAoB,CACqB;EAC1C,MAAMK,YAAY,GACjBJ,oBAA4D;EAE7D,IAAI,CAACL,gBAAgB,EAAE;IACtB,OAAOF,QAAQ;EAChB;EAEA,oBACCF,IAAA,CAACF,cAAc;IACdgB,SAAS,EAAEV,gBAAiB;IAC5BO,MAAM,EAAED,aAAc;IACtBK,KAAK,EAAEF,YAAa;IACpBV,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACM,CAAC;AAEnB,CAAC,CAAC;AAEF,MAAMS,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAChCJ,OAAO,EAAE;IACRK,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+import { useBuilderStore } from "../../../providers/screen/builder";
+import { useBlankStackStore } from "../../../providers/stack/blank-stack.provider";
+import { useCloseTransitionIntent } from "./hooks/use-close-transition-intent";
+import { useScreenLifecycle } from "./use-screen-lifecycle";
+export function BlankStackLifecycle() {
+  const current = useBuilderStore(store => store.descriptors.current);
+  const handleOpenRoute = useBlankStackStore(store => store.handleOpenRoute);
+  const {
+    completeClose
+  } = useCloseTransitionIntent(current);
+  useScreenLifecycle({
+    completeClose,
+    completeOpen: () => handleOpenRoute?.({
+      route: current.route
+    })
+  });
+  return null;
+}
+//# sourceMappingURL=blank-stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useBuilderStore","useBlankStackStore","useCloseTransitionIntent","useScreenLifecycle","BlankStackLifecycle","current","store","descriptors","handleOpenRoute","completeClose","completeOpen","route"],"sourceRoot":"../../../../../src","sources":["components/screen/lifecycle/blank-stack.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,mCAAmC;AACnE,SAASC,kBAAkB,QAAQ,+CAA+C;AAClF,SAASC,wBAAwB,QAAQ,qCAAqC;AAC9E,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGL,eAAe,CAAEM,KAAK,IAAKA,KAAK,CAACC,WAAW,CAACF,OAAO,CAAC;EACrE,MAAMG,eAAe,GAAGP,kBAAkB,CAAEK,KAAK,IAAKA,KAAK,CAACE,eAAe,CAAC;EAE5E,MAAM;IAAEC;EAAc,CAAC,GAAGP,wBAAwB,CAACG,OAAO,CAAC;EAE3DF,kBAAkB,CAAC;IAClBM,aAAa;IACbC,YAAY,EAAEA,CAAA,KAAMF,eAAe,GAAG;MAAEG,KAAK,EAAEN,OAAO,CAACM;IAAM,CAAC;EAC/D,CAAC,CAAC;EAEF,OAAO,IAAI;AACZ","ignoreList":[]}