react-native-screen-transitions 4.0.0-alpha.7 → 4.0.0-alpha.9

package/src/utils/create-provider.tsx

@@ -3,9 +3,11 @@
  * https://github.com/MatiPl01/react-native-sortables/blob/main/packages/react-native-sortables/src/providers/utils/createProvider.tsx
  * SUPER COOL AMAZING UTILITY
  *
- * Store-only provider: values propagate exclusively through a subscription
- * store read with `use${Name}Store(selector)`. There is intentionally no raw
- * context channel, so consumers subscribe only to the values they render.
+ * Store-only provider: values propagate exclusively through subscription
+ * selectors. `use${Name}Store` requires an available store, while
+ * `useOptional${Name}Store` preserves nullable bootstrap and outer-context
+ * access. There is intentionally no raw context channel, so consumers
+ * subscribe only to the values they render.
  *
  * Factories do not memoize what they return:
  * - `value`: the store shallow-compares snapshots and keeps the previous
@@ -14,6 +16,10 @@
  * - `children`: passed-through children keep their identity across
  *   provider-local renders. Factories that wrap children should use a
  *   module-level memoized component for the wrapper.
+ *
+ * Providers created with `global: true` return a `key` from their factory.
+ * Both generated store hooks accept that key to subscribe to the original
+ * provider store from outside its React context.
  */
 import {
 	createContext,
@@ -25,27 +31,52 @@ import {
 	useSyncExternalStore,
 } from "react";
 
-type ProviderSnapshot<
-	ContextValue,
-	Guarded extends boolean,
-> = Guarded extends true ? ContextValue : ContextValue | null;
-
-type ProviderSelector<ContextValue, Guarded extends boolean, Selected> = (
-	value: ProviderSnapshot<ContextValue, Guarded>,
-) => Selected;
+type ProviderStoreHook<ContextValue> = {
+	(): ContextValue;
+	<Selected>(selector: (value: ContextValue) => Selected): Selected;
+};
 
-type ProviderStoreHook<ContextValue, Guarded extends boolean> = {
-	(): ProviderSnapshot<ContextValue, Guarded>;
+type GlobalProviderStoreHook<ContextValue> = {
+	(key: string): ContextValue;
 	<Selected>(
-		selector: ProviderSelector<ContextValue, Guarded, Selected>,
+		key: string,
+		selector: (value: ContextValue) => Selected,
 	): Selected;
 };
 
-export type ProviderFactoryInternals<ContextValue> = {
-	useParentStore: ProviderStoreHook<ContextValue, false>;
+type OptionalProviderStoreHook<ContextValue> = {
+	(): ContextValue | null;
+	<Selected>(selector: (value: ContextValue | null) => Selected): Selected;
 };
 
-export interface ProviderStoreApi<ContextValue> {
+type OptionalGlobalProviderStoreHook<ContextValue> = {
+	(key: string | null): ContextValue | null;
+	<Selected>(
+		key: string | null,
+		selector: (value: ContextValue) => Selected,
+	): Selected | null;
+};
+
+type ResolvedProviderStoreHook<
+	ContextValue,
+	Global extends boolean,
+> = ProviderStoreHook<ContextValue> &
+	(Global extends true ? GlobalProviderStoreHook<ContextValue> : unknown);
+
+type ResolvedOptionalProviderStoreHook<
+	ContextValue,
+	Global extends boolean,
+> = OptionalProviderStoreHook<ContextValue> &
+	(Global extends true
+		? OptionalGlobalProviderStoreHook<ContextValue>
+		: unknown);
+
+type ProviderFactoryResult<ContextValue, Global extends boolean> = {
+	value: ContextValue;
+	children?: ReactNode;
+} & (Global extends true ? { key: string } : { key?: never });
+
+interface ProviderStoreApi<ContextValue> {
 	getSnapshot: () => ContextValue | null;
 	subscribe: (listener: () => void) => () => void;
 }
@@ -56,6 +87,12 @@ interface MutableProviderStoreApi<ContextValue>
 	setSnapshot: (snapshot: ContextValue | null) => boolean;
 }
 
+interface ProviderStoreRegistry<ContextValue> {
+	getStore: (key: string) => ProviderStoreApi<ContextValue> | null;
+	register: (key: string, store: ProviderStoreApi<ContextValue>) => () => void;
+	subscribe: (key: string, listener: () => void) => () => void;
+}
+
 const NullProviderStore: ProviderStoreApi<never> = {
 	getSnapshot: () => null,
 	subscribe: () => () => {},
@@ -127,98 +164,195 @@ const createProviderStore = <ContextValue,>(
 	};
 };
 
+const createProviderStoreRegistry = <
+	ContextValue,
+>(): ProviderStoreRegistry<ContextValue> => {
+	const listenersByKey = new Map<string, Set<() => void>>();
+	const storesByKey = new Map<string, ProviderStoreApi<ContextValue>>();
+
+	const notify = (key: string) => {
+		for (const listener of listenersByKey.get(key) ?? []) {
+			listener();
+		}
+	};
+
+	return {
+		getStore: (key) => storesByKey.get(key) ?? null,
+		register: (key, store) => {
+			storesByKey.set(key, store);
+			notify(key);
+
+			return () => {
+				storesByKey.delete(key);
+				notify(key);
+			};
+		},
+		subscribe: (key, listener) => {
+			const listeners = listenersByKey.get(key) ?? new Set<() => void>();
+			listeners.add(listener);
+			listenersByKey.set(key, listeners);
+
+			return () => {
+				listeners.delete(listener);
+				if (listeners.size === 0) {
+					listenersByKey.delete(key);
+				}
+			};
+		},
+	};
+};
+
 export default function createProvider<
 	ProviderName extends string,
-	Guarded extends boolean = true,
->(name: ProviderName, options?: { guarded?: Guarded }) {
+	Global extends boolean = false,
+>(name: ProviderName, options?: { global?: Global }) {
 	return <ProviderProps extends object, ContextValue>(
 		factory: (
 			props: ProviderProps,
-			internals: ProviderFactoryInternals<ContextValue>,
-		) => {
-			value?: ContextValue;
-			enabled?: boolean;
-			children?: ReactNode;
-		},
+		) => ProviderFactoryResult<ContextValue, Global>,
 	) => {
-		const { guarded = true } = options ?? {};
+		const { global = false } = options ?? {};
 		const providerDisplayName = `${name}Provider`;
+		const globalRegistry = global
+			? createProviderStoreRegistry<ContextValue>()
+			: null;
 
 		const StoreContext = createContext<ProviderStoreApi<ContextValue> | null>(
 			null,
 		);
 		StoreContext.displayName = `${name}Store`;
 
-		const createStoreHook = (strict: boolean) => {
-			return <Selected,>(
-				selector?: (value: ContextValue | null) => Selected,
-			): Selected | ContextValue | null => {
-				const store = useContext(StoreContext);
-				const resolvedStore =
-					store ?? (NullProviderStore as ProviderStoreApi<ContextValue>);
-				const selectorRef = useRef<typeof selector>(selector);
-				selectorRef.current = selector;
-
-				const getSelectedSnapshot = useCallback(() => {
-					if (strict && store === null) {
-						throw new Error(
-							`${name} store must be used within a ${name}Provider`,
-						);
-					}
-
-					const snapshot = resolvedStore.getSnapshot();
-
-					if (strict && snapshot === null) {
-						throw new Error(
-							`${name} store must be used within an enabled ${name}Provider`,
-						);
-					}
-
-					return selectorRef.current ? selectorRef.current(snapshot) : snapshot;
-				}, [resolvedStore, store]);
-
-				return useSyncExternalStore(
-					resolvedStore.subscribe,
-					getSelectedSnapshot,
-					getSelectedSnapshot,
-				);
-			};
-		};
+		const useStoreSelection = <Selected,>(
+			required: boolean,
+			selectorOrKey?:
+				| string
+				| null
+				| ((value: ContextValue | null) => Selected),
+			globalSelector?: (value: ContextValue) => Selected,
+		): Selected | ContextValue | null => {
+			const isGlobalLookup =
+				global && (typeof selectorOrKey === "string" || selectorOrKey === null);
+			const key = isGlobalLookup ? selectorOrKey : null;
+			const selector = (isGlobalLookup ? globalSelector : selectorOrKey) as
+				| ((value: ContextValue | null) => Selected)
+				| undefined;
+			const contextStore = useContext(StoreContext);
+			const selectorRef = useRef(selector);
+			selectorRef.current = selector;
+			const getStore = useCallback(() => {
+				if (isGlobalLookup) {
+					return key !== null && globalRegistry
+						? globalRegistry.getStore(key)
+						: null;
+				}
 
-		const useStoreSelector = createStoreHook(guarded);
-		const factoryInternals: ProviderFactoryInternals<ContextValue> = {
-			useParentStore: createStoreHook(false) as ProviderStoreHook<
-				ContextValue,
-				false
-			>,
-		};
+				return contextStore;
+			}, [contextStore, isGlobalLookup, key]);
+			const subscribe = useCallback(
+				(listener: () => void) => {
+					let unsubscribeStore = (
+						getStore() ?? (NullProviderStore as ProviderStoreApi<ContextValue>)
+					).subscribe(listener);
+					const unsubscribeRegistry =
+						isGlobalLookup && key !== null && globalRegistry
+							? globalRegistry.subscribe(key, () => {
+									unsubscribeStore();
+									unsubscribeStore = (
+										getStore() ??
+										(NullProviderStore as ProviderStoreApi<ContextValue>)
+									).subscribe(listener);
+									listener();
+								})
+							: () => {};
+
+					return () => {
+						unsubscribeRegistry();
+						unsubscribeStore();
+					};
+				},
+				[getStore, isGlobalLookup, key],
+			);
 
-		const Provider: React.FC<ProviderProps> = (props) => {
-			const {
-				children = (props as { children?: ReactNode }).children,
-				enabled = true,
-				value,
-			} = factory(props, factoryInternals);
+			const getSelectedSnapshot = useCallback(() => {
+				const snapshot = getStore()?.getSnapshot() ?? null;
 
-			if (!value) {
-				throw new Error(
-					`${name}Context value must be provided. You likely forgot to return it from the factory function.`,
-				);
-			}
+				if (required && snapshot === null) {
+					throw new Error(
+						key === null
+							? `${name}Store is unavailable`
+							: `${name}Store is unavailable for key "${key}"`,
+					);
+				}
+
+				if (isGlobalLookup && snapshot === null) {
+					return null;
+				}
 
-			const snapshotValue = enabled ? value : null;
+				return typeof selectorRef.current === "function"
+					? selectorRef.current(snapshot)
+					: snapshot;
+			}, [getStore, isGlobalLookup, key, required]);
+
+			return useSyncExternalStore(
+				subscribe,
+				getSelectedSnapshot,
+				getSelectedSnapshot,
+			);
+		};
+		const useOptionalStoreSelector = <Selected,>(
+			selectorOrKey?:
+				| string
+				| null
+				| ((value: ContextValue | null) => Selected),
+			globalSelector?: (value: ContextValue) => Selected,
+		) => useStoreSelection(false, selectorOrKey, globalSelector);
+		const useStoreSelector = <Selected,>(
+			selectorOrKey?: string | ((value: ContextValue) => Selected),
+			globalSelector?: (value: ContextValue) => Selected,
+		) =>
+			useStoreSelection(
+				true,
+				selectorOrKey as
+					| string
+					| ((value: ContextValue | null) => Selected)
+					| undefined,
+				globalSelector,
+			);
+		const StoreProvider = ({
+			children,
+			storeKey,
+			value,
+		}: {
+			children?: ReactNode;
+			storeKey?: string;
+			value: ContextValue;
+		}) => {
 			const storeRef = useRef<MutableProviderStoreApi<ContextValue> | null>(
 				null,
 			);
 			const pendingNotifyRef = useRef(false);
 
 			if (storeRef.current === null) {
-				storeRef.current = createProviderStore<ContextValue>(snapshotValue);
+				storeRef.current = createProviderStore<ContextValue>(value);
 			}
 			const store = storeRef.current;
 
+			useLayoutEffect(() => {
+				if (!globalRegistry) {
+					return;
+				}
+
+				if (typeof storeKey !== "string") {
+					throw new Error(
+						`${name}StoreProvider requires a storeKey when global mode is enabled`,
+					);
+				}
+
+				return globalRegistry.register(storeKey, store);
+			}, [storeKey, store]);
+
 			pendingNotifyRef.current =
-				store.setSnapshot(snapshotValue) || pendingNotifyRef.current;
+				store.setSnapshot(value) || pendingNotifyRef.current;
 
 			useLayoutEffect(() => {
 				if (!pendingNotifyRef.current) {
@@ -233,17 +367,38 @@ export default function createProvider<
 				<StoreContext.Provider value={store}>{children}</StoreContext.Provider>
 			);
 		};
+		StoreProvider.displayName = `${name}StoreProvider`;
+
+		const Provider: React.FC<ProviderProps> = (props) => {
+			const {
+				children = (props as { children?: ReactNode }).children,
+				key,
+				value,
+			} = factory(props);
+			return (
+				<StoreProvider storeKey={key} value={value}>
+					{children}
+				</StoreProvider>
+			);
+		};
 		Provider.displayName = providerDisplayName;
 
 		return {
+			StoreProvider,
 			[`${name}Provider`]: Provider,
+			[`useOptional${name}Store`]: useOptionalStoreSelector,
 			[`use${name}Store`]: useStoreSelector,
-		} as {
+		} as { StoreProvider: typeof StoreProvider } & {
 			[P in ProviderName as `${P}Provider`]: React.FC<ProviderProps>;
 		} & {
-			[P in ProviderName as `use${P}Store`]: ProviderStoreHook<
+			[P in ProviderName as `useOptional${P}Store`]: ResolvedOptionalProviderStoreHook<
+				ContextValue,
+				Global
+			>;
+		} & {
+			[P in ProviderName as `use${P}Store`]: ResolvedProviderStoreHook<
 				ContextValue,
-				Guarded
+				Global
 			>;
 		};
 	};

package/src/utils/normalize-interpolated-style.ts

@@ -3,49 +3,18 @@ import type {
 	NormalizedTransitionSlotStyle,
 } from "../types/animation.types";
 
-/**
- * Normalizes an interpolator result into the canonical `{ style, props }` slot format.
- *
- * Handles three cases per key:
- * 1. Legacy renamed keys (`contentStyle` → `content`, `backdropStyle` → `backdrop`)
- * 2. Proper `TransitionSlotStyle` values (has `style` or `props` key) — pass through
- * 3. Style shorthand (plain StyleProps without wrapping) — auto-wrapped as `{ style: value }`
- *
- * Mixed-format objects (e.g. new-format spread + a legacy `backdropStyle` key) are
- * handled correctly because each key is processed individually.
- */
-export function normalizeInterpolatedStyle(raw: Record<string, any>): {
-	result: NormalizedTransitionInterpolatedStyle;
-	wasLegacy: boolean;
-} {
+/** Normalizes style shorthand into the canonical `{ style, props }` slots. */
+export function normalizeInterpolatedStyle(
+	raw: Record<string, any>,
+): NormalizedTransitionInterpolatedStyle {
 	"worklet";
 
-	const hasLegacyKeys =
-		"contentStyle" in raw || "backdropStyle" in raw || "overlayStyle" in raw;
-
 	const normalized: Record<string, NormalizedTransitionSlotStyle | undefined> =
 		{};
 
 	for (const key in raw) {
 		const value = raw[key];
 
-		// ── Legacy key renames ──
-		if (key === "contentStyle") {
-			if (value !== undefined) normalized.content = { style: value };
-			continue;
-		}
-		if (key === "backdropStyle") {
-			if (value !== undefined) normalized.backdrop = { style: value };
-			continue;
-		}
-		if (key === "overlayStyle") {
-			if (value !== undefined && !normalized.backdrop) {
-				normalized.backdrop = { style: value };
-			}
-			continue;
-		}
-
-		// ── All other keys ──
 		if (value === undefined) {
 			normalized[key] = undefined;
 			continue;
@@ -60,8 +29,5 @@ export function normalizeInterpolatedStyle(raw: Record<string, any>): {
 		}
 	}
 
-	return {
-		result: normalized as NormalizedTransitionInterpolatedStyle,
-		wasLegacy: hasLegacyKeys,
-	};
+	return normalized as NormalizedTransitionInterpolatedStyle;
 }

package/src/utils/resolve-screen-transition-options.ts

@@ -5,18 +5,9 @@ import type {
 } from "../types/screen.types";
 
 export const resolveSheetScrollGestureBehavior = (
-	options: Pick<
-		ScreenTransitionConfig,
-		"sheetScrollGestureBehavior" | "expandViaScrollView"
-	>,
+	options: Pick<ScreenTransitionConfig, "sheetScrollGestureBehavior">,
 ): SheetScrollGestureBehavior => {
-	const explicitBehavior = options.sheetScrollGestureBehavior;
-	if (explicitBehavior) return explicitBehavior;
-
-	const legacyBehavior = options.expandViaScrollView;
-	if (legacyBehavior !== undefined) {
-		return legacyBehavior ? "expand-and-collapse" : "collapse-only";
-	}
-
-	return DEFAULT_SHEET_SCROLL_GESTURE_BEHAVIOR;
+	return (
+		options.sheetScrollGestureBehavior ?? DEFAULT_SHEET_SCROLL_GESTURE_BEHAVIOR
+	);
 };

package/lib/commonjs/components/masked-view.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MaskedView;
-var _reactNative = require("react-native");
-var _constants = require("../constants");
-var _createTransitionAwareComponent = require("./create-transition-aware-component");
-var _jsxRuntime = require("react/jsx-runtime");
-const TransitionView = (0, _createTransitionAwareComponent.createTransitionAwareComponent)(_reactNative.View);
-let LazyMaskedView = _reactNative.View;
-try {
-  LazyMaskedView = require("@react-native-masked-view/masked-view").default;
-} catch (_) {
-  // noop
-}
-
-/**
- * @deprecated Use `navigationMaskEnabled` with the navigation mask style IDs
- * instead.
- */
-function MaskedView({
-  children,
-  style: userStyles = {}
-}) {
-  if (LazyMaskedView === _reactNative.View) {
-    return children;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LazyMaskedView, {
-    style: styles.root
-    // @ts-expect-error
-    ,
-    maskElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionView, {
-      styleId: _constants.MASK_STYLE_ID,
-      style: styles.rootMask
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionView, {
-      styleId: _constants.CONTAINER_STYLE_ID,
-      style: [styles.rootContainer, userStyles],
-      children: children
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  // The mask rect's translate math assumes a physical top-left base. Under
-  // native RTL a fixed-width flex child anchors to the right edge, so pin it
-  // to the physical left (`end` = left edge in RTL).
-  rootMask: _reactNative.I18nManager.isRTL ? {
-    backgroundColor: "white",
-    end: 0,
-    position: "absolute",
-    top: 0
-  } : {
-    backgroundColor: "white"
-  },
-  rootContainer: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=masked-view.js.map

package/lib/commonjs/components/masked-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_constants","_createTransitionAwareComponent","_jsxRuntime","TransitionView","createTransitionAwareComponent","View","LazyMaskedView","default","_","MaskedView","children","style","userStyles","jsx","styles","root","maskElement","styleId","MASK_STYLE_ID","rootMask","CONTAINER_STYLE_ID","rootContainer","StyleSheet","create","flex","I18nManager","isRTL","backgroundColor","end","position","top"],"sourceRoot":"../../../src","sources":["components/masked-view.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AAAqF,IAAAG,WAAA,GAAAH,OAAA;AAErF,MAAMI,cAAc,GAAG,IAAAC,8DAA8B,EAACC,iBAAI,CAAC;AAE3D,IAAIC,cAAc,GAAGD,iBAAI;AAEzB,IAAI;EACHC,cAAc,GAAGP,OAAO,CAAC,uCAAuC,CAAC,CAACQ,OAAO;AAC1E,CAAC,CAAC,OAAOC,CAAC,EAAE;EACX;AAAA;;AAGD;AACA;AACA;AACA;AACe,SAASC,UAAUA,CAAC;EAClCC,QAAQ;EACRC,KAAK,EAAEC,UAAU,GAAG,CAAC;AAItB,CAAC,EAAE;EACF,IAAIN,cAAc,KAAKD,iBAAI,EAAE;IAC5B,OAAOK,QAAQ;EAChB;EAEA,oBACC,IAAAR,WAAA,CAAAW,GAAA,EAACP,cAAc;IACdK,KAAK,EAAEG,MAAM,CAACC;IACd;IAAA;IACAC,WAAW,eACV,IAAAd,WAAA,CAAAW,GAAA,EAACV,cAAc;MAACc,OAAO,EAAEC,wBAAc;MAACP,KAAK,EAAEG,MAAM,CAACK;IAAS,CAAE,CACjE;IAAAT,QAAA,eAED,IAAAR,WAAA,CAAAW,GAAA,EAACV,cAAc;MACdc,OAAO,EAAEG,6BAAmB;MAC5BT,KAAK,EAAE,CAACG,MAAM,CAACO,aAAa,EAAET,UAAU,CAAE;MAAAF,QAAA,EAEzCA;IAAQ,CACM;EAAC,CACF,CAAC;AAEnB;AAEA,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAChCR,IAAI,EAAE;IACLS,IAAI,EAAE;EACP,CAAC;EACD;EACA;EACA;EACAL,QAAQ,EAAEM,wBAAW,CAACC,KAAK,GACxB;IACAC,eAAe,EAAE,OAAO;IACxBC,GAAG,EAAE,CAAC;IACNC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACN,CAAC,GACA;IACAH,eAAe,EAAE;EAClB,CAAC;EACHN,aAAa,EAAE;IACdG,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/scene-view.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SceneView = void 0;
-var _native = require("@react-navigation/native");
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Shared scene view for JS-rendered stacks (blank-stack, component-stack).
- * Wraps screen render output with navigation context providers
- * and optional screen overlay.
- */
-const SceneView = exports.SceneView = /*#__PURE__*/React.memo(function SceneView({
-  descriptor
-}) {
-  const {
-    route,
-    navigation,
-    render
-  } = descriptor;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationContext.Provider, {
-    value: navigation,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.NavigationRouteContext.Provider, {
-      value: route,
-      children: render?.()
-    })
-  });
-});
-//# sourceMappingURL=scene-view.js.map

package/lib/commonjs/components/scene-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","React","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SceneView","exports","memo","descriptor","route","navigation","render","jsx","NavigationContext","Provider","value","children","NavigationRouteContext"],"sourceRoot":"../../../src","sources":["components/scene-view.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA+B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAO/B;AACA;AACA;AACA;AACA;AACO,MAAMkB,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAGtB,KAAK,CAACwB,IAAI,CAAC,SAASF,SAASA,CAAC;EACtDG;AACe,CAAC,EAAE;EAClB,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGH,UAAU;EAEhD,oBACC,IAAAvB,WAAA,CAAA2B,GAAA,EAAC/B,OAAA,CAAAgC,iBAAiB,CAACC,QAAQ;IAACC,KAAK,EAAEL,UAAkB;IAAAM,QAAA,eACpD,IAAA/B,WAAA,CAAA2B,GAAA,EAAC/B,OAAA,CAAAoC,sBAAsB,CAACH,QAAQ;MAACC,KAAK,EAAEN,KAAM;MAAAO,QAAA,EAC5CL,MAAM,GAAG;IAAC,CACqB;EAAC,CACP,CAAC;AAE/B,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/screen-container/layers/surface-container.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SurfaceContainer = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-var _descriptors = require("../../../providers/screen/descriptors");
-var _styles = require("../../../providers/screen/styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SurfaceContainer = exports.SurfaceContainer = /*#__PURE__*/(0, _react.memo)(({
-  children,
-  pointerEvents
-}) => {
-  /** @deprecated Use `contentComponent` instead. */
-  const DeprecatedSurfaceComponent = (0, _descriptors.useDescriptorsStore)(store => store.options.surfaceComponent);
-  const AnimatedSurfaceComponent = (0, _react.useMemo)(() => {
-    return DeprecatedSurfaceComponent ? _reactNativeReanimated.default.createAnimatedComponent(DeprecatedSurfaceComponent) : null;
-  }, [DeprecatedSurfaceComponent]);
-  if (!AnimatedSurfaceComponent) return children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedSurface, {
-    SurfaceComponent: AnimatedSurfaceComponent,
-    pointerEvents: pointerEvents,
-    children: children
-  });
-});
-const AnimatedSurface = /*#__PURE__*/(0, _react.memo)(({
-  children,
-  pointerEvents,
-  SurfaceComponent
-}) => {
-  const animatedSurfaceStyle = (0, _styles.useSlotStyles)("surface");
-  const animatedSurfaceProps = (0, _styles.useSlotProps)("surface");
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SurfaceComponent, {
-    style: [styles.surface, animatedSurfaceStyle],
-    animatedProps: animatedSurfaceProps,
-    pointerEvents: pointerEvents,
-    children: children
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  surface: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=surface-container.js.map

package/lib/commonjs/components/screen-container/layers/surface-container.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_descriptors","_styles","_jsxRuntime","e","__esModule","default","SurfaceContainer","exports","memo","children","pointerEvents","DeprecatedSurfaceComponent","useDescriptorsStore","store","options","surfaceComponent","AnimatedSurfaceComponent","useMemo","Animated","createAnimatedComponent","jsx","AnimatedSurface","SurfaceComponent","animatedSurfaceStyle","useSlotStyles","animatedSurfaceProps","useSlotProps","style","styles","surface","animatedProps","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/screen-container/layers/surface-container.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA+E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOxE,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EAC5E;EACA,MAAMC,0BAA0B,GAAG,IAAAC,gCAAmB,EACpDC,KAAK,IAAKA,KAAK,CAACC,OAAO,CAACC,gBAC1B,CAAC;EAED,MAAMC,wBAAwB,GAAG,IAAAC,cAAO,EAA4B,MAAM;IACzE,OAAON,0BAA0B,GAC9BO,8BAAQ,CAACC,uBAAuB,CAACR,0BAA0B,CAAC,GAC5D,IAAI;EACR,CAAC,EAAE,CAACA,0BAA0B,CAAC,CAAC;EAEhC,IAAI,CAACK,wBAAwB,EAAE,OAAOP,QAAQ;EAE9C,oBACC,IAAAP,WAAA,CAAAkB,GAAA,EAACC,eAAe;IACfC,gBAAgB,EAAEN,wBAAyB;IAC3CN,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACO,CAAC;AAEpB,CAAC,CAAC;AAQF,MAAMY,eAAe,gBAAG,IAAAb,WAAI,EAC3B,CAAC;EAAEC,QAAQ;EAAEC,aAAa;EAAEY;AAAuC,CAAC,KAAK;EACxE,MAAMC,oBAAoB,GAAG,IAAAC,qBAAa,EAAC,SAAS,CAAC;EACrD,MAAMC,oBAAoB,GAAG,IAAAC,oBAAY,EAAC,SAAS,CAAC;EAEpD,oBACC,IAAAxB,WAAA,CAAAkB,GAAA,EAACE,gBAAgB;IAChBK,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEN,oBAAoB,CAAE;IAC9CO,aAAa,EAAEL,oBAAqB;IACpCf,aAAa,EAAEA,aAAc;IAAAD,QAAA,EAE5BA;EAAQ,CACQ,CAAC;AAErB,CACD,CAAC;AAED,MAAMmB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAChCH,OAAO,EAAE;IACRI,IAAI,EAAE;EACP;AACD,CAAC,CAAC","ignoreList":[]}