@clerk/shared 4.0.0-snapshot.v20251215210631 → 4.0.0-snapshot.v20251216175437

package/dist/runtime/react/index.js

@@ -2502,96 +2502,12 @@ 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
-* (popovers, modals, tooltips, etc.) that use 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.
-*
-* @example
-* ```tsx
-* function Example() {
-*   const containerRef = useRef(null);
-*   return (
-*     <RadixDialog ref={containerRef}>
-*       <PortalProvider getContainer={() => containerRef.current}>
-*         <UserButton />
-*       </PortalProvider>
-*     </RadixDialog>
-*   );
-* }
-* ```
-*/
-const UNSAFE_PortalProvider = ({ children, getContainer }) => {
-	const getContainerRef = (0, react.useRef)(getContainer);
-	getContainerRef.current = getContainer;
-	(0, react.useEffect)(() => {
-		const getContainerWrapper = () => getContainerRef.current();
-		portalRootManager.push(getContainerWrapper);
-		return () => {
-			portalRootManager.pop();
-		};
-	}, []);
-	const contextValue = react.default.useMemo(() => ({ value: { getContainer } }), [getContainer]);
-	return /* @__PURE__ */ react.default.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).
-*/
-const usePortalRoot = () => {
-	const contextValue = usePortalContextWithoutGuarantee();
-	if (contextValue && "getContainer" in contextValue && contextValue.getContainer) return contextValue.getContainer;
-	return portalRootManager.getCurrent.bind(portalRootManager);
-};
-
 //#endregion
 exports.ClerkInstanceContext = ClerkInstanceContext;
 exports.ClientContext = ClientContext;
 exports.OptionsContext = OptionsContext;
 exports.OrganizationProvider = OrganizationProvider;
 exports.SessionContext = SessionContext;
-exports.UNSAFE_PortalProvider = UNSAFE_PortalProvider;
 exports.UserContext = UserContext;
 exports.__experimental_CheckoutProvider = __experimental_CheckoutProvider;
 exports.__experimental_PaymentElement = PaymentElement;
@@ -2620,7 +2536,6 @@ exports.useOptionsContext = useOptionsContext;
 exports.useOrganization = useOrganization;
 exports.useOrganizationContext = useOrganizationContext;
 exports.useOrganizationList = useOrganizationList;
-exports.usePortalRoot = usePortalRoot;
 exports.useReverification = useReverification;
 exports.useSafeLayoutEffect = useSafeLayoutEffect;
 exports.useSession = useSession;