chore: remove type="installer" (#1689)

docs/customization/elements/overview.mdx

@@ -33,7 +33,7 @@ Clerk Elements currently only works with Next.js App Router and [Clerk Core 2](/
 
 To get started, install the Clerk Elements package:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```sh {{ filename: 'terminal' }}
   npm install @clerk/elements
   ```

docs/customization/localization.mdx

@@ -63,7 +63,7 @@ Clerk currently supports the following languages with English as the default:
 
 To get started, install the `@clerk/localizations` package.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/localizations
   ```

docs/customization/themes.mdx

@@ -40,7 +40,7 @@ Applied by default when no other theme is provided.
 
 1. To get started, install the `@clerk/themes` package.
 
-   <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+   <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
      ```bash {{ filename: 'terminal' }}
      npm install @clerk/themes
      ```

docs/guides/authjs-migration.mdx

@@ -42,7 +42,7 @@ This guide shows how to migrate an application using Auth.js (formerly NextAuth.
 
   Clerk's Next.js SDK gives you access to prebuilt [components](/docs/components/overview), [hooks](/docs/references/nextjs/overview#client-side-helpers), and [helpers](/docs/references/nextjs/overview) for Next.js Server Components, Route Handlers and Middleware. Run the following command to install it:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/nextjs
     ```
@@ -71,7 +71,7 @@ This guide shows how to migrate an application using Auth.js (formerly NextAuth.
 
   You will need to remove the `<SessionProvider session={session}>` provider from Auth.js and replace it with the `<ClerkProvider />` provider from Clerk. `<ClerkProvider />` will need to wrap your application, or wrap the portion of your app where you want to handle authentication.
 
-  <CodeBlockTabs type="installer" options={["App Router", "Pages Router"]}>
+  <CodeBlockTabs options={["App Router", "Pages Router"]}>
     ```tsx {{ filename: 'app/layout.tsx', mark: [1, 6, 10] }}
     import { ClerkProvider } from '@clerk/nextjs'
     import './globals.css'
@@ -174,7 +174,7 @@ This guide shows how to migrate an application using Auth.js (formerly NextAuth.
 
   Replace any Auth.js `getServerSession(req, res, authOptions)` with Clerk's helpers.
 
-  <Tabs type="installer" items={["App Router", "Pages Router"]}>
+  <Tabs items={["App Router", "Pages Router"]}>
     <Tab>
       You can replace Auth.js's `setServerSession()` with Clerk's [`auth()`](/docs/references/nextjs/auth#auth) helper in order to read your user data.
 

docs/integrations/databases/convex.mdx

@@ -76,7 +76,7 @@ This tutorial assumes that you have already [set up a Clerk application](/docs/q
 
   Run the following command to install Clerk's React SDK:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn",  "pnpm" ]}>
+  <CodeBlockTabs options={["npm", "yarn",  "pnpm" ]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/clerk-react
     ```

docs/integrations/webhooks/sync-data.mdx

@@ -91,7 +91,7 @@ This guide can be adapted to listen for any Clerk event.
 
   You will use [`svix`](https://www.npmjs.com/package/svix) to verify the webhook signature. Run the following command to install it:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm install svix
     ```

docs/references/astro/migrating-from-astro-community-sdk.mdx

@@ -9,7 +9,7 @@ In July 2024, we introduced official support for Astro. This migration guide cov
 
 Uninstall the community SDK and install Clerk's new official SDK for Astro.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm uninstall astro-clerk-auth
   npm install @clerk/astro

docs/references/astro/react.mdx

@@ -12,7 +12,7 @@ If you have not set up your Astro application to work with Clerk, visit the [Ast
 
   Add the [Astro React integration](https://docs.astro.build/en/guides/integrations-guide/react/) to your project:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npx astro add react
     ```

docs/references/expo/local-credentials.mdx

@@ -16,7 +16,7 @@ This guide shows you how to use the `useLocalCredentials()` hook to enhance your
 
   These packages are required to be installed in order to use the `useLocalCredentials()` hook.
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm install expo-local-authentication expo-secure-store
     ```

docs/references/expo/web-support/custom-signup-signin-pages.mdx

@@ -36,7 +36,7 @@ This guide uses [Expo Router](https://docs.expo.dev/router/introduction/) and th
 
   To run your project, use the following command:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash filename="terminal"
     npm run web
     ```

docs/references/javascript/types/overview.mdx

@@ -7,7 +7,7 @@ Types are a powerful tool for adding type-safety to your application. They can h
 
 To get access to Clerk types, you need to add the `@clerk/types` package to your project. Run the following command to install it:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/types
   ```

docs/references/nextjs/custom-signup-signin-pages.mdx

@@ -106,7 +106,7 @@ If Clerk's prebuilt components don't meet your specific needs or if you require
 
   Run your project with the following terminal command from the root directory of your project:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm run dev
     ```

docs/references/nextjs/usage-with-older-versions.mdx

@@ -13,7 +13,7 @@ Clerk's [prebuilt components](/docs/components/overview) are exported from the `
 
   Install `^4.0.0` of `@clerk/nextjs`. Newer major versions of `@clerk/nextjs` only support Next.js 13+.
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/nextjs@^4.0.0
     ```

docs/references/nodejs/overview.mdx

@@ -17,7 +17,7 @@ description: Learn how to integrate Node.js into your Clerk application.
 
   Once a Clerk application has been created, you can install and then start using Clerk Node.js in your application. An ESM module for the Clerk Node SDK is available under the [`@clerk/clerk-sdk-node`](https://www.npmjs.com/package/@clerk/clerk-sdk-node) npm package.
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```sh {{ filename: 'terminal' }}
     npm install @clerk/clerk-sdk-node
     ```

docs/references/react/add-react-router.mdx

@@ -41,7 +41,7 @@ Learn how to add React Router to your application using React Router's new Data
 
   React Router's `react-router-dom` is a mature, battle tested routing package for React that gives you many options. As it is the most popular routing option, it will be used for this guide.
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn",  "pnpm" ]}>
+  <CodeBlockTabs options={["npm", "yarn",  "pnpm" ]}>
     ```bash {{ filename: 'terminal' }}
     npm install react-router-dom
     ```

docs/references/redwood/overview.mdx

@@ -8,7 +8,7 @@ Learn how to use Clerk to quickly and easily add secure authentication and user
 <Steps>
   ### Create a RedwoodJS application
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm create redwood-app my-redwood-project --typescript
     ```

docs/references/remix/custom-signup-signin-pages.mdx

@@ -82,7 +82,7 @@ The functionality of the components are controlled by the instance settings you
 
   Run your project with the following terminal command from the root directory of your project:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm run dev
     ```

docs/references/remix/spa-mode.mdx

@@ -29,7 +29,7 @@ description: Clerk supports Remix SPA mode out-of-the-box.
 
   Once you have a Remix application ready, you need to install Clerk's Remix SDK. This gives you access to our prebuilt components and hooks for Remix applications.
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/remix
     ```

docs/references/tanstack-start/custom-signup-signin-pages.mdx

@@ -60,7 +60,7 @@ If Clerk's prebuilt components don't meet your specific needs or if you require
 
   Run your project with the following command:
 
-  <CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
     ```bash {{ filename: 'terminal' }}
     npm run dev
     ```

docs/upgrade-guides/core-2/backend.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/backend
   ```
@@ -43,7 +43,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/chrome-extension.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 All react-dependent Clerk SDKs now require you to use React 18 or higher. You can update your project by installing the latest version of `react` and `react-dom`.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install react@latest react-dom@latest
   ```
@@ -43,7 +43,7 @@ If you are upgrading from React 17 or lower, make sure to [learn about how to up
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/chrome-extension
   ```
@@ -63,7 +63,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/expo.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 All react-dependent Clerk SDKs now require you to use React 18 or higher. You can update your project by installing the latest version of `react` and `react-dom`.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install react@latest react-dom@latest
   ```
@@ -43,7 +43,7 @@ If you are upgrading from React 17 or lower, make sure to [learn about how to up
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/clerk-expo
   ```
@@ -63,7 +63,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/fastify.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/fastify
   ```
@@ -43,7 +43,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/javascript.mdx

@@ -19,7 +19,7 @@ Additionally, some of the minimum version requirements for some base dependencie
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/clerk-js
   ```
@@ -39,7 +39,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/nextjs.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 All react-dependent Clerk SDKs now require you to use React 18 or higher. You can update your project by installing the latest version of `react` and `react-dom`.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install react@latest react-dom@latest
   ```
@@ -50,7 +50,7 @@ If you are upgrading from React 17 or lower, make sure to [learn about how to up
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/nextjs
   ```
@@ -70,7 +70,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/node.mdx

@@ -26,7 +26,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/clerk-sdk-node
   ```
@@ -46,7 +46,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/react.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 All react-dependent Clerk SDKs now require you to use React 18 or higher. You can update your project by installing the latest version of `react` and `react-dom`.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install react@latest react-dom@latest
   ```
@@ -43,7 +43,7 @@ If you are upgrading from React 17 or lower, make sure to [learn about how to up
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/clerk-react
   ```
@@ -63,7 +63,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```

docs/upgrade-guides/core-2/remix.mdx

@@ -23,7 +23,7 @@ You need to have Node.js `18.17.0` or later installed. Last year, Node.js 16 ent
 
 All react-dependent Clerk SDKs now require you to use React 18 or higher. You can update your project by installing the latest version of `react` and `react-dom`.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install react@latest react-dom@latest
   ```
@@ -43,7 +43,7 @@ If you are upgrading from React 17 or lower, make sure to [learn about how to up
 
 Whenever you feel ready, go ahead and install the latest version of any Clerk SDKs you are using. Make sure that you are prepared to patch some breaking changes before your app will work properly, however. The commands below demonstrate how to install the latest version.
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npm install @clerk/remix
   ```
@@ -63,7 +63,7 @@ Clerk now provides a `@clerk/upgrade` CLI tool that you can use to ease the upgr
 
 To run the CLI tool, navigate to your project and run it in the terminal:
 
-<CodeBlockTabs type="installer" options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
   ```bash {{ filename: 'terminal' }}
   npx @clerk/upgrade
   ```