@clerk/shared 4.0.0-snapshot.v20251215203425 → 4.0.0-snapshot.v20251215212157

package/dist/runtime/react/index.mjs

@@ -2497,47 +2497,16 @@ const usePaymentElement = () => {
 	};
 };
 
-//#endregion
-//#region src/react/portal-root-manager.ts
-/**
-* PortalRootManager manages a stack of portal root containers.
-* This allows PortalProvider to work across separate React trees
-* (e.g., when Clerk modals are rendered in a different tree via Components.tsx).
-*/
-var PortalRootManager = class {
-	stack = [];
-	/**
-	* Push a new portal root getter onto the stack.
-	* @param getContainer Function that returns the container element
-	*/
-	push(getContainer) {
-		this.stack.push(getContainer);
-	}
-	/**
-	* Pop the most recent portal root from the stack.
-	*/
-	pop() {
-		this.stack.pop();
-	}
-	/**
-	* Get the current (topmost) portal root container.
-	* @returns The container element or null if no provider is active
-	*/
-	getCurrent() {
-		if (this.stack.length === 0) return null;
-		const getContainer = this.stack[this.stack.length - 1];
-		return getContainer();
-	}
-};
-const portalRootManager = new PortalRootManager();
-
 //#endregion
 //#region src/react/PortalProvider.tsx
 const [PortalContext, , usePortalContextWithoutGuarantee] = createContextAndHook("PortalProvider");
 /**
-* PortalProvider allows you to specify a custom container for all Clerk floating UI elements
+* UNSAFE_PortalProvider allows you to specify a custom container for Clerk floating UI elements
 * (popovers, modals, tooltips, etc.) that use portals.
 *
+* Only components within this provider will be affected. Components outside the provider
+* will continue to use the default document.body for portals.
+*
 * This is particularly useful when using Clerk components inside external UI libraries
 * like Radix Dialog or React Aria Components, where portaled elements need to render
 * within the dialog's container to remain interactable.
@@ -2548,38 +2517,29 @@ const [PortalContext, , usePortalContextWithoutGuarantee] = createContextAndHook
 *   const containerRef = useRef(null);
 *   return (
 *     <RadixDialog ref={containerRef}>
-*       <PortalProvider getContainer={() => containerRef.current}>
+*       <UNSAFE_PortalProvider getContainer={() => containerRef.current}>
 *         <UserButton />
-*       </PortalProvider>
+*       </UNSAFE_PortalProvider>
 *     </RadixDialog>
 *   );
 * }
 * ```
 */
-const PortalProvider = ({ children, getContainer }) => {
-	const getContainerRef = useRef(getContainer);
-	getContainerRef.current = getContainer;
-	useEffect(() => {
-		const getContainerWrapper = () => getContainerRef.current();
-		portalRootManager.push(getContainerWrapper);
-		return () => {
-			portalRootManager.pop();
-		};
-	}, []);
+const UNSAFE_PortalProvider = ({ children, getContainer }) => {
 	const contextValue = React.useMemo(() => ({ value: { getContainer } }), [getContainer]);
 	return /* @__PURE__ */ React.createElement(PortalContext.Provider, { value: contextValue }, children);
 };
 /**
 * Hook to get the current portal root container.
-* First checks React context (for same-tree components),
-* then falls back to PortalRootManager (for cross-tree like modals).
+* Returns the getContainer function from context if inside a PortalProvider,
+* otherwise returns a function that returns null (default behavior).
 */
 const usePortalRoot = () => {
 	const contextValue = usePortalContextWithoutGuarantee();
 	if (contextValue && "getContainer" in contextValue && contextValue.getContainer) return contextValue.getContainer;
-	return portalRootManager.getCurrent.bind(portalRootManager);
+	return () => null;
 };
 
 //#endregion
-export { ClerkInstanceContext, ClientContext, OptionsContext, OrganizationProvider, PortalProvider, SessionContext, UserContext, __experimental_CheckoutProvider, PaymentElement as __experimental_PaymentElement, PaymentElementProvider as __experimental_PaymentElementProvider, useAPIKeys as __experimental_useAPIKeys, useCheckout as __experimental_useCheckout, usePaymentAttempts as __experimental_usePaymentAttempts, usePaymentElement as __experimental_usePaymentElement, usePaymentMethods as __experimental_usePaymentMethods, usePlans as __experimental_usePlans, useStatements as __experimental_useStatements, useSubscription as __experimental_useSubscription, __internal_usePaymentAttemptQuery, usePlanDetailsQuery as __internal_usePlanDetailsQuery, __internal_useStatementQuery, assertContextExists, createContextAndHook, isDeeplyEqual, useAssertWrappedByClerkProvider, useAttemptToEnableOrganizations, useClerk, useClerkInstanceContext, useClientContext, useDeepEqualMemo, useOptionsContext, useOrganization, useOrganizationContext, useOrganizationList, usePortalRoot, useReverification, useSafeLayoutEffect, useSession, useSessionContext, useSessionList, useUser, useUserContext };
+export { ClerkInstanceContext, ClientContext, OptionsContext, OrganizationProvider, SessionContext, UNSAFE_PortalProvider, UserContext, __experimental_CheckoutProvider, PaymentElement as __experimental_PaymentElement, PaymentElementProvider as __experimental_PaymentElementProvider, useAPIKeys as __experimental_useAPIKeys, useCheckout as __experimental_useCheckout, usePaymentAttempts as __experimental_usePaymentAttempts, usePaymentElement as __experimental_usePaymentElement, usePaymentMethods as __experimental_usePaymentMethods, usePlans as __experimental_usePlans, useStatements as __experimental_useStatements, useSubscription as __experimental_useSubscription, __internal_usePaymentAttemptQuery, usePlanDetailsQuery as __internal_usePlanDetailsQuery, __internal_useStatementQuery, assertContextExists, createContextAndHook, isDeeplyEqual, useAssertWrappedByClerkProvider, useAttemptToEnableOrganizations, useClerk, useClerkInstanceContext, useClientContext, useDeepEqualMemo, useOptionsContext, useOrganization, useOrganizationContext, useOrganizationList, usePortalRoot, useReverification, useSafeLayoutEffect, useSession, useSessionContext, useSessionList, useUser, useUserContext };
 //# sourceMappingURL=index.mjs.map