react-native-screen-transitions 1.1.0 → 2.0.0

package/lib/commonjs/utils/animation/run-transition.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runTransition = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _animate = require("./animate");
+const runTransition = ({
+  target,
+  spec,
+  onFinish,
+  animations
+}) => {
+  "worklet";
+
+  const value = target === "open" ? 1 : 0;
+  const config = target === "open" ? spec?.open : spec?.close;
+  const {
+    progress,
+    animating,
+    closing
+  } = animations;
+  if (target === "close") {
+    closing.value = 1;
+  }
+  if (!config) {
+    animating.value = 0;
+    progress.value = value;
+    if (onFinish) {
+      (0, _reactNativeReanimated.runOnJS)(onFinish)(true);
+    }
+    return;
+  }
+  animating.value = 1;
+  progress.value = (0, _animate.animate)(value, config, finished => {
+    "worklet";
+
+    if (finished) {
+      animating.value = 0;
+      if (onFinish) {
+        (0, _reactNativeReanimated.runOnJS)(onFinish)(finished);
+      }
+    }
+  });
+};
+exports.runTransition = runTransition;
+//# sourceMappingURL=run-transition.js.map

package/lib/commonjs/utils/animation/run-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_animate","runTransition","target","spec","onFinish","animations","value","config","open","close","progress","animating","closing","runOnJS","animate","finished","exports"],"sourceRoot":"../../../../src","sources":["utils/animation/run-transition.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AASO,MAAME,aAAa,GAAGA,CAAC;EAC7BC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACmB,CAAC,KAAK;EACzB,SAAS;;EACT,MAAMC,KAAK,GAAGJ,MAAM,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;EACvC,MAAMK,MAAM,GAAGL,MAAM,KAAK,MAAM,GAAGC,IAAI,EAAEK,IAAI,GAAGL,IAAI,EAAEM,KAAK;EAE3D,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGP,UAAU;EAEnD,IAAIH,MAAM,KAAK,OAAO,EAAE;IACvBU,OAAO,CAACN,KAAK,GAAG,CAAC;EAClB;EAEA,IAAI,CAACC,MAAM,EAAE;IACZI,SAAS,CAACL,KAAK,GAAG,CAAC;IACnBI,QAAQ,CAACJ,KAAK,GAAGA,KAAK;IAEtB,IAAIF,QAAQ,EAAE;MACb,IAAAS,8BAAO,EAACT,QAAQ,CAAC,CAAC,IAAI,CAAC;IACxB;IACA;EACD;EAEAO,SAAS,CAACL,KAAK,GAAG,CAAC;EACnBI,QAAQ,CAACJ,KAAK,GAAG,IAAAQ,gBAAO,EAACR,KAAK,EAAEC,MAAM,EAAGQ,QAAQ,IAAK;IACrD,SAAS;;IACT,IAAIA,QAAQ,EAAE;MACbJ,SAAS,CAACL,KAAK,GAAG,CAAC;MACnB,IAAIF,QAAQ,EAAE;QACb,IAAAS,8BAAO,EAACT,QAAQ,CAAC,CAACW,QAAQ,CAAC;MAC5B;IACD;EACD,CAAC,CAAC;AACH,CAAC;AAACC,OAAA,CAAAf,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/utils/bounds/_types/builder.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=builder.js.map

package/lib/commonjs/utils/bounds/_types/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["utils/bounds/_types/builder.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/utils/bounds/_types/geometry.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=geometry.js.map

package/lib/commonjs/utils/bounds/_types/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["utils/bounds/_types/geometry.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/utils/bounds/_types/get-bounds.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=get-bounds.js.map

package/lib/commonjs/utils/bounds/_types/get-bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["utils/bounds/_types/get-bounds.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/utils/bounds/build-bound-styles.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildBoundStyles = buildBoundStyles;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("./constants");
+var _geometry = require("./geometry");
+var _styleComposers = require("./style-composers");
+function resolveBounds(props) {
+  "worklet";
+
+  const entering = !props.next;
+  const fullscreen = (0, _constants.FULLSCREEN_DIMENSIONS)(props.dimensions);
+  const startPhase = entering ? "previous" : "current";
+  const endPhase = entering ? "current" : "next";
+  const resolve = phase => {
+    "worklet";
+
+    if (phase === "previous") return props.previous?.bounds?.[props.id]?.bounds;
+    if (phase === "current") return props.current?.bounds?.[props.id]?.bounds;
+    if (phase === "next") return props.next?.bounds?.[props.id]?.bounds;
+    return null;
+  };
+  const start = resolve(startPhase);
+  let end = resolve(endPhase);
+  if (props.computeOptions.toFullscreen) {
+    end = fullscreen;
+  }
+  return {
+    start,
+    end,
+    entering
+  };
+}
+const computeBoundStyles = ({
+  id,
+  previous,
+  current,
+  next,
+  progress,
+  dimensions
+}, computeOptions = {}) => {
+  "worklet";
+
+  if (!id) return {};
+  const {
+    start,
+    end,
+    entering
+  } = resolveBounds({
+    id,
+    previous,
+    current,
+    next,
+    computeOptions: computeOptions,
+    dimensions
+  });
+  if (!start || !end) return {};
+  const relativeGeometry = (0, _geometry.computeRelativeGeometry)({
+    start,
+    end,
+    entering
+  });
+  const interp = (a, b) => (0, _reactNativeReanimated.interpolate)(progress, relativeGeometry.ranges, [a, b]);
+  const common = {
+    start,
+    end,
+    interp,
+    geometry: relativeGeometry,
+    computeOptions
+  };
+  const isSize = computeOptions.method === "size";
+  const isAbs = !!computeOptions.absolute;
+  if (computeOptions.method === "content") {
+    const contentGeometry = (0, _geometry.computeContentTransformGeometry)({
+      start,
+      end,
+      entering,
+      dimensions,
+      contentScaleMode: computeOptions.contentScaleMode ?? "auto"
+    });
+    return (0, _styleComposers.composeContentStyle)({
+      ...common,
+      geometry: contentGeometry,
+      computeOptions
+    });
+  }
+  return isSize ? isAbs ? (0, _styleComposers.composeSizeAbsolute)(common) : (0, _styleComposers.composeSizeRelative)(common) : isAbs ? (0, _styleComposers.composeTransformAbsolute)(common) : (0, _styleComposers.composeTransformRelative)(common);
+};
+function buildBoundStyles(params) {
+  "worklet";
+
+  const cfg = {
+    options: {
+      ..._constants.DEFAULT_BUILDER_OPTIONS
+    }
+  };
+  const builder = () => ({
+    gestures: options => {
+      cfg.options.gestures = options;
+      return builder();
+    },
+    toFullscreen: () => {
+      cfg.options.toFullscreen = true;
+      return builder();
+    },
+    absolute: () => {
+      cfg.options.absolute = true;
+      cfg.options.relative = false;
+      return builder();
+    },
+    relative: () => {
+      cfg.options.relative = true;
+      cfg.options.absolute = false;
+      return builder();
+    },
+    transform: () => {
+      cfg.options.method = "transform";
+      return builder();
+    },
+    size: () => {
+      cfg.options.method = "size";
+      return builder();
+    },
+    content: () => {
+      cfg.options.method = "content";
+      return builder();
+    },
+    contentFill: () => {
+      cfg.options.contentScaleMode = "aspectFill";
+      return builder();
+    },
+    contentFit: () => {
+      cfg.options.contentScaleMode = "aspectFit";
+      return builder();
+    },
+    build: () => {
+      return computeBoundStyles(params, cfg.options);
+    }
+  });
+  return builder();
+}
+//# sourceMappingURL=build-bound-styles.js.map

package/lib/commonjs/utils/bounds/build-bound-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_constants","_geometry","_styleComposers","resolveBounds","props","entering","next","fullscreen","FULLSCREEN_DIMENSIONS","dimensions","startPhase","endPhase","resolve","phase","previous","bounds","id","current","start","end","computeOptions","toFullscreen","computeBoundStyles","progress","relativeGeometry","computeRelativeGeometry","interp","a","b","interpolate","ranges","common","geometry","isSize","method","isAbs","absolute","contentGeometry","computeContentTransformGeometry","contentScaleMode","composeContentStyle","composeSizeAbsolute","composeSizeRelative","composeTransformAbsolute","composeTransformRelative","buildBoundStyles","params","cfg","options","DEFAULT_BUILDER_OPTIONS","builder","gestures","relative","transform","size","content","contentFill","contentFit","build"],"sourceRoot":"../../../../src","sources":["utils/bounds/build-bound-styles.ts"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAIA,IAAAG,eAAA,GAAAH,OAAA;AASA,SAASI,aAAaA,CAACC,KAQtB,EAAE;EACF,SAAS;;EACT,MAAMC,QAAQ,GAAG,CAACD,KAAK,CAACE,IAAI;EAE5B,MAAMC,UAAU,GAAG,IAAAC,gCAAqB,EAACJ,KAAK,CAACK,UAAU,CAAC;EAE1D,MAAMC,UAAuB,GAAGL,QAAQ,GAAG,UAAU,GAAG,SAAS;EACjE,MAAMM,QAAqB,GAAGN,QAAQ,GAAG,SAAS,GAAG,MAAM;EAE3D,MAAMO,OAAO,GAAIC,KAAmB,IAAK;IACxC,SAAS;;IACT,IAAIA,KAAK,KAAK,UAAU,EAAE,OAAOT,KAAK,CAACU,QAAQ,EAAEC,MAAM,GAAGX,KAAK,CAACY,EAAE,CAAC,EAAED,MAAM;IAC3E,IAAIF,KAAK,KAAK,SAAS,EAAE,OAAOT,KAAK,CAACa,OAAO,EAAEF,MAAM,GAAGX,KAAK,CAACY,EAAE,CAAC,EAAED,MAAM;IACzE,IAAIF,KAAK,KAAK,MAAM,EAAE,OAAOT,KAAK,CAACE,IAAI,EAAES,MAAM,GAAGX,KAAK,CAACY,EAAE,CAAC,EAAED,MAAM;IACnE,OAAO,IAAI;EACZ,CAAC;EAED,MAAMG,KAAK,GAAGN,OAAO,CAACF,UAAU,CAAC;EACjC,IAAIS,GAAG,GAAGP,OAAO,CAACD,QAAQ,CAAC;EAE3B,IAAIP,KAAK,CAACgB,cAAc,CAACC,YAAY,EAAE;IACtCF,GAAG,GAAGZ,UAAU;EACjB;EAEA,OAAO;IACNW,KAAK;IACLC,GAAG;IACHd;EACD,CAAC;AACF;AAEA,MAAMiB,kBAAkB,GAAGA,CAC1B;EACCN,EAAE;EACFF,QAAQ;EACRG,OAAO;EACPX,IAAI;EACJiB,QAAQ;EACRd;AACwB,CAAC,EAC1BW,cAAoC,GAAG,CAAC,CAAC,KACrC;EACJ,SAAS;;EACT,IAAI,CAACJ,EAAE,EAAE,OAAO,CAAC,CAAC;EAElB,MAAM;IAAEE,KAAK;IAAEC,GAAG;IAAEd;EAAS,CAAC,GAAGF,aAAa,CAAC;IAC9Ca,EAAE;IACFF,QAAQ;IACRG,OAAO;IACPX,IAAI;IACJc,cAAc,EAAEA,cAAc;IAC9BX;EACD,CAAC,CAAC;EAEF,IAAI,CAACS,KAAK,IAAI,CAACC,GAAG,EAAE,OAAO,CAAC,CAAC;EAE7B,MAAMK,gBAAgB,GAAG,IAAAC,iCAAuB,EAAC;IAAEP,KAAK;IAAEC,GAAG;IAAEd;EAAS,CAAC,CAAC;EAE1E,MAAMqB,MAAM,GAAGA,CAACC,CAAS,EAAEC,CAAS,KACnC,IAAAC,kCAAW,EAACN,QAAQ,EAAEC,gBAAgB,CAACM,MAAM,EAAE,CAACH,CAAC,EAAEC,CAAC,CAAC,CAAC;EAEvD,MAAMG,MAA4B,GAAG;IACpCb,KAAK;IACLC,GAAG;IACHO,MAAM;IACNM,QAAQ,EAAER,gBAAgB;IAC1BJ;EACD,CAAC;EAED,MAAMa,MAAM,GAAGb,cAAc,CAACc,MAAM,KAAK,MAAM;EAC/C,MAAMC,KAAK,GAAG,CAAC,CAACf,cAAc,CAACgB,QAAQ;EAEvC,IAAIhB,cAAc,CAACc,MAAM,KAAK,SAAS,EAAE;IACxC,MAAMG,eAAe,GAAG,IAAAC,yCAA+B,EAAC;MACvDpB,KAAK;MACLC,GAAG;MACHd,QAAQ;MACRI,UAAU;MACV8B,gBAAgB,EAAEnB,cAAc,CAACmB,gBAAgB,IAAI;IACtD,CAAC,CAAC;IAEF,OAAO,IAAAC,mCAAmB,EAAC;MAC1B,GAAGT,MAAM;MACTC,QAAQ,EAAEK,eAAe;MACzBjB;IACD,CAAC,CAAC;EACH;EAEA,OAAOa,MAAM,GACVE,KAAK,GACJ,IAAAM,mCAAmB,EAACV,MAAM,CAAC,GAC3B,IAAAW,mCAAmB,EAACX,MAAM,CAAC,GAC5BI,KAAK,GACJ,IAAAQ,wCAAwB,EAACZ,MAAM,CAAC,GAChC,IAAAa,wCAAwB,EAACb,MAAM,CAAC;AACrC,CAAC;AAEM,SAASc,gBAAgBA,CAC/BC,MAA+B,EACf;EAChB,SAAS;;EAET,MAAMC,GAAsC,GAAG;IAC9CC,OAAO,EAAE;MAAE,GAAGC;IAAwB;EACvC,CAAC;EAED,MAAMC,OAAO,GAAGA,CAAA,MAAsB;IACrCC,QAAQ,EAAGH,OAAO,IAAK;MACtBD,GAAG,CAACC,OAAO,CAACG,QAAQ,GAAGH,OAAO;MAC9B,OAAOE,OAAO,CAAC,CAAC;IACjB,CAAC;IACD7B,YAAY,EAAEA,CAAA,KAAM;MACnB0B,GAAG,CAACC,OAAO,CAAC3B,YAAY,GAAG,IAAI;MAC/B,OAAO6B,OAAO,CAAC,CAAC;IACjB,CAAC;IACDd,QAAQ,EAAEA,CAAA,KAAM;MACfW,GAAG,CAACC,OAAO,CAACZ,QAAQ,GAAG,IAAI;MAC3BW,GAAG,CAACC,OAAO,CAACI,QAAQ,GAAG,KAAK;MAC5B,OAAOF,OAAO,CAAC,CAAC;IACjB,CAAC;IACDE,QAAQ,EAAEA,CAAA,KAAM;MACfL,GAAG,CAACC,OAAO,CAACI,QAAQ,GAAG,IAAI;MAC3BL,GAAG,CAACC,OAAO,CAACZ,QAAQ,GAAG,KAAK;MAC5B,OAAOc,OAAO,CAAC,CAAC;IACjB,CAAC;IACDG,SAAS,EAAEA,CAAA,KAAM;MAChBN,GAAG,CAACC,OAAO,CAACd,MAAM,GAAG,WAAW;MAChC,OAAOgB,OAAO,CAAC,CAAC;IACjB,CAAC;IACDI,IAAI,EAAEA,CAAA,KAAM;MACXP,GAAG,CAACC,OAAO,CAACd,MAAM,GAAG,MAAM;MAC3B,OAAOgB,OAAO,CAAC,CAAC;IACjB,CAAC;IACDK,OAAO,EAAEA,CAAA,KAAM;MACdR,GAAG,CAACC,OAAO,CAACd,MAAM,GAAG,SAAS;MAC9B,OAAOgB,OAAO,CAAC,CAAC;IACjB,CAAC;IACDM,WAAW,EAAEA,CAAA,KAAM;MAClBT,GAAG,CAACC,OAAO,CAACT,gBAAgB,GAAG,YAAY;MAC3C,OAAOW,OAAO,CAAC,CAAC;IACjB,CAAC;IACDO,UAAU,EAAEA,CAAA,KAAM;MACjBV,GAAG,CAACC,OAAO,CAACT,gBAAgB,GAAG,WAAW;MAC1C,OAAOW,OAAO,CAAC,CAAC;IACjB,CAAC;IAEDQ,KAAK,EAAEA,CAAA,KAAM;MACZ,OAAOpC,kBAAkB,CAACwB,MAAM,EAAEC,GAAG,CAACC,OAAO,CAAC;IAC/C;EACD,CAAC,CAAC;EAEF,OAAOE,OAAO,CAAC,CAAC;AACjB","ignoreList":[]}

package/lib/commonjs/utils/bounds/constants.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FULLSCREEN_DIMENSIONS = exports.DEFAULT_BUILDER_OPTIONS = void 0;
+const FULLSCREEN_DIMENSIONS = dimensions => {
+  "worklet";
+
+  return {
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0,
+    width: dimensions.width,
+    height: dimensions.height
+  };
+};
+exports.FULLSCREEN_DIMENSIONS = FULLSCREEN_DIMENSIONS;
+const DEFAULT_BUILDER_OPTIONS = exports.DEFAULT_BUILDER_OPTIONS = Object.freeze({
+  gestures: {
+    x: 0,
+    y: 0
+  },
+  toFullscreen: false,
+  absolute: false,
+  relative: true,
+  method: "transform",
+  contentScaleMode: "auto"
+});
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/utils/bounds/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FULLSCREEN_DIMENSIONS","dimensions","x","y","pageX","pageY","width","height","exports","DEFAULT_BUILDER_OPTIONS","Object","freeze","gestures","toFullscreen","absolute","relative","method","contentScaleMode"],"sourceRoot":"../../../../src","sources":["utils/bounds/constants.ts"],"mappings":";;;;;;AAKO,MAAMA,qBAAqB,GACjCC,UAAsB,IACE;EACxB,SAAS;;EACT,OAAO;IACNC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAEL,UAAU,CAACK,KAAK;IACvBC,MAAM,EAAEN,UAAU,CAACM;EACpB,CAAC;AACF,CAAC;AAACC,OAAA,CAAAR,qBAAA,GAAAA,qBAAA;AAEK,MAAMS,uBAAuD,GAAAD,OAAA,CAAAC,uBAAA,GACnEC,MAAM,CAACC,MAAM,CAAC;EACbC,QAAQ,EAAE;IAAEV,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACxBU,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,WAAW;EACnBC,gBAAgB,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/utils/bounds/flatten-styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flattenStyle = flattenStyle;
+function flattenStyle(style) {
+  "worklet";
+
+  if (style === null || typeof style !== "object") {
+    return style;
+  }
+  if (!Array.isArray(style)) {
+    return style;
+  }
+  const result = {};
+  for (let i = 0, styleLength = style.length; i < styleLength; ++i) {
+    const computedStyle = flattenStyle(style[i]);
+    if (computedStyle) {
+      for (const key in computedStyle) {
+        result[key] = computedStyle[key];
+      }
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=flatten-styles.js.map

package/lib/commonjs/utils/bounds/flatten-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flattenStyle","style","Array","isArray","result","i","styleLength","length","computedStyle","key"],"sourceRoot":"../../../../src","sources":["utils/bounds/flatten-styles.ts"],"mappings":";;;;;;AAAO,SAASA,YAAYA,CAAaC,KAAiB,EAAc;EACvE,SAAS;;EACT,IAAIA,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAChD,OAAOA,KAAK;EACb;EAEA,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IAC1B,OAAOA,KAAK;EACb;EAEA,MAAMG,MAAqC,GAAG,CAAC,CAAC;EAChD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEC,WAAW,GAAGL,KAAK,CAACM,MAAM,EAAEF,CAAC,GAAGC,WAAW,EAAE,EAAED,CAAC,EAAE;IACjE,MAAMG,aAAa,GAAGR,YAAY,CAACC,KAAK,CAACI,CAAC,CAAC,CAAC;IAC5C,IAAIG,aAAa,EAAE;MAClB,KAAK,MAAMC,GAAG,IAAID,aAAa,EAAE;QAChCJ,MAAM,CAACK,GAAG,CAAC,GAAGD,aAAa,CAACC,GAAG,CAAC;MACjC;IACD;EACD;EACA,OAAOL,MAAM;AACd","ignoreList":[]}

package/lib/commonjs/utils/bounds/geometry.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.computeContentTransformGeometry = computeContentTransformGeometry;
+exports.computeRelativeGeometry = computeRelativeGeometry;
+/**
+ * Relative geometry between start/end bounds.
+ */
+function computeRelativeGeometry({
+  start,
+  end,
+  entering
+}) {
+  "worklet";
+
+  const startCenterX = start.pageX + start.width / 2;
+  const startCenterY = start.pageY + start.height / 2;
+  const endCenterX = end.pageX + end.width / 2;
+  const endCenterY = end.pageY + end.height / 2;
+  const dx = startCenterX - endCenterX;
+  const dy = startCenterY - endCenterY;
+  const scaleX = start.width / end.width;
+  const scaleY = start.height / end.height;
+  const ranges = entering ? [0, 1] : [1, 2];
+  return {
+    dx,
+    dy,
+    scaleX,
+    scaleY,
+    ranges,
+    entering
+  };
+}
+/**
+ * Computes the transform to apply to the entire destination screen so that
+ * its bound (end) matches the source bound (start) at progress start.
+ */
+function computeContentTransformGeometry({
+  start,
+  end,
+  entering,
+  dimensions,
+  contentScaleMode
+}) {
+  "worklet";
+
+  const parent = {
+    x: 0,
+    y: 0,
+    width: dimensions.width,
+    height: dimensions.height
+  };
+  const startCenterX = start.pageX + start.width / 2;
+  const startCenterY = start.pageY + start.height / 2;
+  const childCenterX = end.pageX + end.width / 2;
+  const childCenterY = end.pageY + end.height / 2;
+  const parentCenterX = parent.x + parent.width / 2;
+  const parentCenterY = parent.y + parent.height / 2;
+  const safe = v => v === 0 ? 1e-6 : v;
+  const sx = safe(start.width) / safe(end.width);
+  const sy = safe(start.height) / safe(end.height);
+  let s;
+  if (contentScaleMode === "aspectFit") {
+    s = Math.min(sx, sy);
+  } else if (contentScaleMode === "aspectFill") {
+    s = Math.max(sx, sy);
+  } else {
+    const startAspect = start.width / start.height;
+    const endAspect = end.width / end.height;
+    const aspectDifference = Math.abs(startAspect - endAspect);
+    if (aspectDifference < 0.1) {
+      s = Math.max(sx, sy);
+    } else {
+      s = Math.min(sx, sy);
+    }
+  }
+  const offsetX = startCenterX - parentCenterX;
+  const offsetY = startCenterY - parentCenterY;
+  const centerOffsetX = (parentCenterX - childCenterX) * s;
+  const centerOffsetY = (parentCenterY - childCenterY) * s;
+  const tx = offsetX + centerOffsetX;
+  const ty = offsetY + centerOffsetY;
+  const ranges = entering ? [0, 1] : [1, 2];
+  return {
+    tx,
+    ty,
+    s,
+    ranges,
+    entering
+  };
+}
+//# sourceMappingURL=geometry.js.map

package/lib/commonjs/utils/bounds/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["computeRelativeGeometry","start","end","entering","startCenterX","pageX","width","startCenterY","pageY","height","endCenterX","endCenterY","dx","dy","scaleX","scaleY","ranges","computeContentTransformGeometry","dimensions","contentScaleMode","parent","x","y","childCenterX","childCenterY","parentCenterX","parentCenterY","safe","v","sx","sy","s","Math","min","max","startAspect","endAspect","aspectDifference","abs","offsetX","offsetY","centerOffsetX","centerOffsetY","tx","ty"],"sourceRoot":"../../../../src","sources":["utils/bounds/geometry.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/bounds/get-bounds.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBounds = void 0;
+const fallbackBounds = {
+  bounds: {
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0
+  },
+  styles: {}
+};
+const getBounds = props => {
+  "worklet";
+
+  const boundId = props.id;
+  const phase = props.phase;
+  if (phase && boundId) {
+    let phaseBounds = null;
+    if (phase === "current") {
+      phaseBounds = props.current?.bounds[boundId];
+    } else if (phase === "next") {
+      phaseBounds = props.next?.bounds[boundId];
+    } else {
+      phaseBounds = props.previous?.bounds[boundId];
+    }
+    if (!phaseBounds) {
+      return fallbackBounds;
+    }
+    return {
+      bounds: phaseBounds.bounds,
+      styles: phaseBounds?.styles
+    };
+  }
+  if (!props.next && boundId) {
+    const previousBounds = props.previous?.bounds[boundId];
+    return previousBounds || fallbackBounds;
+  }
+  if (boundId) {
+    const nextBounds = props.next?.bounds[boundId];
+    return nextBounds || fallbackBounds;
+  }
+  return fallbackBounds;
+};
+exports.getBounds = getBounds;
+//# sourceMappingURL=get-bounds.js.map

package/lib/commonjs/utils/bounds/get-bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fallbackBounds","bounds","width","height","x","y","pageX","pageY","styles","getBounds","props","boundId","id","phase","phaseBounds","current","next","previous","previousBounds","nextBounds","exports"],"sourceRoot":"../../../../src","sources":["utils/bounds/get-bounds.ts"],"mappings":";;;;;;AAIA,MAAMA,cAAc,GAAG;EACtBC,MAAM,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE;EACR,CAAC;EACDC,MAAM,EAAE,CAAC;AACV,CAAC;AAEM,MAAMC,SAAS,GAAIC,KAAsB,IAAiB;EAChE,SAAS;;EACT,MAAMC,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK;EAEzB,IAAIA,KAAK,IAAIF,OAAO,EAAE;IACrB,IAAIG,WAAW,GAAG,IAAI;IAEtB,IAAID,KAAK,KAAK,SAAS,EAAE;MACxBC,WAAW,GAAGJ,KAAK,CAACK,OAAO,EAAEd,MAAM,CAACU,OAAO,CAAC;IAC7C,CAAC,MAAM,IAAIE,KAAK,KAAK,MAAM,EAAE;MAC5BC,WAAW,GAAGJ,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAC1C,CAAC,MAAM;MACNG,WAAW,GAAGJ,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAC9C;IAEA,IAAI,CAACG,WAAW,EAAE;MACjB,OAAOd,cAAc;IACtB;IAEA,OAAO;MACNC,MAAM,EAAEa,WAAW,CAACb,MAAM;MAC1BO,MAAM,EAAEM,WAAW,EAAEN;IACtB,CAAC;EACF;EAEA,IAAI,CAACE,KAAK,CAACM,IAAI,IAAIL,OAAO,EAAE;IAC3B,MAAMO,cAAc,GAAGR,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAEtD,OAAOO,cAAc,IAAIlB,cAAc;EACxC;EAEA,IAAIW,OAAO,EAAE;IACZ,MAAMQ,UAAU,GAAGT,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAE9C,OAAOQ,UAAU,IAAInB,cAAc;EACpC;EAEA,OAAOA,cAAc;AACtB,CAAC;AAACoB,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/utils/bounds/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildBoundsAccessor = void 0;
+var _buildBoundStyles = require("./build-bound-styles");
+var _getBounds = require("./get-bounds");
+const buildBoundsAccessor = ({
+  activeBoundId,
+  current,
+  previous,
+  next,
+  progress,
+  dimensions
+}) => {
+  "worklet";
+
+  const bounds = id => (0, _buildBoundStyles.buildBoundStyles)({
+    id: id ?? activeBoundId,
+    previous,
+    current,
+    next,
+    progress,
+    dimensions
+  });
+  return Object.assign(bounds, {
+    get: (id, phase) => (0, _getBounds.getBounds)({
+      id: id ?? activeBoundId,
+      phase,
+      current,
+      previous,
+      next
+    })
+  });
+};
+exports.buildBoundsAccessor = buildBoundsAccessor;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/bounds/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_buildBoundStyles","require","_getBounds","buildBoundsAccessor","activeBoundId","current","previous","next","progress","dimensions","bounds","id","buildBoundStyles","Object","assign","get","phase","getBounds","exports"],"sourceRoot":"../../../../src","sources":["utils/bounds/index.ts"],"mappings":";;;;;;AAGA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAWO,MAAME,mBAAmB,GAAGA,CAAC;EACnCC,aAAa;EACbC,OAAO;EACPC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC;AAC0B,CAAC,KAAK;EAChC,SAAS;;EAET,MAAMC,MAAM,GAAIC,EAAW,IAC1B,IAAAC,kCAAgB,EAAC;IAChBD,EAAE,EAAEA,EAAE,IAAIP,aAAa;IACvBE,QAAQ;IACRD,OAAO;IACPE,IAAI;IACJC,QAAQ;IACRC;EACD,CAAC,CAAC;EAEH,OAAOI,MAAM,CAACC,MAAM,CAACJ,MAAM,EAAE;IAC5BK,GAAG,EAAEA,CAACJ,EAAW,EAAEK,KAAmB,KACrC,IAAAC,oBAAS,EAAC;MACTN,EAAE,EAAEA,EAAE,IAAIP,aAAa;MACvBY,KAAK;MACLX,OAAO;MACPC,QAAQ;MACRC;IACD,CAAC;EACH,CAAC,CAAC;AACH,CAAC;AAACW,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}