toastflux 1.0.0

package/README.md

@@ -0,0 +1,300 @@
+# 🚀 ToastFlux
+
+> ⚡ Lightweight • 🎨 Beautiful • 🧠 Fully Customizable
+> A modern toast notification library for React & Next.js
+
+---
+
+## ✨ Why ToastFlux?
+
+ToastFlux is built for developers who want **speed, flexibility, and clean UI** without complexity.
+
+- ⚡ Blazing fast & lightweight
+- 🎨 Beautiful default UI (no extra styling needed)
+- 🧩 Fully customizable (style, icon, font, layout)
+- 📍 Flexible positioning system
+- 🎯 Action buttons (Undo, Retry, etc.)
+- ⏱ Smart duration & dismiss control
+- 📊 Progress bar support
+- 📝 Description text support
+- 🌗 Built-in dark & light themes
+- ⚛️ Works with React & Next.js App Router
+- 👆 Swipe to dismiss (touch & pointer support)
+
+---
+
+## 📦 Installation
+
+```bash
+npm install toastflux
+```
+
+---
+
+## 🚀 Quick Start
+
+```jsx
+import { Toaster, toast } from "toastflux";
+import "toastflux/styles/toast.css";
+
+function App() {
+  return (
+    <>
+      <Toaster theme="dark" />
+
+      <button onClick={() => toast.success("Event created 🚀")}>
+        Show Toast
+      </button>
+    </>
+  );
+}
+
+export default App;
+```
+
+---
+
+## 🎯 Toast Types
+
+```jsx
+toast.success("Saved successfully!");
+toast.info("Meeting starts soon.");
+toast.warning("Storage almost full.");
+toast.error("Upload failed.");
+toast.default("Just a message.");
+```
+
+---
+
+## 🎨 Customization
+
+### 📝 Description
+
+Add a subtitle/description below the main message:
+
+```jsx
+toast.success("Event has been created", {
+  description: "Monday, January 3rd at 6:00pm",
+});
+```
+
+---
+
+### ⏱ Duration & Dismiss
+
+```jsx
+toast.success("I stay longer!", {
+  duration: 6000,
+  dismissible: true,
+});
+```
+
+---
+
+### 🎯 Action Buttons
+
+```jsx
+toast.info("Item deleted", {
+  action: {
+    label: "Undo",
+    onClick: () => console.log("Undo clicked"),
+  },
+});
+```
+
+---
+
+### 📍 Positioning
+
+```jsx
+toast.success("Bottom right toast!", {
+  position: "bottom-right",
+});
+```
+
+Or globally via `<Toaster />`:
+
+```jsx
+<Toaster position="top-right" />
+```
+
+---
+
+### 📊 Progress Bar
+
+```jsx
+toast.info("Uploading file...", {
+  progress: 45,
+});
+```
+
+---
+
+### 🎨 Custom Style & Icon
+
+```jsx
+toast.default("Custom styled toast", {
+  style: {
+    border: "1px solid #ec4899",
+    background: "#fdf2f8",
+    color: "#000",
+  },
+  icon: <span>🌟</span>,
+  iconColor: "#10b981",
+});
+```
+
+---
+
+## 🎭 Themes
+
+ToastFlux supports built-in dark and light themes:
+
+```jsx
+<Toaster theme="light" />
+<Toaster theme="dark" />
+```
+
+---
+
+## 🧠 API Overview
+
+### `toast(message, options?)`
+
+| Option        | Type               | Description                   |
+| ------------- | ------------------ | ----------------------------- |
+| `description` | ReactNode          | Subtitle below main message   |
+| `duration`    | number             | Auto dismiss time in ms       |
+| `dismissible` | boolean            | Enable manual ✖ close button  |
+| `position`    | ToastPosition      | Where toast appears on screen |
+| `style`       | CSSProperties      | Inline styles override        |
+| `className`   | string             | Custom CSS class              |
+| `icon`        | ReactNode          | Custom icon element           |
+| `iconColor`   | string             | Color for default icons       |
+| `action`      | { label, onClick } | Action button config          |
+| `progress`    | number             | Progress bar value (0–100)    |
+
+---
+
+## 📍 Supported Positions
+
+| Position        | Description                |
+| --------------- | -------------------------- |
+| `top-left`      | Top left corner            |
+| `top-center`    | Top center                 |
+| `top-right`     | Top right corner (default) |
+| `bottom-left`   | Bottom left corner         |
+| `bottom-center` | Bottom center              |
+| `bottom-right`  | Bottom right corner        |
+
+---
+
+## 🔤 Custom Font (CSS Variable)
+
+ToastFlux uses a clean system font by default. To match your app's custom font, set the `--tf-font-family` CSS variable:
+
+```css
+/* In your global CSS (e.g. index.css or globals.css) */
+:root {
+  --tf-font-family: "Inter", sans-serif;
+}
+```
+
+👉 Falls back to `system-ui, sans-serif` by default — no ugly serif fonts!
+
+---
+
+## ⚙️ Next.js (App Router) Usage
+
+ToastFlux works seamlessly with Next.js App Router. Since it uses client-side state, add `"use client"` where needed.
+
+### 1. Add `<Toaster />` to Root Layout
+
+```tsx
+// app/layout.tsx
+import { Toaster } from "toastflux";
+import "toastflux/styles/toast.css";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        {children}
+        <Toaster theme="dark" />
+      </body>
+    </html>
+  );
+}
+```
+
+### 2. Use `toast` in Any Client Component
+
+```tsx
+// app/page.tsx
+"use client";
+
+import { toast } from "toastflux";
+
+export default function HomePage() {
+  return (
+    <button onClick={() => toast.success("It works in Next.js too! 🚀")}>
+      Show Toast
+    </button>
+  );
+}
+```
+
+---
+
+## 🧱 Architecture
+
+```
+toastflux/
+├── packages/
+│   ├── core/      → Framework-independent logic (store, types, toast fn)
+│   ├── react/     → React UI components (Toaster, ToastItem)
+│   └── styles/    → CSS (toast.css)
+└── apps/
+    ├── react-app/ → Vite + React demo
+    └── next-app/  → Next.js App Router demo
+```
+
+---
+
+## 🚀 Roadmap
+
+- [x] Toast types (success, error, info, warning, default)
+- [x] Dark & Light themes
+- [x] Description support
+- [x] Custom font via CSS variable
+- [x] Action buttons
+- [x] Progress bar
+- [x] Swipe to dismiss
+- [x] Next.js App Router support
+- [ ] Promise-based toasts (`toast.promise`)
+- [ ] Smart toast grouping
+- [ ] Advanced animations
+- [ ] DevTools panel
+
+---
+
+## 🤝 Contributing
+
+PRs and ideas are welcome!
+Feel free to open issues or suggest improvements.
+
+---
+
+## 📄 License
+
+MIT
+
+---
+
+## ❤️ Author
+
+Built with passion by **Rahul**

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "toastflux",
+  "version": "1.0.0",
+  "description": "⚡ A lightweight, beautiful, and fully customizable toast notification library for React & Next.js with modern UI, themes, actions, and progress support.",
+  "author": "Rahul",
+  "license": "MIT",
+  "keywords": [
+    "toast",
+    "toast notification",
+    "react toast",
+    "nextjs toast",
+    "notification",
+    "react notification",
+    "toast library",
+    "ui toast",
+    "alert",
+    "snackbar",
+    "toastflux"
+  ],
+  "main": "./packages/react/dist/index.js",
+  "module": "./packages/react/dist/index.mjs",
+  "types": "./packages/react/dist/index.d.ts",
+  "files": [
+    "packages/react/dist",
+    "packages/core/dist",
+    "packages/styles"
+  ],
+  "exports": {
+    ".": {
+      "import": "./packages/react/dist/index.mjs",
+      "require": "./packages/react/dist/index.js",
+      "types": "./packages/react/dist/index.d.ts"
+    },
+    "./styles/toast.css": "./packages/styles/toast.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "workspaces": [
+    "packages/*",
+    "apps/*"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1"
+  }
+}

package/packages/core/dist/index.d.mts

@@ -0,0 +1,52 @@
+import { ReactNode, CSSProperties } from 'react';
+
+type ToastType = "success" | "error" | "info" | "warning" | "loading" | "default";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface Toast {
+    id: string;
+    message?: string;
+    description?: ReactNode;
+    type?: ToastType;
+    createdAt: number;
+    style?: CSSProperties;
+    className?: string;
+    duration?: number;
+    dismissible?: boolean;
+    position?: ToastPosition;
+    icon?: ReactNode;
+    iconColor?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    render?: () => ReactNode;
+    progress?: number;
+    groupId?: string;
+}
+
+type ToastOptions = Partial<Omit<Toast, "id" | "type" | "createdAt">>;
+declare const toast: {
+    (msg: string | undefined, type?: ToastType, options?: ToastOptions): string;
+    success(msg: string, options?: ToastOptions): string;
+    error(msg: string, options?: ToastOptions): string;
+    info(msg: string, options?: ToastOptions): string;
+    warning(msg: string, options?: ToastOptions): string;
+    loading(msg: string, options?: ToastOptions): string;
+    default(msg: string, options?: ToastOptions): string;
+    custom(options: ToastOptions): string;
+    dismiss(id: string): void;
+};
+
+type Listener = () => void;
+declare class ToastStore {
+    private toasts;
+    private listeners;
+    subscribe(listener: Listener): () => void;
+    getToasts(): Toast[];
+    add(toast: Toast): void;
+    remove(id: string): void;
+    private emit;
+}
+declare const toastStore: ToastStore;
+
+export { type Toast, type ToastOptions, type ToastPosition, type ToastType, toast, toastStore };

package/packages/core/dist/index.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode, CSSProperties } from 'react';
+
+type ToastType = "success" | "error" | "info" | "warning" | "loading" | "default";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface Toast {
+    id: string;
+    message?: string;
+    description?: ReactNode;
+    type?: ToastType;
+    createdAt: number;
+    style?: CSSProperties;
+    className?: string;
+    duration?: number;
+    dismissible?: boolean;
+    position?: ToastPosition;
+    icon?: ReactNode;
+    iconColor?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    render?: () => ReactNode;
+    progress?: number;
+    groupId?: string;
+}
+
+type ToastOptions = Partial<Omit<Toast, "id" | "type" | "createdAt">>;
+declare const toast: {
+    (msg: string | undefined, type?: ToastType, options?: ToastOptions): string;
+    success(msg: string, options?: ToastOptions): string;
+    error(msg: string, options?: ToastOptions): string;
+    info(msg: string, options?: ToastOptions): string;
+    warning(msg: string, options?: ToastOptions): string;
+    loading(msg: string, options?: ToastOptions): string;
+    default(msg: string, options?: ToastOptions): string;
+    custom(options: ToastOptions): string;
+    dismiss(id: string): void;
+};
+
+type Listener = () => void;
+declare class ToastStore {
+    private toasts;
+    private listeners;
+    subscribe(listener: Listener): () => void;
+    getToasts(): Toast[];
+    add(toast: Toast): void;
+    remove(id: string): void;
+    private emit;
+}
+declare const toastStore: ToastStore;
+
+export { type Toast, type ToastOptions, type ToastPosition, type ToastType, toast, toastStore };

package/packages/core/dist/index.js

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/core/src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  toast: () => toast,
+  toastStore: () => toastStore
+});
+module.exports = __toCommonJS(index_exports);
+
+// packages/core/src/store.ts
+var ToastStore = class {
+  constructor() {
+    this.toasts = [];
+    this.listeners = [];
+  }
+  subscribe(listener) {
+    this.listeners.push(listener);
+    return () => {
+      this.listeners = this.listeners.filter((l) => l !== listener);
+    };
+  }
+  getToasts() {
+    return this.toasts;
+  }
+  add(toast2) {
+    this.toasts = [toast2, ...this.toasts];
+    this.emit();
+  }
+  remove(id) {
+    this.toasts = this.toasts.filter((t) => t.id !== id);
+    this.emit();
+  }
+  emit() {
+    this.listeners.forEach((l) => l());
+  }
+};
+var toastStore = new ToastStore();
+
+// packages/core/src/toast.ts
+function createToast(message, type, options) {
+  const id = crypto.randomUUID();
+  toastStore.add({
+    id,
+    message,
+    type,
+    createdAt: Date.now(),
+    ...options
+  });
+  return id;
+}
+var toastFn = (msg, type = "default", options) => createToast(msg, type, options);
+toastFn.success = (msg, options) => createToast(msg, "success", options);
+toastFn.error = (msg, options) => createToast(msg, "error", options);
+toastFn.info = (msg, options) => createToast(msg, "info", options);
+toastFn.warning = (msg, options) => createToast(msg, "warning", options);
+toastFn.loading = (msg, options) => createToast(msg, "loading", options);
+toastFn.default = (msg, options) => createToast(msg, "default", options);
+toastFn.custom = (options) => createToast(options.message, "default", options);
+toastFn.dismiss = (id) => toastStore.remove(id);
+var toast = toastFn;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toast,
+  toastStore
+});
+//# sourceMappingURL=index.js.map

package/packages/core/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/store.ts","../src/toast.ts"],"sourcesContent":["export * from \"./toast\";\r\nexport * from \"./store\";\r\nexport * from \"./types\";\r\n","import { Toast } from \"./types\";\r\n\r\ntype Listener = () => void;\r\n\r\nclass ToastStore {\r\n  private toasts: Toast[] = [];\r\n  private listeners: Listener[] = [];\r\n\r\n  subscribe(listener: Listener) {\r\n    this.listeners.push(listener);\r\n    return () => {\r\n      this.listeners = this.listeners.filter((l) => l !== listener);\r\n    };\r\n  }\r\n\r\n  getToasts() {\r\n    return this.toasts;\r\n  }\r\n\r\n  add(toast: Toast) {\r\n    this.toasts = [toast, ...this.toasts];\r\n    this.emit();\r\n  }\r\n\r\n  remove(id: string) {\r\n    this.toasts = this.toasts.filter((t) => t.id !== id);\r\n    this.emit();\r\n  }\r\n\r\n  private emit() {\r\n    this.listeners.forEach((l) => l());\r\n  }\r\n}\r\n\r\nexport const toastStore = new ToastStore();\r\n","import { toastStore } from \"./store\";\nimport { Toast, ToastType } from \"./types\";\n\nexport type ToastOptions = Partial<Omit<Toast, \"id\" | \"type\" | \"createdAt\">>;\n\nfunction createToast(message: string | undefined, type: ToastType, options?: ToastOptions) {\n  const id = crypto.randomUUID();\n\n  toastStore.add({\n    id,\n    message,\n    type,\n    createdAt: Date.now(),\n    ...options,\n  });\n\n  return id;\n}\n\nconst toastFn = (msg: string | undefined, type: ToastType = \"default\", options?: ToastOptions) => createToast(msg, type, options);\n\ntoastFn.success = (msg: string, options?: ToastOptions) => createToast(msg, \"success\", options);\ntoastFn.error = (msg: string, options?: ToastOptions) => createToast(msg, \"error\", options);\ntoastFn.info = (msg: string, options?: ToastOptions) => createToast(msg, \"info\", options);\ntoastFn.warning = (msg: string, options?: ToastOptions) => createToast(msg, \"warning\", options);\ntoastFn.loading = (msg: string, options?: ToastOptions) => createToast(msg, \"loading\", options);\ntoastFn.default = (msg: string, options?: ToastOptions) => createToast(msg, \"default\", options);\ntoastFn.custom = (options: ToastOptions) => createToast(options.message, \"default\", options);\n\ntoastFn.dismiss = (id: string) => toastStore.remove(id);\n\nexport const toast = toastFn;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACIA,IAAM,aAAN,MAAiB;AAAA,EAAjB;AACE,SAAQ,SAAkB,CAAC;AAC3B,SAAQ,YAAwB,CAAC;AAAA;AAAA,EAEjC,UAAU,UAAoB;AAC5B,SAAK,UAAU,KAAK,QAAQ;AAC5B,WAAO,MAAM;AACX,WAAK,YAAY,KAAK,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,IAC9D;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAIA,QAAc;AAChB,SAAK,SAAS,CAACA,QAAO,GAAG,KAAK,MAAM;AACpC,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,OAAO,IAAY;AACjB,SAAK,SAAS,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AACnD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEQ,OAAO;AACb,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,CAAC;AAAA,EACnC;AACF;AAEO,IAAM,aAAa,IAAI,WAAW;;;AC7BzC,SAAS,YAAY,SAA6B,MAAiB,SAAwB;AACzF,QAAM,KAAK,OAAO,WAAW;AAE7B,aAAW,IAAI;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,KAAK,IAAI;AAAA,IACpB,GAAG;AAAA,EACL,CAAC;AAED,SAAO;AACT;AAEA,IAAM,UAAU,CAAC,KAAyB,OAAkB,WAAW,YAA2B,YAAY,KAAK,MAAM,OAAO;AAEhI,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,QAAQ,CAAC,KAAa,YAA2B,YAAY,KAAK,SAAS,OAAO;AAC1F,QAAQ,OAAO,CAAC,KAAa,YAA2B,YAAY,KAAK,QAAQ,OAAO;AACxF,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,SAAS,CAAC,YAA0B,YAAY,QAAQ,SAAS,WAAW,OAAO;AAE3F,QAAQ,UAAU,CAAC,OAAe,WAAW,OAAO,EAAE;AAE/C,IAAM,QAAQ;","names":["toast"]}

package/packages/core/dist/index.mjs

@@ -0,0 +1,56 @@
+// packages/core/src/store.ts
+var ToastStore = class {
+  constructor() {
+    this.toasts = [];
+    this.listeners = [];
+  }
+  subscribe(listener) {
+    this.listeners.push(listener);
+    return () => {
+      this.listeners = this.listeners.filter((l) => l !== listener);
+    };
+  }
+  getToasts() {
+    return this.toasts;
+  }
+  add(toast2) {
+    this.toasts = [toast2, ...this.toasts];
+    this.emit();
+  }
+  remove(id) {
+    this.toasts = this.toasts.filter((t) => t.id !== id);
+    this.emit();
+  }
+  emit() {
+    this.listeners.forEach((l) => l());
+  }
+};
+var toastStore = new ToastStore();
+
+// packages/core/src/toast.ts
+function createToast(message, type, options) {
+  const id = crypto.randomUUID();
+  toastStore.add({
+    id,
+    message,
+    type,
+    createdAt: Date.now(),
+    ...options
+  });
+  return id;
+}
+var toastFn = (msg, type = "default", options) => createToast(msg, type, options);
+toastFn.success = (msg, options) => createToast(msg, "success", options);
+toastFn.error = (msg, options) => createToast(msg, "error", options);
+toastFn.info = (msg, options) => createToast(msg, "info", options);
+toastFn.warning = (msg, options) => createToast(msg, "warning", options);
+toastFn.loading = (msg, options) => createToast(msg, "loading", options);
+toastFn.default = (msg, options) => createToast(msg, "default", options);
+toastFn.custom = (options) => createToast(options.message, "default", options);
+toastFn.dismiss = (id) => toastStore.remove(id);
+var toast = toastFn;
+export {
+  toast,
+  toastStore
+};
+//# sourceMappingURL=index.mjs.map

package/packages/core/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store.ts","../src/toast.ts"],"sourcesContent":["import { Toast } from \"./types\";\r\n\r\ntype Listener = () => void;\r\n\r\nclass ToastStore {\r\n  private toasts: Toast[] = [];\r\n  private listeners: Listener[] = [];\r\n\r\n  subscribe(listener: Listener) {\r\n    this.listeners.push(listener);\r\n    return () => {\r\n      this.listeners = this.listeners.filter((l) => l !== listener);\r\n    };\r\n  }\r\n\r\n  getToasts() {\r\n    return this.toasts;\r\n  }\r\n\r\n  add(toast: Toast) {\r\n    this.toasts = [toast, ...this.toasts];\r\n    this.emit();\r\n  }\r\n\r\n  remove(id: string) {\r\n    this.toasts = this.toasts.filter((t) => t.id !== id);\r\n    this.emit();\r\n  }\r\n\r\n  private emit() {\r\n    this.listeners.forEach((l) => l());\r\n  }\r\n}\r\n\r\nexport const toastStore = new ToastStore();\r\n","import { toastStore } from \"./store\";\nimport { Toast, ToastType } from \"./types\";\n\nexport type ToastOptions = Partial<Omit<Toast, \"id\" | \"type\" | \"createdAt\">>;\n\nfunction createToast(message: string | undefined, type: ToastType, options?: ToastOptions) {\n  const id = crypto.randomUUID();\n\n  toastStore.add({\n    id,\n    message,\n    type,\n    createdAt: Date.now(),\n    ...options,\n  });\n\n  return id;\n}\n\nconst toastFn = (msg: string | undefined, type: ToastType = \"default\", options?: ToastOptions) => createToast(msg, type, options);\n\ntoastFn.success = (msg: string, options?: ToastOptions) => createToast(msg, \"success\", options);\ntoastFn.error = (msg: string, options?: ToastOptions) => createToast(msg, \"error\", options);\ntoastFn.info = (msg: string, options?: ToastOptions) => createToast(msg, \"info\", options);\ntoastFn.warning = (msg: string, options?: ToastOptions) => createToast(msg, \"warning\", options);\ntoastFn.loading = (msg: string, options?: ToastOptions) => createToast(msg, \"loading\", options);\ntoastFn.default = (msg: string, options?: ToastOptions) => createToast(msg, \"default\", options);\ntoastFn.custom = (options: ToastOptions) => createToast(options.message, \"default\", options);\n\ntoastFn.dismiss = (id: string) => toastStore.remove(id);\n\nexport const toast = toastFn;\n"],"mappings":";AAIA,IAAM,aAAN,MAAiB;AAAA,EAAjB;AACE,SAAQ,SAAkB,CAAC;AAC3B,SAAQ,YAAwB,CAAC;AAAA;AAAA,EAEjC,UAAU,UAAoB;AAC5B,SAAK,UAAU,KAAK,QAAQ;AAC5B,WAAO,MAAM;AACX,WAAK,YAAY,KAAK,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,IAC9D;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAIA,QAAc;AAChB,SAAK,SAAS,CAACA,QAAO,GAAG,KAAK,MAAM;AACpC,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,OAAO,IAAY;AACjB,SAAK,SAAS,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AACnD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEQ,OAAO;AACb,SAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,CAAC;AAAA,EACnC;AACF;AAEO,IAAM,aAAa,IAAI,WAAW;;;AC7BzC,SAAS,YAAY,SAA6B,MAAiB,SAAwB;AACzF,QAAM,KAAK,OAAO,WAAW;AAE7B,aAAW,IAAI;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,KAAK,IAAI;AAAA,IACpB,GAAG;AAAA,EACL,CAAC;AAED,SAAO;AACT;AAEA,IAAM,UAAU,CAAC,KAAyB,OAAkB,WAAW,YAA2B,YAAY,KAAK,MAAM,OAAO;AAEhI,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,QAAQ,CAAC,KAAa,YAA2B,YAAY,KAAK,SAAS,OAAO;AAC1F,QAAQ,OAAO,CAAC,KAAa,YAA2B,YAAY,KAAK,QAAQ,OAAO;AACxF,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,UAAU,CAAC,KAAa,YAA2B,YAAY,KAAK,WAAW,OAAO;AAC9F,QAAQ,SAAS,CAAC,YAA0B,YAAY,QAAQ,SAAS,WAAW,OAAO;AAE3F,QAAQ,UAAU,CAAC,OAAe,WAAW,OAAO,EAAE;AAE/C,IAAM,QAAQ;","names":["toast"]}

package/packages/react/dist/index.d.mts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, CSSProperties } from 'react';
+
+declare function Toaster({ theme }?: {
+    theme?: "light" | "dark";
+}): react_jsx_runtime.JSX.Element | null;
+
+type ToastType = "success" | "error" | "info" | "warning" | "loading" | "default";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface Toast {
+    id: string;
+    message?: string;
+    description?: ReactNode;
+    type?: ToastType;
+    createdAt: number;
+    style?: CSSProperties;
+    className?: string;
+    duration?: number;
+    dismissible?: boolean;
+    position?: ToastPosition;
+    icon?: ReactNode;
+    iconColor?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    render?: () => ReactNode;
+    progress?: number;
+    groupId?: string;
+}
+
+type ToastOptions = Partial<Omit<Toast, "id" | "type" | "createdAt">>;
+declare const toast: {
+    (msg: string | undefined, type?: ToastType, options?: ToastOptions): string;
+    success(msg: string, options?: ToastOptions): string;
+    error(msg: string, options?: ToastOptions): string;
+    info(msg: string, options?: ToastOptions): string;
+    warning(msg: string, options?: ToastOptions): string;
+    loading(msg: string, options?: ToastOptions): string;
+    default(msg: string, options?: ToastOptions): string;
+    custom(options: ToastOptions): string;
+    dismiss(id: string): void;
+};
+
+export { Toaster, toast };