feat(): Sonner component.

src/index.ts

@@ -43,6 +43,8 @@ export * from "./shadcn/ui/toggle";
 export * from "./shadcn/ui/toggle-group";
 export * from "./shadcn/ui/tooltip";
 export * from "./shadcn/ui/use-toast";
+export * from './shadcn/ui/sonner'
 export * from "./tailwindTheme";
 export * from "./utils";
 
+

src/shadcn/ui/sonner.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { useTheme } from "next-themes"
-import { Toaster as Sonner } from "sonner"
+import { Toaster as Sonner, toast} from "sonner"
 
 type ToasterProps = React.ComponentProps<typeof Sonner>
 
@@ -28,4 +28,4 @@ const Toaster = ({ ...props }: ToasterProps) => {
   )
 }
 
-export { Toaster }
+export const sonner = {Toaster, toast } 

stories/shadcn/sonner.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+
+import { Button, sonner } from "src";
+
+const SonnerDemo = () => {
+    return (
+        <div>
+
+
+        <sonner.Toaster >
+
+        </sonner.Toaster>
+         <Button onClick={() => sonner.toast.success('Success!')}>Show Toast</Button>   </div>
+    );
+}
+
+const meta: Meta<typeof SonnerDemo> = {
+    component: SonnerDemo,
+  };
+
+  export default meta;
+
+  export const Default: StoryObj<typeof SonnerDemo> = {
+    args: {},
+  };
+