toastflux 1.0.2 → 1.0.3

package/README.md

@@ -1,27 +1,10 @@
 # 🚀 ToastFlux
 
-> ⚡ Lightweight • 🎨 Beautiful • 🧠 Fully Customizable
-> A modern toast notification library for React & Next.js
+[![npm version](https://img.shields.io/npm/v/toastflux.svg?style=flat-square)](https://www.npmjs.com/package/toastflux)
+[![bundle size](https://img.shields.io/bundlephobia/minzip/toastflux?style=flat-square&label=size)](https://bundlephobia.com/package/toastflux)
 
----
-
-## ✨ 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)
-
----
+> ⚡ **Ultra Lightweight (~2.8kb gzipped) • 🎨 Beautiful • 🧠 Powerful**  
+> A modern scalable toast notification library for React & Next.js. **[Live Demo →](https://toastflux.versintal.in)**
 
 ## 📦 Installation
 
@@ -29,255 +12,86 @@ ToastFlux is built for developers who want **speed, flexibility, and clean UI**
 npm install toastflux
 ```
 
----
+## 🚀 Quick Usage
 
-## 🚀 Quick Start
+Add `<Toaster />` once to your app root (or `app/layout.tsx` for Next.js App Router).
 
-```jsx
+```tsx
 import { Toaster, toast } from "toastflux";
 import "toastflux/styles/toast.css";
 
-function App() {
+export default function App() {
   return (
     <>
-      <Toaster theme="dark" />
-
+      <Toaster theme="dark" position="bottom-right" />
       <button onClick={() => toast.success("Event created 🚀")}>
         Show Toast
       </button>
     </>
   );
 }
-
-export default App;
 ```
 
----
+## ⚡ Toast Types & Capabilities
 
-## 🎯 Toast Types
+ToastFlux handles basic toasts, promises, lifecycle events, and complex UI smoothly:
 
-```jsx
+```tsx
+// Basic Types
 toast.success("Saved successfully!");
-toast.info("Meeting starts soon.");
-toast.warning("Storage almost full.");
 toast.error("Upload failed.");
-toast.default("Just a message.");
-```
-
----
-
-## 🎨 Customization
+toast.loading("Fetching data...");
 
-### 📝 Description
-
-Add a subtitle/description below the main message:
-
-```jsx
-toast.success("Event has been created", {
-  description: "Monday, January 3rd at 6:00pm",
+// Promise Handling
+toast.promise(fetchData(), {
+  loading: "Loading...",
+  success: (data) => `Loaded ${data.name}!`,
+  error: "Error loading data",
 });
-```
-
----
-
-### ⏱ 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",
-  },
+// Advanced (Actions, Progress, Hooks)
+toast("System Update", {
+  description: "Version 2.0 downloaded",
   icon: <span>🌟</span>,
-  iconColor: "#10b981",
+  action: { label: "Install", onClick: () => console.log("Installing") },
+  onClose: (t) => console.log(`Toast ${t.id} closed!`),
+  progress: 80,
+  duration: 6000,
 });
 ```
 
----
-
-## 🎭 Themes
-
-ToastFlux supports built-in dark and light themes:
+## ⚙️ `<Toaster />` Global Defaults
+Keep your code DRY by defining global configurations on the Toaster itself.
 
-```jsx
-<Toaster theme="light" />
-<Toaster theme="dark" />
+```tsx
+<Toaster 
+  theme="light" 
+  position="bottom-left" 
+  duration={5000} 
+  toastOptions={{ style: { borderRadius: '12px' } }} 
+/>
 ```
 
----
-
-## 🧠 API Overview
+## 🧠 API Reference
 
 ### `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:
-
+| Option | Type | Description |
+|--------|------|-------------|
+| `description` | ReactNode | Subtitle text below the title |
+| `duration` | number | Auto dismiss time in ms (Default: `4000`) |
+| `dismissible` | boolean | Enable manual ✖ close button |
+| `position` | string | `top-right`, `bottom-center`, `top-left`, etc. |
+| `style` / `className` | CSS / string | Inline styles and class overrides |
+| `icon` / `iconColor` | ReactNode / string | Custom icon / SVG color override |
+| `action` | `{ label, onClick }` | Action button configuration |
+| `progress` | number (0-100) | Built-in progress bar value |
+| `onShow` / `onClose` / `onClick` | `(toast) => void` | Lifecycle hooks for analytics/tracking |
+
+## 🔤 Custom Font
+Use the CSS variable `--tf-font-family` to automatically match your app's font:
 ```css
-/* In your global CSS (e.g. index.css or globals.css) */
-:root {
-  --tf-font-family: "Inter", sans-serif;
-}
+: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>
-  );
-}
-```
-
-## 🚀 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 Bairwa**
+## 🤝 License
+[MIT](https://github.com/Rahul-Bairwa/toastflux/blob/main/LICENSE) © [Rahul Bairwa](https://github.com/Rahul-Bairwa)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toastflux",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "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",
@@ -27,16 +27,16 @@
   ],
   "exports": {
     ".": {
+      "types": "./packages/react/dist/index.d.ts",
       "import": "./packages/react/dist/index.mjs",
-      "require": "./packages/react/dist/index.js",
-      "types": "./packages/react/dist/index.d.ts"
+      "require": "./packages/react/dist/index.js"
     },
     "./styles/toast.css": "./packages/styles/toast.css"
   },
   "sideEffects": [
     "*.css"
   ],
-  "homepage": "https://github.com/Rahul-Bairwa/toastflux",
+  "homepage": "https://toastflux.versintal.in",
   "repository": {
     "type": "git",
     "url": "https://github.com/Rahul-Bairwa/toastflux.git"

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

@@ -21,10 +21,16 @@ interface Toast {
     };
     render?: () => ReactNode;
     progress?: number;
-    groupId?: string;
+    onShow?: (toast: Toast) => void;
+    onClose?: (toast: Toast) => void;
+    onClick?: (toast: Toast) => void;
 }
-
 type ToastOptions = Partial<Omit<Toast, "id" | "type" | "createdAt">>;
+declare const PEEK_OFFSET = 10;
+declare const MAX_STACK_VISIBLE = 3;
+declare const SCALE_STEP = 0.05;
+declare const OPACITY_STEP = 0.15;
+
 declare const toast: {
     (msg: string | undefined, type?: ToastType, options?: ToastOptions): string;
     success(msg: string, options?: ToastOptions): string;
@@ -34,6 +40,11 @@ declare const toast: {
     loading(msg: string, options?: ToastOptions): string;
     default(msg: string, options?: ToastOptions): string;
     custom(options: ToastOptions): string;
+    promise<T>(promise: Promise<T>, msgs: {
+        loading: string;
+        success: string | ((data: T) => string);
+        error: string | ((err: any) => string);
+    }, options?: ToastOptions): Promise<T>;
     dismiss(id: string): void;
 };
 
@@ -41,12 +52,16 @@ type Listener = () => void;
 declare class ToastStore {
     private toasts;
     private listeners;
+    private config;
+    updateConfig(newConfig: ToastOptions): void;
+    getConfig(): Partial<Omit<Toast, "id" | "type" | "createdAt">>;
     subscribe(listener: Listener): () => void;
     getToasts(): Toast[];
     add(toast: Toast): void;
     remove(id: string): void;
+    update(id: string, newToastInfo: Partial<Toast>): void;
     private emit;
 }
 declare const toastStore: ToastStore;
 
-export { type Toast, type ToastOptions, type ToastPosition, type ToastType, toast, toastStore };
+export { MAX_STACK_VISIBLE, OPACITY_STEP, PEEK_OFFSET, SCALE_STEP, type Toast, type ToastOptions, type ToastPosition, type ToastType, toast, toastStore };

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

@@ -21,10 +21,16 @@ interface Toast {
     };
     render?: () => ReactNode;
     progress?: number;
-    groupId?: string;
+    onShow?: (toast: Toast) => void;
+    onClose?: (toast: Toast) => void;
+    onClick?: (toast: Toast) => void;
 }
-
 type ToastOptions = Partial<Omit<Toast, "id" | "type" | "createdAt">>;
+declare const PEEK_OFFSET = 10;
+declare const MAX_STACK_VISIBLE = 3;
+declare const SCALE_STEP = 0.05;
+declare const OPACITY_STEP = 0.15;
+
 declare const toast: {
     (msg: string | undefined, type?: ToastType, options?: ToastOptions): string;
     success(msg: string, options?: ToastOptions): string;
@@ -34,6 +40,11 @@ declare const toast: {
     loading(msg: string, options?: ToastOptions): string;
     default(msg: string, options?: ToastOptions): string;
     custom(options: ToastOptions): string;
+    promise<T>(promise: Promise<T>, msgs: {
+        loading: string;
+        success: string | ((data: T) => string);
+        error: string | ((err: any) => string);
+    }, options?: ToastOptions): Promise<T>;
     dismiss(id: string): void;
 };
 
@@ -41,12 +52,16 @@ type Listener = () => void;
 declare class ToastStore {
     private toasts;
     private listeners;
+    private config;
+    updateConfig(newConfig: ToastOptions): void;
+    getConfig(): Partial<Omit<Toast, "id" | "type" | "createdAt">>;
     subscribe(listener: Listener): () => void;
     getToasts(): Toast[];
     add(toast: Toast): void;
     remove(id: string): void;
+    update(id: string, newToastInfo: Partial<Toast>): void;
     private emit;
 }
 declare const toastStore: ToastStore;
 
-export { type Toast, type ToastOptions, type ToastPosition, type ToastType, toast, toastStore };
+export { MAX_STACK_VISIBLE, OPACITY_STEP, PEEK_OFFSET, SCALE_STEP, type Toast, type ToastOptions, type ToastPosition, type ToastType, toast, toastStore };

package/packages/core/dist/index.js

@@ -1,84 +1,2 @@
-"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
-});
+'use strict';var d=class{constructor(){this.toasts=[];this.listeners=[];this.config={};}updateConfig(t){this.config={...this.config,...t};}getConfig(){return this.config}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter(s=>s!==t);}}getToasts(){return this.toasts}add(t){this.toasts=[t,...this.toasts],this.emit();}remove(t){this.toasts=this.toasts.filter(s=>s.id!==t),this.emit();}update(t,s){this.toasts=this.toasts.map(i=>i.id===t?{...i,...s}:i),this.emit();}emit(){this.listeners.forEach(t=>t());}},n=new d;function r(o,t,s){let i=crypto.randomUUID(),a=n.getConfig();return n.add({id:i,message:o,type:t,createdAt:Date.now(),...a,...s}),i}var e=(o,t="default",s)=>r(o,t,s);e.success=(o,t)=>r(o,"success",t);e.error=(o,t)=>r(o,"error",t);e.info=(o,t)=>r(o,"info",t);e.warning=(o,t)=>r(o,"warning",t);e.loading=(o,t)=>r(o,"loading",t);e.default=(o,t)=>r(o,"default",t);e.custom=o=>r(o.message,"default",o);e.promise=(o,t,s)=>{let i=(s==null?void 0:s.duration)||n.getConfig().duration||4e3,a=e.loading(t.loading,{...s,duration:1/0});return o.then(c=>{let p=typeof t.success=="function"?t.success(c):t.success;n.update(a,{type:"success",message:p,duration:i});}).catch(c=>{let p=typeof t.error=="function"?t.error(c):t.error;n.update(a,{type:"error",message:p,duration:i});}),o};e.dismiss=o=>n.remove(o);var u=e;var l=10,m=3,h=.05,y=.15;exports.MAX_STACK_VISIBLE=m;exports.OPACITY_STEP=y;exports.PEEK_OFFSET=l;exports.SCALE_STEP=h;exports.toast=u;exports.toastStore=n;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../src/store.ts","../src/toast.ts","../src/types.ts"],"names":["ToastStore","newConfig","listener","l","toast","id","t","newToastInfo","toastStore","createToast","message","type","options","defaultOptions","toastFn","msg","promise","msgs","defaultDuration","data","err","PEEK_OFFSET","MAX_STACK_VISIBLE","SCALE_STEP","OPACITY_STEP"],"mappings":"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","file":"index.js","sourcesContent":["import { Toast, ToastOptions } 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  private config: ToastOptions = {};\r\n\r\n  updateConfig(newConfig: ToastOptions) {\r\n    this.config = { ...this.config, ...newConfig };\r\n  }\r\n\r\n  getConfig() {\r\n    return this.config;\r\n  }\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  update(id: string, newToastInfo: Partial<Toast>) {\r\n    this.toasts = this.toasts.map((t) => (t.id === id ? { ...t, ...newToastInfo } : t));\r\n    this.emit();\r\n  }\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\";\r\nimport { Toast, ToastType, ToastOptions } from \"./types\";\r\n\r\nfunction createToast(message: string | undefined, type: ToastType, options?: ToastOptions) {\r\n  const id = crypto.randomUUID();\r\n\r\n  const defaultOptions = toastStore.getConfig();\r\n\r\n  toastStore.add({\r\n    id,\r\n    message,\r\n    type,\r\n    createdAt: Date.now(),\r\n    ...defaultOptions,\r\n    ...options,\r\n  });\r\n\r\n  return id;\r\n}\r\n\r\nconst toastFn = (msg: string | undefined, type: ToastType = \"default\", options?: ToastOptions) => createToast(msg, type, options);\r\n\r\ntoastFn.success = (msg: string, options?: ToastOptions) => createToast(msg, \"success\", options);\r\ntoastFn.error = (msg: string, options?: ToastOptions) => createToast(msg, \"error\", options);\r\ntoastFn.info = (msg: string, options?: ToastOptions) => createToast(msg, \"info\", options);\r\ntoastFn.warning = (msg: string, options?: ToastOptions) => createToast(msg, \"warning\", options);\r\ntoastFn.loading = (msg: string, options?: ToastOptions) => createToast(msg, \"loading\", options);\r\ntoastFn.default = (msg: string, options?: ToastOptions) => createToast(msg, \"default\", options);\r\ntoastFn.custom = (options: ToastOptions) => createToast(options.message, \"default\", options);\r\n\r\ntoastFn.promise = <T>(\r\n  promise: Promise<T>,\r\n  msgs: {\r\n    loading: string;\r\n    success: string | ((data: T) => string);\r\n    error: string | ((err: any) => string);\r\n  },\r\n  options?: ToastOptions\r\n) => {\r\n  const defaultDuration = options?.duration || toastStore.getConfig().duration || 4000;\r\n  const id = toastFn.loading(msgs.loading, { ...options, duration: Infinity });\r\n\r\n  promise\r\n    .then((data) => {\r\n      const message = typeof msgs.success === \"function\" ? msgs.success(data) : msgs.success;\r\n      toastStore.update(id, { type: \"success\", message, duration: defaultDuration });\r\n    })\r\n    .catch((err) => {\r\n      const message = typeof msgs.error === \"function\" ? msgs.error(err) : msgs.error;\r\n      toastStore.update(id, { type: \"error\", message, duration: defaultDuration });\r\n    });\r\n\r\n  return promise;\r\n};\r\n\r\ntoastFn.dismiss = (id: string) => toastStore.remove(id);\r\n\r\nexport const toast = toastFn;\r\n","import { ReactNode, CSSProperties } from \"react\";\r\n\r\nexport type ToastType =\r\n  | \"success\"\r\n  | \"error\"\r\n  | \"info\"\r\n  | \"warning\"\r\n  | \"loading\"\r\n  | \"default\";\r\n\r\nexport type ToastPosition =\r\n  | \"top-left\"\r\n  | \"top-center\"\r\n  | \"top-right\"\r\n  | \"bottom-left\"\r\n  | \"bottom-center\"\r\n  | \"bottom-right\";\r\n\r\nexport interface Toast {\r\n  id: string;\r\n  message?: string;\r\n  description?: ReactNode;\r\n  type?: ToastType;\r\n  createdAt: number;\r\n  style?: CSSProperties;\r\n  className?: string;\r\n  duration?: number;\r\n  dismissible?: boolean;\r\n  position?: ToastPosition;\r\n  icon?: ReactNode;\r\n  iconColor?: string;\r\n  action?: {\r\n    label: string;\r\n    onClick: () => void;\r\n  };\r\n  render?: () => ReactNode;\r\n  progress?: number;\r\n  onShow?: (toast: Toast) => void;\r\n  onClose?: (toast: Toast) => void;\r\n  onClick?: (toast: Toast) => void;\r\n}\r\n\r\nexport type ToastOptions = Partial<Omit<Toast, \"id\" | \"type\" | \"createdAt\">>;\r\n\r\nexport const PEEK_OFFSET = 10;\r\nexport const MAX_STACK_VISIBLE = 3;\r\nexport const SCALE_STEP = 0.05;\r\nexport const OPACITY_STEP = 0.15;\r\n"]}

package/packages/core/dist/index.mjs

@@ -1,56 +1,2 @@
-// 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
-};
+var d=class{constructor(){this.toasts=[];this.listeners=[];this.config={};}updateConfig(t){this.config={...this.config,...t};}getConfig(){return this.config}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter(s=>s!==t);}}getToasts(){return this.toasts}add(t){this.toasts=[t,...this.toasts],this.emit();}remove(t){this.toasts=this.toasts.filter(s=>s.id!==t),this.emit();}update(t,s){this.toasts=this.toasts.map(i=>i.id===t?{...i,...s}:i),this.emit();}emit(){this.listeners.forEach(t=>t());}},n=new d;function r(o,t,s){let i=crypto.randomUUID(),a=n.getConfig();return n.add({id:i,message:o,type:t,createdAt:Date.now(),...a,...s}),i}var e=(o,t="default",s)=>r(o,t,s);e.success=(o,t)=>r(o,"success",t);e.error=(o,t)=>r(o,"error",t);e.info=(o,t)=>r(o,"info",t);e.warning=(o,t)=>r(o,"warning",t);e.loading=(o,t)=>r(o,"loading",t);e.default=(o,t)=>r(o,"default",t);e.custom=o=>r(o.message,"default",o);e.promise=(o,t,s)=>{let i=(s==null?void 0:s.duration)||n.getConfig().duration||4e3,a=e.loading(t.loading,{...s,duration:1/0});return o.then(c=>{let p=typeof t.success=="function"?t.success(c):t.success;n.update(a,{type:"success",message:p,duration:i});}).catch(c=>{let p=typeof t.error=="function"?t.error(c):t.error;n.update(a,{type:"error",message:p,duration:i});}),o};e.dismiss=o=>n.remove(o);var u=e;var l=10,m=3,h=.05,y=.15;export{m as MAX_STACK_VISIBLE,y as OPACITY_STEP,l as PEEK_OFFSET,h as SCALE_STEP,u as toast,n as toastStore};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map