(chore) add bun to package manager options

docs/_partials/nextjs/create-first-user.mdx

@@ -1,6 +1,6 @@
 1. Run your project with the following command:
 
-   <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+   <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
      ```bash {{ filename: 'terminal' }}
      npm run dev
      ```
@@ -12,6 +12,10 @@
      ```bash {{ filename: 'terminal' }}
      pnpm dev
      ```
+
+     ```bash {{ filename: 'terminal' }}
+     bun dev
+     ```
    </CodeBlockTabs>
 1. Visit your app's homepage at [http://localhost:3000](http://localhost:3000).
 1. Click "Sign up" in the header and authenticate to create your first user.

docs/custom-flows/email-password-mfa.mdx

@@ -292,18 +292,22 @@ This guide will walk you through how to build a custom email/password sign-in fl
 
       Install `expo-checkbox` for the UI.
 
-      <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
-        ```bash filename="terminal"
+      <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
+        ```bash {{ filename: 'terminal' }}
         npm install expo-checkbox
         ```
 
-        ```bash filename="terminal"
+        ```bash {{ filename: 'terminal' }}
         yarn add expo-checkbox
         ```
 
-        ```bash filename="terminal"
+        ```bash {{ filename: 'terminal' }}
         pnpm add expo-checkbox
         ```
+
+        ```bash {{ filename: 'terminal' }}
+        bun add expo-checkbox
+        ```
       </CodeBlockTabs>
 
       ### Build the flow

docs/custom-flows/manage-totp-based-mfa.mdx

@@ -312,7 +312,7 @@ One of the options that Clerk supports for MFA is **Authenticator applications (
 
       Install `expo-checkbox` for the UI and `react-native-qr-svg` for the QR code.
 
-      <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+      <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
         ```bash {{ filename: 'terminal' }}
         npm install expo-checkbox react-native-qr-svg
         ```
@@ -324,6 +324,10 @@ One of the options that Clerk supports for MFA is **Authenticator applications (
         ```bash {{ filename: 'terminal' }}
         pnpm add expo-checkbox react-native-qr-svg
         ```
+
+        ```bash {{ filename: 'terminal' }}
+        bun add expo-checkbox react-native-qr-svg
+        ```
       </CodeBlockTabs>
 
       ### Build the flow

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 options={["npm", "yarn", "pnpm"]}>
+<CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
   ```sh {{ filename: 'terminal' }}
   npm install @clerk/elements
   ```
@@ -45,6 +45,10 @@ To get started, install the Clerk Elements package:
   ```sh {{ filename: 'terminal' }}
   pnpm add @clerk/elements
   ```
+
+  ```sh {{ filename: 'terminal' }}
+  bun add @clerk/elements
+  ```
 </CodeBlockTabs>
 
 > [!IMPORTANT]

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 options={["npm", "yarn", "pnpm"]}>
+   <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
      ```bash {{ filename: 'terminal' }}
      npm install @clerk/themes
      ```
@@ -52,6 +52,10 @@ Applied by default when no other theme is provided.
      ```bash {{ filename: 'terminal' }}
      pnpm add @clerk/themes
      ```
+
+     ```bash {{ filename: 'terminal' }}
+     bun add @clerk/themes
+     ```
    </CodeBlockTabs>
 1. To use a theme, import it from `@clerk/themes` and pass it to the `appearance` prop of a Clerk component.
 

docs/integrations/databases/fauna.mdx

@@ -94,7 +94,7 @@ This guide will walk you through the steps to integrate Fauna with Clerk in your
 
   Add the Fauna library to your project.
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm i fauna
     ```
@@ -106,6 +106,10 @@ This guide will walk you through the steps to integrate Fauna with Clerk in your
     ```bash {{ filename: 'terminal' }}
     pnpm add fauna
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add fauna
+    ```
   </CodeBlockTabs>
 
   ## Authenticate Fauna queries in your Next.js app

docs/integrations/databases/instantdb.mdx

@@ -67,7 +67,7 @@ This guide will walk you through the steps to integrate InstantDB with Clerk in
 
   Run the following command to add the InstantDB library to your project.
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm i @instantdb/react
     ```
@@ -79,6 +79,10 @@ This guide will walk you through the steps to integrate InstantDB with Clerk in
     ```bash {{ filename: 'terminal' }}
     pnpm add @instantdb/react
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add @instantdb/react
+    ```
   </CodeBlockTabs>
 
   ## Integrate InstantDB to your Clerk application

docs/integrations/databases/supabase.mdx

@@ -193,7 +193,7 @@ For interacting with the Supabase dashboard, you can either use the **Supabase i
 
   Add the Supabase client library to your project.
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm i @supabase/supabase-js
     ```
@@ -205,6 +205,10 @@ For interacting with the Supabase dashboard, you can either use the **Supabase i
     ```bash {{ filename: 'terminal' }}
     pnpm add @supabase/supabase-js
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add @supabase/supabase-js
+    ```
   </CodeBlockTabs>
 
   ### Set up your environment variables

docs/quickstarts/astro.mdx

@@ -36,7 +36,7 @@ description: Add authentication and user management to your Astro app with Clerk
 
   Run the following command to install the SDK:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/astro
     ```
@@ -48,6 +48,10 @@ description: Add authentication and user management to your Astro app with Clerk
     ```bash {{ filename: 'terminal' }}
     pnpm add @clerk/astro
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add @clerk/astro
+    ```
   </CodeBlockTabs>
 
   ## Set your Clerk API keys
@@ -162,7 +166,7 @@ description: Add authentication and user management to your Astro app with Clerk
 
   Run your project with the following command:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm run dev
     ```
@@ -174,6 +178,10 @@ description: Add authentication and user management to your Astro app with Clerk
     ```bash {{ filename: 'terminal' }}
     pnpm dev
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun dev
+    ```
   </CodeBlockTabs>
 
   Now visit your app's homepage at [`http://localhost:4321`](http://localhost:4321). Sign up to create your first user.

docs/quickstarts/expo.mdx

@@ -37,7 +37,7 @@ description: Add authentication and user management to your Expo app with Clerk.
 
   Run the following command to install the SDK:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash filename="terminal"
     npm install @clerk/clerk-expo
     ```
@@ -49,6 +49,10 @@ description: Add authentication and user management to your Expo app with Clerk.
     ```bash filename="terminal"
     pnpm add @clerk/clerk-expo
     ```
+
+    ```bash filename="terminal"
+    bun add @clerk/clerk-expo
+    ```
   </CodeBlockTabs>
 
   ## Install `@clerk/types` (optional)
@@ -57,7 +61,7 @@ description: Add authentication and user management to your Expo app with Clerk.
 
   Add the package to your project by running the following command:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash filename="terminal"
     npm install @clerk/types
     ```
@@ -69,6 +73,10 @@ description: Add authentication and user management to your Expo app with Clerk.
     ```bash filename="terminal"
     pnpm add @clerk/types
     ```
+
+    ```bash filename="terminal"
+    bun add @clerk/types
+    ```
   </CodeBlockTabs>
 
   ## Set your Clerk API keys
@@ -137,7 +145,7 @@ description: Add authentication and user management to your Expo app with Clerk.
 
   1. Run the following command to install the library:
 
-     <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+     <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
        ```bash {{ filename: 'terminal' }}
        npm install expo-secure-store
        ```
@@ -149,6 +157,10 @@ description: Add authentication and user management to your Expo app with Clerk.
        ```bash {{ filename: 'terminal' }}
        pnpm add expo-secure-store
        ```
+
+       ```bash {{ filename: 'terminal' }}
+       bun add expo-secure-store
+       ```
      </CodeBlockTabs>
   1. In your root directory, create a `cache.ts` file and add the following code:
      ```tsx {{ filename: 'cache.ts' }}
@@ -470,7 +482,7 @@ description: Add authentication and user management to your Expo app with Clerk.
 
   Run your project with the following command:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun" ]}>
     ```bash {{ filename: 'terminal' }}
     npm start
     ```
@@ -482,6 +494,10 @@ description: Add authentication and user management to your Expo app with Clerk.
     ```bash {{ filename: 'terminal' }}
     pnpm start
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun start
+    ```
   </CodeBlockTabs>
 
   Now visit your app's homepage at [`http://localhost:8081`](http://localhost:8081). Sign up to create your first user.

docs/quickstarts/express.mdx

@@ -38,7 +38,7 @@ Learn how to integrate Clerk into your Express backend for secure user authentic
 
   Run the following command to install the SDK:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/express
     ```
@@ -50,6 +50,10 @@ Learn how to integrate Clerk into your Express backend for secure user authentic
     ```bash {{ filename: 'terminal' }}
     pnpm add @clerk/express
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add @clerk/express
+    ```
   </CodeBlockTabs>
 
   ## Set your Clerk API keys
@@ -73,7 +77,7 @@ Learn how to integrate Clerk into your Express backend for secure user authentic
 
   This guide uses `dotenv` to load the environment variables. Run the following command to install it:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm install dotenv
     ```
@@ -85,6 +89,10 @@ Learn how to integrate Clerk into your Express backend for secure user authentic
     ```bash {{ filename: 'terminal' }}
     pnpm add dotenv
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add dotenv
+    ```
   </CodeBlockTabs>
 
   ## Add `clerkMiddleware()` to your app

docs/quickstarts/fastify.mdx

@@ -44,7 +44,7 @@ Learn how to integrate Clerk into your Fastify backend for secure user authentic
 
   Run the following command to install the SDK:
 
-  <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
+  <CodeBlockTabs options={["npm", "yarn", "pnpm", "bun"]}>
     ```bash {{ filename: 'terminal' }}
     npm install @clerk/fastify
     ```
@@ -56,6 +56,10 @@ Learn how to integrate Clerk into your Fastify backend for secure user authentic
     ```bash {{ filename: 'terminal' }}
     pnpm add @clerk/fastify
     ```
+
+    ```bash {{ filename: 'terminal' }}
+    bun add @clerk/fastify
+    ```
   </CodeBlockTabs>
 
   ## Set your Clerk API keys