feat: add component breadcrumb Sonner

Author: Ohh-889

packages/ui/package.json

@@ -22,8 +22,10 @@
     "@radix-ui/react-tabs": "1.1.12",
     "@soybean-react-ui/variants": "workspace:*",
     "lucide-react": "0.525.0",
+    "next-themes": "^0.4.6",
     "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "react-dom": "19.1.0",
+    "sonner": "^2.0.6"
   },
   "devDependencies": {
     "@turbo/gen": "2.5.0",

packages/ui/src/components/sonner/index.ts

@@ -0,0 +1,5 @@
+export { toast, useSonner } from 'sonner';
+
+export { default as Sonner } from './source/sonner';
+
+export * from './type';

packages/ui/src/components/sonner/type.ts

@@ -0,0 +1 @@
+export type { Action, ExternalToast, ToastClassnames, ToasterProps, ToastT, ToastToDismiss } from 'sonner';

packages/ui/src/index.ts

@@ -20,6 +20,8 @@ export * from './components/divider';
 
 export * from './components/scroll-area';
 
+export * from './components/sonner';
+
 export * from './components/tabs';
 
 export * from './types';

playground/src/app/layout.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import './globals.css';
-import { Card } from 'soybean-react-ui';
+import { Card, Sonner } from 'soybean-react-ui';
 
 const geistSans = Geist({
   subsets: ['latin'],
@@ -38,6 +38,8 @@ export default async function RootLayout({
             {children}
           </Card>
         </div>
+
+        <Sonner />
       </body>
     </html>
   );