feat: add toast component (#119)

* feat: Added toast component

* Added toast in examples

apps/www/content/primitives/components/toast.mdx

@@ -0,0 +1,18 @@
+---
+title: Toast
+description: Toast wrapper and function
+---
+
+## Anatomy
+
+Import all parts and piece them together.
+
+<LiveProvider>
+    <LiveEditor code={`
+import { ToastContainer, toast, Button } from '@raystack/apsara'
+
+<Tooltip message="tooltip">
+  <Button variant="primary" onClick={() => toast("I am toast")}>Toast Yay!</Button>
+</Tooltip>
+`} border />
+</LiveProvider>

apps/www/utils/routes.ts

@@ -43,6 +43,7 @@ export const primitivesRoutes = [
       { title: "Text Field", slug: "docs/primitives/components/textfield" },
       { title: "Tooltip", slug: "docs/primitives/components/tooltip" },
       { title: "Toggle Group", slug: "docs/primitives/components/togglegroup" },
+      { title: "Toast", slug: "docs/primitives/components/toast" },
     ],
   },
 ];

packages/raystack/index.tsx

@@ -49,3 +49,4 @@ export { Textarea } from "./textarea";
 export { TextField } from "./textfield";
 export { ThemeProvider, ThemeSwitcher, useTheme } from "./themprovider";
 export { Title } from "./title";
+export { ToastContainer, toast } from "./toast";

packages/raystack/package.json

@@ -4,7 +4,7 @@
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "engines": {
-    "node": ">=12.x.x"
+    "node": ">=18"
   },
   "exports": {
     ".": {
@@ -77,6 +77,7 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "react-day-picker": "^8.10.0",
     "react-loading-skeleton": "^3.4.0",
-    "release-it": "^16.2.1"
+    "release-it": "^16.2.1",
+    "sonner": "^1.5.0"
   }
-}
+}

packages/raystack/toast/index.tsx

@@ -0,0 +1 @@
+export { ToastContainer, toast } from "./toast";

packages/raystack/toast/toast.tsx

@@ -0,0 +1,17 @@
+import { Toaster, type ToasterProps, toast as sonnerToast } from "sonner";
+
+interface ToastContainerProps extends ToasterProps {}
+
+function ToastContainer(props: ToastContainerProps) {
+  return <Toaster {...props} />;
+}
+
+const toast: typeof sonnerToast = Object.assign(
+  (...props: Parameters<typeof sonnerToast>) => sonnerToast(...props),
+  sonnerToast
+);
+
+ToastContainer.displayName = "ToastContainer";
+(toast as typeof toast & { displayName: string }).displayName = "toast";
+
+export { ToastContainer, toast };