juice-toast 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sholehuddin Khairy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,232 @@
+# 🍹 JuiceToast
+
+**JuiceToast** is a lightweight, flexible, and dependency-free toast notification library.  
+It supports **ESM**, **UMD**, **dynamic toast types**, **theme systems**, **queue handling**, and **backward compatibility**.
+
+Suitable for small projects up to custom-built frameworks.
+
+---
+
+## ✨ Features
+
+- 🚀 Zero dependencies
+- 📦 Supports **ESM** & **UMD**
+- 🔁 Queue system (toasts are displayed one at a time)
+- 🎨 Theme system (light / dark / custom)
+- 🧩 Dynamic toast types (`success`, `error`, etc.)
+- ⏳ Auto close & sticky toasts
+- ❌ Closable toasts
+- ⭐ Icon support with animation and link
+- 🕰 Backward compatibility with legacy APIs
+
+---
+
+## 📦 Installation
+
+### ESM
+```js
+import juiceToast from "./juice-toast.esm.js";
+```
+
+### UMD (Browser)
+```html
+<script src="juice-toast.umd.js"></script>
+<script>
+  juiceToast.success("Hello world!");
+</script>
+```
+
+---
+
+## 🚀 Quick Start
+
+```js
+juiceToast.setup({
+  success: {
+    icon: "check",
+    theme: "light",
+    duration: 2000
+  },
+  error: {
+    icon: "x",
+    bg: "#7f1d1d",
+    color: "#fff",
+    closable: true
+  }
+});
+
+juiceToast.success("Success!");
+juiceToast.error({ title: "Error", message: "An error has occurred" });
+```
+
+---
+
+## 🧠 Core Concept
+
+### Toast Types
+Toasts are triggered based on **types** defined via `setup()` or `addType()`.
+
+```js
+juiceToast.info("Hello");
+juiceToast.warning({ message: "Be careful", duration: 4000 });
+```
+
+---
+
+## ⚙️ API
+
+### `setup(config)`
+Register all toast types.
+
+```js
+juiceToast.setup({
+  success: { bg: "green" },
+  error: { bg: "red" }
+});
+```
+
+---
+
+### `addType(name, config)`
+Add a toast type dynamically.
+
+```js
+juiceToast.addType("warning", {
+  bg: "#facc15",
+  color: "#111"
+});
+```
+
+---
+
+### `defineTheme(name, styles)`
+Create or override a theme.
+
+```js
+juiceToast.defineTheme("ocean", {
+  bg: "#0ea5e9",
+  color: "#fff",
+  border: "1px solid #0284c7"
+});
+```
+
+---
+
+### `setTheme(name)`
+Set the global theme.
+
+```js
+juiceToast.setTheme("dark");
+```
+
+---
+
+### `clear()`
+Clear all toast queues.
+
+```js
+juiceToast.clear();
+```
+
+---
+
+### `destroy()`
+Remove all queues and the root DOM element.
+
+```js
+juiceToast.destroy();
+```
+
+---
+
+## 🧾 Toast Payload
+
+```ts
+interface ToastPayload {
+  message?: string;
+  title?: string;
+
+  bg?: string;
+  color?: string;
+  border?: string;
+  glow?: string;
+  theme?: string;
+
+  duration?: number; // ms, 0 = sticky
+  position?: "top" | "center" | "bottom";
+  toast?: "top" | "center" | "bottom"; // backward compatibility
+  closable?: boolean;
+  closeable?: boolean; // backward compatibility
+
+  icon?: string;
+  iconPack?: string;
+  iconLink?: string;
+  iconAnimate?: string;
+
+  [key: string]: any;
+}
+```
+
+---
+
+## 🎯 Full Example
+
+```js
+juiceToast.success({
+  title: "Login",
+  message: "Successfully logged in!",
+  icon: "check-circle",
+  iconPack: "fa-solid",
+  iconAnimate: "shake",
+  iconLink: "https://example.com",
+  duration: 3000,
+  position: "top",
+  closable: true
+});
+```
+
+---
+
+## 🔄 Backward Compatibility
+
+JuiceToast automatically supports legacy APIs:
+
+| Legacy | Current |
+|------|---------|
+| `toast` | `position` |
+| `closeable` | `closable` |
+| `icon_left_top` | `icon` |
+| `icon_config` | `iconPack` |
+| `icon_onClick_url` | `iconLink` |
+| `icon_onClick_animate` | `iconAnimate` |
+
+---
+
+## 🎨 Default Themes
+
+```js
+light: {
+  bg: "#ffffff",
+  color: "#111",
+  border: "1px solid #e5e7eb"
+}
+
+dark: {
+  bg: "#1f2937",
+  color: "#fff",
+  border: "1px solid rgba(255,255,255,.08)"
+}
+```
+
+---
+
+## 📌 Notes
+
+- Not compatible with SSR (DOM required)
+- Root element is automatically created: `#juice-toast-root`
+
+---
+
+## 📄 License
+
+MIT © JuiceToast

package/dist/juice-toast.d.ts

@@ -0,0 +1,65 @@
+export type ToastPosition = "top" | "center" | "bottom";
+
+export interface ToastTheme {
+  bg ? : string;
+  color ? : string;
+  border ? : string;
+  glow ? : string;
+}
+
+export interface ToastPayload {
+  /* CONTENT */
+  message ? : string;
+  title ? : string;
+  
+  /* STYLE */
+  bg ? : string;
+  color ? : string;
+  border ? : string;
+  glow ? : string;
+  theme ? : string;
+  
+  /* BEHAVIOR */
+  duration ? : number; // ms, 0 = sticky
+  position ? : ToastPosition;
+  toast ? : ToastPosition; // backward compat
+  closable ? : boolean;
+  closeable ? : boolean; // backward compat
+  
+  /* ICON (Fontic / others) */
+  icon ? : string;
+  icon_left_top ? : string; // backward compat
+  icon_config ? : string; // backward compat
+  iconPack ? : string;
+  
+  iconLink ? : string;
+  iconAnimate ? : string;
+  
+  /* any future extension */
+  [key: string]: any;
+}
+
+export interface ToastTypeConfig extends ToastPayload {}
+
+export interface JuiceToastAPI {
+  /* ===== SETUP ===== */
+  setup(config: Record < string, ToastTypeConfig > ): void;
+  addType(name: string, config ? : ToastTypeConfig): void;
+  
+  /* ===== THEME ===== */
+  defineTheme(name: string, styles: ToastTheme): void;
+  setTheme(name: string): void;
+  
+  /* ===== QUEUE ===== */
+  clear(): void;
+  destroy(): void;
+  
+  /* ===== DYNAMIC METHODS ===== */
+  [type: string]: ((payload ? : string | number | ToastPayload) => void) | any;
+}
+
+/* ===== DEFAULT EXPORT ===== */
+declare const juiceToast: JuiceToastAPI;
+
+export default juiceToast;
+export { juiceToast };

package/dist/juice-toast.esm.js

@@ -0,0 +1,2 @@
+const c=typeof window!="undefined"&&typeof document!="undefined",l={light:{bg:"#ffffff",color:"#111",border:"1px solid #e5e7eb"},dark:{bg:"#1f2937",color:"#fff",border:"1px solid rgba(255,255,255,.08)"}},k={_config:{},_queue:[],_showing:!1,_theme:"dark",setup(t={}){this._config=t,this._registerTypes()},addType(t,o={}){this._config[t]=o,this._registerTypes()},defineTheme(t,o={}){l[t]={...l[t]||{},...o}},setTheme(t){if(this._theme=t,!c)return;const o=document.getElementById("juice-toast-root");o&&(o.dataset.theme=t)},clear(){this._queue.length=0},destroy(){var t;this.clear(),c&&((t=document.getElementById("juice-toast-root"))==null||t.remove())},_registerTypes(){Object.keys(this._config).forEach(t=>{if(typeof this[t]=="function"&&!this[t].__auto)return;const o=a=>this._enqueue(t,a);o.__auto=!0,this[t]=o})},_enqueue(t,o){this._queue.push({type:t,payload:o}),this._showing||this._next()},_next(){if(!this._queue.length){this._showing=!1;return}this._showing=!0;const t=this._queue.shift();this._showToast(t.type,t.payload)},_getRoot(t){if(!c)return null;let o=document.getElementById("juice-toast-root");return o||(o=document.createElement("div"),o.id="juice-toast-root",document.body.appendChild(o)),o.dataset.position=t||"bottom",o.dataset.theme=this._theme,o},_showToast(t,o){var h,u,f,_,p,g,b;if(!c)return;const a=this._config[t]||{},y=typeof o=="object"?o:{message:String(o)},e={...a,...y};e.icon=(h=e.icon)!=null?h:e.icon_left_top,e.iconPack=(u=e.iconPack)!=null?u:e.icon_config,e.iconLink=(f=e.iconLink)!=null?f:e.icon_onClick_url,e.iconAnimate=(_=e.iconAnimate)!=null?_:e.icon_onClick_animate,e.position=(p=e.position)!=null?p:e.toast,e.closable=(g=e.closable)!=null?g:e.closeable;const r=l[e.theme||this._theme]||{},n=document.createElement("div");if(n.className="juice-toast",n.style.background=e.bg||r.bg,n.style.color=e.color||r.color,n.style.border=e.border||r.border,e.icon){const i=document.createElement("i");i.className=["icon",e.iconPack||"",e.icon].join(" ").trim(),(e.iconLink||e.iconAnimate)&&(i.classList.add("icon-clickable"),i.onclick=j=>{j.stopPropagation(),e.iconAnimate&&(i.classList.remove(e.iconAnimate),i.offsetWidth,i.classList.add(e.iconAnimate)),e.iconLink&&window.open(e.iconLink,"_blank","noopener")}),n.appendChild(i)}const s=document.createElement("div");if(s.className="jt-content",e.title){const i=document.createElement("div");i.className="jt-title",i.textContent=e.title,s.appendChild(i)}const d=document.createElement("div");if(d.className="jt-message",d.textContent=e.message||"",s.appendChild(d),n.appendChild(s),e.closable){const i=document.createElement("span");i.className="juice-toast-close",i.innerHTML="\xD7",i.onclick=()=>{n.remove(),this._next()},n.appendChild(i)}this._getRoot(e.position).appendChild(n),requestAnimationFrame(()=>n.classList.add("show"));const m=(b=e.duration)!=null?b:2500;m!==0&&setTimeout(()=>{n.classList.remove("show"),setTimeout(()=>{n.remove(),this._next()},300)},m)}};var T=k;export{T as default,k as juiceToast};
+//# sourceMappingURL=juice-toast.esm.js.map

package/dist/juice-toast.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/juice-toast.esm.src.js"],
+  "sourcesContent": ["const isBrowser =\n  typeof window !== \"undefined\" &&\n  typeof document !== \"undefined\";\n\n/* ================= THEME REGISTRY ================= */\n\nconst themes = {\n  light: {\n    bg: \"#ffffff\",\n    color: \"#111\",\n    border: \"1px solid #e5e7eb\"\n  },\n  dark: {\n    bg: \"#1f2937\",\n    color: \"#fff\",\n    border: \"1px solid rgba(255,255,255,.08)\"\n  }\n};\n\n/* ================= CORE ================= */\n\nconst juiceToast = {\n  _config: {},\n  _queue: [],\n  _showing: false,\n  _theme: \"dark\",\n  \n  /* ===== PUBLIC API ===== */\n  \n  setup(cfg = {}) {\n    this._config = cfg;\n    this._registerTypes();\n  },\n  \n  addType(name, cfg = {}) {\n    this._config[name] = cfg;\n    this._registerTypes();\n  },\n  \n  defineTheme(name, styles = {}) {\n    themes[name] = { ...(themes[name] || {}), ...styles };\n  },\n  \n  setTheme(name) {\n    this._theme = name;\n    if (!isBrowser) return;\n    const root = document.getElementById(\"juice-toast-root\");\n    if (root) root.dataset.theme = name;\n  },\n  \n  clear() {\n    this._queue.length = 0;\n  },\n  \n  destroy() {\n    this.clear();\n    if (!isBrowser) return;\n    document.getElementById(\"juice-toast-root\")?.remove();\n  },\n  \n  /* ===== INTERNAL ===== */\n  \n  _registerTypes() {\n    Object.keys(this._config).forEach(type => {\n      if (typeof this[type] === \"function\" && !this[type].__auto) return;\n      const fn = payload => this._enqueue(type, payload);\n      fn.__auto = true;\n      this[type] = fn;\n    });\n  },\n  \n  _enqueue(type, payload) {\n    this._queue.push({ type, payload });\n    if (!this._showing) this._next();\n  },\n  \n  _next() {\n    if (!this._queue.length) {\n      this._showing = false;\n      return;\n    }\n    this._showing = true;\n    const item = this._queue.shift();\n    this._showToast(item.type, item.payload);\n  },\n  \n  _getRoot(position) {\n    if (!isBrowser) return null;\n    let root = document.getElementById(\"juice-toast-root\");\n    if (!root) {\n      root = document.createElement(\"div\");\n      root.id = \"juice-toast-root\";\n      document.body.appendChild(root);\n    }\n    root.dataset.position = position || \"bottom\";\n    root.dataset.theme = this._theme;\n    return root;\n  },\n  \n  _showToast(type, payload) {\n    if (!isBrowser) return;\n    \n    const base = this._config[type] || {};\n    const data =\n      typeof payload === \"object\" ?\n      payload :\n      { message: String(payload) };\n    \n    const cfg = { ...base, ...data };\n    \n    /* BACKWARD COMPAT */\n    cfg.icon = cfg.icon ?? cfg.icon_left_top;\n    cfg.iconPack = cfg.iconPack ?? cfg.icon_config;\n    cfg.iconLink = cfg.iconLink ?? cfg.icon_onClick_url;\n    cfg.iconAnimate = cfg.iconAnimate ?? cfg.icon_onClick_animate;\n    cfg.position = cfg.position ?? cfg.toast;\n    cfg.closable = cfg.closable ?? cfg.closeable;\n    \n    const theme = themes[cfg.theme || this._theme] || {};\n    \n    const toast = document.createElement(\"div\");\n    toast.className = \"juice-toast\";\n    toast.style.background = cfg.bg || theme.bg;\n    toast.style.color = cfg.color || theme.color;\n    toast.style.border = cfg.border || theme.border;\n    \n    /* ICON */\n    if (cfg.icon) {\n      const icon = document.createElement(\"i\");\n      icon.className = [\n        \"icon\",\n        cfg.iconPack || \"\",\n        cfg.icon\n      ].join(\" \").trim();\n      \n      if (cfg.iconLink || cfg.iconAnimate) {\n        icon.classList.add(\"icon-clickable\");\n        icon.onclick = e => {\n          e.stopPropagation();\n          if (cfg.iconAnimate) {\n            icon.classList.remove(cfg.iconAnimate);\n            void icon.offsetWidth;\n            icon.classList.add(cfg.iconAnimate);\n          }\n          if (cfg.iconLink) {\n            window.open(cfg.iconLink, \"_blank\", \"noopener\");\n          }\n        };\n      }\n      toast.appendChild(icon);\n    }\n    \n    /* CONTENT */\n    const content = document.createElement(\"div\");\n    content.className = \"jt-content\";\n    \n    if (cfg.title) {\n      const t = document.createElement(\"div\");\n      t.className = \"jt-title\";\n      t.textContent = cfg.title;\n      content.appendChild(t);\n    }\n    \n    const msg = document.createElement(\"div\");\n    msg.className = \"jt-message\";\n    msg.textContent = cfg.message || \"\";\n    content.appendChild(msg);\n    \n    toast.appendChild(content);\n    \n    /* CLOSE */\n    if (cfg.closable) {\n      const close = document.createElement(\"span\");\n      close.className = \"juice-toast-close\";\n      close.innerHTML = \"\u00D7\";\n      close.onclick = () => {\n        toast.remove();\n        this._next();\n      };\n      toast.appendChild(close);\n    }\n    \n    const root = this._getRoot(cfg.position);\n    root.appendChild(toast);\n    \n    requestAnimationFrame(() => toast.classList.add(\"show\"));\n    \n    const duration = cfg.duration ?? 2500;\n    if (duration === 0) return;\n    \n    setTimeout(() => {\n      toast.classList.remove(\"show\");\n      setTimeout(() => {\n        toast.remove();\n        this._next();\n      }, 300);\n    }, duration);\n  }\n};\n\nexport default juiceToast;\nexport { juiceToast };\n"],
+  "mappings": "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",
+  "names": ["isBrowser", "themes", "juiceToast", "cfg", "name", "styles", "root", "_a", "type", "fn", "payload", "item", "position", "_b", "_c", "_d", "_e", "_f", "_g", "base", "data", "theme", "toast", "icon", "e", "content", "t", "msg", "close", "duration", "juice_toast_esm_src_default"]
+}

package/dist/juice-toast.umd.js

@@ -0,0 +1,2 @@
+var juiceToast=(()=>{(function(c,s){typeof define=="function"&&define.amd?define([],s):typeof module=="object"&&module.exports?module.exports=s():c.juiceToast=s()})(void 0,function(){return(function(){const c=typeof window!="undefined"&&typeof document!="undefined",s={light:{bg:"#fff",color:"#111",border:"1px solid #e5e7eb"},dark:{bg:"#1f2937",color:"#fff",border:"1px solid rgba(255,255,255,.08)"}};return{_config:{},_queue:[],_showing:!1,_theme:"dark",setup(t={}){this._config=t,this._registerTypes()},addType(t,o={}){this._config[t]=o,this._registerTypes()},defineTheme(t,o={}){s[t]={...s[t]||{},...o}},setTheme(t){if(this._theme=t,!c)return;const o=document.getElementById("juice-toast-root");o&&(o.dataset.theme=t)},clear(){this._queue.length=0},destroy(){var t;this.clear(),c&&((t=document.getElementById("juice-toast-root"))==null||t.remove())},_registerTypes(){Object.keys(this._config).forEach(t=>{if(typeof this[t]=="function"&&!this[t].__auto)return;const o=r=>this._enqueue(t,r);o.__auto=!0,this[t]=o})},_enqueue(t,o){this._queue.push({type:t,payload:o}),this._showing||this._next()},_next(){if(!this._queue.length){this._showing=!1;return}this._showing=!0;const t=this._queue.shift();this._showToast(t.type,t.payload)},_getRoot(t){if(!c)return null;let o=document.getElementById("juice-toast-root");return o||(o=document.createElement("div"),o.id="juice-toast-root",document.body.appendChild(o)),o.dataset.position=t||"bottom",o.dataset.theme=this._theme,o},_showToast(t,o){var m,h,f,_,p,g,b;if(!c)return;const r=this._config[t]||{},k=typeof o=="object"?o:{message:String(o)},e={...r,...k};e.icon=(m=e.icon)!=null?m:e.icon_left_top,e.iconPack=(h=e.iconPack)!=null?h:e.icon_config,e.iconLink=(f=e.iconLink)!=null?f:e.icon_onClick_url,e.iconAnimate=(_=e.iconAnimate)!=null?_:e.icon_onClick_animate,e.position=(p=e.position)!=null?p:e.toast,e.closable=(g=e.closable)!=null?g:e.closeable;const d=s[e.theme||this._theme]||{},n=document.createElement("div");if(n.className="juice-toast",n.style.background=e.bg||d.bg,n.style.color=e.color||d.color,n.style.border=e.border||d.border,e.icon){const i=document.createElement("i");i.className=["icon",e.iconPack||"",e.icon].join(" ").trim(),(e.iconLink||e.iconAnimate)&&(i.classList.add("icon-clickable"),i.onclick=j=>{j.stopPropagation(),e.iconAnimate&&(i.classList.remove(e.iconAnimate),i.offsetWidth,i.classList.add(e.iconAnimate)),e.iconLink&&window.open(e.iconLink,"_blank","noopener")}),n.appendChild(i)}const a=document.createElement("div");if(a.className="jt-content",e.title){const i=document.createElement("div");i.className="jt-title",i.textContent=e.title,a.appendChild(i)}const l=document.createElement("div");if(l.className="jt-message",l.textContent=e.message||"",a.appendChild(l),n.appendChild(a),e.closable){const i=document.createElement("span");i.className="juice-toast-close",i.innerHTML="\xD7",i.onclick=()=>{n.remove(),this._next()},n.appendChild(i)}this._getRoot(e.position).appendChild(n),requestAnimationFrame(()=>n.classList.add("show"));const u=(b=e.duration)!=null?b:2500;u!==0&&setTimeout(()=>{n.classList.remove("show"),setTimeout(()=>{n.remove(),this._next()},300)},u)}}})()});})();
+//# sourceMappingURL=juice-toast.umd.js.map

package/dist/juice-toast.umd.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/juice-toast.umd.src.js"],
+  "sourcesContent": ["(function(root, factory) {\n  if (typeof define === \"function\" && define.amd) {\n    define([], factory);\n  } else if (typeof module === \"object\" && module.exports) {\n    module.exports = factory();\n  } else {\n    root.juiceToast = factory();\n  }\n})(this, function() {\n  return (function() {\n    \n    const isBrowser =\n      typeof window !== \"undefined\" &&\n      typeof document !== \"undefined\";\n    \n    const themes = {\n      light: { bg: \"#fff\", color: \"#111\", border: \"1px solid #e5e7eb\" },\n      dark: { bg: \"#1f2937\", color: \"#fff\", border: \"1px solid rgba(255,255,255,.08)\" }\n    };\n    \n    const api = { \n  _config: {},\n  _queue: [],\n  _showing: false,\n  _theme: \"dark\",\n  \n  /* ===== PUBLIC API ===== */\n  \n  setup(cfg = {}) {\n    this._config = cfg;\n    this._registerTypes();\n  },\n  \n  addType(name, cfg = {}) {\n    this._config[name] = cfg;\n    this._registerTypes();\n  },\n  \n  defineTheme(name, styles = {}) {\n    themes[name] = { ...(themes[name] || {}), ...styles };\n  },\n  \n  setTheme(name) {\n    this._theme = name;\n    if (!isBrowser) return;\n    const root = document.getElementById(\"juice-toast-root\");\n    if (root) root.dataset.theme = name;\n  },\n  \n  clear() {\n    this._queue.length = 0;\n  },\n  \n  destroy() {\n    this.clear();\n    if (!isBrowser) return;\n    document.getElementById(\"juice-toast-root\")?.remove();\n  },\n  \n  /* ===== INTERNAL ===== */\n  \n  _registerTypes() {\n    Object.keys(this._config).forEach(type => {\n      if (typeof this[type] === \"function\" && !this[type].__auto) return;\n      const fn = payload => this._enqueue(type, payload);\n      fn.__auto = true;\n      this[type] = fn;\n    });\n  },\n  \n  _enqueue(type, payload) {\n    this._queue.push({ type, payload });\n    if (!this._showing) this._next();\n  },\n  \n  _next() {\n    if (!this._queue.length) {\n      this._showing = false;\n      return;\n    }\n    this._showing = true;\n    const item = this._queue.shift();\n    this._showToast(item.type, item.payload);\n  },\n  \n  _getRoot(position) {\n    if (!isBrowser) return null;\n    let root = document.getElementById(\"juice-toast-root\");\n    if (!root) {\n      root = document.createElement(\"div\");\n      root.id = \"juice-toast-root\";\n      document.body.appendChild(root);\n    }\n    root.dataset.position = position || \"bottom\";\n    root.dataset.theme = this._theme;\n    return root;\n  },\n  \n  _showToast(type, payload) {\n    if (!isBrowser) return;\n    \n    const base = this._config[type] || {};\n    const data =\n      typeof payload === \"object\" ?\n      payload :\n      { message: String(payload) };\n    \n    const cfg = { ...base, ...data };\n    \n    /* BACKWARD COMPAT */\n    cfg.icon = cfg.icon ?? cfg.icon_left_top;\n    cfg.iconPack = cfg.iconPack ?? cfg.icon_config;\n    cfg.iconLink = cfg.iconLink ?? cfg.icon_onClick_url;\n    cfg.iconAnimate = cfg.iconAnimate ?? cfg.icon_onClick_animate;\n    cfg.position = cfg.position ?? cfg.toast;\n    cfg.closable = cfg.closable ?? cfg.closeable;\n    \n    const theme = themes[cfg.theme || this._theme] || {};\n    \n    const toast = document.createElement(\"div\");\n    toast.className = \"juice-toast\";\n    toast.style.background = cfg.bg || theme.bg;\n    toast.style.color = cfg.color || theme.color;\n    toast.style.border = cfg.border || theme.border;\n    \n    /* ICON */\n    if (cfg.icon) {\n      const icon = document.createElement(\"i\");\n      icon.className = [\n        \"icon\",\n        cfg.iconPack || \"\",\n        cfg.icon\n      ].join(\" \").trim();\n      \n      if (cfg.iconLink || cfg.iconAnimate) {\n        icon.classList.add(\"icon-clickable\");\n        icon.onclick = e => {\n          e.stopPropagation();\n          if (cfg.iconAnimate) {\n            icon.classList.remove(cfg.iconAnimate);\n            void icon.offsetWidth;\n            icon.classList.add(cfg.iconAnimate);\n          }\n          if (cfg.iconLink) {\n            window.open(cfg.iconLink, \"_blank\", \"noopener\");\n          }\n        };\n      }\n      toast.appendChild(icon);\n    }\n    \n    /* CONTENT */\n    const content = document.createElement(\"div\");\n    content.className = \"jt-content\";\n    \n    if (cfg.title) {\n      const t = document.createElement(\"div\");\n      t.className = \"jt-title\";\n      t.textContent = cfg.title;\n      content.appendChild(t);\n    }\n    \n    const msg = document.createElement(\"div\");\n    msg.className = \"jt-message\";\n    msg.textContent = cfg.message || \"\";\n    content.appendChild(msg);\n    \n    toast.appendChild(content);\n    \n    /* CLOSE */\n    if (cfg.closable) {\n      const close = document.createElement(\"span\");\n      close.className = \"juice-toast-close\";\n      close.innerHTML = \"\u00D7\";\n      close.onclick = () => {\n        toast.remove();\n        this._next();\n      };\n      toast.appendChild(close);\n    }\n    \n    const root = this._getRoot(cfg.position);\n    root.appendChild(toast);\n    \n    requestAnimationFrame(() => toast.classList.add(\"show\"));\n    \n    const duration = cfg.duration ?? 2500;\n    if (duration === 0) return;\n    \n    setTimeout(() => {\n      toast.classList.remove(\"show\");\n      setTimeout(() => {\n        toast.remove();\n        this._next();\n      }, 300);\n    }, duration);\n  } \n};\n    \n    return api;\n  })();\n});\n"],
+  "mappings": "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",
+  "names": ["root", "factory", "isBrowser", "themes", "cfg", "name", "styles", "_a", "type", "fn", "payload", "item", "position", "_b", "_c", "_d", "_e", "_f", "_g", "base", "data", "theme", "toast", "icon", "e", "content", "t", "msg", "close", "duration"]
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "juice-toast",
+  "version": "1.0.0",
+  "description": "Lightweight, dependency-free toast notification library",
+  "keywords": [
+    "toast",
+    "notification",
+    "ui"
+  ],
+  "license": "MIT",
+  "author": "KhairyK",
+  "homepage": "https://github.com/KhairyK/juiceToast",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KhairyK/juiceToast.git"
+  },
+  "main": "dist/juice-toast.umd.js",
+  "module": "dist/juice-toast.esm.js",
+  "types": "dist/juice-toast.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/juice-toast.umd.js",
+      "import": "./dist/juice-toast.esm.js",
+      "types": "./dist/juice-toast.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "node build.js"
+  },
+  "devDependencies": {
+    "esbuild": "^0.27.2"
+  }
+}