react-native-screen-transitions 3.8.0 → 3.9.0-alpha.1

package/lib/module/shared/components/{create-boundary-component → boundary}/hooks/use-measurer.js

@@ -2,12 +2,13 @@
 
 import { useCallback } from "react";
 import { useWindowDimensions } from "react-native";
-import { setEntry } from "../../../stores/bounds/internals/entries";
-import { setDestination, setSource } from "../../../stores/bounds/internals/links";
+import { measure } from "react-native-reanimated";
+import { applyMeasuredBoundsWrites } from "../../../providers/helpers/measured-bounds-writes";
+import { useOriginContext } from "../../../providers/screen/origin.provider";
 import { ScrollStore } from "../../../stores/scroll.store";
 import { SystemStore } from "../../../stores/system.store";
-import { getVisibilityBlockOffset } from "../../../utils/visibility-block-offset";
-import { applyVisibilityBlockOffset, isMeasurementInViewport, measureWithOverscrollAwareness } from "../utils/measured-bounds";
+import { getActiveScrollHost } from "../portal/stores/host-registry.store";
+import { attachScrollSnapshotToMeasuredBounds, isMeasurementInViewport, measureWithOverscrollAwareness, normalizeMeasuredBoundsToOrigin } from "../utils/measured-bounds";
 export const useMeasurer = ({
   enabled,
   entryTag,
@@ -15,25 +16,27 @@ export const useMeasurer = ({
   group,
   currentScreenKey,
   preparedStyles,
-  measuredAnimatedRef
+  measuredAnimatedRef,
+  portalHost
 }) => {
   const {
     width: viewportWidth,
     height: viewportHeight
   } = useWindowDimensions();
   const scrollState = ScrollStore.getValue(currentScreenKey, "coordination");
+  const scrollMetadata = ScrollStore.getValue(currentScreenKey, "metadata");
   const pendingLifecycleStartBlockCount = SystemStore.getValue(currentScreenKey, "pendingLifecycleStartBlockCount");
+  const {
+    originRef
+  } = useOriginContext();
   return useCallback(target => {
     "worklet";
 
     if (!enabled) return;
     const measured = measureWithOverscrollAwareness(measuredAnimatedRef, scrollState.get());
-    if (!measured) return;
-
-    // Source boundaries do not need offset correction. Only destination
-    // captures can measure while the visibility gate is still blocked.
-    const shouldAdjustBlockedDestination = target.type === "destination" && pendingLifecycleStartBlockCount.get() > 0;
-    const normalizedMeasured = shouldAdjustBlockedDestination ? applyVisibilityBlockOffset(measured, getVisibilityBlockOffset(viewportHeight)) : measured;
+    const measuredOrigin = measure(originRef);
+    if (!measured || !measuredOrigin) return;
+    const normalizedMeasured = normalizeMeasuredBoundsToOrigin(measured, measuredOrigin);
 
     /**
      * - Destination Pass -
@@ -45,18 +48,19 @@ export const useMeasurer = ({
     const shouldGuardDestinationViewport = pendingLifecycleStartBlockCount.get() > 0 || !!group;
     const viewportAllowsDestinationWrite = target.type !== "destination" || !shouldGuardDestinationViewport || isMeasurementInViewport(normalizedMeasured, viewportWidth, viewportHeight);
     if (!viewportAllowsDestinationWrite) return;
-
-    // Set the bounds entry on every measure to avoid any stale measurements
-    // for the public read API.
-    setEntry(entryTag, currentScreenKey, {
-      bounds: normalizedMeasured
+    const measuredWithScroll = attachScrollSnapshotToMeasuredBounds(normalizedMeasured, scrollMetadata.get());
+    const sourceHost = target.type === "source" ? getActiveScrollHost(currentScreenKey) ?? undefined : undefined;
+    applyMeasuredBoundsWrites({
+      entryTag,
+      linkId,
+      group,
+      currentScreenKey,
+      measured: measuredWithScroll,
+      preparedStyles,
+      linkWrite: target,
+      portalHost,
+      sourceHost
     });
-    if (target.type === "source") {
-      setSource(target.pairKey, linkId, currentScreenKey, normalizedMeasured, preparedStyles, group);
-    }
-    if (target.type === "destination") {
-      setDestination(target.pairKey, linkId, currentScreenKey, normalizedMeasured, preparedStyles, group);
-    }
-  }, [enabled, entryTag, linkId, group, currentScreenKey, preparedStyles, measuredAnimatedRef, viewportWidth, viewportHeight, scrollState, pendingLifecycleStartBlockCount]);
+  }, [enabled, entryTag, linkId, group, currentScreenKey, preparedStyles, measuredAnimatedRef, portalHost, viewportWidth, viewportHeight, scrollState, scrollMetadata, pendingLifecycleStartBlockCount, originRef]);
 };
 //# sourceMappingURL=use-measurer.js.map

package/lib/module/shared/components/boundary/hooks/use-measurer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useWindowDimensions","measure","applyMeasuredBoundsWrites","useOriginContext","ScrollStore","SystemStore","getActiveScrollHost","attachScrollSnapshotToMeasuredBounds","isMeasurementInViewport","measureWithOverscrollAwareness","normalizeMeasuredBoundsToOrigin","useMeasurer","enabled","entryTag","linkId","group","currentScreenKey","preparedStyles","measuredAnimatedRef","portalHost","width","viewportWidth","height","viewportHeight","scrollState","getValue","scrollMetadata","pendingLifecycleStartBlockCount","originRef","target","measured","get","measuredOrigin","normalizedMeasured","shouldGuardDestinationViewport","viewportAllowsDestinationWrite","type","measuredWithScroll","sourceHost","undefined","linkWrite"],"sourceRoot":"../../../../../../src","sources":["shared/components/boundary/hooks/use-measurer.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAECC,OAAO,QAED,yBAAyB;AAChC,SAASC,yBAAyB,QAAQ,mDAAmD;AAC7F,SAASC,gBAAgB,QAAQ,2CAA2C;AAE5E,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,mBAAmB,QAAQ,sCAAsC;AAE1E,SACCC,oCAAoC,EACpCC,uBAAuB,EACvBC,8BAA8B,EAC9BC,+BAA+B,QACzB,0BAA0B;AAajC,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC3BC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,KAAK;EACLC,gBAAgB;EAChBC,cAAc;EACdC,mBAAmB;EACnBC;AACkB,CAAC,KAAsB;EACzC,MAAM;IAAEC,KAAK,EAAEC,aAAa;IAAEC,MAAM,EAAEC;EAAe,CAAC,GACrDvB,mBAAmB,CAAC,CAAC;EAEtB,MAAMwB,WAAW,GAAGpB,WAAW,CAACqB,QAAQ,CAACT,gBAAgB,EAAE,cAAc,CAAC;EAC1E,MAAMU,cAAc,GAAGtB,WAAW,CAACqB,QAAQ,CAACT,gBAAgB,EAAE,UAAU,CAAC;EACzE,MAAMW,+BAA+B,GAAGtB,WAAW,CAACoB,QAAQ,CAC3DT,gBAAgB,EAChB,iCACD,CAAC;EACD,MAAM;IAAEY;EAAU,CAAC,GAAGzB,gBAAgB,CAAC,CAAC;EAExC,OAAOJ,WAAW,CAChB8B,MAAM,IAAK;IACX,SAAS;;IACT,IAAI,CAACjB,OAAO,EAAE;IAEd,MAAMkB,QAAQ,GAAGrB,8BAA8B,CAC9CS,mBAAmB,EACnBM,WAAW,CAACO,GAAG,CAAC,CACjB,CAAC;IACD,MAAMC,cAAc,GAAG/B,OAAO,CAAC2B,SAAS,CAAC;IAEzC,IAAI,CAACE,QAAQ,IAAI,CAACE,cAAc,EAAE;IAElC,MAAMC,kBAAkB,GAAGvB,+BAA+B,CACzDoB,QAAQ,EACRE,cACD,CAAC;;IAED;AACH;AACA;AACA;AACA;AACA;AACA;IACG,MAAME,8BAA8B,GACnCP,+BAA+B,CAACI,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAChB,KAAK;IAErD,MAAMoB,8BAA8B,GACnCN,MAAM,CAACO,IAAI,KAAK,aAAa,IAC7B,CAACF,8BAA8B,IAC/B1B,uBAAuB,CACtByB,kBAAkB,EAClBZ,aAAa,EACbE,cACD,CAAC;IAEF,IAAI,CAACY,8BAA8B,EAAE;IAErC,MAAME,kBAAkB,GAAG9B,oCAAoC,CAC9D0B,kBAAkB,EAClBP,cAAc,CAACK,GAAG,CAAC,CACpB,CAAC;IACD,MAAMO,UAAU,GACfT,MAAM,CAACO,IAAI,KAAK,QAAQ,GACpB9B,mBAAmB,CAACU,gBAAgB,CAAC,IAAIuB,SAAS,GACnDA,SAAS;IAEbrC,yBAAyB,CAAC;MACzBW,QAAQ;MACRC,MAAM;MACNC,KAAK;MACLC,gBAAgB;MAChBc,QAAQ,EAAEO,kBAAkB;MAC5BpB,cAAc;MACduB,SAAS,EAAEX,MAAM;MACjBV,UAAU;MACVmB;IACD,CAAC,CAAC;EACH,CAAC,EACD,CACC1B,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,UAAU,EACVE,aAAa,EACbE,cAAc,EACdC,WAAW,EACXE,cAAc,EACdC,+BAA+B,EAC/BC,SAAS,CAEX,CAAC;AACF,CAAC","ignoreList":[]}

package/lib/module/shared/components/{create-boundary-component → boundary}/hooks/use-refresh-boundary.js

@@ -1,19 +1,21 @@
 "use strict";
 
 import { useAnimatedReaction } from "react-native-reanimated";
+import { useDescriptorsStore } from "../../../providers/screen/descriptors";
 import { AnimationStore } from "../../../stores/animation.store";
 import { pairs } from "../../../stores/bounds/internals/state";
 import { getRefreshBoundarySignal } from "../utils/refresh-signals";
 export const useRefreshBoundary = ({
   enabled,
-  currentScreenKey,
-  preferredSourceScreenKey,
-  nextScreenKey,
   linkId,
   group,
-  ancestorScreenKeys,
   measureBoundary
 }) => {
+  const currentScreenKey = useDescriptorsStore(s => s.derivations.currentScreenKey);
+  const nextScreenKey = useDescriptorsStore(s => s.derivations.nextScreenKey);
+  const sourcePairKey = useDescriptorsStore(s => s.derivations.sourcePairKey);
+  const destinationPairKey = useDescriptorsStore(s => s.derivations.destinationPairKey);
+  const ancestorDestinationPairKey = useDescriptorsStore(s => s.derivations.ancestorDestinationPairKey);
   // Source-side boundaries refresh from the next screen's lifecycle pulse.
   // Destination-side boundaries have no next screen, so they refresh from self.
   const refreshScreenKey = nextScreenKey ?? currentScreenKey;
@@ -28,17 +30,18 @@ export const useRefreshBoundary = ({
     return getRefreshBoundarySignal({
       enabled,
       currentScreenKey,
-      preferredSourceScreenKey,
+      sourcePairKey,
+      destinationPairKey,
+      ancestorDestinationPairKey,
       nextScreenKey,
       linkId,
       group,
-      ancestorScreenKeys,
       shouldRefresh: !!refreshWillAnimate.get(),
       closing: !!refreshClosing.get(),
       entering: !!refreshEntering.get(),
       animating: !!refreshAnimating.get(),
       progress: refreshProgress.get(),
-      linkState: group || ancestorScreenKeys.length ? pairs.get() : undefined
+      linkState: pairs.get()
     });
   }, (refreshSignal, prevRefreshSignal) => {
     "worklet";

package/lib/module/shared/components/boundary/hooks/use-refresh-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimatedReaction","useDescriptorsStore","AnimationStore","pairs","getRefreshBoundarySignal","useRefreshBoundary","enabled","linkId","group","measureBoundary","currentScreenKey","s","derivations","nextScreenKey","sourcePairKey","destinationPairKey","ancestorDestinationPairKey","refreshScreenKey","refreshWillAnimate","getValue","refreshClosing","refreshEntering","refreshAnimating","refreshProgress","shouldRefresh","get","closing","entering","animating","progress","linkState","refreshSignal","prevRefreshSignal","signal","type","pairKey"],"sourceRoot":"../../../../../../src","sources":["shared/components/boundary/hooks/use-refresh-boundary.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,yBAAyB;AAC7D,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,SAASC,cAAc,QAAQ,iCAAiC;AAChE,SAASC,KAAK,QAAQ,wCAAwC;AAE9D,SAASC,wBAAwB,QAAQ,0BAA0B;AASnE,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAClCC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACyB,CAAC,KAAK;EAC/B,MAAMC,gBAAgB,GAAGT,mBAAmB,CAC1CU,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACF,gBACtB,CAAC;EACD,MAAMG,aAAa,GAAGZ,mBAAmB,CAAEU,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACC,aAAa,CAAC;EAC7E,MAAMC,aAAa,GAAGb,mBAAmB,CAAEU,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACE,aAAa,CAAC;EAC7E,MAAMC,kBAAkB,GAAGd,mBAAmB,CAC5CU,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACG,kBACtB,CAAC;EACD,MAAMC,0BAA0B,GAAGf,mBAAmB,CACpDU,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACI,0BACtB,CAAC;EACD;EACA;EACA,MAAMC,gBAAgB,GAAGJ,aAAa,IAAIH,gBAAgB;EAC1D,MAAMQ,kBAAkB,GAAGhB,cAAc,CAACiB,QAAQ,CACjDF,gBAAgB,EAChB,aACD,CAAC;EACD,MAAMG,cAAc,GAAGlB,cAAc,CAACiB,QAAQ,CAACF,gBAAgB,EAAE,SAAS,CAAC;EAC3E,MAAMI,eAAe,GAAGnB,cAAc,CAACiB,QAAQ,CAACF,gBAAgB,EAAE,UAAU,CAAC;EAC7E,MAAMK,gBAAgB,GAAGpB,cAAc,CAACiB,QAAQ,CAC/CF,gBAAgB,EAChB,mBACD,CAAC;EACD,MAAMM,eAAe,GAAGrB,cAAc,CAACiB,QAAQ,CAC9CF,gBAAgB,EAChB,oBACD,CAAC;EAEDjB,mBAAmB,CAClB,MAAM;IACL,SAAS;;IACT,OAAOI,wBAAwB,CAAC;MAC/BE,OAAO;MACPI,gBAAgB;MAChBI,aAAa;MACbC,kBAAkB;MAClBC,0BAA0B;MAC1BH,aAAa;MACbN,MAAM;MACNC,KAAK;MACLgB,aAAa,EAAE,CAAC,CAACN,kBAAkB,CAACO,GAAG,CAAC,CAAC;MACzCC,OAAO,EAAE,CAAC,CAACN,cAAc,CAACK,GAAG,CAAC,CAAC;MAC/BE,QAAQ,EAAE,CAAC,CAACN,eAAe,CAACI,GAAG,CAAC,CAAC;MACjCG,SAAS,EAAE,CAAC,CAACN,gBAAgB,CAACG,GAAG,CAAC,CAAC;MACnCI,QAAQ,EAAEN,eAAe,CAACE,GAAG,CAAC,CAAC;MAC/BK,SAAS,EAAE3B,KAAK,CAACsB,GAAG,CAAC;IACtB,CAAC,CAAC;EACH,CAAC,EACD,CAACM,aAAa,EAAEC,iBAAiB,KAAK;IACrC,SAAS;;IAET,IACC,CAACD,aAAa,IACdA,aAAa,CAACE,MAAM,KAAKD,iBAAiB,EAAEC,MAAM,EACjD;MACD;IACD;IAEAxB,eAAe,CAAC;MACfyB,IAAI,EAAEH,aAAa,CAACG,IAAI;MACxBC,OAAO,EAAEJ,aAAa,CAACI;IACxB,CAAC,CAAC;EACH,CACD,CAAC;AACF,CAAC","ignoreList":[]}

package/lib/module/shared/components/{create-boundary-component → boundary}/index.js

@@ -3,6 +3,7 @@
 import { Pressable, View } from "react-native";
 import { BoundaryTarget } from "./components/boundary-target";
 import { createBoundaryComponent } from "./create-boundary-component";
+import { Host } from "./portal";
 export { createBoundaryComponent };
 const BoundaryView = createBoundaryComponent(View, {
   shouldAutoMeasure: true
@@ -11,6 +12,7 @@ const BoundaryTrigger = createBoundaryComponent(Pressable);
 BoundaryView.displayName = "Transition.Boundary.View";
 BoundaryTrigger.displayName = "Transition.Boundary.Trigger";
 BoundaryTarget.displayName = "Transition.Boundary.Target";
+Host.displayName = "Transition.Boundary.Host";
 
 /**
  * Shared-boundary components.
@@ -29,6 +31,7 @@ BoundaryTarget.displayName = "Transition.Boundary.Target";
  * - `Boundary.View` for passive/shared elements.
  * - `Boundary.Trigger` for tappable elements that start navigation.
  * - `Boundary.Target` to measure a nested descendant instead of the owner.
+ * - `Boundary.Host` to make nested portal placement explicit.
  */
 export const Boundary = {
   /**
@@ -42,6 +45,10 @@ export const Boundary = {
   /**
    * Optional nested measurement override inside a boundary owner.
    */
-  Target: BoundaryTarget
+  Target: BoundaryTarget,
+  /**
+   * Explicit portal host for scrollable or otherwise clipped coordinate spaces.
+   */
+  Host: Host
 };
 //# sourceMappingURL=index.js.map

package/lib/module/shared/components/boundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","BoundaryTarget","createBoundaryComponent","Host","BoundaryView","shouldAutoMeasure","BoundaryTrigger","displayName","Boundary","Trigger","Target"],"sourceRoot":"../../../../../src","sources":["shared/components/boundary/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SAASC,IAAI,QAAQ,UAAU;AAO/B,SAASD,uBAAuB;AAEhC,MAAME,YAAY,GAAGF,uBAAuB,CAACF,IAAI,EAAE;EAClDK,iBAAiB,EAAE;AACpB,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGJ,uBAAuB,CAACH,SAAS,CAAC;AAC1DK,YAAY,CAACG,WAAW,GAAG,0BAA0B;AACrDD,eAAe,CAACC,WAAW,GAAG,6BAA6B;AAC3DN,cAAc,CAACM,WAAW,GAAG,4BAA4B;AACzDJ,IAAI,CAACI,WAAW,GAAG,0BAA0B;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG;EACvB;AACD;AACA;EACCR,IAAI,EAAEI,YAAY;EAClB;AACD;AACA;EACCK,OAAO,EAAEH,eAAe;EACxB;AACD;AACA;EACCI,MAAM,EAAET,cAAc;EACtB;AACD;AACA;EACCE,IAAI,EAAEA;AACP,CAAC","ignoreList":[]}

package/lib/module/shared/components/boundary/portal/components/host.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { memo, useLayoutEffect, useRef } from "react";
+import { StyleSheet, useWindowDimensions, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { useDescriptorsStore } from "../../../../providers/screen/descriptors";
+import { useHostMeasurement } from "../hooks/use-host-measurement";
+import { registerHost, unregisterHost } from "../stores/host-registry.store";
+import { useActivePortalBoundaryHosts } from "../stores/portal-boundary-host.store";
+import { PortalBoundaryHost } from "./portal-boundary-host";
+import { jsx as _jsx } from "react/jsx-runtime";
+let nextHostId = 0;
+function HostImpl({
+  fallback = false,
+  style
+}) {
+  const screenKey = useDescriptorsStore(s => s.derivations.currentScreenKey);
+  const generatedHostKeyRef = useRef(null);
+  if (generatedHostKeyRef.current === null) {
+    generatedHostKeyRef.current = `${screenKey}-host-${nextHostId++}`;
+  }
+  const hostKey = fallback ? screenKey : generatedHostKeyRef.current;
+  const capturesScroll = !fallback;
+  const activeBoundaryHosts = useActivePortalBoundaryHosts(hostKey);
+  const {
+    height: viewportHeight,
+    width: viewportWidth
+  } = useWindowDimensions();
+  const measurement = useHostMeasurement({
+    capturesScroll,
+    enabled: activeBoundaryHosts.length > 0,
+    hostKey,
+    screenKey
+  });
+  useLayoutEffect(() => {
+    registerHost({
+      capturesScroll,
+      fallback,
+      hostKey,
+      screenKey
+    });
+    return () => {
+      unregisterHost(screenKey, hostKey);
+    };
+  }, [capturesScroll, fallback, hostKey, screenKey]);
+  const boundaryHosts = measurement.canRenderHosts ? activeBoundaryHosts.map(host => /*#__PURE__*/_jsx(View, {
+    pointerEvents: "box-none",
+    style: [styles.boundaryHostViewport, {
+      width: viewportWidth,
+      height: viewportHeight
+    }],
+    children: /*#__PURE__*/_jsx(PortalBoundaryHost, {
+      host: host,
+      style: StyleSheet.absoluteFill
+    })
+  }, host.boundaryId)) : null;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: measurement.hostRef,
+    pointerEvents: "box-none",
+    style: [styles.host, {
+      width: viewportWidth,
+      height: viewportHeight
+    }, style],
+    collapsable: false,
+    children: boundaryHosts
+  });
+}
+export const Host = /*#__PURE__*/memo(function Host(props) {
+  return /*#__PURE__*/_jsx(HostImpl, {
+    ...props
+  });
+});
+export const ScreenFallbackHost = /*#__PURE__*/memo(function ScreenFallbackHost() {
+  return /*#__PURE__*/_jsx(HostImpl, {
+    fallback: true
+  });
+});
+const styles = StyleSheet.create({
+  host: {
+    elevation: 999999,
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0,
+    zIndex: 999999
+  },
+  boundaryHostViewport: {
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0
+  }
+});
+//# sourceMappingURL=host.js.map

package/lib/module/shared/components/boundary/portal/components/host.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useLayoutEffect","useRef","StyleSheet","useWindowDimensions","View","Animated","useDescriptorsStore","useHostMeasurement","registerHost","unregisterHost","useActivePortalBoundaryHosts","PortalBoundaryHost","jsx","_jsx","nextHostId","HostImpl","fallback","style","screenKey","s","derivations","currentScreenKey","generatedHostKeyRef","current","hostKey","capturesScroll","activeBoundaryHosts","height","viewportHeight","width","viewportWidth","measurement","enabled","length","boundaryHosts","canRenderHosts","map","host","pointerEvents","styles","boundaryHostViewport","children","absoluteFill","boundaryId","ref","hostRef","collapsable","Host","props","ScreenFallbackHost","create","elevation","left","overflow","position","top","zIndex"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/host.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/components/boundary/portal/components/portal-boundary-host.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { memo } from "react";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+import { NO_STYLES } from "../../../../constants";
+import { AnimationStore } from "../../../../stores/animation.store";
+import { getSourceScreenKeyFromPairKey } from "../../../../stores/bounds/helpers/link-pairs.helpers";
+import { getLink } from "../../../../stores/bounds/internals/links";
+import { GestureStore } from "../../../../stores/gesture.store";
+import { ScrollStore } from "../../../../stores/scroll.store";
+import { NativePortalHost } from "../teleport";
+import { createPortalBoundaryHostName } from "../utils/naming";
+import { resolvePortalOffsetStyle } from "../utils/offset-style";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPortalBoundaryHost = NativePortalHost ? Animated.createAnimatedComponent(NativePortalHost) : null;
+export const PortalBoundaryHost = /*#__PURE__*/memo(function PortalBoundaryHost({
+  host,
+  style
+}) {
+  const hostName = createPortalBoundaryHostName(host.hostKey, host.boundaryId);
+  const hostClosing = AnimationStore.getValue(host.screenKey, "closing");
+  const hostProgress = AnimationStore.getValue(host.screenKey, "transitionProgress");
+  const hostGestureDismissing = GestureStore.getValue(host.screenKey, "dismissing");
+  const hostScrollMetadata = ScrollStore.getValue(host.screenKey, "metadata");
+  const sourceScrollMetadata = ScrollStore.getValue(getSourceScreenKeyFromPairKey(host.pairKey), "metadata");
+  const hostStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    // Strict per-member lookup — a fallback member's source rect would
+    // misplace this host's teleported content.
+    const link = getLink(host.pairKey, host.boundaryId);
+    if (!link?.source || !link.destination) {
+      return NO_STYLES;
+    }
+
+    // Make the coordinate case explicit before resolving the host offset.
+    // The resolver owns the math; this component decides which screen/scroll
+    // relationship the active portal is in.
+    const isCrossScreenPortal = link.source.screenKey !== host.screenKey;
+    const isHostClosing = hostClosing.get() === 1 || hostGestureDismissing.get() === 1;
+    const placement = !isCrossScreenPortal ? "same-screen" : isHostClosing ? "cross-screen-close" : "cross-screen-open";
+
+    // A source that originated inside its own scroll host moves with that
+    // ScrollView while this portal stays attached over here. Shifting the
+    // source rect by the clamped source scroll travel keeps the return
+    // landing point on the live placeholder, so the close detach is seamless.
+    const trackSourceScroll = isCrossScreenPortal && link.source.sourceHost?.capturesScroll === true;
+    return resolvePortalOffsetStyle({
+      bounds: link.source.bounds,
+      hostCurrentScroll: placement === "cross-screen-close" ? hostScrollMetadata.get() : null,
+      hostKey: host.hostKey,
+      placement,
+      sourceCurrentScroll: trackSourceScroll ? sourceScrollMetadata.get() : null,
+      hostProgress: hostProgress.get(),
+      trackSourceScroll
+    });
+  });
+
+  // Without `react-native-teleport` no portal ever mounts a boundary host, so
+  // this never renders — the guard just narrows the nullable animated host.
+  if (!AnimatedPortalBoundaryHost) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(AnimatedPortalBoundaryHost, {
+    name: hostName,
+    style: [style, hostStyle]
+  });
+});
+//# sourceMappingURL=portal-boundary-host.js.map

package/lib/module/shared/components/boundary/portal/components/portal-boundary-host.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Animated","useAnimatedStyle","NO_STYLES","AnimationStore","getSourceScreenKeyFromPairKey","getLink","GestureStore","ScrollStore","NativePortalHost","createPortalBoundaryHostName","resolvePortalOffsetStyle","jsx","_jsx","AnimatedPortalBoundaryHost","createAnimatedComponent","PortalBoundaryHost","host","style","hostName","hostKey","boundaryId","hostClosing","getValue","screenKey","hostProgress","hostGestureDismissing","hostScrollMetadata","sourceScrollMetadata","pairKey","hostStyle","link","source","destination","isCrossScreenPortal","isHostClosing","get","placement","trackSourceScroll","sourceHost","capturesScroll","bounds","hostCurrentScroll","sourceCurrentScroll","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal-boundary-host.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/components/boundary/portal/components/portal-provider.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { memo } from "react";
+import { NativePortalProvider } from "../teleport";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PortalProvider = /*#__PURE__*/memo(function PortalProvider({
+  children
+}) {
+  if (!NativePortalProvider) {
+    return children;
+  }
+  return /*#__PURE__*/_jsx(NativePortalProvider, {
+    children: children
+  });
+});
+//# sourceMappingURL=portal-provider.js.map

package/lib/module/shared/components/boundary/portal/components/portal-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","NativePortalProvider","jsx","_jsx","PortalProvider","children"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal-provider.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,oBAAoB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,OAAO,MAAMC,cAAc,gBAAGJ,IAAI,CAAC,SAASI,cAAcA,CAAC;EAC1DC;AAGD,CAAC,EAAE;EACF,IAAI,CAACJ,oBAAoB,EAAE;IAC1B,OAAOI,QAAQ;EAChB;EAEA,oBAAOF,IAAA,CAACF,oBAAoB;IAAAI,QAAA,EAAEA;EAAQ,CAAuB,CAAC;AAC/D,CAAC,CAAC","ignoreList":[]}

package/lib/module/shared/components/boundary/portal/components/portal.js

@@ -0,0 +1,193 @@
+"use strict";
+
+import { memo, useCallback, useLayoutEffect, useState } from "react";
+import Animated, { runOnJS, useAnimatedProps, useAnimatedReaction, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { useDescriptorsStore } from "../../../../providers/screen/descriptors";
+import { useScreenStyles } from "../../../../providers/screen/styles";
+import { AnimationStore } from "../../../../stores/animation.store";
+import { getLinkKeyFromTag } from "../../../../stores/bounds/helpers/link-pairs.helpers";
+import { getLink } from "../../../../stores/bounds/internals/links";
+import { pairs } from "../../../../stores/bounds/internals/state";
+import { createTransitionAwareComponent } from "../../../create-transition-aware-component";
+import { getHostCapturesScroll, useActiveHostKey } from "../stores/host-registry.store";
+import { mountPortalBoundaryHost, unmountPortalBoundaryHost } from "../stores/portal-boundary-host.store";
+import { isTeleportAvailable, NativePortal } from "../teleport";
+import { resolvePortalAttachmentTargets } from "../utils/attachment";
+import { createPortalBoundaryHostName, PORTAL_HOST_NAME_RESET_VALUE } from "../utils/naming";
+import { isTeleportEnabled } from "../utils/teleport-control";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TransitionAwareTeleport = NativePortal ? createTransitionAwareComponent(NativePortal) : null;
+export const Portal = /*#__PURE__*/memo(function Portal({
+  id = "my-id",
+  children,
+  mode = false,
+  placeholderRef
+}) {
+  // Teleporting requires the optional `react-native-teleport` peer. Without it,
+  // a portal-enabled boundary degrades to inline rendering (the `return
+  // children` path below).
+  const isPortalEnabled = !!mode && isTeleportAvailable;
+  const portalAttachTarget = !mode || mode === true ? "current-screen" : mode.attachTo ?? "current-screen";
+  const {
+    stylesMap
+  } = useScreenStyles();
+  const sourcePairKey = useDescriptorsStore(s => s.derivations.sourcePairKey);
+  const currentScreenKey = useDescriptorsStore(s => s.derivations.currentScreenKey);
+  const nextScreenKey = useDescriptorsStore(s => s.derivations.nextScreenKey);
+  const [attachment, setAttachment] = useState(PORTAL_HOST_NAME_RESET_VALUE);
+  const attachedHostName = useSharedValue(PORTAL_HOST_NAME_RESET_VALUE);
+  const placeholderWidth = useSharedValue(0);
+  const placeholderHeight = useSharedValue(0);
+  const {
+    progressScreenKey,
+    targetScreenKey
+  } = resolvePortalAttachmentTargets({
+    attachment,
+    currentScreenKey,
+    nextScreenKey,
+    portalAttachTarget,
+    sourcePairKey
+  });
+  const activeHostKey = useActiveHostKey(targetScreenKey);
+  const activeHostCapturesScroll = activeHostKey ? getHostCapturesScroll(activeHostKey) : false;
+  const progress = AnimationStore.getValue(progressScreenKey ?? "", "transitionProgress");
+  const closing = AnimationStore.getValue(progressScreenKey ?? "", "closing");
+  const updatePortalAttachment = useCallback((matchedScreenKey, pairKey) => {
+    if (matchedScreenKey && pairKey) {
+      setAttachment(current => {
+        if (current?.matchedScreenKey === matchedScreenKey && current.pairKey === pairKey) {
+          return current;
+        }
+        return {
+          matchedScreenKey,
+          pairKey
+        };
+      });
+      return;
+    }
+    setAttachment(current => current ? null : current);
+  }, []);
+  useLayoutEffect(() => {
+    if (!isPortalEnabled || !attachment || !activeHostKey || !targetScreenKey) {
+      attachedHostName.set(PORTAL_HOST_NAME_RESET_VALUE);
+      return;
+    }
+    mountPortalBoundaryHost({
+      boundaryId: id,
+      capturesScroll: activeHostCapturesScroll,
+      hostKey: activeHostKey,
+      pairKey: attachment.pairKey,
+      screenKey: targetScreenKey
+    });
+
+    // The native registry parks portals whose host has not registered yet and
+    // re-parents the moment it does, so the host name can be handed over
+    // immediately — ordering belongs to the registry, not to frame counting.
+    // hostName rides animated props, so the handover needs no React commit.
+    attachedHostName.set(createPortalBoundaryHostName(activeHostKey, id));
+  }, [activeHostKey, activeHostCapturesScroll, attachedHostName, attachment, id, isPortalEnabled, targetScreenKey]);
+  useLayoutEffect(() => {
+    return () => {
+      attachedHostName.set(PORTAL_HOST_NAME_RESET_VALUE);
+      unmountPortalBoundaryHost(id);
+    };
+  }, [attachedHostName, id]);
+  useAnimatedReaction(() => {
+    "worklet";
+
+    if (!isPortalEnabled || !sourcePairKey) {
+      return null;
+    }
+    pairs.get();
+    // Strict per-member lookup: getResolvedLink's group fallback borrows
+    // the initial member's link for style resolution, which would make
+    // every inactive group member's portal see a "complete" link and
+    // attach. A portal may only teleport on its OWN member's link.
+    const link = getLink(sourcePairKey, id);
+    if (link?.status !== "complete") {
+      return null;
+    }
+
+    // Grouped portals teleport only while their member is the group's
+    // active id — retargeting detaches the previous member (its content
+    // returns home) and attaches the new one. Exactly one grouped member
+    // is teleported at a time.
+    if (link.group) {
+      const activeId = pairs.get()[sourcePairKey]?.groups?.[link.group]?.activeId;
+      if (activeId && activeId !== getLinkKeyFromTag(id)) {
+        return null;
+      }
+    }
+    return link.destination.screenKey;
+  }, (matchedScreenKey, previousMatchedScreenKey) => {
+    "worklet";
+
+    if (matchedScreenKey === previousMatchedScreenKey) {
+      return;
+    }
+    runOnJS(updatePortalAttachment)(matchedScreenKey, sourcePairKey);
+  });
+  const teleportProps = useAnimatedProps(() => {
+    "worklet";
+
+    // Opening waits for the destination transition to start so content is not
+    // re-parented before the host is visually ready. Closing stays attached
+    // through progress 0 so the final frame can land in the matched host.
+    const attachThreshold = closing.get() === 1 ? 0 : 0.001;
+    const {
+      teleport,
+      ...slotProps
+    } = stylesMap.get()[id]?.props ?? {};
+    const shouldTeleport = isTeleportEnabled(teleport);
+    return {
+      // Preserve portal slot props from the interpolator while keeping
+      // hostName owned by the attachment gate below.
+      ...slotProps,
+      hostName: shouldTeleport && progress.get() >= attachThreshold ? attachedHostName.get() : PORTAL_HOST_NAME_RESET_VALUE
+    };
+  });
+
+  // Pin the placeholder to its measured size while content lives in the host,
+  // in the same UI frame the host name flips — no commit in between. Until the
+  // first layout lands (dims 0) sizing stays natural so an instant attach
+  // cannot collapse the slot.
+  const placeholderStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    const hostName = attachedHostName.get();
+    const isAttached = hostName !== null;
+    const width = placeholderWidth.get();
+    const height = placeholderHeight.get();
+    if (!isAttached || width === 0) {
+      return {
+        width: "auto",
+        height: "auto"
+      };
+    }
+    return {
+      width,
+      height
+    };
+  });
+  if (isPortalEnabled && TransitionAwareTeleport) {
+    return /*#__PURE__*/_jsx(Animated.View, {
+      ref: placeholderRef,
+      onLayout: event => {
+        placeholderWidth.set(event.nativeEvent.layout.width);
+        placeholderHeight.set(event.nativeEvent.layout.height);
+      },
+      style: placeholderStyle,
+      collapsable: false,
+      children: /*#__PURE__*/_jsx(TransitionAwareTeleport, {
+        animatedProps: teleportProps,
+        name: id,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: placeholderStyle,
+          children: children
+        })
+      })
+    });
+  }
+  return children;
+});
+//# sourceMappingURL=portal.js.map

package/lib/module/shared/components/boundary/portal/components/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useLayoutEffect","useState","Animated","runOnJS","useAnimatedProps","useAnimatedReaction","useAnimatedStyle","useSharedValue","useDescriptorsStore","useScreenStyles","AnimationStore","getLinkKeyFromTag","getLink","pairs","createTransitionAwareComponent","getHostCapturesScroll","useActiveHostKey","mountPortalBoundaryHost","unmountPortalBoundaryHost","isTeleportAvailable","NativePortal","resolvePortalAttachmentTargets","createPortalBoundaryHostName","PORTAL_HOST_NAME_RESET_VALUE","isTeleportEnabled","jsx","_jsx","TransitionAwareTeleport","Portal","id","children","mode","placeholderRef","isPortalEnabled","portalAttachTarget","attachTo","stylesMap","sourcePairKey","s","derivations","currentScreenKey","nextScreenKey","attachment","setAttachment","attachedHostName","placeholderWidth","placeholderHeight","progressScreenKey","targetScreenKey","activeHostKey","activeHostCapturesScroll","progress","getValue","closing","updatePortalAttachment","matchedScreenKey","pairKey","current","set","boundaryId","capturesScroll","hostKey","screenKey","get","link","status","group","activeId","groups","destination","previousMatchedScreenKey","teleportProps","attachThreshold","teleport","slotProps","props","shouldTeleport","hostName","placeholderStyle","isAttached","width","height","View","ref","onLayout","event","nativeEvent","layout","style","collapsable","animatedProps","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal.tsx"],"mappings":";;AAAA,SAGCA,IAAI,EAEJC,WAAW,EACXC,eAAe,EACfC,QAAQ,QACF,OAAO;AAEd,OAAOC,QAAQ,IAEdC,OAAO,EACPC,gBAAgB,EAChBC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,QACR,yBAAyB;AAChC,SAASC,mBAAmB,QAAQ,0CAA0C;AAC9E,SAASC,eAAe,QAAQ,qCAAqC;AACrE,SAASC,cAAc,QAAQ,oCAAoC;AACnE,SAASC,iBAAiB,QAAQ,sDAAsD;AACxF,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,KAAK,QAAQ,2CAA2C;AACjE,SAASC,8BAA8B,QAAQ,4CAA4C;AAE3F,SACCC,qBAAqB,EACrBC,gBAAgB,QACV,+BAA+B;AACtC,SACCC,uBAAuB,EACvBC,yBAAyB,QACnB,sCAAsC;AAC7C,SAASC,mBAAmB,EAAEC,YAAY,QAAQ,aAAa;AAC/D,SAECC,8BAA8B,QACxB,qBAAqB;AAC5B,SACCC,4BAA4B,EAC5BC,4BAA4B,QACtB,iBAAiB;AACxB,SAASC,iBAAiB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9D,MAAMC,uBAAuB,GAAGP,YAAY,GACzCN,8BAA8B,CAC9BM,YACD,CAAC,GACA,IAAI;AAeP,OAAO,MAAMQ,MAAM,gBAAG9B,IAAI,CAAC,SAAS8B,MAAMA,CAAC;EAC1CC,EAAE,GAAG,OAAO;EACZC,QAAQ;EACRC,IAAI,GAAG,KAAK;EACZC;AACY,CAAC,EAAE;EACf;EACA;EACA;EACA,MAAMC,eAAe,GAAG,CAAC,CAACF,IAAI,IAAIZ,mBAAmB;EACrD,MAAMe,kBAA8C,GACnD,CAACH,IAAI,IAAIA,IAAI,KAAK,IAAI,GACnB,gBAAgB,GACfA,IAAI,CAACI,QAAQ,IAAI,gBAAiB;EACvC,MAAM;IAAEC;EAAU,CAAC,GAAG3B,eAAe,CAAC,CAAC;EACvC,MAAM4B,aAAa,GAAG7B,mBAAmB,CAAE8B,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACF,aAAa,CAAC;EAC7E,MAAMG,gBAAgB,GAAGhC,mBAAmB,CAC1C8B,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACC,gBACtB,CAAC;EAED,MAAMC,aAAa,GAAGjC,mBAAmB,CAAE8B,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACE,aAAa,CAAC;EAE7E,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG1C,QAAQ,CAC3CsB,4BACD,CAAC;EACD,MAAMqB,gBAAgB,GAAGrC,cAAc,CACtCgB,4BACD,CAAC;EACD,MAAMsB,gBAAgB,GAAGtC,cAAc,CAAC,CAAC,CAAC;EAC1C,MAAMuC,iBAAiB,GAAGvC,cAAc,CAAC,CAAC,CAAC;EAE3C,MAAM;IAAEwC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG3B,8BAA8B,CAC5E;IACCqB,UAAU;IACVF,gBAAgB;IAChBC,aAAa;IACbP,kBAAkB;IAClBG;EACD,CACD,CAAC;EACD,MAAMY,aAAa,GAAGjC,gBAAgB,CAACgC,eAAe,CAAC;EACvD,MAAME,wBAAwB,GAAGD,aAAa,GAC3ClC,qBAAqB,CAACkC,aAAa,CAAC,GACpC,KAAK;EACR,MAAME,QAAQ,GAAGzC,cAAc,CAAC0C,QAAQ,CACvCL,iBAAiB,IAAI,EAAE,EACvB,oBACD,CAAC;EACD,MAAMM,OAAO,GAAG3C,cAAc,CAAC0C,QAAQ,CAACL,iBAAiB,IAAI,EAAE,EAAE,SAAS,CAAC;EAE3E,MAAMO,sBAAsB,GAAGvD,WAAW,CACzC,CAACwD,gBAA+B,EAAEC,OAAgB,KAAK;IACtD,IAAID,gBAAgB,IAAIC,OAAO,EAAE;MAChCb,aAAa,CAAEc,OAAO,IAAK;QAC1B,IACCA,OAAO,EAAEF,gBAAgB,KAAKA,gBAAgB,IAC9CE,OAAO,CAACD,OAAO,KAAKA,OAAO,EAC1B;UACD,OAAOC,OAAO;QACf;QAEA,OAAO;UACNF,gBAAgB;UAChBC;QACD,CAAC;MACF,CAAC,CAAC;MACF;IACD;IAEAb,aAAa,CAAEc,OAAO,IAAMA,OAAO,GAAG,IAAI,GAAGA,OAAQ,CAAC;EACvD,CAAC,EACD,EACD,CAAC;EAEDzD,eAAe,CAAC,MAAM;IACrB,IAAI,CAACiC,eAAe,IAAI,CAACS,UAAU,IAAI,CAACO,aAAa,IAAI,CAACD,eAAe,EAAE;MAC1EJ,gBAAgB,CAACc,GAAG,CAACnC,4BAA4B,CAAC;MAClD;IACD;IAEAN,uBAAuB,CAAC;MACvB0C,UAAU,EAAE9B,EAAE;MACd+B,cAAc,EAAEV,wBAAwB;MACxCW,OAAO,EAAEZ,aAAa;MACtBO,OAAO,EAAEd,UAAU,CAACc,OAAO;MAC3BM,SAAS,EAAEd;IACZ,CAAC,CAAC;;IAEF;IACA;IACA;IACA;IACAJ,gBAAgB,CAACc,GAAG,CAACpC,4BAA4B,CAAC2B,aAAa,EAAEpB,EAAE,CAAC,CAAC;EACtE,CAAC,EAAE,CACFoB,aAAa,EACbC,wBAAwB,EACxBN,gBAAgB,EAChBF,UAAU,EACVb,EAAE,EACFI,eAAe,EACfe,eAAe,CACf,CAAC;EAEFhD,eAAe,CAAC,MAAM;IACrB,OAAO,MAAM;MACZ4C,gBAAgB,CAACc,GAAG,CAACnC,4BAA4B,CAAC;MAClDL,yBAAyB,CAACW,EAAE,CAAC;IAC9B,CAAC;EACF,CAAC,EAAE,CAACe,gBAAgB,EAAEf,EAAE,CAAC,CAAC;EAE1BxB,mBAAmB,CAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAAC4B,eAAe,IAAI,CAACI,aAAa,EAAE;MACvC,OAAO,IAAI;IACZ;IAEAxB,KAAK,CAACkD,GAAG,CAAC,CAAC;IACX;IACA;IACA;IACA;IACA,MAAMC,IAAI,GAAGpD,OAAO,CAACyB,aAAa,EAAER,EAAE,CAAC;IAEvC,IAAImC,IAAI,EAAEC,MAAM,KAAK,UAAU,EAAE;MAChC,OAAO,IAAI;IACZ;;IAEA;IACA;IACA;IACA;IACA,IAAID,IAAI,CAACE,KAAK,EAAE;MACf,MAAMC,QAAQ,GACbtD,KAAK,CAACkD,GAAG,CAAC,CAAC,CAAC1B,aAAa,CAAC,EAAE+B,MAAM,GAAGJ,IAAI,CAACE,KAAK,CAAC,EAAEC,QAAQ;MAE3D,IAAIA,QAAQ,IAAIA,QAAQ,KAAKxD,iBAAiB,CAACkB,EAAE,CAAC,EAAE;QACnD,OAAO,IAAI;MACZ;IACD;IAEA,OAAOmC,IAAI,CAACK,WAAW,CAACP,SAAS;EAClC,CAAC,EACD,CAACP,gBAAgB,EAAEe,wBAAwB,KAAK;IAC/C,SAAS;;IACT,IAAIf,gBAAgB,KAAKe,wBAAwB,EAAE;MAClD;IACD;IAEAnE,OAAO,CAACmD,sBAAsB,CAAC,CAACC,gBAAgB,EAAElB,aAAa,CAAC;EACjE,CACD,CAAC;EAED,MAAMkC,aAAa,GAAGnE,gBAAgB,CAAC,MAAM;IAC5C,SAAS;;IAET;IACA;IACA;IACA,MAAMoE,eAAe,GAAGnB,OAAO,CAACU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK;IACvD,MAAM;MAAEU,QAAQ;MAAE,GAAGC;IAAU,CAAC,GAAGtC,SAAS,CAAC2B,GAAG,CAAC,CAAC,CAAClC,EAAE,CAAC,EAAE8C,KAAK,IAAI,CAAC,CAAC;IACnE,MAAMC,cAAc,GAAGpD,iBAAiB,CAACiD,QAAQ,CAAC;IAElD,OAAO;MACN;MACA;MACA,GAAGC,SAAS;MACZG,QAAQ,EACPD,cAAc,IAAIzB,QAAQ,CAACY,GAAG,CAAC,CAAC,IAAIS,eAAe,GAChD5B,gBAAgB,CAACmB,GAAG,CAAC,CAAC,GACtBxC;IACL,CAAC;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA;EACA,MAAMuD,gBAAgB,GAAGxE,gBAAgB,CAAC,MAAM;IAC/C,SAAS;;IACT,MAAMuE,QAAQ,GAAGjC,gBAAgB,CAACmB,GAAG,CAAC,CAAC;IACvC,MAAMgB,UAAU,GAAGF,QAAQ,KAAK,IAAI;IACpC,MAAMG,KAAK,GAAGnC,gBAAgB,CAACkB,GAAG,CAAC,CAAC;IACpC,MAAMkB,MAAM,GAAGnC,iBAAiB,CAACiB,GAAG,CAAC,CAAC;IAEtC,IAAI,CAACgB,UAAU,IAAIC,KAAK,KAAK,CAAC,EAAE;MAC/B,OAAO;QAAEA,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAC;IACzC;IAEA,OAAO;MAAED,KAAK;MAAEC;IAAO,CAAC;EACzB,CAAC,CAAC;EAEF,IAAIhD,eAAe,IAAIN,uBAAuB,EAAE;IAC/C,oBACCD,IAAA,CAACxB,QAAQ,CAACgF,IAAI;MACbC,GAAG,EAAEnD,cAAe;MACpBoD,QAAQ,EAAGC,KAAK,IAAK;QACpBxC,gBAAgB,CAACa,GAAG,CAAC2B,KAAK,CAACC,WAAW,CAACC,MAAM,CAACP,KAAK,CAAC;QACpDlC,iBAAiB,CAACY,GAAG,CAAC2B,KAAK,CAACC,WAAW,CAACC,MAAM,CAACN,MAAM,CAAC;MACvD,CAAE;MACFO,KAAK,EAAEV,gBAAiB;MACxBW,WAAW,EAAE,KAAM;MAAA3D,QAAA,eAEnBJ,IAAA,CAACC,uBAAuB;QAAC+D,aAAa,EAAEnB,aAAc;QAACoB,IAAI,EAAE9D,EAAG;QAAAC,QAAA,eAC/DJ,IAAA,CAACxB,QAAQ,CAACgF,IAAI;UAACM,KAAK,EAAEV,gBAAiB;UAAAhD,QAAA,EAAEA;QAAQ,CAAgB;MAAC,CAC1C;IAAC,CACZ,CAAC;EAElB;EAEA,OAAOA,QAAQ;AAChB,CAAC,CAAC","ignoreList":[]}