fix(docs): clerk component names

Author: mrzachnugent

apps/docs/content/docs/blocks/authentication/forgot-password-form.mdx

@@ -6,7 +6,7 @@ description: A form that sends a password reset OTP to the user's email address.
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { ForgotPasswordForm } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                      
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                            
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -57,7 +57,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-forgot-password-form"]}/>
+        <CommandTabs args={["add", "forgot-password-form-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -68,10 +68,10 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkForgotPasswordForm` in your app.
+        You can import `ForgotPasswordForm` in your app.
 
         ```tsx
-        import { ClerkForgotPasswordForm } from '@/components/clerk-forgot-password-form';
+        import { ForgotPasswordForm } from '@/components/forgot-password-form';
         import { ScrollView, View } from 'react-native';
 
         export default function ForgotPasswordScreen() {
@@ -81,7 +81,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
               contentContainerClassName="sm:flex-1 items-center justify-center p-4 py-8 sm:py-4 sm:p-6 mt-safe"
               keyboardDismissMode="interactive">
               <View className="w-full max-w-sm">
-                <ClerkForgotPasswordForm />
+                <ForgotPasswordForm />
               </View>
             </ScrollView>
           );

apps/docs/content/docs/blocks/authentication/reset-password-form.mdx

@@ -6,7 +6,7 @@ description: A form for resetting a password with an OTP sent via email.
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { ResetPasswordForm } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                      
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                          
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -57,7 +57,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-reset-password-form"]}/>
+        <CommandTabs args={["add", "reset-password-form-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -68,10 +68,10 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkResetPasswordForm` in your app.
+        You can import `ResetPasswordForm` in your app.
 
         ```tsx
-        import { ClerkResetPasswordForm } from '@/components/clerk-reset-password-form';
+        import { ResetPasswordForm } from '@/components/reset-password-form';
         import { ScrollView, View } from 'react-native';
 
         export default function ResetPasswordScreen() {
@@ -81,7 +81,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
               contentContainerClassName="sm:flex-1 items-center justify-center p-4 py-8 sm:py-4 sm:p-6 mt-safe"
               keyboardDismissMode="interactive">
               <View className="w-full max-w-sm">
-                <ClerkResetPasswordForm />
+                <ResetPasswordForm />
               </View>
             </ScrollView>
           );

apps/docs/content/docs/blocks/authentication/sign-in-form.mdx

@@ -6,7 +6,7 @@ description: A form for signing in using email and password or social providers.
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { SignInForm } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                               
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                                  
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -57,7 +57,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-sign-in-form"]}/>
+        <CommandTabs args={["add", "sign-in-form-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -68,10 +68,10 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkSignInForm` in your app.
+        You can import `SignInForm` in your app.
 
         ```tsx
-        import { ClerkSignInForm } from '@/components/clerk-sign-in-form';
+        import { SignInForm } from '@/components/sign-in-form';
         import { ScrollView, View } from 'react-native';
 
         export default function SignInScreen() {
@@ -81,7 +81,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
               contentContainerClassName="sm:flex-1 items-center justify-center p-4 py-8 sm:py-4 sm:p-6 mt-safe"
               keyboardDismissMode="interactive">
               <View className="w-full max-w-sm">
-                <ClerkSignInForm />
+                <SignInForm />
               </View>
             </ScrollView>
           );

apps/docs/content/docs/blocks/authentication/sign-up-form.mdx

@@ -6,7 +6,7 @@ description: A form for creating an account with email and password or social pr
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { SignUpForm } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                     
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                         
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -57,7 +57,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-sign-up-form"]}/>
+        <CommandTabs args={["add", "sign-up-form-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -68,10 +68,10 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkSignUpForm` in your app.
+        You can import `SignUpForm` in your app.
 
         ```tsx
-        import { ClerkSignUpForm } from '@/components/clerk-sign-up-form';
+        import { SignUpForm } from '@/components/sign-up-form';
         import { ScrollView, View } from 'react-native';
 
         export default function SignUpScreen() {
@@ -81,7 +81,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
               contentContainerClassName="sm:flex-1 items-center justify-center p-4 py-8 sm:py-4 sm:p-6 mt-safe"
               keyboardDismissMode="interactive">
               <View className="w-full max-w-sm">
-                <ClerkSignUpForm />
+                <SignUpForm />
               </View>
             </ScrollView>
           );

apps/docs/content/docs/blocks/authentication/social-connections.mdx

@@ -6,7 +6,7 @@ description: A set of buttons for authenticating through social providers.
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { SocialConnections } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                         
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                             
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -54,7 +54,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-social-connections"]}/>
+        <CommandTabs args={["add", "social-connections-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -65,17 +65,17 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkSocialConnections` in your app.
+        You can import `SocialConnections` in your app.
 
         ```tsx
-        import { ClerkSocialConnections } from '@/components/clerk-social-connections';
+        import { SocialConnections } from '@/components/social-connections';
         import { View } from 'react-native';
 
         export default function SocialConnectionsScreen() {
           return (
             <View className='flex-1 items-center justify-center p-8'>
               <View className="w-full max-w-sm">
-                <ClerkSocialConnections />
+                <SocialConnections />
               </View>
             </View>
           );

apps/docs/content/docs/blocks/authentication/user-menu.mdx

@@ -6,7 +6,7 @@ description: A popover menu presenting options and actions for the current user.
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { UserMenu } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                     
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                         
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -52,7 +52,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-user-menu"]}/>
+        <CommandTabs args={["add", "user-menu-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -63,16 +63,16 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkUserMenu` in your app.
+        You can import `UserMenu` in your app.
 
         ```tsx
-        import { ClerkUserMenu } from '@/components/clerk-user-menu';
+        import { UserMenu } from '@/components/user-menu';
         import { View } from 'react-native';
 
         export default function UserMenuScreen() {
           return (
             <View className='flex-1 items-center justify-center'>
-              <ClerkUserMenu />
+              <UserMenu />
             </View>
           );
         }

apps/docs/content/docs/blocks/authentication/verify-email-form.mdx

@@ -6,7 +6,7 @@ description: A form for verifying an email address with an OTP sent via email.
 import { BlockPreviewCard } from '@docs/components/preview-card';
 import { VerifyEmailForm } from "@docs/components/blocks";
 import { ExternalLinks } from "@docs/components/external-links";
-import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                       
+import { Step, Steps } from 'fumadocs-ui/components/steps';                                                                           
 import { CommandTabs } from "@docs/components/command-tabs";
 import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } from '@docs/components/auth-block-tabs';
 
@@ -57,7 +57,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
   <AuthBlockTabsCliContent integration="clerk">
     <Steps>
       <Step>
-        <CommandTabs args={["add", "clerk-verify-email-form"]}/>
+        <CommandTabs args={["add", "verify-email-form-clerk"]}/>
       </Step>
       <Step>
         **If you haven't already**
@@ -68,10 +68,10 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
       <Step>
         **All set!**
 
-        You can import `ClerkVerifyEmailForm` in your app.
+        You can import `VerifyEmailForm` in your app.
 
         ```tsx
-        import { ClerkVerifyEmailForm } from '@/components/clerk-verify-email-form';
+        import { VerifyEmailForm } from '@/components/verify-email-form';
         import { ScrollView, View } from 'react-native';
 
         export default function VerifyEmailScreen() {
@@ -81,7 +81,7 @@ import { AuthBlockTabs, AuthBlockTabsCliContent, AuthBlockTabsManualContent } fr
               contentContainerClassName="sm:flex-1 items-center justify-center p-4 py-8 sm:py-4 sm:p-6 mt-safe"
               keyboardDismissMode="interactive">
               <View className="w-full max-w-sm">
-                <ClerkVerifyEmailForm />
+                <VerifyEmailForm />
               </View>
             </ScrollView>
           );