chore: combine 'index.html' and 'main.js' using <CodeBlockTabs /> (#1603

)

Co-authored-by: victoria <[email protected]>

docs/advanced-usage/using-proxies.mdx

@@ -285,7 +285,7 @@ When using a proxy, all requests to the Frontend API will be made through your d
     <Tab>
       To configure your proxy setup using properties in your JavaScript application, pass the `proxyUrl` option to the [`load()`](/docs/references/javascript/clerk/clerk#load) method.
 
-      <CodeBlockTabs type="npm-script" options={["NPM module", "<script>"]}>
+      <CodeBlockTabs options={["NPM module", "<script>"]}>
         ```js {{ filename: 'main.js' }}
         import { Clerk } from '@clerk/clerk-js'
 

docs/components/authentication/google-one-tap.mdx

@@ -112,7 +112,7 @@ function openGoogleOneTap(params: GoogleOneTapProps): void
 
 #### `openGoogleOneTap()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [[7, 12]] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -163,7 +163,7 @@ function closeGoogleOneTap(): void
 
 #### `closeGoogleOneTap()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [16] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -236,7 +236,7 @@ function authenticateWithGoogleOneTap(
 
 #### `authenticateWithGoogleOneTap()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [[7, 15]] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/authentication/sign-in.mdx

@@ -182,7 +182,7 @@ function mountSignIn(node: HTMLDivElement, props?: SignInProps): void
 
 #### `mountSignIn()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -244,7 +244,7 @@ function unmountSignIn(node: HTMLDivElement): void
 
 #### `unmountSignIn()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -314,7 +314,7 @@ function openSignIn(props?: SignInProps): void
 
 #### `openSignIn()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [7] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -356,7 +356,7 @@ function closeSignIn(): void
 
 #### `closeSignIn()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [11] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/authentication/sign-up.mdx

@@ -175,7 +175,7 @@ function mountSignUp(node: HTMLDivElement, props?: SignUpProps): void
 
 #### `mountSignUp()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```typescript {{ filename: 'index.ts', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -237,7 +237,7 @@ function unmountSignUp(node: HTMLDivElement): void
 
 #### `unmountSignUp()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```typescript {{ filename: 'index.ts', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -307,7 +307,7 @@ function openSignUp(props?: SignUpProps): void
 
 #### `openSignUp()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.ts', mark: [7] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -349,7 +349,7 @@ function closeSignUp(): void
 
 #### `closeSignUp()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.ts', mark: [11] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/organization/create-organization.mdx

@@ -146,7 +146,7 @@ function mountCreateOrganization(node: HTMLDivElement, props?: CreateOrganizatio
 
 #### `mountCreateOrganization()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -208,7 +208,7 @@ function unmountCreateOrganization(node: HTMLDivElement): void
 
 #### `unmountCreateOrganization()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -278,7 +278,7 @@ function openCreateOrganization(props?: CreateOrganizationProps): void
 
 #### `openCreateOrganization()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -331,7 +331,7 @@ function closeCreateOrganization(): void
 
 #### `closeCreateOrganization()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/organization/organization-list.mdx

@@ -177,7 +177,7 @@ function mountOrganizationList(node: HTMLDivElement, props?: OrganizationListPro
 
 ### `mountOrganizationList()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -239,7 +239,7 @@ function unmountOrganizationList(node: HTMLDivElement): void
 
 ### `unmountOrganizationList()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/organization/organization-profile.mdx

@@ -143,7 +143,7 @@ function mountOrganizationProfile(node: HTMLDivElement, props?: OrganizationProf
 
 #### `mountOrganizationProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -205,7 +205,7 @@ function unmountOrganizationProfile(node: HTMLDivElement): void
 
 #### `unmountOrganizationProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -275,7 +275,7 @@ function openOrganizationProfile(props?: OrganizationProfileProps): void
 
 #### `openOrganizationProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -328,7 +328,7 @@ function closeOrganizationProfile(): void
 
 #### `closeOrganizationProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/organization/organization-switcher.mdx

@@ -204,7 +204,7 @@ function mountOrganizationSwitcher(node: HTMLDivElement, props?: OrganizationSwi
 
 ### <code>mountOrganization<wbr />Switcher()</code> usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -266,7 +266,7 @@ function unmountOrganizationSwitcher(node: HTMLDivElement): void
 
 ### <code>unmountOrganization<wbr />Switcher()</code> usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/user/user-button.mdx

@@ -284,7 +284,7 @@ function mountUserButton(node: HTMLDivElement, props?: UserButtonProps): void
 
 #### `mountUserButton()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -346,7 +346,7 @@ function unmountUserButton(node: HTMLDivElement): void
 
 #### `unmountUserButton()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/components/user/user-profile.mdx

@@ -139,7 +139,7 @@ function mountUserProfile(node: HTMLDivElement, props?: UserProfileProps): void
 
 #### `mountUserProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -201,7 +201,7 @@ function unmountUserProfile(node: HTMLDivElement): void
 
 #### `unmountUserProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -271,7 +271,7 @@ function openUserProfile(props?: UserProfileProps): void
 
 #### `openUserProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -324,7 +324,7 @@ function closeUserProfile(): void
 
 #### `closeUserProfile()` usage
 
-<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
+<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 

docs/custom-flows/email-sms-otp.mdx

@@ -136,7 +136,7 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
     </Tab>
 
     <Tab>
-      <Tabs type="npm-script" items={["NPM module", "<script>"]}>
+      <Tabs items={["NPM module", "<script>"]}>
         <Tab>
           Use the following tabs to view the code necessary for each file.
 
@@ -542,7 +542,7 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
     </Tab>
 
     <Tab>
-      <Tabs type="npm-script" items={["NPM module", "<script>"]}>
+      <Tabs items={["NPM module", "<script>"]}>
         <Tab>
           Use the following tabs to view the code necessary for each file.