@clerk/react 6.0.0-snapshot.v20251211120550 → 6.0.0-snapshot.v20251215203425

package/dist/index.js

@@ -50,6 +50,7 @@ __export(src_exports, {
   OrganizationList: () => OrganizationList,
   OrganizationProfile: () => OrganizationProfile,
   OrganizationSwitcher: () => OrganizationSwitcher,
+  PortalProvider: () => import_react29.PortalProvider,
   PricingTable: () => PricingTable,
   Protect: () => Protect,
   RedirectToCreateOrganization: () => RedirectToCreateOrganization,
@@ -72,22 +73,22 @@ __export(src_exports, {
   UserButton: () => UserButton,
   UserProfile: () => UserProfile,
   Waitlist: () => Waitlist,
-  __experimental_CheckoutProvider: () => import_react19.__experimental_CheckoutProvider,
-  __experimental_PaymentElement: () => import_react19.__experimental_PaymentElement,
-  __experimental_PaymentElementProvider: () => import_react19.__experimental_PaymentElementProvider,
-  __experimental_useCheckout: () => import_react19.__experimental_useCheckout,
-  __experimental_usePaymentElement: () => import_react19.__experimental_usePaymentElement,
+  __experimental_CheckoutProvider: () => import_react20.__experimental_CheckoutProvider,
+  __experimental_PaymentElement: () => import_react20.__experimental_PaymentElement,
+  __experimental_PaymentElementProvider: () => import_react20.__experimental_PaymentElementProvider,
+  __experimental_useCheckout: () => import_react20.__experimental_useCheckout,
+  __experimental_usePaymentElement: () => import_react20.__experimental_usePaymentElement,
   useAuth: () => useAuth,
-  useClerk: () => import_react19.useClerk,
+  useClerk: () => import_react20.useClerk,
   useEmailLink: () => useEmailLink,
-  useOrganization: () => import_react19.useOrganization,
-  useOrganizationList: () => import_react19.useOrganizationList,
-  useReverification: () => import_react19.useReverification,
-  useSession: () => import_react19.useSession,
-  useSessionList: () => import_react19.useSessionList,
+  useOrganization: () => import_react20.useOrganization,
+  useOrganizationList: () => import_react20.useOrganizationList,
+  useReverification: () => import_react20.useReverification,
+  useSession: () => import_react20.useSession,
+  useSessionList: () => import_react20.useSessionList,
   useSignIn: () => useSignIn,
   useSignUp: () => useSignUp,
-  useUser: () => import_react19.useUser
+  useUser: () => import_react20.useUser
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -108,7 +109,7 @@ function setErrorThrowerOptions(options) {
 
 // src/components/uiComponents.tsx
 var import_utils3 = require("@clerk/shared/utils");
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 
 // src/errors/messages.ts
 var multipleClerkProvidersError = "You've added multiple <ClerkProvider> components in your React component tree. Wrap your components in a single <ClerkProvider>.";
@@ -650,7 +651,8 @@ var ClerkHostRenderer = class extends import_react9.default.PureComponent {
 };
 
 // src/components/withClerk.tsx
-var import_react12 = __toESM(require("react"));
+var import_react12 = require("@clerk/shared/react");
+var import_react13 = __toESM(require("react"));
 
 // src/contexts/IsomorphicClerkContext.tsx
 var import_react10 = require("@clerk/shared/react");
@@ -674,12 +676,14 @@ var withClerk = (Component, displayNameOrOptions) => {
   const HOC = (props) => {
     useAssertWrappedByClerkProvider(displayName || "withClerk");
     const clerk = useIsomorphicClerkContext();
+    const getContainer = (0, import_react12.usePortalRoot)();
     if (!clerk.loaded && !(options == null ? void 0 : options.renderWhileLoading)) {
       return null;
     }
-    return /* @__PURE__ */ import_react12.default.createElement(
+    return /* @__PURE__ */ import_react13.default.createElement(
       Component,
       {
+        getContainer,
         ...props,
         component: displayName,
         clerk
@@ -693,7 +697,7 @@ var withClerk = (Component, displayNameOrOptions) => {
 // src/components/uiComponents.tsx
 var CustomPortalsRenderer = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, (_a = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a.map((portal, index) => (0, import_react13.createElement)(portal, { key: index })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map((portal, index) => (0, import_react13.createElement)(portal, { key: index })));
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (_a = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a.map((portal, index) => (0, import_react14.createElement)(portal, { key: index })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map((portal, index) => (0, import_react14.createElement)(portal, { key: index })));
 };
 var SignIn = withClerk(
   ({ clerk, component, fallback, ...props }) => {
@@ -702,7 +706,7 @@ var SignIn = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -723,7 +727,7 @@ var SignUp = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -739,11 +743,11 @@ var SignUp = withClerk(
 );
 function UserProfilePage({ children }) {
   (0, import_utils3.logErrorInDevMode)(userProfilePageRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 function UserProfileLink({ children }) {
   (0, import_utils3.logErrorInDevMode)(userProfileLinkRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 var _UserProfile = withClerk(
   ({
@@ -758,7 +762,7 @@ var _UserProfile = withClerk(
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
     const { customPages, customPagesPortals } = useUserProfileCustomPages(props.children);
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -768,7 +772,7 @@ var _UserProfile = withClerk(
         props: { ...props, customPages },
         rootProps: rendererRootProps
       },
-      /* @__PURE__ */ import_react13.default.createElement(CustomPortalsRenderer, { customPagesPortals })
+      /* @__PURE__ */ import_react14.default.createElement(CustomPortalsRenderer, { customPagesPortals })
     ));
   },
   { component: "UserProfile", renderWhileLoading: true }
@@ -777,7 +781,7 @@ var UserProfile = Object.assign(_UserProfile, {
   Page: UserProfilePage,
   Link: UserProfileLink
 });
-var UserButtonContext = (0, import_react13.createContext)({
+var UserButtonContext = (0, import_react14.createContext)({
   mount: () => {
   },
   unmount: () => {
@@ -815,7 +819,7 @@ var _UserButton = withClerk(
       customPagesPortals,
       customMenuItemsPortals
     };
-    return /* @__PURE__ */ import_react13.default.createElement(UserButtonContext.Provider, { value: passableProps }, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(UserButtonContext.Provider, { value: passableProps }, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -824,25 +828,25 @@ var _UserButton = withClerk(
         rootProps: rendererRootProps
       },
       props.__experimental_asProvider ? sanitizedChildren : null,
-      /* @__PURE__ */ import_react13.default.createElement(CustomPortalsRenderer, { ...portalProps })
+      /* @__PURE__ */ import_react14.default.createElement(CustomPortalsRenderer, { ...portalProps })
     ));
   },
   { component: "UserButton", renderWhileLoading: true }
 );
 function MenuItems({ children }) {
   (0, import_utils3.logErrorInDevMode)(userButtonMenuItemsRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 function MenuAction({ children }) {
   (0, import_utils3.logErrorInDevMode)(userButtonMenuActionRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 function MenuLink({ children }) {
   (0, import_utils3.logErrorInDevMode)(userButtonMenuLinkRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 function UserButtonOutlet(outletProps) {
-  const providerProps = (0, import_react13.useContext)(UserButtonContext);
+  const providerProps = (0, import_react14.useContext)(UserButtonContext);
   const portalProps = {
     ...providerProps,
     props: {
@@ -850,7 +854,7 @@ function UserButtonOutlet(outletProps) {
       ...outletProps
     }
   };
-  return /* @__PURE__ */ import_react13.default.createElement(ClerkHostRenderer, { ...portalProps });
+  return /* @__PURE__ */ import_react14.default.createElement(ClerkHostRenderer, { ...portalProps });
 }
 var UserButton = Object.assign(_UserButton, {
   UserProfilePage,
@@ -862,11 +866,11 @@ var UserButton = Object.assign(_UserButton, {
 });
 function OrganizationProfilePage({ children }) {
   (0, import_utils3.logErrorInDevMode)(organizationProfilePageRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 function OrganizationProfileLink({ children }) {
   (0, import_utils3.logErrorInDevMode)(organizationProfileLinkRenderedError);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children);
 }
 var _OrganizationProfile = withClerk(
   ({
@@ -881,7 +885,7 @@ var _OrganizationProfile = withClerk(
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
     const { customPages, customPagesPortals } = useOrganizationProfileCustomPages(props.children);
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -891,7 +895,7 @@ var _OrganizationProfile = withClerk(
         props: { ...props, customPages },
         rootProps: rendererRootProps
       },
-      /* @__PURE__ */ import_react13.default.createElement(CustomPortalsRenderer, { customPagesPortals })
+      /* @__PURE__ */ import_react14.default.createElement(CustomPortalsRenderer, { customPagesPortals })
     ));
   },
   { component: "OrganizationProfile", renderWhileLoading: true }
@@ -907,7 +911,7 @@ var CreateOrganization = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -921,7 +925,7 @@ var CreateOrganization = withClerk(
   },
   { component: "CreateOrganization", renderWhileLoading: true }
 );
-var OrganizationSwitcherContext = (0, import_react13.createContext)({
+var OrganizationSwitcherContext = (0, import_react14.createContext)({
   mount: () => {
   },
   unmount: () => {
@@ -955,20 +959,20 @@ var _OrganizationSwitcher = withClerk(
       component
     };
     clerk.__experimental_prefetchOrganizationSwitcher();
-    return /* @__PURE__ */ import_react13.default.createElement(OrganizationSwitcherContext.Provider, { value: passableProps }, /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(OrganizationSwitcherContext.Provider, { value: passableProps }, /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         ...passableProps,
         hideRootHtmlElement: !!props.__experimental_asProvider
       },
       props.__experimental_asProvider ? sanitizedChildren : null,
-      /* @__PURE__ */ import_react13.default.createElement(CustomPortalsRenderer, { customPagesPortals })
+      /* @__PURE__ */ import_react14.default.createElement(CustomPortalsRenderer, { customPagesPortals })
     )));
   },
   { component: "OrganizationSwitcher", renderWhileLoading: true }
 );
 function OrganizationSwitcherOutlet(outletProps) {
-  const providerProps = (0, import_react13.useContext)(OrganizationSwitcherContext);
+  const providerProps = (0, import_react14.useContext)(OrganizationSwitcherContext);
   const portalProps = {
     ...providerProps,
     props: {
@@ -976,7 +980,7 @@ function OrganizationSwitcherOutlet(outletProps) {
       ...outletProps
     }
   };
-  return /* @__PURE__ */ import_react13.default.createElement(ClerkHostRenderer, { ...portalProps });
+  return /* @__PURE__ */ import_react14.default.createElement(ClerkHostRenderer, { ...portalProps });
 }
 var OrganizationSwitcher = Object.assign(_OrganizationSwitcher, {
   OrganizationProfilePage,
@@ -990,7 +994,7 @@ var OrganizationList = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1011,7 +1015,7 @@ var GoogleOneTap = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1032,7 +1036,7 @@ var Waitlist = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1056,7 +1060,7 @@ var PricingTable = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1077,7 +1081,7 @@ var APIKeys = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1098,7 +1102,7 @@ var UserAvatar = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1119,7 +1123,7 @@ var TaskChooseOrganization = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1140,7 +1144,7 @@ var TaskResetPassword = withClerk(
     const rendererRootProps = {
       ...shouldShowFallback && fallback && { style: { display: "none" } }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
       ClerkHostRenderer,
       {
         component,
@@ -1157,19 +1161,19 @@ var TaskResetPassword = withClerk(
 
 // src/components/controlComponents.tsx
 var import_deprecated = require("@clerk/shared/deprecated");
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/contexts/SessionContext.tsx
-var import_react14 = require("@clerk/shared/react");
+var import_react15 = require("@clerk/shared/react");
 
 // src/hooks/useAuth.ts
 var import_authorization = require("@clerk/shared/authorization");
 var import_telemetry = require("@clerk/shared/telemetry");
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/contexts/AuthContext.ts
-var import_react15 = require("@clerk/shared/react");
-var [AuthContext, useAuthContext] = (0, import_react15.createContextAndHook)("AuthContext");
+var import_react16 = require("@clerk/shared/react");
+var [AuthContext, useAuthContext] = (0, import_react16.createContextAndHook)("AuthContext");
 
 // src/hooks/utils.ts
 var clerkLoaded = (isomorphicClerk) => {
@@ -1211,8 +1215,8 @@ var useAuth = (initialAuthStateOrOptions = {}) => {
     authContext = initialAuthState != null ? initialAuthState : {};
   }
   const isomorphicClerk = useIsomorphicClerkContext();
-  const getToken = (0, import_react16.useCallback)(createGetToken(isomorphicClerk), [isomorphicClerk]);
-  const signOut = (0, import_react16.useCallback)(createSignOut(isomorphicClerk), [isomorphicClerk]);
+  const getToken = (0, import_react17.useCallback)(createGetToken(isomorphicClerk), [isomorphicClerk]);
+  const signOut = (0, import_react17.useCallback)(createSignOut(isomorphicClerk), [isomorphicClerk]);
   (_a = isomorphicClerk.telemetry) == null ? void 0 : _a.record((0, import_telemetry.eventMethodCalled)("useAuth", { treatPendingAsSignedOut }));
   return useDerivedAuth(
     {
@@ -1227,7 +1231,7 @@ var useAuth = (initialAuthStateOrOptions = {}) => {
 };
 function useDerivedAuth(authObject, { treatPendingAsSignedOut = true } = {}) {
   const { userId, orgId, orgRole, has, signOut, getToken, orgPermissions, factorVerificationAge, sessionClaims } = authObject != null ? authObject : {};
-  const derivedHas = (0, import_react16.useCallback)(
+  const derivedHas = (0, import_react17.useCallback)(
     (params) => {
       if (has) {
         return has(params);
@@ -1262,10 +1266,10 @@ function useDerivedAuth(authObject, { treatPendingAsSignedOut = true } = {}) {
 }
 
 // src/hooks/useEmailLink.ts
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 function useEmailLink(resource) {
-  const { startEmailLinkFlow, cancelEmailLinkFlow } = import_react17.default.useMemo(() => resource.createEmailLinkFlow(), [resource]);
-  import_react17.default.useEffect(() => {
+  const { startEmailLinkFlow, cancelEmailLinkFlow } = import_react18.default.useMemo(() => resource.createEmailLinkFlow(), [resource]);
+  import_react18.default.useEffect(() => {
     return cancelEmailLinkFlow;
   }, []);
   return {
@@ -1276,7 +1280,7 @@ function useEmailLink(resource) {
 
 // src/hooks/useClerkSignal.ts
 var import_telemetry2 = require("@clerk/shared/telemetry");
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useClerkSignal(signal) {
   var _a, _b;
   useAssertWrappedByClerkProvider("useClerkSignal");
@@ -1291,7 +1295,7 @@ function useClerkSignal(signal) {
     default:
       break;
   }
-  const subscribe = (0, import_react18.useCallback)(
+  const subscribe = (0, import_react19.useCallback)(
     (callback) => {
       if (!clerk.loaded) {
         return () => {
@@ -1313,7 +1317,7 @@ function useClerkSignal(signal) {
     },
     [clerk, clerk.loaded, clerk.__internal_state]
   );
-  const getSnapshot = (0, import_react18.useCallback)(() => {
+  const getSnapshot = (0, import_react19.useCallback)(() => {
     switch (signal) {
       case "signIn":
         return clerk.__internal_state.signInSignal();
@@ -1323,7 +1327,7 @@ function useClerkSignal(signal) {
         throw new Error(`Unknown signal: ${signal}`);
     }
   }, [clerk.__internal_state]);
-  const value = (0, import_react18.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+  const value = (0, import_react19.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
   return value;
 }
 function useSignIn() {
@@ -1334,7 +1338,7 @@ function useSignUp() {
 }
 
 // src/hooks/index.ts
-var import_react19 = require("@clerk/shared/react");
+var import_react20 = require("@clerk/shared/react");
 
 // src/components/controlComponents.tsx
 var SignedIn = ({ children, treatPendingAsSignedOut }) => {
@@ -1414,7 +1418,7 @@ var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
   var _a, _b;
   const { client, session } = clerk;
   const hasSignedInSessions = ((_b = (_a = client.signedInSessions) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
-  import_react20.default.useEffect(() => {
+  import_react21.default.useEffect(() => {
     if (session === null && hasSignedInSessions) {
       void clerk.redirectToAfterSignOut();
     } else {
@@ -1424,33 +1428,33 @@ var RedirectToSignIn = withClerk(({ clerk, ...props }) => {
   return null;
 }, "RedirectToSignIn");
 var RedirectToSignUp = withClerk(({ clerk, ...props }) => {
-  import_react20.default.useEffect(() => {
+  import_react21.default.useEffect(() => {
     void clerk.redirectToSignUp(props);
   }, []);
   return null;
 }, "RedirectToSignUp");
 var RedirectToTasks = withClerk(({ clerk, ...props }) => {
-  import_react20.default.useEffect(() => {
+  import_react21.default.useEffect(() => {
     void clerk.redirectToTasks(props);
   }, []);
   return null;
 }, "RedirectToTasks");
 var RedirectToUserProfile = withClerk(({ clerk }) => {
-  import_react20.default.useEffect(() => {
+  import_react21.default.useEffect(() => {
     (0, import_deprecated.deprecated)("RedirectToUserProfile", "Use the `redirectToUserProfile()` method instead.");
     void clerk.redirectToUserProfile();
   }, []);
   return null;
 }, "RedirectToUserProfile");
 var RedirectToOrganizationProfile = withClerk(({ clerk }) => {
-  import_react20.default.useEffect(() => {
+  import_react21.default.useEffect(() => {
     (0, import_deprecated.deprecated)("RedirectToOrganizationProfile", "Use the `redirectToOrganizationProfile()` method instead.");
     void clerk.redirectToOrganizationProfile();
   }, []);
   return null;
 }, "RedirectToOrganizationProfile");
 var RedirectToCreateOrganization = withClerk(({ clerk }) => {
-  import_react20.default.useEffect(() => {
+  import_react21.default.useEffect(() => {
     (0, import_deprecated.deprecated)("RedirectToCreateOrganization", "Use the `redirectToCreateOrganization()` method instead.");
     void clerk.redirectToCreateOrganization();
   }, []);
@@ -1458,7 +1462,7 @@ var RedirectToCreateOrganization = withClerk(({ clerk }) => {
 }, "RedirectToCreateOrganization");
 var AuthenticateWithRedirectCallback = withClerk(
   ({ clerk, ...handleRedirectCallbackParams }) => {
-    import_react20.default.useEffect(() => {
+    import_react21.default.useEffect(() => {
       void clerk.handleRedirectCallback(handleRedirectCallbackParams);
     }, []);
     return null;
@@ -1467,7 +1471,7 @@ var AuthenticateWithRedirectCallback = withClerk(
 );
 
 // src/components/SignInButton.tsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var SignInButton = withClerk(
   ({ clerk, children, ...props }) => {
     const {
@@ -1509,13 +1513,13 @@ var SignInButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return import_react21.default.cloneElement(child, childProps);
+    return import_react22.default.cloneElement(child, childProps);
   },
   { component: "SignInButton", renderWhileLoading: true }
 );
 
 // src/components/SignInWithMetamaskButton.tsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var SignInWithMetamaskButton = withClerk(
   ({ clerk, children, ...props }) => {
     const { redirectUrl, ...rest } = props;
@@ -1532,13 +1536,13 @@ var SignInWithMetamaskButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return import_react22.default.cloneElement(child, childProps);
+    return import_react23.default.cloneElement(child, childProps);
   },
   { component: "SignInWithMetamask", renderWhileLoading: true }
 );
 
 // src/components/SignOutButton.tsx
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var SignOutButton = withClerk(
   ({ clerk, children, ...props }) => {
     const { redirectUrl = "/", signOutOptions, ...rest } = props;
@@ -1550,13 +1554,13 @@ var SignOutButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return import_react23.default.cloneElement(child, childProps);
+    return import_react24.default.cloneElement(child, childProps);
   },
   { component: "SignOutButton", renderWhileLoading: true }
 );
 
 // src/components/SignUpButton.tsx
-var import_react24 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var SignUpButton = withClerk(
   ({ clerk, children, ...props }) => {
     const {
@@ -1600,18 +1604,18 @@ var SignUpButton = withClerk(
       return clickHandler();
     };
     const childProps = { ...rest, onClick: wrappedChildClickHandler };
-    return import_react24.default.cloneElement(child, childProps);
+    return import_react25.default.cloneElement(child, childProps);
   },
   { component: "SignUpButton", renderWhileLoading: true }
 );
 
 // src/contexts/ClerkProvider.tsx
-var import_react27 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 
 // src/contexts/ClerkContextProvider.tsx
 var import_deriveState = require("@clerk/shared/deriveState");
-var import_react25 = require("@clerk/shared/react");
-var import_react26 = __toESM(require("react"));
+var import_react26 = require("@clerk/shared/react");
+var import_react27 = __toESM(require("react"));
 
 // src/isomorphicClerk.ts
 var import_browser2 = require("@clerk/shared/browser");
@@ -1968,7 +1972,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
 }
 var SDK_METADATA = {
   name: "@clerk/react",
-  version: "6.0.0-snapshot.v20251211120550",
+  version: "6.0.0-snapshot.v20251215203425",
   environment: process.env.NODE_ENV
 };
 var _status, _domain, _proxyUrl, _publishableKey, _eventBus, _stateProxy, _instance, _IsomorphicClerk_instances, waitForClerkJS_fn;
@@ -3275,24 +3279,24 @@ var IsomorphicClerk = _IsomorphicClerk;
 function ClerkContextProvider(props) {
   const { isomorphicClerkOptions, initialState, children } = props;
   const { isomorphicClerk: clerk, clerkStatus } = useLoadedIsomorphicClerk(isomorphicClerkOptions);
-  const [state, setState] = import_react26.default.useState({
+  const [state, setState] = import_react27.default.useState({
     client: clerk.client,
     session: clerk.session,
     user: clerk.user,
     organization: clerk.organization
   });
-  import_react26.default.useEffect(() => {
+  import_react27.default.useEffect(() => {
     return clerk.addListener((e) => setState({ ...e }));
   }, []);
   const derivedState = (0, import_deriveState.deriveState)(clerk.loaded, state, initialState);
-  const clerkCtx = import_react26.default.useMemo(
+  const clerkCtx = import_react27.default.useMemo(
     () => ({ value: clerk }),
     [
       // Only update the clerk reference on status change
       clerkStatus
     ]
   );
-  const clientCtx = import_react26.default.useMemo(() => ({ value: state.client }), [state.client]);
+  const clientCtx = import_react27.default.useMemo(() => ({ value: state.client }), [state.client]);
   const {
     sessionId,
     sessionStatus,
@@ -3308,7 +3312,7 @@ function ClerkContextProvider(props) {
     orgPermissions,
     factorVerificationAge
   } = derivedState;
-  const authCtx = import_react26.default.useMemo(() => {
+  const authCtx = import_react27.default.useMemo(() => {
     const value = {
       sessionId,
       sessionStatus,
@@ -3323,9 +3327,9 @@ function ClerkContextProvider(props) {
     };
     return { value };
   }, [sessionId, sessionStatus, userId, actor, orgId, orgRole, orgSlug, factorVerificationAge, sessionClaims == null ? void 0 : sessionClaims.__raw]);
-  const sessionCtx = import_react26.default.useMemo(() => ({ value: session }), [sessionId, session]);
-  const userCtx = import_react26.default.useMemo(() => ({ value: user }), [userId, user]);
-  const organizationCtx = import_react26.default.useMemo(() => {
+  const sessionCtx = import_react27.default.useMemo(() => ({ value: session }), [sessionId, session]);
+  const userCtx = import_react27.default.useMemo(() => ({ value: user }), [userId, user]);
+  const organizationCtx = import_react27.default.useMemo(() => {
     const value = {
       organization
     };
@@ -3333,8 +3337,8 @@ function ClerkContextProvider(props) {
   }, [orgId, organization]);
   return (
     // @ts-expect-error value passed is of type IsomorphicClerk where the context expects LoadedClerk
-    /* @__PURE__ */ import_react26.default.createElement(IsomorphicClerkContext.Provider, { value: clerkCtx }, /* @__PURE__ */ import_react26.default.createElement(import_react25.ClientContext.Provider, { value: clientCtx }, /* @__PURE__ */ import_react26.default.createElement(import_react25.SessionContext.Provider, { value: sessionCtx }, /* @__PURE__ */ import_react26.default.createElement(import_react25.OrganizationProvider, { ...organizationCtx.value }, /* @__PURE__ */ import_react26.default.createElement(AuthContext.Provider, { value: authCtx }, /* @__PURE__ */ import_react26.default.createElement(import_react25.UserContext.Provider, { value: userCtx }, /* @__PURE__ */ import_react26.default.createElement(
-      import_react25.__experimental_CheckoutProvider,
+    /* @__PURE__ */ import_react27.default.createElement(IsomorphicClerkContext.Provider, { value: clerkCtx }, /* @__PURE__ */ import_react27.default.createElement(import_react26.ClientContext.Provider, { value: clientCtx }, /* @__PURE__ */ import_react27.default.createElement(import_react26.SessionContext.Provider, { value: sessionCtx }, /* @__PURE__ */ import_react27.default.createElement(import_react26.OrganizationProvider, { ...organizationCtx.value }, /* @__PURE__ */ import_react27.default.createElement(AuthContext.Provider, { value: authCtx }, /* @__PURE__ */ import_react27.default.createElement(import_react26.UserContext.Provider, { value: userCtx }, /* @__PURE__ */ import_react27.default.createElement(
+      import_react26.__experimental_CheckoutProvider,
       {
         value: void 0
       },
@@ -3343,15 +3347,15 @@ function ClerkContextProvider(props) {
   );
 }
 var useLoadedIsomorphicClerk = (options) => {
-  const isomorphicClerkRef = import_react26.default.useRef(IsomorphicClerk.getOrCreateInstance(options));
-  const [clerkStatus, setClerkStatus] = import_react26.default.useState(isomorphicClerkRef.current.status);
-  import_react26.default.useEffect(() => {
+  const isomorphicClerkRef = import_react27.default.useRef(IsomorphicClerk.getOrCreateInstance(options));
+  const [clerkStatus, setClerkStatus] = import_react27.default.useState(isomorphicClerkRef.current.status);
+  import_react27.default.useEffect(() => {
     void isomorphicClerkRef.current.__internal_updateProps({ appearance: options.appearance });
   }, [options.appearance]);
-  import_react26.default.useEffect(() => {
+  import_react27.default.useEffect(() => {
     void isomorphicClerkRef.current.__internal_updateProps({ options });
   }, [options.localization]);
-  import_react26.default.useEffect(() => {
+  import_react27.default.useEffect(() => {
     isomorphicClerkRef.current.on("status", setClerkStatus);
     return () => {
       if (isomorphicClerkRef.current) {
@@ -3367,7 +3371,7 @@ var useLoadedIsomorphicClerk = (options) => {
 function ClerkProviderBase(props) {
   const { initialState, children, ...restIsomorphicClerkOptions } = props;
   const isomorphicClerkOptions = restIsomorphicClerkOptions;
-  return /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(
     ClerkContextProvider,
     {
       initialState,
@@ -3379,6 +3383,9 @@ function ClerkProviderBase(props) {
 var ClerkProvider = withMaxAllowedInstancesGuard(ClerkProviderBase, "ClerkProvider", multipleClerkProvidersError);
 ClerkProvider.displayName = "ClerkProvider";
 
+// src/contexts/index.ts
+var import_react29 = require("@clerk/shared/react");
+
 // src/index.ts
 setErrorThrowerOptions({ packageName: "@clerk/react" });
 (0, import_loadClerkJsScript2.setClerkJsLoadingErrorPackageName)("@clerk/react");
@@ -3396,6 +3403,7 @@ setErrorThrowerOptions({ packageName: "@clerk/react" });
   OrganizationList,
   OrganizationProfile,
   OrganizationSwitcher,
+  PortalProvider,
   PricingTable,
   Protect,
   RedirectToCreateOrganization,