react-native-screen-transitions 3.4.0 → 3.5.0

package/lib/typescript/shared/utils/bounds/helpers/create-bound-tag.d.ts

@@ -1,7 +1,11 @@
 import type { BoundId } from "../types/options";
-export type ResolveBoundTagParams = {
+export type CreateBoundTagParams = {
     id?: BoundId;
     group?: string;
 };
-export declare const createBoundTag: ({ id, group, }: ResolveBoundTagParams) => string | undefined;
+/**
+ * Creates a bound tag by formatting the given id and optional group
+ * into a `group:id` string. If no group is provided, returns just the id.
+ */
+export declare const createBoundTag: ({ id, group, }: CreateBoundTagParams) => string | undefined;
 //# sourceMappingURL=create-bound-tag.d.ts.map

package/lib/typescript/shared/utils/bounds/helpers/create-bound-tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-bound-tag.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-bound-tag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,qBAAqB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gBAG5B,qBAAqB,KAAG,MAAM,GAAG,SAYnC,CAAC"}
+{"version":3,"file":"create-bound-tag.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-bound-tag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG;IAClC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,gBAG5B,oBAAoB,KAAG,MAAM,GAAG,SAYlC,CAAC"}

package/lib/typescript/shared/utils/bounds/helpers/create-interpolators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-interpolators.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-interpolators.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,kBAAkB,EACvB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;IACzD,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,wBAGjC,kBAAkB;4BAId,OAAO,YACF,MAAM,aACL,MAAM,KACf,MAAM;6BAkEH,OAAO,YACF,MAAM,kBAAkB,wBACZ,MAAM,GAAG,MAAM,aAC1B,MAAM,KACf,MAAM;CAmBT,CAAC"}
+{"version":3,"file":"create-interpolators.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-interpolators.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,kBAAkB,EACvB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;IACzD,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,wBAGjC,kBAAkB;4BAId,OAAO,YACF,MAAM,aACL,MAAM,KACf,MAAM;6BAqEH,OAAO,YACF,MAAM,kBAAkB,wBACZ,MAAM,GAAG,MAAM,aAC1B,MAAM,KACf,MAAM;CAmBT,CAAC"}

package/lib/typescript/shared/utils/bounds/helpers/create-link-accessor.d.ts

@@ -1,10 +1,11 @@
-import { type Snapshot } from "../../../stores/bounds";
+import { type MeasuredEntry } from "../../../stores/bounds";
 import type { ScreenInterpolationProps } from "../../../types/animation.types";
 import type { BoundsLink } from "../../../types/bounds.types";
 import type { BoundId } from "../types/options";
 type GetProps = () => Omit<ScreenInterpolationProps, "bounds">;
 export type LinkAccessor = {
-    getSnapshot: (tag: BoundId, key?: string) => Snapshot | null;
+    getMeasured: (tag: BoundId, key?: string) => MeasuredEntry | null;
+    getSnapshot: (tag: BoundId, key?: string) => MeasuredEntry | null;
     getLink: (tag: BoundId) => BoundsLink | null;
 };
 export declare const createLinkAccessor: (getProps: GetProps) => LinkAccessor;

package/lib/typescript/shared/utils/bounds/helpers/create-link-accessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-link-accessor.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-link-accessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,UAAU,GAAG,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,UAAU,QAAQ,KAAG,YA+BvD,CAAC"}
+{"version":3,"file":"create-link-accessor.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/create-link-accessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,IAAI,CAAC;IAClE,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,IAAI,CAAC;IAClE,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,UAAU,GAAG,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,UAAU,QAAQ,KAAG,YAqCvD,CAAC"}

package/lib/typescript/shared/utils/bounds/helpers/prepare-bound-styles.d.ts

@@ -15,6 +15,6 @@ type BuildBoundsOptionsParams = {
     overrides?: Partial<BoundsOptions>;
 };
 export declare const buildBoundsOptions: ({ props, id, group, overrides, }: BuildBoundsOptionsParams) => BoundsOptions;
-export declare const prepareBoundStyles: <T extends BoundsOptions>({ props, options, resolvedPair, syncGroupActiveId, }: ComputeResolvedBoundsStylesParams<T>) => BoundsOptionsResult<T>;
+export declare const prepareBoundStyles: <T extends BoundsOptions>({ props, options, resolvedPair, }: ComputeResolvedBoundsStylesParams<T>) => BoundsOptionsResult<T>;
 export {};
 //# sourceMappingURL=prepare-bound-styles.d.ts.map

package/lib/typescript/shared/utils/bounds/helpers/prepare-bound-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prepare-bound-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/prepare-bound-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,KAAK,EACX,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,MAAM,kBAAkB,CAAC;AAI1B,KAAK,qBAAqB,GAAG,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAEtE,KAAK,iCAAiC,CAAC,CAAC,SAAS,aAAa,IAAI;IACjE,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,CAAC,CAAC;IACX,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;IAChD,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kCAKhC,wBAAwB,KAAG,aAoB7B,CAAC;AAaF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,aAAa,EAAE,sDAKzD,iCAAiC,CAAC,CAAC,CAAC,KAAG,mBAAmB,CAAC,CAAC,CA0B9D,CAAC"}
+{"version":3,"file":"prepare-bound-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/helpers/prepare-bound-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,KAAK,EACX,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,MAAM,kBAAkB,CAAC;AAI1B,KAAK,qBAAqB,GAAG,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAEtE,KAAK,iCAAiC,CAAC,CAAC,SAAS,aAAa,IAAI;IACjE,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,CAAC,CAAC;IACX,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;IAChD,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kCAKhC,wBAAwB,KAAG,aAoB7B,CAAC;AAaF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,aAAa,EAAE,mCAIzD,iCAAiC,CAAC,CAAC,CAAC,KAAG,mBAAmB,CAAC,CAAC,CAwB9D,CAAC"}

package/lib/typescript/shared/utils/bounds/helpers/styles/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/utils/bounds/helpers/styles/compute.ts"],"names":[],"mappings":"AASA,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EAEX,mBAAmB,EACnB,aAAa,EACb,MAAM,qBAAqB,CAAC;AAiG7B,eAAO,MAAM,kBAAkB,GAC9B,uDAAuD,mBAAmB,EAC1E,iBAAgB,aAAkC,EAClD,eAAe,sBAAsB,iBA0FrC,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/utils/bounds/helpers/styles/compute.ts"],"names":[],"mappings":"AAOA,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EAEX,mBAAmB,EACnB,aAAa,EACb,MAAM,qBAAqB,CAAC;AAiG7B,eAAO,MAAM,kBAAkB,GAC9B,uDAAuD,mBAAmB,EAC1E,iBAAgB,aAAkC,EAClD,eAAe,sBAAsB,iBAoFrC,CAAC"}

package/lib/typescript/shared/utils/bounds/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/bounds/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,wBAAwB,EAExB,MAAM,0BAA0B,CAAC;AAQlC,eAAO,MAAM,oBAAoB,GAChC,UAAU,MAAM,wBAAwB,KACtC,cAmDF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/utils/bounds/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,wBAAwB,EAExB,MAAM,0BAA0B,CAAC;AAQlC,eAAO,MAAM,oBAAoB,GAChC,UAAU,MAAM,wBAAwB,KACtC,cAoDF,CAAC"}

package/lib/typescript/shared/utils/bounds/zoom/build.d.ts

@@ -1,3 +1,3 @@
 import type { BuildZoomStylesParams, ZoomInterpolatedStyle } from "./types";
-export declare function buildZoomStyles({ resolvedTag, zoomOptions, props, }: BuildZoomStylesParams): ZoomInterpolatedStyle;
+export declare function buildZoomStyles({ tag, zoomOptions, props, }: BuildZoomStylesParams): ZoomInterpolatedStyle;
 //# sourceMappingURL=build.d.ts.map

package/lib/typescript/shared/utils/bounds/zoom/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/zoom/build.ts"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAyL5E,wBAAgB,eAAe,CAAC,EAC/B,WAAW,EACX,WAAW,EACX,KAAK,GACL,EAAE,qBAAqB,GAAG,qBAAqB,CAwa/C"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/zoom/build.ts"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA2H5E,wBAAgB,eAAe,CAAC,EAC/B,GAAG,EACH,WAAW,EACX,KAAK,GACL,EAAE,qBAAqB,GAAG,qBAAqB,CA0X/C"}

package/lib/typescript/shared/utils/bounds/zoom/types.d.ts

@@ -5,7 +5,7 @@ export type ZoomInterpolatedStyle = BoundsNavigationZoomStyle & {
     [NAVIGATION_MASK_ELEMENT_STYLE_ID]?: BoundsNavigationZoomStyle[typeof NAVIGATION_MASK_ELEMENT_STYLE_ID];
 };
 export type BuildZoomStylesParams = {
-    resolvedTag?: string;
+    tag?: string;
     zoomOptions?: BoundsNavigationZoomOptions;
     props: BoundsInterpolationProps;
 };

package/lib/typescript/shared/utils/bounds/zoom/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/zoom/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kCAAkC,EAClC,gCAAgC,EAChC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACX,wBAAwB,EACxB,2BAA2B,EAC3B,yBAAyB,EACzB,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG;IAC/D,CAAC,kCAAkC,CAAC,CAAC,EAAE,yBAAyB,CAAC,OAAO,kCAAkC,CAAC,CAAC;IAC5G,CAAC,gCAAgC,CAAC,CAAC,EAAE,yBAAyB,CAAC,OAAO,gCAAgC,CAAC,CAAC;CACxG,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,KAAK,EAAE,wBAAwB,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/utils/bounds/zoom/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kCAAkC,EAClC,gCAAgC,EAChC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACX,wBAAwB,EACxB,2BAA2B,EAC3B,yBAAyB,EACzB,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG;IAC/D,CAAC,kCAAkC,CAAC,CAAC,EAAE,yBAAyB,CAAC,OAAO,kCAAkC,CAAC,CAAC;IAC5G,CAAC,gCAAgC,CAAC,CAAC,EAAE,yBAAyB,CAAC,OAAO,gCAAgC,CAAC,CAAC;CACxG,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,KAAK,EAAE,wBAAwB,CAAC;CAChC,CAAC"}

package/lib/typescript/shared/utils/create-store.d.ts

@@ -1,14 +1,19 @@
 import type { ScreenKey } from "../types/screen.types";
-interface CreateStoreOptions<TBag> {
+type BagWithActions<TBag, TActions extends object = never> = TBag & ([TActions] extends [never] ? {} : {
+    actions: TActions;
+});
+export interface StoreApi<TBag> {
+    peekBag(routeKey: ScreenKey): TBag | undefined;
+    getBag(routeKey: ScreenKey): TBag;
+    getValue<K extends keyof TBag>(routeKey: ScreenKey, key: K): TBag[K];
+    getCachedBag(): TBag;
+    clearBag(routeKey: ScreenKey): void;
+}
+interface CreateStoreOptions<TBag, TActions extends object = never> {
     createBag: () => TBag;
     disposeBag: (bag: TBag) => void;
+    actions?: (bag: TBag) => TActions;
 }
-export declare function createStore<TBag>({ createBag, disposeBag, }: CreateStoreOptions<TBag>): {
-    peekBag: (routeKey: ScreenKey) => TBag | undefined;
-    getBag: (routeKey: ScreenKey) => TBag;
-    getValue: <K extends keyof TBag>(routeKey: ScreenKey, key: K) => TBag[K];
-    getCachedBag: () => TBag;
-    clearBag: (routeKey: ScreenKey) => void;
-};
+export declare function createStore<TBag, TActions extends object = never>({ createBag, disposeBag, actions: createActions, }: CreateStoreOptions<TBag, TActions>): StoreApi<BagWithActions<TBag, TActions>>;
 export {};
 //# sourceMappingURL=create-store.d.ts.map

package/lib/typescript/shared/utils/create-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-store.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/create-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,UAAU,kBAAkB,CAAC,IAAI;IAChC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,EACjC,SAAS,EACT,UAAU,GACV,EAAE,kBAAkB,CAAC,IAAI,CAAC;wBAIC,SAAS,KAAG,IAAI,GAAG,SAAS;uBAI7B,SAAS,KAAG,IAAI;eASxB,CAAC,SAAS,MAAM,IAAI,YAC3B,SAAS,OACd,CAAC,KACJ,IAAI,CAAC,CAAC,CAAC;wBASe,IAAI;yBAOD,SAAS;EAerC"}
+{"version":3,"file":"create-store.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/create-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,KAAK,cAAc,CAAC,IAAI,EAAE,QAAQ,SAAS,MAAM,GAAG,KAAK,IAAI,IAAI,GAChE,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAE3D,MAAM,WAAW,QAAQ,CAAC,IAAI;IAC7B,OAAO,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/C,MAAM,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrE,YAAY,IAAI,IAAI,CAAC;IACrB,QAAQ,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,kBAAkB,CAAC,IAAI,EAAE,QAAQ,SAAS,MAAM,GAAG,KAAK;IACjE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,QAAQ,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,SAAS,MAAM,GAAG,KAAK,EAAE,EAClE,SAAS,EACT,UAAU,EACV,OAAO,EAAE,aAAa,GACtB,EAAE,kBAAkB,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAC/C,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAC9B,CA8DA"}

package/lib/typescript/shared/utils/platform.d.ts

@@ -1,5 +1,2 @@
-/**
- * Detects whether the app is running on React Native's new architecture (Fabric).
- */
 export declare function isFabric(): boolean;
 //# sourceMappingURL=platform.d.ts.map

package/lib/typescript/shared/utils/platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/platform.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,QAAQ,IAAI,OAAO,CAElC"}
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/platform.ts"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,IAAI,OAAO,CAElC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-screen-transitions",
-	"version": "3.4.0",
+	"version": "3.5.0",
 	"description": "Easy screen transitions for React Native and Expo",
 	"author": "Ed",
 	"license": "MIT",

package/src/shared/components/create-boundary-component/create-boundary-component.tsx

@@ -15,14 +15,13 @@ import Animated, {
 import { NO_STYLES } from "../../constants";
 import { useDescriptorDerivations } from "../../providers/screen/descriptors";
 import { useScreenStyles } from "../../providers/screen/styles";
-import { AnimationStore } from "../../stores/animation.store";
 import { BoundStore } from "../../stores/bounds";
 import { prepareStyleForBounds } from "../../utils/bounds/helpers/styles/styles";
-import { useAutoSourceMeasurement } from "./hooks/use-auto-source-measurement";
-import { useBoundaryMeasureAndStore } from "./hooks/use-boundary-measure-and-store";
 import { useBoundaryPresence } from "./hooks/use-boundary-presence";
-import { usePendingDestinationMeasurement } from "./hooks/use-pending-destination-measurement";
-import { usePreTransitionMeasurement } from "./hooks/use-pre-transition-measurement";
+import { useCaptureDestinationBoundary } from "./hooks/use-capture-destination-boundary";
+import { useCaptureSourceBoundary } from "./hooks/use-capture-source-boundary";
+import { useMeasurer } from "./hooks/use-measurer";
+import { useRefreshBoundary } from "./hooks/use-refresh-boundary";
 import {
 	BoundaryOwnerProvider,
 	useBoundaryOwner,
@@ -93,36 +92,21 @@ export function createBoundaryComponent<P extends object>(
 			};
 		}, [anchor, scaleMode, target, method]);
 
-		const isAnimating = AnimationStore.getValue(currentScreenKey, "animating");
-
 		const preparedStyles = useMemo(() => prepareStyleForBounds(style), [style]);
-		const { elementStylesMap } = useScreenStyles();
+		const { stylesMap } = useScreenStyles();
 
 		const associatedStyles = useAnimatedStyle(() => {
 			"worklet";
-
-			const baseStyle =
-				(elementStylesMap.value[sharedBoundTag]?.style as
-					| Record<string, any>
-					| undefined) ?? (NO_STYLES as Record<string, any>);
-
-			if ("opacity" in baseStyle) {
-				return baseStyle;
-			}
-
-			return { ...baseStyle, opacity: 1 };
+			return stylesMap.get()[sharedBoundTag]?.style ?? NO_STYLES;
 		});
 
 		const associatedStackingStyles = useAnimatedStyle(() => {
 			"worklet";
-			const baseStyle =
-				(elementStylesMap.value[sharedBoundTag]?.style as
-					| Record<string, any>
-					| undefined) ?? (NO_STYLES as Record<string, any>);
+			const baseStyle = stylesMap.get()[sharedBoundTag]?.style;
 
 			return {
-				zIndex: (baseStyle.zIndex as number | undefined) ?? 0,
-				elevation: (baseStyle.elevation as number | undefined) ?? 0,
+				zIndex: baseStyle?.zIndex ?? 0,
+				elevation: baseStyle?.elevation ?? 0,
 			};
 		});
 
@@ -131,7 +115,7 @@ export function createBoundaryComponent<P extends object>(
 			associatedTargetStyles: runtimeEnabled ? associatedStyles : undefined,
 		});
 
-		const maybeMeasureAndStore = useBoundaryMeasureAndStore({
+		const measureBoundary = useMeasurer({
 			enabled,
 			sharedBoundTag,
 			preferredSourceScreenKey,
@@ -159,34 +143,32 @@ export function createBoundaryComponent<P extends object>(
 
 		// On the source screen, capture source bounds when a matching destination
 		// appears on the next screen.
-		useAutoSourceMeasurement({
+		useCaptureSourceBoundary({
 			enabled: runtimeEnabled,
 			sharedBoundTag,
 			id,
 			group,
 			nextScreenKey,
-			maybeMeasureAndStore,
+			measureBoundary,
 		});
 
-		// Destination completion path: do one immediate completion attempt when a
-		// pending source link appears, then retry during transition progress if the
-		// first attempt races layout readiness.
-		usePendingDestinationMeasurement({
+		// Destination completion path: hold lifecycle start until the first valid
+		// destination measurement attaches, then release the pending transition.
+		useCaptureDestinationBoundary({
 			sharedBoundTag,
 			enabled: shouldRunDestinationEffects,
 			id,
 			group,
 			currentScreenKey,
 			expectedSourceScreenKey: preferredSourceScreenKey,
-			animating: isAnimating,
-			maybeMeasureAndStore,
+			measureBoundary,
 		});
 
 		// Pre-transition measurement path: when this route or its next sibling is
 		// about to animate, capture or refresh the measurements needed before
 		// progress or transform state mutates. Grouped sources refresh existing
 		// links; plain sources only backfill when missing.
-		usePreTransitionMeasurement({
+		useRefreshBoundary({
 			enabled: runtimeEnabled,
 			sharedBoundTag,
 			id,
@@ -194,22 +176,22 @@ export function createBoundaryComponent<P extends object>(
 			currentScreenKey,
 			nextScreenKey,
 			hasNextScreen,
-			maybeMeasureAndStore,
+			measureBoundary,
 		});
 
 		const handlePress = useCallback(
 			(...args: unknown[]) => {
 				// Press path has priority: capture source before user onPress/navigation.
 				if (group) {
-					runOnUI(BoundStore.setGroupActiveId)(group, String(id));
+					runOnUI(BoundStore.group.setActiveId)(group, String(id));
 				}
-				runOnUI(maybeMeasureAndStore)({ intent: "capture-source" });
+				runOnUI(measureBoundary)({ intent: "capture-source" });
 
 				if (typeof onPress === "function") {
 					onPress(...args);
 				}
 			},
-			[group, id, maybeMeasureAndStore, onPress],
+			[group, id, measureBoundary, onPress],
 		);
 
 		const resolvedOnPress =

package/src/shared/components/create-boundary-component/helpers/resolve-pending-source-key.ts

@@ -7,14 +7,11 @@ export const resolvePendingSourceKey = (
 	"worklet";
 	if (
 		expectedSourceScreenKey &&
-		(BoundStore.hasPendingLinkFromSource(
-			sharedBoundTag,
-			expectedSourceScreenKey,
-		) ||
-			BoundStore.hasSourceLink(sharedBoundTag, expectedSourceScreenKey))
+		(BoundStore.link.getPending(sharedBoundTag, expectedSourceScreenKey) ||
+			BoundStore.link.hasSource(sharedBoundTag, expectedSourceScreenKey))
 	) {
 		return expectedSourceScreenKey;
 	}
 
-	return BoundStore.getLatestPendingSourceScreenKey(sharedBoundTag);
+	return BoundStore.link.getPending(sharedBoundTag)?.source.screenKey ?? null;
 };

package/src/shared/components/create-boundary-component/hooks/helpers/measurement-rules.ts

@@ -1,18 +1,18 @@
-import type { MeasurementIntent } from "../../types";
+import type { MeasureIntent } from "../../types";
 
 type PresenceLikeEntry = {
 	count: number;
 	ancestorKeys?: string[];
 };
 
-export type MeasurementIntentFlags = {
+export type MeasureIntentFlags = {
 	captureSource: boolean;
 	completeDestination: boolean;
 	refreshSource: boolean;
 	refreshDestination: boolean;
 };
 
-export type MeasurementWritePlan = {
+export type MeasureWritePlan = {
 	captureSource: boolean;
 	completeDestination: boolean;
 	refreshSource: boolean;
@@ -26,11 +26,11 @@ export type DeferredMeasurementAction =
 	| "queue-or-flush"
 	| "noop";
 
-export const getMeasurementIntentFlags = (
-	intent?: MeasurementIntent | readonly MeasurementIntent[],
-): MeasurementIntentFlags => {
+export const getMeasureIntentFlags = (
+	intent?: MeasureIntent | readonly MeasureIntent[],
+): MeasureIntentFlags => {
 	"worklet";
-	const flags: MeasurementIntentFlags = {
+	const flags: MeasureIntentFlags = {
 		captureSource: false,
 		completeDestination: false,
 		refreshSource: false,
@@ -63,13 +63,13 @@ export const getMeasurementIntentFlags = (
 	return flags;
 };
 
-export const resolveMeasurementWritePlan = (params: {
-	intents: MeasurementIntentFlags;
+export const resolveMeasureWritePlan = (params: {
+	intents: MeasureIntentFlags;
 	hasPendingLink: boolean;
 	hasSourceLink: boolean;
 	hasDestinationLink: boolean;
 	hasAttachableSourceLink: boolean;
-}): MeasurementWritePlan => {
+}): MeasureWritePlan => {
 	"worklet";
 	const {
 		intents,
@@ -203,7 +203,7 @@ export const resolvePendingDestinationRetrySignal = (params: {
 export const resolvePrepareSourceMeasurementIntent = (params: {
 	hasSourceLink: boolean;
 	shouldRefreshExistingSource: boolean;
-}): MeasurementIntent | null => {
+}): MeasureIntent | null => {
 	"worklet";
 	if (!params.hasSourceLink) {
 		return "capture-source";
@@ -215,7 +215,7 @@ export const resolvePrepareSourceMeasurementIntent = (params: {
 export const PREPARE_DESTINATION_MEASUREMENT_INTENT = [
 	"complete-destination",
 	"refresh-destination",
-] as const satisfies readonly MeasurementIntent[];
+] as const satisfies readonly MeasureIntent[];
 
 export const resolveGroupActiveMeasurementAction = (params: {
 	enabled: boolean;

package/src/shared/components/create-boundary-component/hooks/helpers/measurement.ts

@@ -0,0 +1,43 @@
+import type { MeasuredDimensions } from "react-native-reanimated";
+
+export const SNAPSHOT_EPSILON = 0.5;
+
+export const areMeasurementsEqual = (
+	a: MeasuredDimensions,
+	b: MeasuredDimensions,
+): boolean => {
+	"worklet";
+
+	return (
+		Math.abs(a.x - b.x) <= SNAPSHOT_EPSILON &&
+		Math.abs(a.y - b.y) <= SNAPSHOT_EPSILON &&
+		Math.abs(a.pageX - b.pageX) <= SNAPSHOT_EPSILON &&
+		Math.abs(a.pageY - b.pageY) <= SNAPSHOT_EPSILON &&
+		Math.abs(a.width - b.width) <= SNAPSHOT_EPSILON &&
+		Math.abs(a.height - b.height) <= SNAPSHOT_EPSILON
+	);
+};
+
+export const isMeasurementInViewport = (
+	measured: MeasuredDimensions,
+	viewportWidth: number,
+	viewportHeight: number,
+): boolean => {
+	"worklet";
+
+	if (measured.width <= 0 || measured.height <= 0) {
+		return false;
+	}
+
+	const toleranceX = viewportWidth * 0.15;
+	const toleranceY = viewportHeight * 0.15;
+	const centerX = measured.pageX + measured.width / 2;
+	const centerY = measured.pageY + measured.height / 2;
+
+	return (
+		centerX >= -toleranceX &&
+		centerX <= viewportWidth + toleranceX &&
+		centerY >= -toleranceY &&
+		centerY <= viewportHeight + toleranceY
+	);
+};

package/src/shared/components/create-boundary-component/hooks/use-boundary-presence.ts

@@ -28,20 +28,15 @@ export const useBoundaryPresence = (params: {
 	useLayoutEffect(() => {
 		if (!enabled) return;
 
-		runOnUI(BoundStore.registerBoundaryPresence)(
-			sharedBoundTag,
-			currentScreenKey,
+		runOnUI(BoundStore.entry.set)(sharedBoundTag, currentScreenKey, {
 			ancestorKeys,
 			boundaryConfig,
 			navigatorKey,
 			ancestorNavigatorKeys,
-		);
+		});
 
 		return () => {
-			runOnUI(BoundStore.unregisterBoundaryPresence)(
-				sharedBoundTag,
-				currentScreenKey,
-			);
+			runOnUI(BoundStore.entry.remove)(sharedBoundTag, currentScreenKey);
 		};
 	}, [
 		enabled,

package/src/shared/components/create-boundary-component/hooks/use-capture-destination-boundary.ts

@@ -0,0 +1,149 @@
+import { useLayoutEffect } from "react";
+import {
+	cancelAnimation,
+	runOnUI,
+	useAnimatedReaction,
+	useSharedValue,
+	withDelay,
+	withTiming,
+} from "react-native-reanimated";
+import { AnimationStore } from "../../../stores/animation.store";
+import { BoundStore } from "../../../stores/bounds";
+import { SystemStore } from "../../../stores/system.store";
+import { resolvePendingSourceKey } from "../helpers/resolve-pending-source-key";
+import type { BoundaryId, MeasureParams } from "../types";
+
+const VIEWPORT_RETRY_DELAY_MS = 16;
+
+interface UseCaptureDestinationBoundaryParams {
+	sharedBoundTag: string;
+	enabled: boolean;
+	id: BoundaryId;
+	group?: string;
+	currentScreenKey: string;
+	expectedSourceScreenKey?: string;
+	measureBoundary: (options: MeasureParams) => void;
+}
+
+export const useCaptureDestinationBoundary = ({
+	sharedBoundTag,
+	enabled,
+	id,
+	group,
+	currentScreenKey,
+	expectedSourceScreenKey,
+	measureBoundary,
+}: UseCaptureDestinationBoundaryParams) => {
+	const animating = AnimationStore.getValue(currentScreenKey, "animating");
+	const closing = AnimationStore.getValue(currentScreenKey, "closing");
+	const system = SystemStore.getBag(currentScreenKey);
+	const { blockLifecycleStart, unblockLifecycleStart } = system.actions;
+	const isBlockingLifecycleStart = useSharedValue(0);
+	const retryToken = useSharedValue(0);
+
+	const ensureLifecycleStartBlocked = () => {
+		"worklet";
+		if (isBlockingLifecycleStart.get()) {
+			return;
+		}
+
+		blockLifecycleStart();
+		isBlockingLifecycleStart.set(1);
+	};
+
+	const releaseLifecycleStartBlock = () => {
+		"worklet";
+		cancelAnimation(retryToken);
+
+		if (!isBlockingLifecycleStart.get()) {
+			return;
+		}
+
+		unblockLifecycleStart();
+		isBlockingLifecycleStart.set(0);
+	};
+
+	const scheduleViewportRetry = () => {
+		"worklet";
+		cancelAnimation(retryToken);
+		retryToken.set(
+			withDelay(
+				VIEWPORT_RETRY_DELAY_MS,
+				withTiming(retryToken.get() + 1, { duration: 0 }),
+			),
+		);
+	};
+
+	useAnimatedReaction(
+		() => {
+			"worklet";
+			const retryTick = retryToken.get();
+
+			if (closing.get() || animating.get()) {
+				return [0, retryTick] as const;
+			}
+
+			const resolvedSourceKey = resolvePendingSourceKey(
+				sharedBoundTag,
+				expectedSourceScreenKey,
+			);
+			const hasAttachableSourceLink = resolvedSourceKey
+				? BoundStore.link.getPending(sharedBoundTag, resolvedSourceKey) !==
+						null || BoundStore.link.hasSource(sharedBoundTag, resolvedSourceKey)
+				: false;
+			const hasDestinationLink = BoundStore.link.hasDestination(
+				sharedBoundTag,
+				currentScreenKey,
+			);
+
+			const shouldBlock =
+				enabled &&
+				!!resolvedSourceKey &&
+				hasAttachableSourceLink &&
+				!hasDestinationLink;
+
+			if (!shouldBlock) {
+				return [0, retryTick] as const;
+			}
+
+			if (group && BoundStore.group.getActiveId(group) !== String(id)) {
+				return [0, retryTick] as const;
+			}
+
+			return [1, retryTick] as const;
+		},
+		([shouldBlock]) => {
+			"worklet";
+			if (!shouldBlock) {
+				releaseLifecycleStartBlock();
+				return;
+			}
+
+			ensureLifecycleStartBlocked();
+			measureBoundary({ intent: "complete-destination" });
+
+			if (BoundStore.link.hasDestination(sharedBoundTag, currentScreenKey)) {
+				releaseLifecycleStartBlock();
+				return;
+			}
+
+			scheduleViewportRetry();
+		},
+	);
+
+	useLayoutEffect(() => {
+		return () => {
+			runOnUI(() => {
+				"worklet";
+				cancelAnimation(retryToken);
+
+				if (!isBlockingLifecycleStart.get()) {
+					return;
+				}
+
+				unblockLifecycleStart();
+				isBlockingLifecycleStart.set(0);
+			})();
+		};
+	}, [isBlockingLifecycleStart, retryToken, unblockLifecycleStart]);
+};

package/src/shared/components/create-boundary-component/hooks/use-capture-source-boundary.ts

@@ -0,0 +1,42 @@
+import { useAnimatedReaction } from "react-native-reanimated";
+import { BoundStore } from "../../../stores/bounds";
+import type { BoundaryId, MeasureParams } from "../types";
+
+export const useCaptureSourceBoundary = (params: {
+	enabled: boolean;
+	sharedBoundTag: string;
+	id: BoundaryId;
+	group?: string;
+	nextScreenKey?: string;
+	measureBoundary: (options: MeasureParams) => void;
+}) => {
+	const { enabled, id, group, nextScreenKey, measureBoundary } = params;
+
+	useAnimatedReaction(
+		() => {
+			"worklet";
+			if (!enabled || !nextScreenKey) {
+				return 0;
+			}
+
+			return nextScreenKey;
+		},
+		(captureSignal, previousCaptureSignal) => {
+			"worklet";
+			if (!enabled) return;
+			if (!nextScreenKey) return;
+			if (!captureSignal || captureSignal === previousCaptureSignal) return;
+
+			const currentGroupActiveId = group
+				? BoundStore.group.getActiveId(group)
+				: null;
+
+			if (group && currentGroupActiveId !== String(id)) {
+				return;
+			}
+
+			measureBoundary({ intent: "capture-source" });
+		},
+		[enabled, id, group, nextScreenKey, measureBoundary],
+	);
+};