chore(clerk-react,vue,astro): Allow hiding of UserProfile API keys page within UserButton (#7201)

Author: wobsoriano

.changeset/honest-pears-play.md

@@ -0,0 +1,7 @@
+---
+"@clerk/clerk-react": patch
+"@clerk/vue": patch
+"@clerk/astro": patch
+---
+
+Fixed missing API keys props within `<UserButton />`

packages/astro/src/astro-components/interactive/UserButton/UserButton.astro

@@ -2,7 +2,7 @@
 import type { UserButtonProps, UserProfileProps, Without } from '@clerk/types';
 
 type Props = Without<UserButtonProps, 'userProfileProps'> & {
-  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance'>;
+  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance' | 'apiKeysProps'>;
   /**
    * If you have more than one UserButton on a page, providing a custom ID is required
    * to properly scope menu items to the correct button.

packages/react/src/components/uiComponents.tsx

@@ -79,7 +79,7 @@ type UserButtonPropsWithoutCustomPages = Without<
   UserButtonProps,
   'userProfileProps' | '__experimental_asStandalone'
 > & {
-  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance'>;
+  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance' | 'apiKeysProps'>;
   /**
    * Adding `asProvider` will defer rendering until the `<Outlet />` component is mounted.
    *

packages/shared/src/types/clerk.ts

@@ -1716,7 +1716,7 @@ export type UserButtonProps = UserButtonProfileMode & {
    * Specify options for the underlying <UserProfile /> component.
    * e.g. <UserButton userProfileProps={{additionalOAuthScopes: {google: ['foo', 'bar'], github: ['qux']}}} />
    */
-  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance' | 'customPages'>;
+  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance' | 'customPages' | 'apiKeysProps'>;
 
   /*
    * Provide custom menu actions and links to be rendered inside the UserButton.

packages/vue/src/components/ui-components/UserButton/UserButton.vue

@@ -8,7 +8,7 @@ import { useUserProfileCustomPages } from '../../../utils/useCustomPages';
 import { useUserButtonCustomMenuItems } from '../../../utils/useCustomMenuItems';
 
 type Props = Omit<UserButtonProps, 'userProfileProps' | 'customMenuItems'> & {
-  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance'>;
+  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance' | 'apiKeysProps'>;
 };
 const props = defineProps<Props>();