react-native-screen-transitions 4.1.0-alpha.0 → 4.1.0-beta.1

package/src/utils/bounds/navigation/reveal/math.ts

@@ -153,27 +153,27 @@ export function resolveDismissScaleHandoff({
 	return baseScale * orbitScale;
 }
 
-export function resolveAspectRatioMaskHeight({
-	maskWidth,
-	maskHeight,
+export function resolveAspectRatioClipHeight({
+	clipWidth,
+	clipHeight,
 	targetWidth,
 	targetHeight,
 }: {
-	maskWidth: number;
-	maskHeight: number;
+	clipWidth: number;
+	clipHeight: number;
 	targetWidth: number;
 	targetHeight: number;
 }) {
 	"worklet";
 
-	const safeMaskWidth = Math.max(1, Math.abs(maskWidth));
-	const safeMaskHeight = Math.max(1, Math.abs(maskHeight));
+	const safeClipWidth = Math.max(1, Math.abs(clipWidth));
+	const safeClipHeight = Math.max(1, Math.abs(clipHeight));
 	const safeTargetWidth = Math.max(Math.abs(targetWidth), EPSILON);
 	const safeTargetHeight = Math.max(Math.abs(targetHeight), EPSILON);
 	const targetAspectHeight =
-		safeMaskWidth * (safeTargetHeight / safeTargetWidth);
+		safeClipWidth * (safeTargetHeight / safeTargetWidth);
 
-	return Math.min(safeMaskHeight, Math.max(1, targetAspectHeight));
+	return Math.min(safeClipHeight, Math.max(1, targetAspectHeight));
 }
 
 function getBoundsCenterX(bounds: MeasuredDimensions) {

package/src/utils/bounds/navigation/reveal/types.ts

@@ -1,17 +1,10 @@
-import {
-	NAVIGATION_MASK_CONTAINER_STYLE_ID,
-	NAVIGATION_MASK_ELEMENT_STYLE_ID,
-} from "../../../../constants";
 import type {
 	BoundsInterpolationProps,
 	BoundsNavigationRevealOptions,
 	BoundsNavigationRevealStyle,
 } from "../../../../types/bounds.types";
 
-export type RevealInterpolatedStyle = BoundsNavigationRevealStyle & {
-	[NAVIGATION_MASK_CONTAINER_STYLE_ID]?: BoundsNavigationRevealStyle[typeof NAVIGATION_MASK_CONTAINER_STYLE_ID];
-	[NAVIGATION_MASK_ELEMENT_STYLE_ID]?: BoundsNavigationRevealStyle[typeof NAVIGATION_MASK_ELEMENT_STYLE_ID];
-};
+export type RevealInterpolatedStyle = BoundsNavigationRevealStyle;
 
 export type BuildRevealStylesParams = {
 	tag?: string;

package/src/utils/bounds/navigation/zoom/build.ts

@@ -1,14 +1,12 @@
 import { interpolate } from "react-native-reanimated";
-import {
-	EPSILON,
-	NAVIGATION_MASK_ELEMENT_STYLE_ID,
-} from "../../../../constants";
+import { EPSILON } from "../../../../constants";
 import { getVisualScrollAxisDelta } from "../../../../stores/scroll.store";
 import type { ScrollMetadataState } from "../../../../types/gesture.types";
 import { createBoundsAccessorCore } from "../../helpers/create-bounds-accessor-core";
 import { computeContentTransformGeometry } from "../../helpers/geometry";
 import { getSourceBorderRadius } from "../helpers";
 import { resolveRevealContentBaseTransformFromGeometry } from "../reveal/math";
+import { resolveZoomClip, ZOOM_NAVIGATION_CLIP_BORDER_RADIUS } from "./clip";
 import {
 	ZOOM_BACKDROP_MAX_OPACITY,
 	ZOOM_BACKGROUND_SCALE,
@@ -25,10 +23,6 @@ import {
 	resolveZoomPinchFocalOffset,
 	resolveZoomTrackedSourceTransform,
 } from "./helpers";
-import {
-	resolveZoomNavigationMaskStyle,
-	ZOOM_NAVIGATION_MASK_BORDER_RADIUS,
-} from "./mask";
 import {
 	getZoomContentAnchor,
 	getZoomContentTarget,
@@ -51,7 +45,7 @@ export function buildZoomStyles({
 	const keepFocusedVisible = zoomOptions?.keepFocusedVisible === true;
 	const expandedBorderRadius = Math.max(
 		0,
-		zoomOptions?.borderRadius ?? ZOOM_NAVIGATION_MASK_BORDER_RADIUS,
+		zoomOptions?.borderRadius ?? ZOOM_NAVIGATION_CLIP_BORDER_RADIUS,
 	);
 	const backgroundScale = zoomOptions?.backgroundScale ?? ZOOM_BACKGROUND_SCALE;
 	const backdropColor = zoomOptions?.backdropColor ?? "black";
@@ -60,7 +54,6 @@ export function buildZoomStyles({
 
 	const {
 		active,
-		current,
 		focused,
 		transitionProgress,
 		layouts: { screen: screenLayout },
@@ -178,7 +171,6 @@ export function buildZoomStyles({
 				"vertical",
 			) * sourceScrollWeight;
 		const sourceBorderRadius = getSourceBorderRadius(link);
-		const navigationMaskEnabled = current.options.navigationMaskEnabled;
 		const backdropOpacity = resolveZoomBackdropOpacity({
 			transitionProgress,
 			dismissalDrag: drag.dismissNorm,
@@ -251,21 +243,19 @@ export function buildZoomStyles({
 					overflow: "hidden" as const,
 				},
 			},
-			[NAVIGATION_MASK_ELEMENT_STYLE_ID]: navigationMaskEnabled
-				? resolveZoomNavigationMaskStyle({
-						scopedBounds,
-						link,
-						sourceBounds,
-						screenLayout,
-						transitionProgress,
-						drag,
-						contentTransform: contentRaw,
-						sourceBorderRadius,
-						expandedBorderRadius,
-						active,
-						anchor: zoomContentAnchor,
-					})
-				: {},
+			clip: resolveZoomClip({
+				scopedBounds,
+				link,
+				sourceBounds,
+				screenLayout,
+				transitionProgress,
+				drag,
+				contentTransform: contentRaw,
+				sourceBorderRadius,
+				expandedBorderRadius,
+				active,
+				anchor: zoomContentAnchor,
+			}),
 		};
 	}
 

package/src/utils/bounds/navigation/zoom/clip.ts

@@ -0,0 +1,127 @@
+import type { MeasuredDimensions } from "react-native-reanimated";
+import { interpolate } from "react-native-reanimated";
+import type {
+	ScreenTransitionState,
+	TransitionClip,
+} from "../../../../types/animation.types";
+import type {
+	BoundsLink,
+	BoundsScopedAccessor,
+} from "../../../../types/bounds.types";
+import type { Layout } from "../../../../types/screen.types";
+import type { BoundsAnchor } from "../../types/options";
+import { toNumber } from "../helpers";
+import { DRAG_CLIP_HEIGHT_COLLAPSE_END } from "../reveal/config";
+import {
+	interpolateClamped,
+	resolveAspectRatioClipHeight,
+} from "../reveal/math";
+import { ZOOM_SHARED_OPTIONS } from "./config";
+import type { ZoomDragState } from "./drag";
+
+export const ZOOM_NAVIGATION_CLIP_BORDER_RADIUS = 64;
+const ZOOM_VERTICAL_DRAG_CLIP_COLLAPSE_SCALE = 0.8;
+
+interface ZoomClipProps {
+	scopedBounds: BoundsScopedAccessor;
+	link: BoundsLink;
+	sourceBounds: MeasuredDimensions;
+	screenLayout: Layout;
+	transitionProgress: number;
+	drag: ZoomDragState;
+	contentTransform: {
+		translateX: number;
+		translateY: number;
+		scale: number;
+	};
+	sourceBorderRadius: number;
+	expandedBorderRadius: number;
+	active: ScreenTransitionState;
+	anchor: BoundsAnchor;
+}
+
+export function resolveZoomClip({
+	scopedBounds,
+	link,
+	sourceBounds,
+	screenLayout,
+	transitionProgress,
+	drag,
+	contentTransform,
+	sourceBorderRadius,
+	expandedBorderRadius,
+	active,
+	anchor,
+}: ZoomClipProps): TransitionClip {
+	"worklet";
+
+	const clipRaw = scopedBounds.values({
+		scaleMode: ZOOM_SHARED_OPTIONS.scaleMode,
+		anchor,
+		method: "size",
+		space: "absolute",
+		target: "fullscreen",
+		progress: transitionProgress,
+	});
+	const clipWidth = clipRaw.width;
+	const clipHeight = clipRaw.height;
+	const clipAspectBounds = link.initialSource?.bounds ?? sourceBounds;
+	const minClipHeight = resolveAspectRatioClipHeight({
+		clipWidth,
+		clipHeight,
+		targetWidth: clipAspectBounds.width,
+		targetHeight: clipAspectBounds.height,
+	});
+	const clipHeightCollapseDrag = drag.collapsesClip
+		? Math.max(
+				0,
+				drag.dismissNorm * ZOOM_VERTICAL_DRAG_CLIP_COLLAPSE_SCALE,
+				drag.dismissProgress,
+			)
+		: 0;
+	const renderedClipHeight = interpolateClamped(
+		clipHeightCollapseDrag,
+		0,
+		DRAG_CLIP_HEIGHT_COLLAPSE_END,
+		clipHeight,
+		minClipHeight,
+	);
+	const contentCenterX = screenLayout.width / 2;
+	const contentCenterY = screenLayout.height / 2;
+	const clipOriginOffsetY = drag.isVerticalInverted
+		? clipHeight - renderedClipHeight
+		: 0;
+	const compensatedClipTranslateX =
+		(clipRaw.translateX -
+			contentTransform.translateX -
+			(1 - contentTransform.scale) * contentCenterX) /
+		contentTransform.scale;
+	const compensatedClipTranslateY =
+		(clipRaw.translateY -
+			contentTransform.translateY +
+			clipOriginOffsetY -
+			(1 - contentTransform.scale) * contentCenterY) /
+		contentTransform.scale;
+	const initialSourceBorderRadius = toNumber(
+		link.initialSource?.styles.borderRadius,
+		sourceBorderRadius,
+	);
+
+	return {
+		x: compensatedClipTranslateX,
+		y: compensatedClipTranslateY,
+		width: clipWidth / contentTransform.scale,
+		height: renderedClipHeight / contentTransform.scale,
+		borderRadius:
+			interpolate(
+				transitionProgress,
+				[0, 1],
+				[
+					initialSourceBorderRadius,
+					active.animating ? expandedBorderRadius : 0,
+				],
+				"clamp",
+			) / contentTransform.scale,
+		borderCurve: "continuous",
+	};
+}

package/src/utils/bounds/navigation/zoom/drag.ts

@@ -20,7 +20,7 @@ const ZOOM_PINCH_VELOCITY_DEPTH_MULTIPLIER = 2;
 type ZoomGesture = BoundsInterpolationProps["active"]["gesture"];
 
 export type ZoomDragState = {
-	collapsesMask: boolean;
+	collapsesClip: boolean;
 	dismissContentScale: number;
 	dismissNorm: number;
 	dismissProgress: number;
@@ -274,7 +274,7 @@ export function resolveZoomDragState({
 	}
 
 	return {
-		collapsesMask: isVertical,
+		collapsesClip: isVertical,
 		dismissContentScale,
 		dismissNorm,
 		dismissProgress: isDismissing ? 1 - activeTransitionProgress : 0,

package/src/utils/bounds/navigation/zoom/types.ts

@@ -1,17 +1,10 @@
-import {
-	NAVIGATION_MASK_CONTAINER_STYLE_ID,
-	NAVIGATION_MASK_ELEMENT_STYLE_ID,
-} from "../../../../constants";
 import type {
 	BoundsInterpolationProps,
 	BoundsNavigationZoomOptions,
 	BoundsNavigationZoomStyle,
 } from "../../../../types/bounds.types";
 
-export type ZoomInterpolatedStyle = BoundsNavigationZoomStyle & {
-	[NAVIGATION_MASK_CONTAINER_STYLE_ID]?: BoundsNavigationZoomStyle[typeof NAVIGATION_MASK_CONTAINER_STYLE_ID];
-	[NAVIGATION_MASK_ELEMENT_STYLE_ID]?: BoundsNavigationZoomStyle[typeof NAVIGATION_MASK_ELEMENT_STYLE_ID];
-};
+export type ZoomInterpolatedStyle = BoundsNavigationZoomStyle;
 
 export type BuildZoomStylesParams = {
 	tag?: string;

package/src/utils/create-provider.tsx

@@ -19,7 +19,8 @@
  *
  * 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.
+ * provider store from outside its React context. Arrays of keys return ordered
+ * snapshots (null for unmounted keys) and apply the selector to each store.
  */
 import {
 	createContext,
@@ -37,6 +38,11 @@ type ProviderStoreHook<ContextValue> = {
 };
 
 type GlobalProviderStoreHook<ContextValue> = {
+	(keys: readonly string[]): readonly (ContextValue | null)[];
+	<Selected>(
+		keys: readonly string[],
+		selector: (value: ContextValue) => Selected,
+	): readonly (Selected | null)[];
 	(key: string): ContextValue;
 	<Selected>(
 		key: string,
@@ -50,6 +56,11 @@ type OptionalProviderStoreHook<ContextValue> = {
 };
 
 type OptionalGlobalProviderStoreHook<ContextValue> = {
+	(keys: readonly string[]): readonly (ContextValue | null)[];
+	<Selected>(
+		keys: readonly string[],
+		selector: (value: ContextValue) => Selected,
+	): readonly (Selected | null)[];
 	(key: string | null): ContextValue | null;
 	<Selected>(
 		key: string | null,
@@ -74,7 +85,6 @@ type ResolvedOptionalProviderStoreHook<
 type ProviderFactoryResult<ContextValue, Global extends boolean> = {
 	value: ContextValue;
 	children?: ReactNode;
-	unregisterOnCleanup?: boolean;
 } & (Global extends true ? { key: string } : { key?: never });
 
 interface ProviderStoreApi<ContextValue> {
@@ -227,54 +237,96 @@ export default function createProvider<
 			required: boolean,
 			selectorOrKey?:
 				| string
+				| readonly string[]
 				| null
 				| ((value: ContextValue | null) => Selected),
 			globalSelector?: (value: ContextValue) => Selected,
-		): Selected | ContextValue | null => {
+		):
+			| Selected
+			| ContextValue
+			| null
+			| readonly (Selected | ContextValue | null)[] => {
+			const keys =
+				global && Array.isArray(selectorOrKey)
+					? (selectorOrKey as readonly string[])
+					: null;
 			const isGlobalLookup =
-				global && (typeof selectorOrKey === "string" || selectorOrKey === null);
-			const key = isGlobalLookup ? selectorOrKey : null;
+				global &&
+				(keys !== null ||
+					typeof selectorOrKey === "string" ||
+					selectorOrKey === null);
+			const key =
+				isGlobalLookup && typeof selectorOrKey === "string"
+					? selectorOrKey
+					: null;
 			const selector = (isGlobalLookup ? globalSelector : selectorOrKey) as
 				| ((value: ContextValue | null) => Selected)
 				| undefined;
 			const contextStore = useContext(StoreContext);
+			const selectionCache = useRef<
+				readonly (Selected | ContextValue | null)[]
+			>([]);
 			const selectorRef = useRef(selector);
 			selectorRef.current = selector;
-			const getStore = useCallback(() => {
-				if (isGlobalLookup) {
-					return key !== null && globalRegistry
-						? globalRegistry.getStore(key)
-						: null;
-				}
+			const getStore = useCallback(
+				(lookupKey: string | null = key) => {
+					if (isGlobalLookup) {
+						return lookupKey !== null && globalRegistry
+							? globalRegistry.getStore(lookupKey)
+							: null;
+					}
 
-				return contextStore;
-			}, [contextStore, isGlobalLookup, key]);
+					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();
-								})
-							: () => {};
-
+					const cleanups = (keys ?? [key]).map((lookupKey) => {
+						let unsubscribeStore = (
+							getStore(lookupKey) ?? NullProviderStore
+						).subscribe(listener);
+						const unsubscribeRegistry =
+							isGlobalLookup && lookupKey !== null && globalRegistry
+								? globalRegistry.subscribe(lookupKey, () => {
+										unsubscribeStore();
+										unsubscribeStore = (
+											getStore(lookupKey) ?? NullProviderStore
+										).subscribe(listener);
+										listener();
+									})
+								: undefined;
+						return () => {
+							unsubscribeRegistry?.();
+							unsubscribeStore();
+						};
+					});
 					return () => {
-						unsubscribeRegistry();
-						unsubscribeStore();
+						for (const cleanup of cleanups) cleanup();
 					};
 				},
-				[getStore, isGlobalLookup, key],
+				[getStore, isGlobalLookup, key, keys],
 			);
 
 			const getSelectedSnapshot = useCallback(() => {
+				if (keys) {
+					const selected = keys.map((lookupKey) => {
+						const snapshot = getStore(lookupKey)?.getSnapshot() ?? null;
+						return snapshot !== null && selectorRef.current
+							? selectorRef.current(snapshot)
+							: snapshot;
+					});
+					if (
+						selected.length !== selectionCache.current.length ||
+						selected.some(
+							(value, index) =>
+								!Object.is(value, selectionCache.current[index]),
+						)
+					) {
+						selectionCache.current = selected;
+					}
+					return selectionCache.current;
+				}
 				const snapshot = getStore()?.getSnapshot() ?? null;
 
 				if (required && snapshot === null) {
@@ -292,7 +344,7 @@ export default function createProvider<
 				return typeof selectorRef.current === "function"
 					? selectorRef.current(snapshot)
 					: snapshot;
-			}, [getStore, isGlobalLookup, key, required]);
+			}, [getStore, isGlobalLookup, key, keys, required]);
 
 			return useSyncExternalStore(
 				subscribe,
@@ -303,18 +355,23 @@ export default function createProvider<
 		const useOptionalStoreSelector = <Selected,>(
 			selectorOrKey?:
 				| string
+				| readonly string[]
 				| null
 				| ((value: ContextValue | null) => Selected),
 			globalSelector?: (value: ContextValue) => Selected,
 		) => useStoreSelection(false, selectorOrKey, globalSelector);
 		const useStoreSelector = <Selected,>(
-			selectorOrKey?: string | ((value: ContextValue) => Selected),
+			selectorOrKey?:
+				| string
+				| readonly string[]
+				| ((value: ContextValue) => Selected),
 			globalSelector?: (value: ContextValue) => Selected,
 		) =>
 			useStoreSelection(
 				true,
 				selectorOrKey as
 					| string
+					| readonly string[]
 					| ((value: ContextValue | null) => Selected)
 					| undefined,
 				globalSelector,
@@ -323,21 +380,17 @@ export default function createProvider<
 			children,
 			registerGlobally = true,
 			storeKey,
-			unregisterOnCleanup = true,
 			value,
 		}: {
 			children?: ReactNode;
 			registerGlobally?: boolean;
 			storeKey?: string;
-			unregisterOnCleanup?: boolean;
 			value: ContextValue;
 		}) => {
 			const storeRef = useRef<MutableProviderStoreApi<ContextValue> | null>(
 				null,
 			);
 			const pendingNotifyRef = useRef(false);
-			const unregisterOnCleanupRef = useRef(unregisterOnCleanup);
-			unregisterOnCleanupRef.current = unregisterOnCleanup;
 
 			if (storeRef.current === null) {
 				storeRef.current = createProviderStore<ContextValue>(value);
@@ -355,13 +408,7 @@ export default function createProvider<
 					);
 				}
 
-				const unregister = globalRegistry.register(storeKey, store);
-
-				return () => {
-					if (unregisterOnCleanupRef.current) {
-						unregister();
-					}
-				};
+				return globalRegistry.register(storeKey, store);
 			}, [registerGlobally, storeKey, store]);
 
 			pendingNotifyRef.current =
@@ -382,32 +429,79 @@ export default function createProvider<
 		};
 		StoreProvider.displayName = `${name}StoreProvider`;
 
-		const Provider: React.FC<ProviderProps> = (props) => {
+		const OwnedProvider: React.FC<ProviderProps> = (props) => {
 			const {
 				children = (props as { children?: ReactNode }).children,
 				key,
-				unregisterOnCleanup,
 				value,
 			} = factory(props);
 			return (
-				<StoreProvider
-					storeKey={key}
-					unregisterOnCleanup={unregisterOnCleanup}
-					value={value}
-				>
+				<StoreProvider storeKey={key} value={value}>
 					{children}
 				</StoreProvider>
 			);
 		};
+		type ReuseProps = { screenKey: string; children?: ReactNode };
+		const ReusedProvider = ({ screenKey, children }: ReuseProps) => {
+			const retainedStore = useRef<ProviderStoreApi<ContextValue> | null>(null);
+			const subscribe = useCallback(
+				(listener: () => void) =>
+					globalRegistry?.subscribe(screenKey, listener) ??
+					NullProviderStore.subscribe(listener),
+				[screenKey],
+			);
+			const getSnapshot = useCallback(
+				() => globalRegistry?.getStore(screenKey) ?? null,
+				[screenKey],
+			);
+			const registeredStore = useSyncExternalStore(
+				subscribe,
+				getSnapshot,
+				getSnapshot,
+			);
+			// Keep the same context alive while a departing screen's overlay finishes.
+			if (registeredStore) retainedStore.current = registeredStore;
+			const store = registeredStore ?? retainedStore.current;
+			return store ? (
+				<StoreContext.Provider value={store}>{children}</StoreContext.Provider>
+			) : null;
+		};
+		type Props = ProviderProps | (Global extends true ? ReuseProps : never);
+		const Provider: React.FC<Props> = (props) => {
+			if (
+				global &&
+				"screenKey" in props &&
+				typeof props.screenKey === "string"
+			) {
+				return (
+					<ReusedProvider key={props.screenKey} screenKey={props.screenKey}>
+						{(props as ReuseProps).children}
+					</ReusedProvider>
+				);
+			}
+			return <OwnedProvider {...(props as ProviderProps)} />;
+		};
 		Provider.displayName = providerDisplayName;
 
+		const getStore = (key: string): ContextValue => {
+			const value = globalRegistry?.getStore(key)?.getSnapshot();
+			if (value === null || value === undefined)
+				throw new Error(`${name}Store is unavailable for key "${key}"`);
+			return value;
+		};
+
 		return {
 			StoreProvider,
+			...(global ? { [`get${name}Store`]: getStore } : {}),
 			[`${name}Provider`]: Provider,
 			[`useOptional${name}Store`]: useOptionalStoreSelector,
 			[`use${name}Store`]: useStoreSelector,
-		} as { StoreProvider: typeof StoreProvider } & {
-			[P in ProviderName as `${P}Provider`]: React.FC<ProviderProps>;
+		} as (Global extends true
+			? {
+					[P in ProviderName as `get${P}Store`]: (key: string) => ContextValue;
+				}
+			: unknown) & { StoreProvider: typeof StoreProvider } & {
+			[P in ProviderName as `${P}Provider`]: React.FC<Props>;
 		} & {
 			[P in ProviderName as `useOptional${P}Store`]: ResolvedOptionalProviderStoreHook<
 				ContextValue,

package/lib/commonjs/components/blank-stack-host.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlankStackHost = void 0;
-var _react = require("react");
-var _portal = require("./boundary/portal");
-var _overlay = require("./overlay");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Hosts the portal-backed resources shared by every Blank Stack presentation.
- */
-const BlankStackHost = exports.BlankStackHost = /*#__PURE__*/(0, _react.memo)(function BlankStackHost({
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_portal.PortalProvider, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.Overlay.Float, {}), children]
-  });
-});
-//# sourceMappingURL=blank-stack-host.js.map

package/lib/commonjs/components/blank-stack-host.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_portal","_overlay","_jsxRuntime","BlankStackHost","exports","memo","children","jsxs","PortalProvider","jsx","Overlay","Float"],"sourceRoot":"../../../src","sources":["components/blank-stack-host.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAMpC;AACA;AACA;AACO,MAAMI,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,cAAcA,CAAC;EAC1DG;AACoB,CAAC,EAAE;EACvB,oBACC,IAAAJ,WAAA,CAAAK,IAAA,EAACP,OAAA,CAAAQ,cAAc;IAAAF,QAAA,gBACd,IAAAJ,WAAA,CAAAO,GAAA,EAACR,QAAA,CAAAS,OAAO,CAACC,KAAK,IAAE,CAAC,EAChBL,QAAQ;EAAA,CACM,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}