@t007/toast 0.0.6 → 0.0.10

package/README.md

@@ -23,6 +23,7 @@
   - [Advanced Customization](#advanced-customization)
   - [Author](#author)
   - [Acknowledgments](#acknowledgments)
+  - [Star History](#star-history)
 
 ---
 
@@ -233,4 +234,10 @@ You can easily override the progress bar, animations, and container spacing by t
 
 ## Acknowledgments
 
-Designed to bring native mobile OS notification physics to the web. Part of the `@t007` utility ecosystem.
+Designed to bring native mobile OS notification physics to the web. Part of the `@t007` utility ecosystem.
+
+## Star History
+
+If you find this project useful, please consider giving it a star! ⭐
+
+[![Star History Chart](https://api.star-history.com/svg?repos=Tobi007-del/t007-tools&type=Date)](https://github.com/Tobi007-del/t007-tools)

package/dist/index.global.js

@@ -1,11 +1,31 @@
 "use strict";
 (() => {
+  // ../utils/node_modules/sia-reactor/dist/chunk-DW7Z7YEA.js
+  function isDef(val) {
+    return "undefined" !== typeof val;
+  }
+  function isObj(obj, checkArr = true) {
+    return "object" === typeof obj && obj !== null && (checkArr ? !Array.isArray(obj) : true);
+  }
+
   // ../utils/dist/index.js
+  function isSym(val) {
+    return "symbol" === typeof val;
+  }
+  function isNum(val) {
+    return "number" === typeof val;
+  }
+  function isStr(val) {
+    return "string" === typeof val;
+  }
+  function isFunc(val) {
+    return "function" === typeof val;
+  }
   function uid(prefix = "") {
     return prefix + Date.now().toString(36) + "_" + performance.now().toString(36).replace(".", "") + "_" + Math.random().toString(36).slice(2);
   }
   function isSameURL(src1, src2) {
-    if (typeof src1 !== "string" || typeof src2 !== "string" || !src1 || !src2) return false;
+    if (!isStr(src1) || !isStr(src2) || !src1 || !src2) return false;
     try {
       const u1 = new URL(src1, window.location.href), u2 = new URL(src2, window.location.href);
       return decodeURIComponent(u1.origin + u1.pathname) === decodeURIComponent(u2.origin + u2.pathname);
@@ -30,8 +50,8 @@
   }
   var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
   function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
-    w.t007._resourceCache ??= {};
-    if (req === VIRTUAL_RESOURCE || "symbol" === typeof req) return Promise.resolve();
+    w.t007 ??= {}, w.t007._resourceCache ??= {};
+    if (req === VIRTUAL_RESOURCE || isSym(req)) return Promise.resolve();
     const src = req;
     if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
     const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
@@ -64,8 +84,7 @@
     while (proto && proto !== Object.prototype) {
       for (const method of Object.getOwnPropertyNames(proto)) {
         if (method === "constructor") continue;
-        if ("function" !== typeof Object.getOwnPropertyDescriptor(proto, method)?.value) continue;
-        callback(method, owner);
+        if (isFunc(Object.getOwnPropertyDescriptor(proto, method)?.value)) callback(method, owner);
       }
       proto = Object.getPrototypeOf(proto);
     }
@@ -75,7 +94,7 @@
       owner2[method] = owner2[method].bind(owner2);
     });
   }
-  if (typeof window !== "undefined") {
+  if (isDef(window)) {
     window.t007 ??= {};
     t007.VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
     window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
@@ -101,7 +120,7 @@
       this.opts = { ...options };
       this.id = this.opts.id ??= uid(this.opts.idPrefix ?? "t007_toast_");
       t007.toasts.set(this.id, this);
-      "number" !== typeof this.opts.delay ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
+      !isNum(this.opts.delay) ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
       this.update(this.opts);
     }
     init() {
@@ -110,11 +129,11 @@
       this.destroyed = false;
     }
     update(options) {
-      if (!options || typeof options !== "object") return this.opts.id;
+      if (!options || isObj(options)) return this.opts.id;
       try {
         this.opts = { ...this.opts, ...options };
         const run = () => Object.keys(options).forEach((key) => this[key] = options[key]);
-        "number" !== typeof this.opts.delay ? run() : this.queue.push(setTimeout(run, this.opts.delay));
+        !isNum(this.opts.delay) ? run() : this.queue.push(setTimeout(run, this.opts.delay));
         this.opts.delay = null;
       } catch (err) {
         console.error("toast update failed:", err);
@@ -137,7 +156,7 @@
     }
     set bodyHTML(value) {
       this.toastElement.querySelectorAll(".t007-toast > *:not(.t007-toast-cancel-button)").forEach((el) => el.remove());
-      this.toastElement.insertAdjacentHTML("afterbegin", `${value ? typeof value === "function" ? value() : value : ""}`);
+      this.toastElement.insertAdjacentHTML("afterbegin", `${value ? isFunc(value) ? value() : value : ""}`);
     }
     set render(value) {
       const bodyText = () => this.toastElement.querySelector(".t007-toast-body-text");
@@ -145,7 +164,7 @@
         this._setUpBodyHTML();
         this.toastElement.querySelector(".t007-toast-body").prepend(bodyText() || createEl("p", { className: "t007-toast-body-text" }));
         const text = bodyText();
-        text.innerHTML = text.dataset.render = typeof value === "function" ? value() : value;
+        text.innerHTML = text.dataset.render = isFunc(value) ? value() : value;
       } else bodyText()?.remove();
     }
     set actions(value) {
@@ -196,7 +215,7 @@
             className: "t007-toast-icon t007-toast-loader"
           })
         );
-        loader().innerHTML = typeof value === "string" ? value : t007.TOAST_ICONS.loading;
+        loader().innerHTML = isStr(value) ? value : t007.TOAST_ICONS.loading;
       } else {
         loader()?.remove();
         this.icon = this.opts.icon;
@@ -257,7 +276,7 @@
         if (!this.#isPaused) {
           this.#timeVisible += time - lastTime;
           this.onTimeUpdate?.(this.#timeVisible);
-          if ("number" == typeof this.autoClose && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
+          if (isNum(this.autoClose) && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
         }
         lastTime = time;
         this.#autoCloseInterval = requestAnimationFrame(loop);
@@ -278,7 +297,7 @@
       this.nprogress = 0;
       cancelAnimationFrame(this.#progressInterval);
       const loop = () => {
-        if ("number" == typeof this.autoClose && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
+        if (isNum(this.autoClose) && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
         this.#progressInterval = requestAnimationFrame(loop);
       };
       if (!value) this.#progressInterval = requestAnimationFrame(loop);
@@ -325,7 +344,7 @@
       this.toastElement.onpointerup = value ? this._handleToastPointerUp : null;
     }
     _handleToastPointerStart(e) {
-      if (typeof this._ptrType === "string" && e.pointerType !== this._ptrType) return;
+      if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
       if (e.touches?.length > 1) return;
       !e.target?.matches('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') && this.toastElement.setPointerCapture(e.pointerId);
       this.#isPaused = true;
@@ -353,7 +372,7 @@
       this._ptrTicker = true;
     }
     _handleToastPointerUp(e) {
-      if (typeof this._ptrType === "string" && e.pointerType !== this._ptrType) return;
+      if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
       cancelAnimationFrame(this._ptrRAF);
       if (Math.abs(this._ptrDeltaX) > this.toastElement.offsetWidth * (this.opts.dragToClosePercent.x ?? this.opts.dragToClosePercent / 100) || Math.abs(this._ptrDeltaY) > this.toastElement.offsetHeight * (this.opts.dragToClosePercent.y ?? this.opts.dragToClosePercent / 100)) return this._remove("instant");
       this.#isPaused = this._ptrTicker = this._ptrDirSet = this._ptrDir = false;
@@ -420,24 +439,24 @@
       type: ""
     }),
     promise(base, promise = new Promise((res, rej) => setTimeout(Math.round(Math.random()) ? res : rej, 3e3)), { pending, success, error } = {}) {
-      if (!promise || typeof promise.then !== "function") return console.error("toast.promise() requires a valid promise");
-      const NFC = (input, type) => typeof input === "string" ? { render: input, type } : typeof input === "object" ? { ...input, type } : { type };
+      if (!promise || isFunc(promise.then)) return console.error("toast.promise() requires a valid promise");
+      const NFC = (input, type) => isStr(input) ? { render: input, type } : isObj(input) ? { ...input, type } : { type };
       const pendingConfig = NFC(pending);
       const pendingToastId = base.loading(pendingConfig.render || "Promise pending...", { ...pendingConfig });
       promise.then(
         (response) => {
           const successConfig = NFC(success || "Promise resolved", "success");
           const { render, bodyHTML } = successConfig;
-          if (typeof render === "function") successConfig.render = (response2) => render(response2);
-          if (typeof bodyHTML === "function") successConfig.bodyHTML = (response2) => bodyHTML(response2);
+          if (isFunc(render)) successConfig.render = (response2) => render(response2);
+          if (isFunc(bodyHTML)) successConfig.bodyHTML = (response2) => bodyHTML(response2);
           base.success(pendingToastId, successConfig);
           return response;
         },
         (err) => {
           const errorConfig = NFC(error || "Promise rejected", "error");
           const { render, bodyHTML } = errorConfig;
-          if (typeof render === "function") errorConfig.render = (err2) => render(err2);
-          if (typeof bodyHTML === "function") errorConfig.bodyHTML = (err2) => bodyHTML(err2);
+          if (isFunc(render)) errorConfig.render = (err2) => render(err2);
+          if (isFunc(bodyHTML)) errorConfig.bodyHTML = (err2) => bodyHTML(err2);
           base.error(pendingToastId, errorConfig);
           return Promise.reject(err);
         }
@@ -477,7 +496,7 @@
   };
   var toast = toaster();
   var index_default = toast;
-  if (typeof window !== "undefined") {
+  if (isDef(window)) {
     t007.toast = toast;
     t007.toasting = toasting;
     t007.toaster = toaster;

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/index.js
-import { clamp, uid, bindAllMethods, createEl, loadResource } from "@t007/utils";
+import { isDef, isStr, isNum, isObj, isFunc, clamp, uid, bindAllMethods, createEl, loadResource } from "@t007/utils";
 var T007_Toast = class {
   #autoCloseInterval;
   #progressInterval;
@@ -14,7 +14,7 @@ var T007_Toast = class {
     this.opts = { ...options };
     this.id = this.opts.id ??= uid(this.opts.idPrefix ?? "t007_toast_");
     t007.toasts.set(this.id, this);
-    "number" !== typeof this.opts.delay ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
+    !isNum(this.opts.delay) ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
     this.update(this.opts);
   }
   init() {
@@ -23,11 +23,11 @@ var T007_Toast = class {
     this.destroyed = false;
   }
   update(options) {
-    if (!options || typeof options !== "object") return this.opts.id;
+    if (!options || isObj(options)) return this.opts.id;
     try {
       this.opts = { ...this.opts, ...options };
       const run = () => Object.keys(options).forEach((key) => this[key] = options[key]);
-      "number" !== typeof this.opts.delay ? run() : this.queue.push(setTimeout(run, this.opts.delay));
+      !isNum(this.opts.delay) ? run() : this.queue.push(setTimeout(run, this.opts.delay));
       this.opts.delay = null;
     } catch (err) {
       console.error("toast update failed:", err);
@@ -50,7 +50,7 @@ var T007_Toast = class {
   }
   set bodyHTML(value) {
     this.toastElement.querySelectorAll(".t007-toast > *:not(.t007-toast-cancel-button)").forEach((el) => el.remove());
-    this.toastElement.insertAdjacentHTML("afterbegin", `${value ? typeof value === "function" ? value() : value : ""}`);
+    this.toastElement.insertAdjacentHTML("afterbegin", `${value ? isFunc(value) ? value() : value : ""}`);
   }
   set render(value) {
     const bodyText = () => this.toastElement.querySelector(".t007-toast-body-text");
@@ -58,7 +58,7 @@ var T007_Toast = class {
       this._setUpBodyHTML();
       this.toastElement.querySelector(".t007-toast-body").prepend(bodyText() || createEl("p", { className: "t007-toast-body-text" }));
       const text = bodyText();
-      text.innerHTML = text.dataset.render = typeof value === "function" ? value() : value;
+      text.innerHTML = text.dataset.render = isFunc(value) ? value() : value;
     } else bodyText()?.remove();
   }
   set actions(value) {
@@ -109,7 +109,7 @@ var T007_Toast = class {
           className: "t007-toast-icon t007-toast-loader"
         })
       );
-      loader().innerHTML = typeof value === "string" ? value : t007.TOAST_ICONS.loading;
+      loader().innerHTML = isStr(value) ? value : t007.TOAST_ICONS.loading;
     } else {
       loader()?.remove();
       this.icon = this.opts.icon;
@@ -170,7 +170,7 @@ var T007_Toast = class {
       if (!this.#isPaused) {
         this.#timeVisible += time - lastTime;
         this.onTimeUpdate?.(this.#timeVisible);
-        if ("number" == typeof this.autoClose && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
+        if (isNum(this.autoClose) && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
       }
       lastTime = time;
       this.#autoCloseInterval = requestAnimationFrame(loop);
@@ -191,7 +191,7 @@ var T007_Toast = class {
     this.nprogress = 0;
     cancelAnimationFrame(this.#progressInterval);
     const loop = () => {
-      if ("number" == typeof this.autoClose && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
+      if (isNum(this.autoClose) && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
       this.#progressInterval = requestAnimationFrame(loop);
     };
     if (!value) this.#progressInterval = requestAnimationFrame(loop);
@@ -238,7 +238,7 @@ var T007_Toast = class {
     this.toastElement.onpointerup = value ? this._handleToastPointerUp : null;
   }
   _handleToastPointerStart(e) {
-    if (typeof this._ptrType === "string" && e.pointerType !== this._ptrType) return;
+    if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
     if (e.touches?.length > 1) return;
     !e.target?.matches('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') && this.toastElement.setPointerCapture(e.pointerId);
     this.#isPaused = true;
@@ -266,7 +266,7 @@ var T007_Toast = class {
     this._ptrTicker = true;
   }
   _handleToastPointerUp(e) {
-    if (typeof this._ptrType === "string" && e.pointerType !== this._ptrType) return;
+    if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
     cancelAnimationFrame(this._ptrRAF);
     if (Math.abs(this._ptrDeltaX) > this.toastElement.offsetWidth * (this.opts.dragToClosePercent.x ?? this.opts.dragToClosePercent / 100) || Math.abs(this._ptrDeltaY) > this.toastElement.offsetHeight * (this.opts.dragToClosePercent.y ?? this.opts.dragToClosePercent / 100)) return this._remove("instant");
     this.#isPaused = this._ptrTicker = this._ptrDirSet = this._ptrDir = false;
@@ -333,24 +333,24 @@ var toasting = {
     type: ""
   }),
   promise(base, promise = new Promise((res, rej) => setTimeout(Math.round(Math.random()) ? res : rej, 3e3)), { pending, success, error } = {}) {
-    if (!promise || typeof promise.then !== "function") return console.error("toast.promise() requires a valid promise");
-    const NFC = (input, type) => typeof input === "string" ? { render: input, type } : typeof input === "object" ? { ...input, type } : { type };
+    if (!promise || isFunc(promise.then)) return console.error("toast.promise() requires a valid promise");
+    const NFC = (input, type) => isStr(input) ? { render: input, type } : isObj(input) ? { ...input, type } : { type };
     const pendingConfig = NFC(pending);
     const pendingToastId = base.loading(pendingConfig.render || "Promise pending...", { ...pendingConfig });
     promise.then(
       (response) => {
         const successConfig = NFC(success || "Promise resolved", "success");
         const { render, bodyHTML } = successConfig;
-        if (typeof render === "function") successConfig.render = (response2) => render(response2);
-        if (typeof bodyHTML === "function") successConfig.bodyHTML = (response2) => bodyHTML(response2);
+        if (isFunc(render)) successConfig.render = (response2) => render(response2);
+        if (isFunc(bodyHTML)) successConfig.bodyHTML = (response2) => bodyHTML(response2);
         base.success(pendingToastId, successConfig);
         return response;
       },
       (err) => {
         const errorConfig = NFC(error || "Promise rejected", "error");
         const { render, bodyHTML } = errorConfig;
-        if (typeof render === "function") errorConfig.render = (err2) => render(err2);
-        if (typeof bodyHTML === "function") errorConfig.bodyHTML = (err2) => bodyHTML(err2);
+        if (isFunc(render)) errorConfig.render = (err2) => render(err2);
+        if (isFunc(bodyHTML)) errorConfig.bodyHTML = (err2) => bodyHTML(err2);
         base.error(pendingToastId, errorConfig);
         return Promise.reject(err);
       }
@@ -390,7 +390,7 @@ var toaster = (defOptions = {}, idPrefix = "t007_toast_") => {
 };
 var toast = toaster();
 var index_default = toast;
-if (typeof window !== "undefined") {
+if (isDef(window)) {
   t007.toast = toast;
   t007.toasting = toasting;
   t007.toaster = toaster;

package/dist/standalone.js

@@ -1,9 +1,29 @@
+// ../utils/node_modules/sia-reactor/dist/chunk-DW7Z7YEA.js
+function isDef(val) {
+  return "undefined" !== typeof val;
+}
+function isObj(obj, checkArr = true) {
+  return "object" === typeof obj && obj !== null && (checkArr ? !Array.isArray(obj) : true);
+}
+
 // ../utils/dist/index.js
+function isSym(val) {
+  return "symbol" === typeof val;
+}
+function isNum(val) {
+  return "number" === typeof val;
+}
+function isStr(val) {
+  return "string" === typeof val;
+}
+function isFunc(val) {
+  return "function" === typeof val;
+}
 function uid(prefix = "") {
   return prefix + Date.now().toString(36) + "_" + performance.now().toString(36).replace(".", "") + "_" + Math.random().toString(36).slice(2);
 }
 function isSameURL(src1, src2) {
-  if (typeof src1 !== "string" || typeof src2 !== "string" || !src1 || !src2) return false;
+  if (!isStr(src1) || !isStr(src2) || !src1 || !src2) return false;
   try {
     const u1 = new URL(src1, window.location.href), u2 = new URL(src2, window.location.href);
     return decodeURIComponent(u1.origin + u1.pathname) === decodeURIComponent(u2.origin + u2.pathname);
@@ -28,8 +48,8 @@ function assignEl(el, props, dataset, styles) {
 }
 var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
 function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
-  w.t007._resourceCache ??= {};
-  if (req === VIRTUAL_RESOURCE || "symbol" === typeof req) return Promise.resolve();
+  w.t007 ??= {}, w.t007._resourceCache ??= {};
+  if (req === VIRTUAL_RESOURCE || isSym(req)) return Promise.resolve();
   const src = req;
   if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
   const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
@@ -62,8 +82,7 @@ function onAllMethods(owner, callback) {
   while (proto && proto !== Object.prototype) {
     for (const method of Object.getOwnPropertyNames(proto)) {
       if (method === "constructor") continue;
-      if ("function" !== typeof Object.getOwnPropertyDescriptor(proto, method)?.value) continue;
-      callback(method, owner);
+      if (isFunc(Object.getOwnPropertyDescriptor(proto, method)?.value)) callback(method, owner);
     }
     proto = Object.getPrototypeOf(proto);
   }
@@ -73,7 +92,7 @@ function bindAllMethods(owner) {
     owner2[method] = owner2[method].bind(owner2);
   });
 }
-if (typeof window !== "undefined") {
+if (isDef(window)) {
   window.t007 ??= {};
   t007.VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
   window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
@@ -99,7 +118,7 @@ var T007_Toast = class {
     this.opts = { ...options };
     this.id = this.opts.id ??= uid(this.opts.idPrefix ?? "t007_toast_");
     t007.toasts.set(this.id, this);
-    "number" !== typeof this.opts.delay ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
+    !isNum(this.opts.delay) ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
     this.update(this.opts);
   }
   init() {
@@ -108,11 +127,11 @@ var T007_Toast = class {
     this.destroyed = false;
   }
   update(options) {
-    if (!options || typeof options !== "object") return this.opts.id;
+    if (!options || isObj(options)) return this.opts.id;
     try {
       this.opts = { ...this.opts, ...options };
       const run = () => Object.keys(options).forEach((key) => this[key] = options[key]);
-      "number" !== typeof this.opts.delay ? run() : this.queue.push(setTimeout(run, this.opts.delay));
+      !isNum(this.opts.delay) ? run() : this.queue.push(setTimeout(run, this.opts.delay));
       this.opts.delay = null;
     } catch (err) {
       console.error("toast update failed:", err);
@@ -135,7 +154,7 @@ var T007_Toast = class {
   }
   set bodyHTML(value) {
     this.toastElement.querySelectorAll(".t007-toast > *:not(.t007-toast-cancel-button)").forEach((el) => el.remove());
-    this.toastElement.insertAdjacentHTML("afterbegin", `${value ? typeof value === "function" ? value() : value : ""}`);
+    this.toastElement.insertAdjacentHTML("afterbegin", `${value ? isFunc(value) ? value() : value : ""}`);
   }
   set render(value) {
     const bodyText = () => this.toastElement.querySelector(".t007-toast-body-text");
@@ -143,7 +162,7 @@ var T007_Toast = class {
       this._setUpBodyHTML();
       this.toastElement.querySelector(".t007-toast-body").prepend(bodyText() || createEl("p", { className: "t007-toast-body-text" }));
       const text = bodyText();
-      text.innerHTML = text.dataset.render = typeof value === "function" ? value() : value;
+      text.innerHTML = text.dataset.render = isFunc(value) ? value() : value;
     } else bodyText()?.remove();
   }
   set actions(value) {
@@ -194,7 +213,7 @@ var T007_Toast = class {
           className: "t007-toast-icon t007-toast-loader"
         })
       );
-      loader().innerHTML = typeof value === "string" ? value : t007.TOAST_ICONS.loading;
+      loader().innerHTML = isStr(value) ? value : t007.TOAST_ICONS.loading;
     } else {
       loader()?.remove();
       this.icon = this.opts.icon;
@@ -255,7 +274,7 @@ var T007_Toast = class {
       if (!this.#isPaused) {
         this.#timeVisible += time - lastTime;
         this.onTimeUpdate?.(this.#timeVisible);
-        if ("number" == typeof this.autoClose && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
+        if (isNum(this.autoClose) && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
       }
       lastTime = time;
       this.#autoCloseInterval = requestAnimationFrame(loop);
@@ -276,7 +295,7 @@ var T007_Toast = class {
     this.nprogress = 0;
     cancelAnimationFrame(this.#progressInterval);
     const loop = () => {
-      if ("number" == typeof this.autoClose && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
+      if (isNum(this.autoClose) && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
       this.#progressInterval = requestAnimationFrame(loop);
     };
     if (!value) this.#progressInterval = requestAnimationFrame(loop);
@@ -323,7 +342,7 @@ var T007_Toast = class {
     this.toastElement.onpointerup = value ? this._handleToastPointerUp : null;
   }
   _handleToastPointerStart(e) {
-    if (typeof this._ptrType === "string" && e.pointerType !== this._ptrType) return;
+    if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
     if (e.touches?.length > 1) return;
     !e.target?.matches('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') && this.toastElement.setPointerCapture(e.pointerId);
     this.#isPaused = true;
@@ -351,7 +370,7 @@ var T007_Toast = class {
     this._ptrTicker = true;
   }
   _handleToastPointerUp(e) {
-    if (typeof this._ptrType === "string" && e.pointerType !== this._ptrType) return;
+    if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
     cancelAnimationFrame(this._ptrRAF);
     if (Math.abs(this._ptrDeltaX) > this.toastElement.offsetWidth * (this.opts.dragToClosePercent.x ?? this.opts.dragToClosePercent / 100) || Math.abs(this._ptrDeltaY) > this.toastElement.offsetHeight * (this.opts.dragToClosePercent.y ?? this.opts.dragToClosePercent / 100)) return this._remove("instant");
     this.#isPaused = this._ptrTicker = this._ptrDirSet = this._ptrDir = false;
@@ -418,24 +437,24 @@ var toasting = {
     type: ""
   }),
   promise(base, promise = new Promise((res, rej) => setTimeout(Math.round(Math.random()) ? res : rej, 3e3)), { pending, success, error } = {}) {
-    if (!promise || typeof promise.then !== "function") return console.error("toast.promise() requires a valid promise");
-    const NFC = (input, type) => typeof input === "string" ? { render: input, type } : typeof input === "object" ? { ...input, type } : { type };
+    if (!promise || isFunc(promise.then)) return console.error("toast.promise() requires a valid promise");
+    const NFC = (input, type) => isStr(input) ? { render: input, type } : isObj(input) ? { ...input, type } : { type };
     const pendingConfig = NFC(pending);
     const pendingToastId = base.loading(pendingConfig.render || "Promise pending...", { ...pendingConfig });
     promise.then(
       (response) => {
         const successConfig = NFC(success || "Promise resolved", "success");
         const { render, bodyHTML } = successConfig;
-        if (typeof render === "function") successConfig.render = (response2) => render(response2);
-        if (typeof bodyHTML === "function") successConfig.bodyHTML = (response2) => bodyHTML(response2);
+        if (isFunc(render)) successConfig.render = (response2) => render(response2);
+        if (isFunc(bodyHTML)) successConfig.bodyHTML = (response2) => bodyHTML(response2);
         base.success(pendingToastId, successConfig);
         return response;
       },
       (err) => {
         const errorConfig = NFC(error || "Promise rejected", "error");
         const { render, bodyHTML } = errorConfig;
-        if (typeof render === "function") errorConfig.render = (err2) => render(err2);
-        if (typeof bodyHTML === "function") errorConfig.bodyHTML = (err2) => bodyHTML(err2);
+        if (isFunc(render)) errorConfig.render = (err2) => render(err2);
+        if (isFunc(bodyHTML)) errorConfig.bodyHTML = (err2) => bodyHTML(err2);
         base.error(pendingToastId, errorConfig);
         return Promise.reject(err);
       }
@@ -475,7 +494,7 @@ var toaster = (defOptions = {}, idPrefix = "t007_toast_") => {
 };
 var toast = toaster();
 var src_default = toast;
-if (typeof window !== "undefined") {
+if (isDef(window)) {
   t007.toast = toast;
   t007.toasting = toasting;
   t007.toaster = toaster;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/toast",
-  "version": "0.0.6",
+  "version": "0.0.10",
   "description": "A lightweight, pure JS toast system.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -55,6 +55,6 @@
     "promise"
   ],
   "dependencies": {
-    "@t007/utils": "*"
+    "@t007/utils": "^0.0.11"
   }
 }