@clerk/react 6.8.0-snapshot.v20260604052353 → 6.8.0

package/dist/experimental.mjs

@@ -4,7 +4,7 @@ import {
   safeExecute,
   useAuth,
   withClerk
-} from "./chunk-3ME65G46.mjs";
+} from "./chunk-FQVXBXXF.mjs";
 import "./chunk-RQWALB2R.mjs";
 import "./chunk-E5QRIS4Z.mjs";
 

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { Theme, Ui } from '@clerk/ui/internal';
 import * as _clerk_shared_types from '@clerk/shared/types';
-import { Without, APIKeysProps, ConfigureSSOProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, TaskSetupMFAProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SetActiveNavigate, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, SignInSignalValue, SignUpSignalValue, WaitlistSignalValue } from '@clerk/shared/types';
+import { Without, APIKeysProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, TaskSetupMFAProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SetActiveNavigate, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, SignInSignalValue, SignUpSignalValue, WaitlistSignalValue } from '@clerk/shared/types';
 export { BrowserClerk, BrowserClerkConstructor, ClerkProp, HeadlessBrowserClerk, HeadlessBrowserClerkConstructor, IsomorphicClerkOptions } from '@clerk/shared/types';
 import React, { ReactNode, PropsWithChildren } from 'react';
 import { WithClerkProp, OrganizationProfilePageProps, OrganizationProfileLinkProps, UserProfilePageProps, UserProfileLinkProps, UserButtonActionProps, UserButtonLinkProps, SignInWithMetamaskButtonProps, ClerkProviderProps } from './types.mjs';
@@ -156,10 +156,6 @@ declare const APIKeys: {
     (props: Without<WithClerkProp<APIKeysProps & FallbackProp>, "clerk">): React.JSX.Element | null;
     displayName: string;
 };
-declare const ConfigureSSO: {
-    (props: Without<WithClerkProp<ConfigureSSOProps & FallbackProp>, "clerk">): React.JSX.Element | null;
-    displayName: string;
-};
 declare const OAuthConsent: {
     (props: Without<WithClerkProp<_clerk_shared_types.OAuthConsentProps & FallbackProp>, "clerk">): React.JSX.Element | null;
     displayName: string;
@@ -320,4 +316,4 @@ declare const useSignUp: () => SignUpSignalValue;
  */
 declare function useWaitlist(): WaitlistSignalValue;
 
-export { APIKeys, ClerkProvider, ClerkProviderProps, ConfigureSSO, CreateOrganization, GoogleOneTap, HandleSSOCallback, OAuthConsent, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, TaskSetupMFA, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp, useWaitlist };
+export { APIKeys, ClerkProvider, ClerkProviderProps, CreateOrganization, GoogleOneTap, HandleSSOCallback, OAuthConsent, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, TaskSetupMFA, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp, useWaitlist };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Theme, Ui } from '@clerk/ui/internal';
 import * as _clerk_shared_types from '@clerk/shared/types';
-import { Without, APIKeysProps, ConfigureSSOProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, TaskSetupMFAProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SetActiveNavigate, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, SignInSignalValue, SignUpSignalValue, WaitlistSignalValue } from '@clerk/shared/types';
+import { Without, APIKeysProps, CreateOrganizationProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, TaskChooseOrganizationProps, TaskResetPasswordProps, TaskSetupMFAProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, SignInButtonProps, SignOutOptions, SignUpButtonProps, SetActiveNavigate, SignInResource, CreateEmailLinkFlowReturn, SignInStartEmailLinkFlowParams, SignUpResource, StartEmailLinkFlowParams, EmailAddressResource, SignInSignalValue, SignUpSignalValue, WaitlistSignalValue } from '@clerk/shared/types';
 export { BrowserClerk, BrowserClerkConstructor, ClerkProp, HeadlessBrowserClerk, HeadlessBrowserClerkConstructor, IsomorphicClerkOptions } from '@clerk/shared/types';
 import React, { ReactNode, PropsWithChildren } from 'react';
 import { WithClerkProp, OrganizationProfilePageProps, OrganizationProfileLinkProps, UserProfilePageProps, UserProfileLinkProps, UserButtonActionProps, UserButtonLinkProps, SignInWithMetamaskButtonProps, ClerkProviderProps } from './types.js';
@@ -156,10 +156,6 @@ declare const APIKeys: {
     (props: Without<WithClerkProp<APIKeysProps & FallbackProp>, "clerk">): React.JSX.Element | null;
     displayName: string;
 };
-declare const ConfigureSSO: {
-    (props: Without<WithClerkProp<ConfigureSSOProps & FallbackProp>, "clerk">): React.JSX.Element | null;
-    displayName: string;
-};
 declare const OAuthConsent: {
     (props: Without<WithClerkProp<_clerk_shared_types.OAuthConsentProps & FallbackProp>, "clerk">): React.JSX.Element | null;
     displayName: string;
@@ -320,4 +316,4 @@ declare const useSignUp: () => SignUpSignalValue;
  */
 declare function useWaitlist(): WaitlistSignalValue;
 
-export { APIKeys, ClerkProvider, ClerkProviderProps, ConfigureSSO, CreateOrganization, GoogleOneTap, HandleSSOCallback, OAuthConsent, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, TaskSetupMFA, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp, useWaitlist };
+export { APIKeys, ClerkProvider, ClerkProviderProps, CreateOrganization, GoogleOneTap, HandleSSOCallback, OAuthConsent, OrganizationList, OrganizationProfile, OrganizationSwitcher, PricingTable, SignIn, SignInButton, SignInWithMetamaskButton, SignOutButton, SignUp, SignUpButton, TaskChooseOrganization, TaskResetPassword, TaskSetupMFA, UserAvatar, UserButton, UserProfile, Waitlist, useEmailLink, useSignIn, useSignUp, useWaitlist };

package/dist/index.js

@@ -45,7 +45,6 @@ __export(src_exports, {
   ClerkLoaded: () => ClerkLoaded,
   ClerkLoading: () => ClerkLoading,
   ClerkProvider: () => ClerkProvider,
-  ConfigureSSO: () => ConfigureSSO,
   CreateOrganization: () => CreateOrganization,
   GoogleOneTap: () => GoogleOneTap,
   HandleSSOCallback: () => HandleSSOCallback,
@@ -246,19 +245,41 @@ var import_react3 = require("react");
 var import_react_dom = require("react-dom");
 var useCustomElementPortal = (elements) => {
   const [nodeMap, setNodeMap] = (0, import_react3.useState)(/* @__PURE__ */ new Map());
-  return elements.map((el) => ({
-    id: el.id,
-    mount: (node) => setNodeMap((prev) => new Map(prev).set(String(el.id), node)),
-    unmount: () => setNodeMap((prev) => {
-      const newMap = new Map(prev);
-      newMap.set(String(el.id), null);
-      return newMap;
-    }),
-    portal: () => {
-      const node = nodeMap.get(String(el.id));
-      return node ? (0, import_react_dom.createPortal)(el.component, node) : null;
+  const nodeMapRef = (0, import_react3.useRef)(nodeMap);
+  const elementsRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  const portalsRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  nodeMapRef.current = nodeMap;
+  elementsRef.current = new Map(elements.map((el) => [el.id, el.component]));
+  const elementIds = new Set(elements.map((el) => el.id));
+  portalsRef.current.forEach((_, id) => {
+    if (!elementIds.has(id)) {
+      portalsRef.current.delete(id);
     }
-  }));
+  });
+  return elements.map((el) => {
+    const id = el.id;
+    const existingPortal = portalsRef.current.get(id);
+    if (existingPortal) {
+      return existingPortal;
+    }
+    const portal = () => {
+      const node = nodeMapRef.current.get(id);
+      const component = elementsRef.current.get(id);
+      return node ? (0, import_react_dom.createPortal)(component, node) : null;
+    };
+    const customElementPortal = {
+      id: el.id,
+      mount: (node) => setNodeMap((prev) => new Map(prev).set(id, node)),
+      unmount: () => setNodeMap((prev) => {
+        const newMap = new Map(prev);
+        newMap.set(id, null);
+        return newMap;
+      }),
+      portal
+    };
+    portalsRef.current.set(id, customElementPortal);
+    return customElementPortal;
+  });
 };
 
 // src/utils/useCustomPages.tsx
@@ -319,6 +340,7 @@ var useCustomPages = (params, options) => {
   const { children, LinkComponent, PageComponent, MenuItemsComponent, reorderItemsLabels, componentName } = params;
   const { allowForAnyChildren = false } = options || {};
   const validChildren = [];
+  const portalIdCounts = /* @__PURE__ */ new Map();
   import_react5.default.Children.forEach(children, (child) => {
     if (!isThatComponent(child, PageComponent) && !isThatComponent(child, LinkComponent) && !isThatComponent(child, MenuItemsComponent)) {
       if (child && !allowForAnyChildren) {
@@ -328,11 +350,18 @@ var useCustomPages = (params, options) => {
     }
     const { props } = child;
     const { children: children2, label, url, labelIcon } = props;
+    const childKey = child.key;
     if (isThatComponent(child, PageComponent)) {
       if (isReorderItem(props, reorderItemsLabels)) {
         validChildren.push({ label });
       } else if (isCustomPage(props)) {
-        validChildren.push({ label, labelIcon, children: children2, url });
+        validChildren.push({
+          label,
+          labelIcon,
+          children: children2,
+          url,
+          portalId: getCustomPagePortalId("page", props, childKey, portalIdCounts)
+        });
       } else {
         (0, import_utils.logErrorInDevMode)(customPageWrongProps(componentName));
         return;
@@ -340,7 +369,12 @@ var useCustomPages = (params, options) => {
     }
     if (isThatComponent(child, LinkComponent)) {
       if (isExternalLink(props)) {
-        validChildren.push({ label, labelIcon, url });
+        validChildren.push({
+          label,
+          labelIcon,
+          url,
+          portalId: getCustomPagePortalId("link", props, childKey, portalIdCounts)
+        });
       } else {
         (0, import_utils.logErrorInDevMode)(customLinkWrongProps(componentName));
         return;
@@ -352,12 +386,12 @@ var useCustomPages = (params, options) => {
   const customLinkLabelIcons = [];
   validChildren.forEach((cp, index) => {
     if (isCustomPage(cp)) {
-      customPageContents.push({ component: cp.children, id: index });
-      customPageLabelIcons.push({ component: cp.labelIcon, id: index });
+      customPageContents.push({ component: cp.children, id: cp.portalId || index });
+      customPageLabelIcons.push({ component: cp.labelIcon, id: cp.portalId || index });
       return;
     }
     if (isExternalLink(cp)) {
-      customLinkLabelIcons.push({ component: cp.labelIcon, id: index });
+      customLinkLabelIcons.push({ component: cp.labelIcon, id: cp.portalId || index });
     }
   });
   const customPageContentsPortals = useCustomElementPortal(customPageContents);
@@ -375,15 +409,15 @@ var useCustomPages = (params, options) => {
         portal: contentPortal,
         mount,
         unmount
-      } = customPageContentsPortals.find((p) => p.id === index);
+      } = customPageContentsPortals.find((p) => p.id === (cp.portalId || index));
       const {
         portal: labelPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customPageLabelIconsPortals.find((p) => p.id === index);
+      } = customPageLabelIconsPortals.find((p) => p.id === (cp.portalId || index));
       customPages.push({ label: cp.label, url: cp.url, mount, unmount, mountIcon, unmountIcon });
-      customPagesPortals.push(contentPortal);
-      customPagesPortals.push(labelPortal);
+      customPagesPortals.push({ key: `content:${cp.portalId || index}`, portal: contentPortal });
+      customPagesPortals.push({ key: `label:${cp.portalId || index}`, portal: labelPortal });
       return;
     }
     if (isExternalLink(cp)) {
@@ -391,14 +425,24 @@ var useCustomPages = (params, options) => {
         portal: labelPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customLinkLabelIconsPortals.find((p) => p.id === index);
+      } = customLinkLabelIconsPortals.find((p) => p.id === (cp.portalId || index));
       customPages.push({ label: cp.label, url: cp.url, mountIcon, unmountIcon });
-      customPagesPortals.push(labelPortal);
+      customPagesPortals.push({ key: `label:${cp.portalId || index}`, portal: labelPortal });
       return;
     }
   });
   return { customPages, customPagesPortals };
 };
+var getCustomPagePortalId = (type, props, key, portalIdCounts) => {
+  var _a2;
+  if (key != null) {
+    return `${type}:key:${key}`;
+  }
+  const baseId = `${type}:${props.label}:${props.url}`;
+  const occurrence = (_a2 = portalIdCounts.get(baseId)) != null ? _a2 : 0;
+  portalIdCounts.set(baseId, occurrence + 1);
+  return `${baseId}:${occurrence}`;
+};
 var isReorderItem = (childProps, validItems) => {
   const { children, label, url, labelIcon } = childProps;
   return !children && !url && !labelIcon && validItems.some((v) => v === label);
@@ -442,6 +486,7 @@ var useCustomMenuItems = ({
   const validChildren = [];
   const customMenuItems = [];
   const customMenuItemsPortals = [];
+  const portalIdCounts = /* @__PURE__ */ new Map();
   import_react6.default.Children.forEach(children, (child) => {
     if (!isThatComponent(child, MenuItemsComponent) && !isThatComponent(child, UserProfileLinkComponent) && !isThatComponent(child, UserProfilePageComponent)) {
       if (child && !allowForAnyChildren) {
@@ -461,6 +506,7 @@ var useCustomMenuItems = ({
         return;
       }
       const { props: props2 } = child2;
+      const childKey = child2.key;
       const { label, labelIcon, href, onClick, open } = props2;
       if (isThatComponent(child2, MenuActionComponent)) {
         if (isReorderItem2(props2, reorderItemsLabels)) {
@@ -473,12 +519,14 @@ var useCustomMenuItems = ({
           if (onClick !== void 0) {
             validChildren.push({
               ...baseItem,
-              onClick
+              onClick,
+              portalId: getCustomMenuItemPortalId("action", props2, childKey, portalIdCounts)
             });
           } else if (open !== void 0) {
             validChildren.push({
               ...baseItem,
-              open: open.startsWith("/") ? open : `/${open}`
+              open: open.startsWith("/") ? open : `/${open}`,
+              portalId: getCustomMenuItemPortalId("action", props2, childKey, portalIdCounts)
             });
           } else {
             (0, import_utils2.logErrorInDevMode)("Custom menu item must have either onClick or open property");
@@ -491,7 +539,12 @@ var useCustomMenuItems = ({
       }
       if (isThatComponent(child2, MenuLinkComponent)) {
         if (isExternalLink2(props2)) {
-          validChildren.push({ label, labelIcon, href });
+          validChildren.push({
+            label,
+            labelIcon,
+            href,
+            portalId: getCustomMenuItemPortalId("link", props2, childKey, portalIdCounts)
+          });
         } else {
           (0, import_utils2.logErrorInDevMode)(userButtonMenuItemLinkWrongProps);
           return;
@@ -503,10 +556,10 @@ var useCustomMenuItems = ({
   const customLinkLabelIcons = [];
   validChildren.forEach((mi, index) => {
     if (isCustomMenuItem(mi)) {
-      customMenuItemLabelIcons.push({ component: mi.labelIcon, id: index });
+      customMenuItemLabelIcons.push({ component: mi.labelIcon, id: mi.portalId || index });
     }
     if (isExternalLink2(mi)) {
-      customLinkLabelIcons.push({ component: mi.labelIcon, id: index });
+      customLinkLabelIcons.push({ component: mi.labelIcon, id: mi.portalId || index });
     }
   });
   const customMenuItemLabelIconsPortals = useCustomElementPortal(customMenuItemLabelIcons);
@@ -522,7 +575,7 @@ var useCustomMenuItems = ({
         portal: iconPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customMenuItemLabelIconsPortals.find((p) => p.id === index);
+      } = customMenuItemLabelIconsPortals.find((p) => p.id === (mi.portalId || index));
       const menuItem = {
         label: mi.label,
         mountIcon,
@@ -534,25 +587,36 @@ var useCustomMenuItems = ({
         menuItem.open = mi.open;
       }
       customMenuItems.push(menuItem);
-      customMenuItemsPortals.push(iconPortal);
+      customMenuItemsPortals.push({ key: `icon:${mi.portalId || index}`, portal: iconPortal });
     }
     if (isExternalLink2(mi)) {
       const {
         portal: iconPortal,
         mount: mountIcon,
         unmount: unmountIcon
-      } = customLinkLabelIconsPortals.find((p) => p.id === index);
+      } = customLinkLabelIconsPortals.find((p) => p.id === (mi.portalId || index));
       customMenuItems.push({
         label: mi.label,
         href: mi.href,
         mountIcon,
         unmountIcon
       });
-      customMenuItemsPortals.push(iconPortal);
+      customMenuItemsPortals.push({ key: `icon:${mi.portalId || index}`, portal: iconPortal });
     }
   });
   return { customMenuItems, customMenuItemsPortals };
 };
+var getCustomMenuItemPortalId = (type, props, key, portalIdCounts) => {
+  var _a2;
+  if (key != null) {
+    return `${type}:key:${key}`;
+  }
+  const target = props.href || props.open || "";
+  const baseId = `${type}:${props.label}:${target}`;
+  const occurrence = (_a2 = portalIdCounts.get(baseId)) != null ? _a2 : 0;
+  portalIdCounts.set(baseId, occurrence + 1);
+  return `${baseId}:${occurrence}`;
+};
 var isReorderItem2 = (childProps, validItems) => {
   const { children, label, onClick, labelIcon } = childProps;
   return !children && !onClick && !labelIcon && validItems.some((v) => v === label);
@@ -659,16 +723,16 @@ var ClerkHostRenderer = class extends import_react9.default.PureComponent {
     this.rootRef = import_react9.default.createRef();
   }
   componentDidUpdate(_prevProps) {
-    var _a2, _b, _c, _d;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     if (!isMountProps(_prevProps) || !isMountProps(this.props)) {
       return;
     }
-    const prevProps = (0, import_object.without)(_prevProps.props, "customPages", "customMenuItems", "children");
-    const newProps = (0, import_object.without)(this.props.props, "customPages", "customMenuItems", "children");
-    const customPagesChanged = ((_a2 = prevProps.customPages) == null ? void 0 : _a2.length) !== ((_b = newProps.customPages) == null ? void 0 : _b.length);
-    const customMenuItemsChanged = ((_c = prevProps.customMenuItems) == null ? void 0 : _c.length) !== ((_d = newProps.customMenuItems) == null ? void 0 : _d.length);
-    const prevMenuItemsWithoutHandlers = stripMenuItemIconHandlers(_prevProps.props.customMenuItems);
-    const newMenuItemsWithoutHandlers = stripMenuItemIconHandlers(this.props.props.customMenuItems);
+    const prevProps = (0, import_object.without)(_prevProps.props || {}, "customPages", "customMenuItems", "children");
+    const newProps = (0, import_object.without)(this.props.props || {}, "customPages", "customMenuItems", "children");
+    const customPagesChanged = ((_b = (_a2 = _prevProps.props) == null ? void 0 : _a2.customPages) == null ? void 0 : _b.length) !== ((_d = (_c = this.props.props) == null ? void 0 : _c.customPages) == null ? void 0 : _d.length);
+    const customMenuItemsChanged = ((_f = (_e = _prevProps.props) == null ? void 0 : _e.customMenuItems) == null ? void 0 : _f.length) !== ((_h = (_g = this.props.props) == null ? void 0 : _g.customMenuItems) == null ? void 0 : _h.length);
+    const prevMenuItemsWithoutHandlers = stripMenuItemIconHandlers((_i = _prevProps.props) == null ? void 0 : _i.customMenuItems);
+    const newMenuItemsWithoutHandlers = stripMenuItemIconHandlers((_j = this.props.props) == null ? void 0 : _j.customMenuItems);
     if (!(0, import_react8.isDeeplyEqual)(prevProps, newProps) || !(0, import_react8.isDeeplyEqual)(prevMenuItemsWithoutHandlers, newMenuItemsWithoutHandlers) || customPagesChanged || customMenuItemsChanged) {
       if (this.rootRef.current) {
         this.props.updateProps({ node: this.rootRef.current, props: this.props.props });
@@ -752,7 +816,7 @@ var withClerk = (Component, displayNameOrOptions) => {
 // src/components/uiComponents.tsx
 var CustomPortalsRenderer = (props) => {
   var _a2, _b;
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (_a2 = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a2.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 })));
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (_a2 = props == null ? void 0 : props.customPagesPortals) == null ? void 0 : _a2.map(({ key, portal }) => (0, import_react14.createElement)(portal, { key })), (_b = props == null ? void 0 : props.customMenuItemsPortals) == null ? void 0 : _b.map(({ key, portal }) => (0, import_react14.createElement)(portal, { key })));
 };
 var SignIn = withClerk(
   ({ clerk, component, fallback, ...props }) => {
@@ -1150,27 +1214,6 @@ var APIKeys = withClerk(
   },
   { component: "ApiKeys", renderWhileLoading: true }
 );
-var ConfigureSSO = withClerk(
-  ({ clerk, component, fallback, ...props }) => {
-    const mountingStatus = useWaitForComponentMount(component);
-    const shouldShowFallback = mountingStatus === "rendering" || !clerk.loaded;
-    const rendererRootProps = {
-      ...shouldShowFallback && fallback && { style: { display: "none" } }
-    };
-    return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, shouldShowFallback && fallback, clerk.loaded && /* @__PURE__ */ import_react14.default.createElement(
-      ClerkHostRenderer,
-      {
-        component,
-        mount: clerk.mountConfigureSSO,
-        unmount: clerk.unmountConfigureSSO,
-        updateProps: clerk.__internal_updateProps,
-        props,
-        rootProps: rendererRootProps
-      }
-    ));
-  },
-  { component: "ConfigureSSO", renderWhileLoading: true }
-);
 var OAuthConsent = withClerk(
   ({ clerk, component, fallback, ...props }) => {
     const mountingStatus = useWaitForComponentMount(component);
@@ -2355,7 +2398,7 @@ if (typeof globalThis.__BUILD_DISABLE_RHC__ === "undefined") {
 }
 var SDK_METADATA = {
   name: "@clerk/react",
-  version: "6.8.0-snapshot.v20260604052353",
+  version: "6.8.0",
   environment: process.env.NODE_ENV
 };
 var _status, _domain, _proxyUrl, _publishableKey, _eventBus, _stateProxy, _instance, _IsomorphicClerk_instances, waitForClerkJS_fn;
@@ -2670,7 +2713,7 @@ var _IsomorphicClerk = class _IsomorphicClerk {
         clerkjs.mountAPIKeys(node, props);
       });
       this.premountConfigureSSONodes.forEach((props, node) => {
-        clerkjs.mountConfigureSSO(node, props);
+        clerkjs.__internal_mountConfigureSSO(node, props);
       });
       this.premountOAuthConsentNodes.forEach((props, node) => {
         clerkjs.__internal_mountOAuthConsent(node, props);
@@ -3057,32 +3100,20 @@ var _IsomorphicClerk = class _IsomorphicClerk {
         this.premountAPIKeysNodes.delete(node);
       }
     };
-    this.mountConfigureSSO = (node, props) => {
+    this.__internal_mountConfigureSSO = (node, props) => {
       if (this.clerkjs && this.loaded) {
-        this.clerkjs.mountConfigureSSO(node, props);
+        this.clerkjs.__internal_mountConfigureSSO(node, props);
       } else {
         this.premountConfigureSSONodes.set(node, props);
       }
     };
-    this.unmountConfigureSSO = (node) => {
+    this.__internal_unmountConfigureSSO = (node) => {
       if (this.clerkjs && this.loaded) {
-        this.clerkjs.unmountConfigureSSO(node);
+        this.clerkjs.__internal_unmountConfigureSSO(node);
       } else {
         this.premountConfigureSSONodes.delete(node);
       }
     };
-    /**
-     * @deprecated Use `mountConfigureSSO` instead.
-     */
-    this.__experimental_mountConfigureSSO = (node, props) => {
-      this.mountConfigureSSO(node, props);
-    };
-    /**
-     * @deprecated Use `unmountConfigureSSO` instead.
-     */
-    this.__experimental_unmountConfigureSSO = (node) => {
-      this.unmountConfigureSSO(node);
-    };
     this.__internal_mountOAuthConsent = (node, props) => {
       if (this.clerkjs && this.loaded) {
         this.clerkjs.__internal_mountOAuthConsent(node, props);
@@ -3648,17 +3679,20 @@ var _IsomorphicClerk = class _IsomorphicClerk {
     if ((uiProp || this.options.prefetchUI === false) && !hasInternalUrl) {
       return void 0;
     }
-    await (0, import_loadClerkJsScript.loadClerkUIScript)({
-      ...this.options,
-      publishableKey: __privateGet(this, _publishableKey),
-      proxyUrl: this.proxyUrl,
-      domain: this.domain,
-      nonce: this.options.nonce
-    });
-    if (!global.__internal_ClerkUICtor) {
-      throw new Error("Failed to download latest Clerk UI. Contact support@clerk.com.");
+    if (!__BUILD_DISABLE_RHC__) {
+      await (0, import_loadClerkJsScript.loadClerkUIScript)({
+        ...this.options,
+        publishableKey: __privateGet(this, _publishableKey),
+        proxyUrl: this.proxyUrl,
+        domain: this.domain,
+        nonce: this.options.nonce
+      });
+      if (!global.__internal_ClerkUICtor) {
+        throw new Error("Failed to download latest Clerk UI. Contact support@clerk.com.");
+      }
+      return global.__internal_ClerkUICtor;
     }
-    return global.__internal_ClerkUICtor;
+    return void 0;
   }
   get version() {
     var _a2;
@@ -3831,7 +3865,6 @@ setErrorThrowerOptions({ packageName: "@clerk/react" });
   ClerkLoaded,
   ClerkLoading,
   ClerkProvider,
-  ConfigureSSO,
   CreateOrganization,
   GoogleOneTap,
   HandleSSOCallback,