kitzo 2.3.8 → 2.3.10

package/dist/index.d.ts

@@ -38,7 +38,7 @@ declare type ToasterProps = {
     richColors?: boolean;
     animateTransformOrigin?: boolean;
     gap?: number | `${number}`;
-    edgeOffset?: number | `${number}px` | `${number}rem` | `${number}%`;
+    edgeOffset?: number | `${number}`;
     isDark?: boolean;
 };
 

package/dist/react/components/toast/Toaster.js

@@ -1,19 +1,19 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as b, useEffect as k, useRef as v, useCallback as x, useLayoutEffect as E } from "react";
+import { useState as b, useEffect as k, useRef as x, useCallback as v, useLayoutEffect as E } from "react";
 import { subscribe as T } from "./helpers/listenar.js";
 import z from "./helpers/manageToasts/manageToasts.js";
 import O from "./partials/ToastContainer.js";
-function A(p) {
+function w(p) {
   const {
-    position: u = "top-center",
-    richColors: l = !0,
+    position: l = "top-center",
+    richColors: u = !1,
     animateTransformOrigin: m = !0,
     gap: o = 8,
     edgeOffset: n = 16,
     isDark: d = window.matchMedia("(prefers-color-scheme: dark)").matches
   } = p, [c, h] = b([]);
   k(() => T((e) => z({ toast: e, setToasts: h })), []);
-  const s = v(null), r = x(() => {
+  const s = x(null), r = v(() => {
     if (!s.current) return;
     const t = s.current.querySelectorAll("[data-toast-container]"), e = {
       "top-left": 0,
@@ -26,7 +26,7 @@ function A(p) {
     t.forEach((a) => {
       const f = a.getAttribute("data-toast-position") || "top-center", g = parseFloat(a.style.getPropertyValue("--toast-height")) || 0;
       a.style.setProperty("--toast-offset-y", `${e[f]}px`);
-      const y = isNaN(+o) ? +o : 8;
+      const y = isNaN(+o) ? 8 : +o;
       e[f] += g + y;
     });
   }, [o]);
@@ -42,9 +42,9 @@ function A(p) {
         zIndex: 2147483647,
         pointerEvents: "none",
         display: "grid",
-        padding: n ?? 16
+        padding: n != null ? `${Math.max(Math.min(+n, 200), 0)}px` : 16
       },
-      className: `kitzo-toaster ${l ? "kitzo-toaster-rich-colors" : ""} ${d ? "kitzo-toaster-dark" : ""}`,
+      className: `kitzo-toaster ${u ? "kitzo-toaster-rich-colors" : ""} ${d ? "kitzo-toaster-dark" : ""}`,
       children: /* @__PURE__ */ i(
         "div",
         {
@@ -56,7 +56,7 @@ function A(p) {
             {
               t,
               animateTransformOrigin: m,
-              containerPosition: u,
+              containerPosition: l,
               updateOffsets: r
             },
             t.id
@@ -67,5 +67,5 @@ function A(p) {
   );
 }
 export {
-  A as default
+  w as default
 };

package/dist/react/components/toast/helpers/createToast.js

@@ -1,14 +1,13 @@
-const i = {
+const a = {
   duration: 2800,
   showIcon: !0,
-  animateTransformOrigin: void 0,
-  position: "top-center"
+  animateTransformOrigin: void 0
 };
 let e = 0;
 const s = () => crypto.randomUUID?.() ?? `kitzo_toast_id_${++e}`;
 let d = 1;
-function u({
-  type: a,
+function c({
+  type: i,
   action: r,
   content: o,
   options: n
@@ -16,30 +15,30 @@ function u({
   const t = typeof n == "object" && n !== null ? n : {};
   return {
     id: t.id ?? s(),
-    duration: t.duration ?? i.duration,
-    showIcon: t.showIcon ?? i.showIcon,
-    animateTransformOrigin: t.animateTransformOrigin ?? i.animateTransformOrigin,
-    position: t.position ?? i.position,
+    duration: t.duration ?? a.duration,
+    showIcon: t.showIcon ?? a.showIcon,
+    animateTransformOrigin: t.animateTransformOrigin ?? a.animateTransformOrigin,
+    position: t.position,
     icon: t.icon,
-    type: a,
+    type: i,
     status: "entering",
     zIndex: ++d,
     content: o,
     action: r
   };
 }
-function p({ id: a, content: r, options: o }) {
+function T({ id: i, content: r, options: o }) {
   const n = typeof o == "object" && o !== null ? o : {};
   return {
     ...n,
-    id: a,
+    id: i,
     content: r,
     action: "update",
-    duration: n.duration ?? i.duration
+    duration: n.duration ?? a.duration
   };
 }
 export {
-  u as createToast,
+  c as createToast,
   s as genId,
-  p as updateToast
+  T as updateToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitzo",
-  "version": "2.3.8",
+  "version": "2.3.10",
   "description": "A lightweight React micro-utility.",
   "type": "module",
   "files": [