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

package/lib/commonjs/components/screen-layers/helpers/find-collapse-target.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findCollapseTarget = findCollapseTarget;
+var _constants = require("../../../constants");
+var _snapPoints = require("../../../providers/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
+ */
+function findCollapseTarget(currentProgress, snapPoints, canDismiss) {
+  "worklet";
+
+  const normalized = (0, _snapPoints.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 - _constants.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/commonjs/components/screen-layers/helpers/find-collapse-target.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","_snapPoints","findCollapseTarget","currentProgress","snapPoints","canDismiss","normalized","sanitizeSnapPoints","length","target","shouldDismiss","minSnap","nextLowerSnap","i","snap","EPSILON"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/helpers/find-collapse-target.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CACjCC,eAAuB,EACvBC,UAAoB,EACpBC,UAAmB,EACQ;EAC3B,SAAS;;EAET,MAAMC,UAAU,GAAG,IAAAC,8BAAkB,EAACH,UAAU,EAAEC,UAAU,CAAC;EAE7D,IAAIC,UAAU,CAACE,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOH,UAAU,GACd;MAAEI,MAAM,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAK,CAAC,GAClC;MAAED,MAAM,EAAEN,eAAe;MAAEO,aAAa,EAAE;IAAM,CAAC;EACrD;EAEA,IAAIC,OAAO,GAAGL,UAAU,CAAC,CAAC,CAAC;EAC3B,IAAIM,aAA4B,GAAG,IAAI;EAEvC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGP,UAAU,CAACE,MAAM,EAAEK,CAAC,EAAE,EAAE;IAC3C,MAAMC,IAAI,GAAGR,UAAU,CAACO,CAAC,CAAC;IAC1B,IAAIC,IAAI,GAAGH,OAAO,EAAE;MACnBA,OAAO,GAAGG,IAAI;IACf;IAEA,IACCA,IAAI,GAAGX,eAAe,GAAGY,kBAAO,KAC/BH,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,IAAIL,UAAU,EAAE;IACf,OAAO;MAAEI,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/commonjs/components/screen-layers/helpers/layer-component.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerComponent = LayerComponent;
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _usesLayerRenderProps = require("./uses-layer-render-props");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** Adapts the two supported custom layer APIs without changing component identity. */
+function LayerComponent({
+  component,
+  styles,
+  props,
+  pointerEvents,
+  children,
+  collapsable
+}) {
+  const renderProps = component && (0, _usesLayerRenderProps.usesLayerRenderProps)(component);
+  const Component = (0, _react.useMemo)(() => {
+    if (!component) return _reactNativeReanimated.default.View;
+    return (0, _usesLayerRenderProps.usesLayerRenderProps)(component) ? component : _reactNativeReanimated.default.createAnimatedComponent(component);
+  }, [component]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    ...(renderProps ? {
+      styles,
+      props
+    } : {
+      style: styles,
+      animatedProps: props
+    }),
+    pointerEvents: pointerEvents,
+    collapsable: collapsable,
+    children: children
+  });
+}
+//# sourceMappingURL=layer-component.js.map

package/lib/commonjs/components/screen-layers/helpers/layer-component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireDefault","_usesLayerRenderProps","_jsxRuntime","e","__esModule","default","LayerComponent","component","styles","props","pointerEvents","children","collapsable","renderProps","usesLayerRenderProps","Component","useMemo","Animated","View","createAnimatedComponent","jsx","style","animatedProps"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/helpers/layer-component.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AAAiE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjE;AACO,SAASG,cAAcA,CAAC;EAC9BC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,aAAa;EACbC,QAAQ;EACRC;AAKD,CAAC,EAAE;EACF,MAAMC,WAAW,GAAGN,SAAS,IAAI,IAAAO,0CAAoB,EAACP,SAAS,CAAC;EAChE,MAAMQ,SAAS,GAAG,IAAAC,cAAO,EAAqB,MAAM;IACnD,IAAI,CAACT,SAAS,EAAE,OAAOU,8BAAQ,CAACC,IAAI;IACpC,OAAO,IAAAJ,0CAAoB,EAACP,SAAS,CAAC,GACnCA,SAAS,GACTU,8BAAQ,CAACE,uBAAuB,CAACZ,SAAS,CAAC;EAC/C,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACf,oBACC,IAAAL,WAAA,CAAAkB,GAAA,EAACL,SAAS;IAAA,IACJF,WAAW,GACb;MAAEL,MAAM;MAAEC;IAAM,CAAC,GACjB;MAAEY,KAAK,EAAEb,MAAM;MAAEc,aAAa,EAAEb;IAAM,CAAC;IAC1CC,aAAa,EAAEA,aAAc;IAC7BE,WAAW,EAAEA,WAAY;IAAAD,QAAA,EAExBA;EAAQ,CACC,CAAC;AAEd","ignoreList":[]}

package/lib/commonjs/components/screen-layers/helpers/uses-layer-render-props.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usesLayerRenderProps = usesLayerRenderProps;
+function usesLayerRenderProps(component) {
+  return typeof component === "function" && !component.prototype?.isReactComponent;
+}
+//# sourceMappingURL=uses-layer-render-props.js.map

package/lib/commonjs/components/screen-layers/helpers/uses-layer-render-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usesLayerRenderProps","component","prototype","isReactComponent"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/helpers/uses-layer-render-props.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-layers/hooks/use-backdrop-pointer-events.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBackdropPointerEvents = useBackdropPointerEvents;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeWorklets = require("react-native-worklets");
+var _builder = require("../../../providers/builder");
+var _motion = require("../../../providers/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)
+ */
+function useBackdropPointerEvents() {
+  const screenOptions = (0, _motion.useMotionStore)(store => store.options);
+  const descriptorBackdropBehavior = (0, _builder.useBuilderStore)(store => store.options.backdropBehavior);
+  const [runtimeBackdropBehavior, setRuntimeBackdropBehavior] = (0, _react.useState)(undefined);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => screenOptions.get().backdropBehavior, (next, previous) => {
+    "worklet";
+
+    if (next !== previous) {
+      (0, _reactNativeWorklets.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/commonjs/components/screen-layers/hooks/use-backdrop-pointer-events.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_reactNativeWorklets","_builder","_motion","useBackdropPointerEvents","screenOptions","useMotionStore","store","options","descriptorBackdropBehavior","useBuilderStore","backdropBehavior","runtimeBackdropBehavior","setRuntimeBackdropBehavior","useState","undefined","useAnimatedReaction","get","next","previous","scheduleOnRN","pointerEvents","isBackdropActive"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/hooks/use-backdrop-pointer-events.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,wBAAwBA,CAAA,EAAgC;EACvE,MAAMC,aAAa,GAAG,IAAAC,sBAAc,EAAEC,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;EAC9D,MAAMC,0BAA0B,GAAG,IAAAC,wBAAe,EAChDH,KAAK,IAAKA,KAAK,CAACC,OAAO,CAACG,gBAC1B,CAAC;EACD,MAAM,CAACC,uBAAuB,EAAEC,0BAA0B,CAAC,GAAG,IAAAC,eAAQ,EAEpEC,SAAS,CAAC;EAEZ,IAAAC,0CAAmB,EAClB,MAAMX,aAAa,CAACY,GAAG,CAAC,CAAC,CAACN,gBAAgB,EAC1C,CAACO,IAAI,EAAEC,QAAQ,KAAK;IACnB,SAAS;;IACT,IAAID,IAAI,KAAKC,QAAQ,EAAE;MACtB,IAAAC,iCAAY,EAACP,0BAA0B,EAAEK,IAAI,CAAC;IAC/C;EACD,CAAC,EACD,CAACb,aAAa,CACf,CAAC;EAED,MAAMM,gBAAkC,GACvCC,uBAAuB,IAAIH,0BAA0B,IAAI,OAAO;EAEjE,MAAMY,aAAa,GAClBV,gBAAgB,KAAK,aAAa,GAAG,UAAU,GAAGI,SAAS;EAE5D,MAAMO,gBAAgB,GACrBX,gBAAgB,KAAK,SAAS,IAAIA,gBAAgB,KAAK,UAAU;EAElE,OAAO;IAAEU,aAAa;IAAEV,gBAAgB;IAAEW;EAAiB,CAAC;AAC7D","ignoreList":[]}

package/lib/commonjs/components/screen-layers/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/builder");
+var _motion = require("../../../providers/motion");
+var _useTransitionValues = require("../../../providers/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-layers/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-layers/hooks/use-content-layout.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/screen-layers/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenLayers = 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 ScreenLayers = exports.ScreenLayers = /*#__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-layers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useBackdropPointerEvents","_backdrop","_content","_jsxRuntime","ScreenLayers","exports","memo","children","onDismissRequest","pointerEvents","isBackdropActive","backdropBehavior","useBackdropPointerEvents","jsxs","View","style","styles","container","jsx","BackdropLayer","ContentLayer","StyleSheet","create","flex"],"sourceRoot":"../../../../src","sources":["components/screen-layers/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,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAC/B,CAAC;EAAEC,QAAQ;EAAEC;AAAoC,CAAC,KAAK;EACtD,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-layers/layers/backdrop.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackdropLayer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeWorklets = require("react-native-worklets");
+var _specs = require("../../../configs/specs");
+var _builder = require("../../../providers/builder");
+var _motion = require("../../../providers/motion");
+var _styles = require("../../../providers/orchestrator/styles");
+var _animateToProgress = require("../../../utils/animation/animate-to-progress");
+var _findCollapseTarget = require("../helpers/find-collapse-target");
+var _layerComponent = require("../helpers/layer-component");
+var _jsxRuntime = require("react/jsx-runtime");
+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 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: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layerComponent.LayerComponent, {
+      component: BackdropComponent,
+      styles: backdropStyles,
+      props: BackdropComponent ? backdropProps : undefined,
+      pointerEvents: backdropPointerEvents
+    })
+  });
+});
+//# sourceMappingURL=backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeWorklets","_specs","_builder","_motion","_styles","_animateToProgress","_findCollapseTarget","_layerComponent","_jsxRuntime","BackdropLayer","exports","memo","backdropBehavior","isBackdropActive","onDismissRequest","BackdropComponent","useBuilderStore","store","options","backdropComponent","rawSnapPoints","snapPoints","isGestureDismissEnabled","gestureEnabled","canDismiss","transitionSpec","animations","useMotionStore","state","targetProgress","animationProgress","resolvedAutoSnapPoint","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","LayerComponent","component","styles","props"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/layers/backdrop.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/screen-layers/layers/clip.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Clip = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _orchestrator = require("../../../providers/orchestrator/orchestrator.provider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Stable layout host: changing the viewport must never resize the screen. */
+const Clip = exports.Clip = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  pointerEvents
+}) => {
+  const slotsMap = (0, _orchestrator.useOrchestratorStore)(store => store.slotsMap);
+  const screenInterpolatorProps = (0, _orchestrator.useOrchestratorStore)(store => store.screenInterpolatorProps);
+  const layout = (0, _reactNativeReanimated.useSharedValue)(null);
+  const onLayout = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    layout.set({
+      width,
+      height
+    });
+  }, [layout]);
+  const clippingStyles = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => clippingStyles.get().viewport);
+  const innerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => clippingStyles.get().content);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.host,
+    onLayout: onLayout,
+    pointerEvents: pointerEvents,
+    collapsable: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.viewport, viewportStyle],
+      pointerEvents: pointerEvents,
+      collapsable: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.inner, innerStyle],
+        pointerEvents: pointerEvents,
+        collapsable: false,
+        children: children
+      })
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  host: {
+    flex: 1
+  },
+  // Pin to the physical left under both native layout directions.
+  viewport: {
+    position: "absolute",
+    top: 0,
+    ...(_reactNative.I18nManager.isRTL ? {
+      end: 0
+    } : {
+      left: 0
+    })
+  },
+  inner: {
+    ...(_reactNative.I18nManager.isRTL ? {
+      alignSelf: "flex-end"
+    } : {
+      alignSelf: "flex-start"
+    })
+  }
+});
+//# sourceMappingURL=clip.js.map

package/lib/commonjs/components/screen-layers/layers/clip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_orchestrator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Clip","exports","memo","children","pointerEvents","slotsMap","useOrchestratorStore","store","screenInterpolatorProps","layout","useSharedValue","onLayout","useCallback","event","width","height","nativeEvent","clippingStyles","useDerivedValue","clipStyle","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","useAnimatedStyle","innerStyle","jsx","View","styles","host","collapsable","inner","StyleSheet","create","flex","position","top","I18nManager","isRTL","end","left","alignSelf"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/layers/clip.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,61 @@
+"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 _builder = require("../../../providers/builder");
+var _motion = require("../../../providers/motion");
+var _styles = require("../../../providers/orchestrator/styles");
+var _portalOverlay = require("../../boundary/portal/components/portal-overlay");
+var _layerComponent = require("../helpers/layer-component");
+var _useContentLayout = require("../hooks/use-content-layout");
+var _clip = require("./clip");
+var _surface = require("./surface");
+var _jsxRuntime = require("react/jsx-runtime");
+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 hasAutoSnapPoint = (0, _builder.useBuilderStore)(store => store.options.snapPoints?.includes("auto") ?? false);
+  const contentPointerEvents = isBackdropActive ? "box-none" : pointerEvents;
+  const handleContentLayout = (0, _useContentLayout.useContentLayout)("content");
+  const contentStyle = (0, _styles.useSlotStyles)("content");
+  const contentProps = (0, _styles.useSlotProps)("content");
+  const contentStyles = [styles.content, contentStyle];
+  const screenChildren = hasAutoSnapPoint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    collapsable: false,
+    onLayout: handleContentLayout,
+    children: children
+  }) : children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: gestureContext.detectorGesture,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layerComponent.LayerComponent, {
+      component: ContentComponent,
+      styles: contentStyles,
+      props: contentProps,
+      pointerEvents: contentPointerEvents,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_clip.Clip, {
+        pointerEvents: contentPointerEvents,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_surface.SurfaceLayer, {
+          pointerEvents: contentPointerEvents,
+          children: screenChildren
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalOverlay.PortalOverlay, {
+          fallback: true
+        })]
+      })
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_builder","_motion","_styles","_portalOverlay","_layerComponent","_useContentLayout","_clip","_surface","_jsxRuntime","ContentLayer","exports","memo","children","pointerEvents","isBackdropActive","gestureContext","useMotionStore","store","gestures","ContentComponent","useBuilderStore","options","contentComponent","hasAutoSnapPoint","snapPoints","includes","contentPointerEvents","handleContentLayout","useContentLayout","contentStyle","useSlotStyles","contentProps","useSlotProps","contentStyles","styles","content","screenChildren","jsx","View","collapsable","onLayout","GestureDetector","gesture","detectorGesture","LayerComponent","component","props","jsxs","Clip","SurfaceLayer","PortalOverlay","fallback","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/screen-layers/layers/content.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAIA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAAyC,IAAAW,WAAA,GAAAX,OAAA;AAQlC,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAC/B,CAAC;EAAEC,QAAQ;EAAEC,aAAa;EAAEC;AAAwB,CAAC,KAAK;EACzD,MAAMC,cAAc,GAAG,IAAAC,sBAAc,EAAEC,KAAK,IAAKA,KAAK,CAACC,QAAQ,CAAC;EAChE,MAAMC,gBAAgB,GAAG,IAAAC,wBAAe,EACtCH,KAAK,IAAKA,KAAK,CAACI,OAAO,CAACC,gBAC1B,CAAC;EACD,MAAMC,gBAAgB,GAAG,IAAAH,wBAAe,EACtCH,KAAK,IAAKA,KAAK,CAACI,OAAO,CAACG,UAAU,EAAEC,QAAQ,CAAC,MAAM,CAAC,IAAI,KAC1D,CAAC;EACD,MAAMC,oBAAoB,GAAGZ,gBAAgB,GAAG,UAAU,GAAGD,aAAa;EAE1E,MAAMc,mBAAmB,GAAG,IAAAC,kCAAgB,EAAC,SAAS,CAAC;EAEvD,MAAMC,YAAY,GAAG,IAAAC,qBAAa,EAAC,SAAS,CAAC;EAC7C,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAC,SAAS,CAAC;EAE5C,MAAMC,aAAa,GAAG,CAACC,MAAM,CAACC,OAAO,EAAEN,YAAY,CAAC;EAEpD,MAAMO,cAAc,GAAGb,gBAAgB,gBACtC,IAAAf,WAAA,CAAA6B,GAAA,EAACvC,YAAA,CAAAwC,IAAI;IAACC,WAAW,EAAE,KAAM;IAACC,QAAQ,EAAEb,mBAAoB;IAAAf,QAAA,EACtDA;EAAQ,CACJ,CAAC,GAEPA,QACA;EAED,oBACC,IAAAJ,WAAA,CAAA6B,GAAA,EAACtC,0BAAA,CAAA0C,eAAe;IAACC,OAAO,EAAE3B,cAAc,CAAC4B,eAAgB;IAAA/B,QAAA,eACxD,IAAAJ,WAAA,CAAA6B,GAAA,EAACjC,eAAA,CAAAwC,cAAc;MACdC,SAAS,EAAE1B,gBAAiB;MAC5Be,MAAM,EAAED,aAAc;MACtBa,KAAK,EAAEf,YAAa;MACpBlB,aAAa,EAAEa,oBAAqB;MAAAd,QAAA,eAEpC,IAAAJ,WAAA,CAAAuC,IAAA,EAACzC,KAAA,CAAA0C,IAAI;QAACnC,aAAa,EAAEa,oBAAqB;QAAAd,QAAA,gBACzC,IAAAJ,WAAA,CAAA6B,GAAA,EAAC9B,QAAA,CAAA0C,YAAY;UAACpC,aAAa,EAAEa,oBAAqB;UAAAd,QAAA,EAChDwB;QAAc,CACF,CAAC,eACf,IAAA5B,WAAA,CAAA6B,GAAA,EAAClC,cAAA,CAAA+C,aAAa;UAACC,QAAQ;QAAA,CAAE,CAAC;MAAA,CACrB;IAAC,CACQ;EAAC,CACD,CAAC;AAEpB,CACD,CAAC;AAED,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAChClB,OAAO,EAAE;IACRmB,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}