From 4c0a9116f6ef247702100fa86d2665f51a81d4ae Mon Sep 17 00:00:00 2001
From: Kinfe123 <kinfishtech@gmail.com>
Date: Wed, 29 Jan 2025 22:29:50 +0300
Subject: [PATCH 1/3] ui patch

---
 docs/components/theme-toggler.tsx | 99 +++++++++++++++++--------------
 1 file changed, 54 insertions(+), 45 deletions(-)

diff --git a/docs/components/theme-toggler.tsx b/docs/components/theme-toggler.tsx
index 50d157db8b..bed0ced574 100644
--- a/docs/components/theme-toggler.tsx
+++ b/docs/components/theme-toggler.tsx
@@ -4,55 +4,64 @@ import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "@/components/ui/button";
 import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 
 export function ThemeToggle() {
-	const { setTheme } = useTheme();
+  const { setTheme } = useTheme();
 
-	return (
-		<DropdownMenu>
-			<DropdownMenuTrigger asChild>
-				<Button
-					variant="ghost"
-					size="icon"
-					className="border-l ring-0 rounded-none h-14 w-[3.56rem] hidden md:flex shrink-0"
-				>
-					<Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-					<Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
-					<span className="sr-only">Toggle theme</span>
-				</Button>
-			</DropdownMenuTrigger>
-			<DropdownMenuContent align="end">
-				<DropdownMenuItem onClick={() => setTheme("light")}>
-					Light
-				</DropdownMenuItem>
-				<DropdownMenuItem onClick={() => setTheme("dark")}>
-					Dark
-				</DropdownMenuItem>
-				<DropdownMenuItem onClick={() => setTheme("system")}>
-					System
-				</DropdownMenuItem>
-			</DropdownMenuContent>
-		</DropdownMenu>
-	);
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="ghost"
+          size="icon"
+          className="border-l ring-0 rounded-none h-14 w-[3.56rem] hidden md:flex shrink-0"
+        >
+          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <span className="sr-only">Toggle theme</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent className="rounded-none" align="end">
+        <DropdownMenuItem
+          className="rounded-none"
+          onClick={() => setTheme("light")}
+        >
+          Light
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          className="rounded-none"
+          onClick={() => setTheme("dark")}
+        >
+          Dark
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          className="rounded-none"
+          onClick={() => setTheme("system")}
+        >
+          System
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
 }
 export function MobileThemeToggle() {
-	const { theme, setTheme } = useTheme();
-	return (
-		<div className="block md:hidden">
-			<Button
-				variant="ghost"
-				size="icon"
-				onClick={() => setTheme(theme === "light" ? "dark" : "light")}
-			>
-				<Sun className="h-4 w-4 dark:hidden" color="#000" />
-				<Moon className="hidden h-4 w-4 dark:block" />
-				<span className="sr-only">Toggle theme</span>
-			</Button>
-		</div>
-	);
+  const { theme, setTheme } = useTheme();
+  return (
+    <div className="block md:hidden">
+      <Button
+        variant="ghost"
+        size="icon"
+        onClick={() => setTheme(theme === "light" ? "dark" : "light")}
+      >
+        <Sun className="h-4 w-4 dark:hidden" color="#000" />
+        <Moon className="hidden h-4 w-4 dark:block" />
+        <span className="sr-only">Toggle theme</span>
+      </Button>
+    </div>
+  );
 }

From 66c6904703675dc62f431f23c26badf1649e4052 Mon Sep 17 00:00:00 2001
From: Kinfe123 <kinfishtech@gmail.com>
Date: Wed, 29 Jan 2025 22:34:54 +0300
Subject: [PATCH 2/3] chore: lint

---
 docs/components/theme-toggler.tsx | 108 +++++++++++++++---------------
 1 file changed, 54 insertions(+), 54 deletions(-)

diff --git a/docs/components/theme-toggler.tsx b/docs/components/theme-toggler.tsx
index bed0ced574..c6bc98b3c5 100644
--- a/docs/components/theme-toggler.tsx
+++ b/docs/components/theme-toggler.tsx
@@ -4,64 +4,64 @@ import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "@/components/ui/button";
 import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 
 export function ThemeToggle() {
-  const { setTheme } = useTheme();
+	const { setTheme } = useTheme();
 
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button
-          variant="ghost"
-          size="icon"
-          className="border-l ring-0 rounded-none h-14 w-[3.56rem] hidden md:flex shrink-0"
-        >
-          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
-          <span className="sr-only">Toggle theme</span>
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="rounded-none" align="end">
-        <DropdownMenuItem
-          className="rounded-none"
-          onClick={() => setTheme("light")}
-        >
-          Light
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          className="rounded-none"
-          onClick={() => setTheme("dark")}
-        >
-          Dark
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          className="rounded-none"
-          onClick={() => setTheme("system")}
-        >
-          System
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
+	return (
+		<DropdownMenu>
+			<DropdownMenuTrigger asChild>
+				<Button
+					variant="ghost"
+					size="icon"
+					className="border-l ring-0 rounded-none h-14 w-[3.56rem] hidden md:flex shrink-0"
+				>
+					<Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+					<Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+					<span className="sr-only">Toggle theme</span>
+				</Button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent className="rounded-none" align="end">
+				<DropdownMenuItem
+					className="rounded-none"
+					onClick={() => setTheme("light")}
+				>
+					Light
+				</DropdownMenuItem>
+				<DropdownMenuItem
+					className="rounded-none"
+					onClick={() => setTheme("dark")}
+				>
+					Dark
+				</DropdownMenuItem>
+				<DropdownMenuItem
+					className="rounded-none"
+					onClick={() => setTheme("system")}
+				>
+					System
+				</DropdownMenuItem>
+			</DropdownMenuContent>
+		</DropdownMenu>
+	);
 }
 export function MobileThemeToggle() {
-  const { theme, setTheme } = useTheme();
-  return (
-    <div className="block md:hidden">
-      <Button
-        variant="ghost"
-        size="icon"
-        onClick={() => setTheme(theme === "light" ? "dark" : "light")}
-      >
-        <Sun className="h-4 w-4 dark:hidden" color="#000" />
-        <Moon className="hidden h-4 w-4 dark:block" />
-        <span className="sr-only">Toggle theme</span>
-      </Button>
-    </div>
-  );
+	const { theme, setTheme } = useTheme();
+	return (
+		<div className="block md:hidden">
+			<Button
+				variant="ghost"
+				size="icon"
+				onClick={() => setTheme(theme === "light" ? "dark" : "light")}
+			>
+				<Sun className="h-4 w-4 dark:hidden" color="#000" />
+				<Moon className="hidden h-4 w-4 dark:block" />
+				<span className="sr-only">Toggle theme</span>
+			</Button>
+		</div>
+	);
 }

From 2f4449048b40792607a8a63e34d21e673d61c391 Mon Sep 17 00:00:00 2001
From: Kinfe123 <kinfishtech@gmail.com>
Date: Thu, 30 Jan 2025 07:43:12 +0300
Subject: [PATCH 3/3] dep

---
 docs/content/docs/plugins/sso.mdx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/content/docs/plugins/sso.mdx b/docs/content/docs/plugins/sso.mdx
index f6baf880ae..9c5bff7586 100644
--- a/docs/content/docs/plugins/sso.mdx
+++ b/docs/content/docs/plugins/sso.mdx
@@ -17,7 +17,7 @@ Single Sign-On (SSO) allows users to authenticate with multiple applications usi
     <Step>
         ### Add Plugin to the server
 
-        ```ts title="auth.ts" 
+        ```ts title="auth.ts"
         import { betterAuth } from "better-auth"
         import { sso } from "better-auth/plugins/sso";
 
@@ -49,11 +49,11 @@ Single Sign-On (SSO) allows users to authenticate with multiple applications usi
     </Step>
     <Step>
         ### Add the client plugin
-        
+
         ```ts title="auth-client.ts"
         import { createAuthClient } from "better-auth/client"
         import { ssoClient } from "better-auth/client/plugins"
-        
+
         const authClient = createAuthClient({
             plugins: [ // [!code highlight]
                 ssoClient() // [!code highlight]
@@ -145,6 +145,7 @@ const res = await authClient.signIn.sso({
 
 or you can specify the domain:
 
+
 ```
 const res = await authClient.signIn.sso({
     domain: "example.com",