kitzo 2.4.0 → 2.5.1

package/dist/fns.js

@@ -1,4 +1,4 @@
-import { default as e } from "./functions/copy/copy.js";
+import { copy as r } from "./functions/copy/index.js";
 export {
-  e as copy
+  r as copy
 };

package/dist/functions/copy/{copy.js → index.js}

@@ -1,27 +1,27 @@
-function a(e) {
+function o(e) {
   const t = document.createElement("textarea");
   t.value = e, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
 }
-async function o(e) {
+async function r(e) {
   if (!navigator.clipboard?.writeText) {
-    a(e);
+    o(e);
     return;
   }
   try {
     await navigator.clipboard.writeText(e);
   } catch (t) {
-    a(e), console.error(t);
+    o(e), console.error(t);
   }
 }
-async function r(e) {
+async function a(e) {
   let t;
   try {
     t = typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : JSON.stringify(e);
   } catch {
     t = "[Cannot copy circular object]";
   }
-  await o(t);
+  await r(t);
 }
 export {
-  r as default
+  a as copy
 };

package/dist/index.d.ts

@@ -15,10 +15,6 @@ declare type CopyStatus = 'standby' | 'copying' | 'copied' | 'error';
 
 declare type Options = ToastOptionsWithoutType;
 
-declare type Position = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-
-declare type Positions = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-
 declare type PromiseToastFn = <T, E = unknown>(promise: Promise<T>, msgs: PromiseToastMsgs<T, E>, options?: PromiseToastOptions) => Promise<T>;
 
 declare type PromiseToastMsgs<T, E = unknown> = {
@@ -35,16 +31,18 @@ declare type ToastContent = ((dismiss: () => void) => ReactNode) | ReactNode;
 
 export declare function Toaster(props: ToasterProps): JSX.Element | null;
 
-declare type ToasterProps = {
-    position?: Positions;
-    richColors?: boolean;
-    animateTransformOrigin?: boolean;
+export declare type ToasterProps = {
+    position?: ToastPositions;
     gap?: number | `${number}`;
     edgeOffset?: number | `${number}`;
-    isDark?: boolean;
+    toasterId?: string | number;
+    dark?: boolean;
+    compact?: boolean;
+    richColors?: boolean;
     pauseOnHover?: boolean;
     swipeToClose?: boolean;
-    toasterId?: string | number;
+    animateTransformOrigin?: boolean;
+    animateScale?: boolean;
 };
 
 declare type ToastFn = {
@@ -64,7 +62,7 @@ declare type ToastOptions = {
     duration?: number;
     showIcon?: boolean;
     icon?: ReactNode;
-    position?: Positions;
+    position?: ToastPositions;
     animateTransformOrigin?: boolean;
     id?: string | number;
     type?: ToastType;
@@ -74,6 +72,8 @@ declare type ToastOptions = {
 
 declare type ToastOptionsWithoutType = Omit<ToastOptions, 'type'>;
 
+export declare type ToastPositions = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
 declare type ToastType = 'default' | 'success' | 'warning' | 'error' | 'info' | 'custom' | 'loading';
 
 export declare function Tooltip(props: TooltipProps): ReactNode;
@@ -85,7 +85,7 @@ declare type TooltipCoreProps = {
      * content is necessary
      */
     content: ReactNode;
-    position?: Position;
+    position?: TooltipPosition;
     offset?: number;
     smartHover?: boolean;
     hideOnTouch?: boolean;
@@ -94,6 +94,8 @@ declare type TooltipCoreProps = {
     isDark?: boolean;
 };
 
+export declare type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+
 declare type TooltipProps = PropsWithChildren<TooltipCoreProps>;
 
 declare type UpdateToastOptions = Omit<ToastOptions, 'id'>;

package/dist/index.js

@@ -1,16 +1,16 @@
-import { default as t } from "./react/hooks/useWindowSize.js";
-import { default as r } from "./react/hooks/useDebounce.js";
-import { default as s } from "./react/hooks/useCopy.js";
-import { default as l } from "./react/hooks/useThrottle.js";
-import { default as d } from "./react/components/tooltip/Tooltip.js";
-import { default as x } from "./react/components/toast/Toaster.js";
-import { default as T } from "./react/components/toast/helpers/triggerToasts.js";
+import { Toaster as r } from "./react/components/toast/Toaster.js";
+import { Tooltip as p } from "./react/components/tooltip/Tooltip.js";
+import { toast as m } from "./react/components/toast/service/triggerToasts.js";
+import { useCopy as s } from "./react/hooks/useCopy.js";
+import { useDebounce as i } from "./react/hooks/useDebounce.js";
+import { useThrottle as a } from "./react/hooks/useThrottle.js";
+import { useWindowSize as n } from "./react/hooks/useWindowSize.js";
 export {
-  x as Toaster,
-  d as Tooltip,
-  T as toast,
+  r as Toaster,
+  p as Tooltip,
+  m as toast,
   s as useCopy,
-  r as useDebounce,
-  l as useThrottle,
-  t as useWindowSize
+  i as useDebounce,
+  a as useThrottle,
+  n as useWindowSize
 };

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

@@ -1,37 +1,40 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import t from "react";
-import { subscribe as E } from "./helpers/listenars.js";
-import w from "./helpers/manageToasts/manageToasts.js";
-import M from "./partials/ToastContainer.js";
-import { ToasterContext as O } from "./context/ToasterContext.js";
-import { initSwipeToClose as S } from "./helpers/manageToasts/swipeClose.js";
-function D(i) {
+import { subscribe as w } from "./service/listenars.js";
+import z from "./service/manageToasts/manageToasts.js";
+import O from "./partials/ToastContainer.js";
+import { ToasterContext as I } from "./context/ToasterContext.js";
+import { initSwipeToClose as $ } from "./service/manageToasts/swipeClose.js";
+import { clampedValue as h } from "./service/utils.js";
+function F(e) {
   const {
-    position: h = "top-center",
-    richColors: l = !1,
-    animateTransformOrigin: g = !0,
-    gap: s = 8,
+    position: b = "top-center",
+    gap: r = e?.compact ? 8 : 12,
     edgeOffset: n = 16,
-    isDark: c,
-    pauseOnHover: b = !0,
-    swipeToClose: y = !0
-  } = i, [k, T] = t.useState(!1);
+    dark: c,
+    compact: g = !1,
+    richColors: u = !1,
+    pauseOnHover: k = !0,
+    swipeToClose: y = !0,
+    animateScale: T = !1,
+    animateTransformOrigin: v = !0
+  } = e, [x, C] = t.useState(!1);
   t.useEffect(() => {
-    T(!0);
+    C(!0);
   }, []);
-  const [p, m] = t.useState([]);
+  const [m, p] = t.useState([]);
   t.useEffect(() => {
-    const e = E(
-      (o) => w({ toast: o, setToasts: m }),
-      i.toasterId
-    ), r = S();
+    const o = w(
+      (s) => z({ toast: s, setToasts: p }),
+      e.toasterId
+    ), a = $();
     return () => {
-      e(), r();
+      o(), a();
     };
-  }, [i.toasterId]);
-  const f = t.useRef(null), u = t.useCallback(() => {
+  }, [e.toasterId]);
+  const f = t.useRef(null), l = t.useCallback(() => {
     if (!f.current) return;
-    const e = f.current.querySelectorAll("[data-toast-container]"), r = {
+    const o = f.current.querySelectorAll("[data-kitzo-toast-container]"), a = {
       "top-left": 0,
       "top-center": 0,
       "top-right": 0,
@@ -39,18 +42,18 @@ function D(i) {
       "bottom-center": 0,
       "bottom-right": 0
     };
-    e.forEach((o) => {
-      const d = o.getAttribute("data-toast-position") || "top-center", x = parseFloat(o.style.getPropertyValue("--toast-height")) || 0;
-      o.style.setProperty("--toast-offset-y", `${r[d]}px`);
-      const C = isNaN(+s) ? 8 : +s;
-      r[d] += x + C;
+    o.forEach((s) => {
+      const d = s.getAttribute("data-toast-position") || "top-center", N = parseFloat(s.style.getPropertyValue("--toast-height")) || 0;
+      s.style.setProperty("--toast-offset-y", `${a[d]}px`);
+      const S = isNaN(Number(r)) ? e?.compact ? 8 : 12 : Number(r);
+      a[d] += N + h(S, 0, 32);
     });
-  }, [s]);
+  }, [r, e?.compact]);
   if (t.useLayoutEffect(() => {
-    u();
-  }, [p, u]), !k) return null;
-  const v = typeof c == "boolean" ? c : window.matchMedia("(prefers-color-scheme: dark)").matches;
-  return /* @__PURE__ */ a(
+    l();
+  }, [m, l]), !x) return null;
+  const E = typeof c == "boolean" ? c : window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: f,
@@ -60,31 +63,33 @@ function D(i) {
         zIndex: 2147483647,
         pointerEvents: "none",
         display: "grid",
-        padding: n != null ? `${Math.max(Math.min(+n, 200), 0)}px` : 16
+        padding: n != null ? `${h(Number(n), 0, 32)}px` : 16
       },
-      className: `kitzo-toaster ${l ? "kitzo-toaster-rich-colors" : ""} ${v ? "kitzo-toaster-dark" : ""}`,
-      children: /* @__PURE__ */ a(
+      className: `kitzo-toaster ${u ? "kitzo-toaster-rich-colors" : ""} ${E ? "dark kitzo-toaster-dark" : ""}`,
+      children: /* @__PURE__ */ i(
         "div",
         {
           style: {
             position: "relative"
           },
-          children: /* @__PURE__ */ a(
-            O.Provider,
+          children: /* @__PURE__ */ i(
+            I.Provider,
             {
               value: {
-                position: h,
-                richColors: l,
-                isDark: c,
-                gap: s,
+                position: b,
+                gap: r,
                 edgeOffset: n,
-                animateTransformOrigin: g,
-                pauseOnHover: b,
+                setToasts: p,
+                updateOffsets: l,
+                dark: c,
+                compact: g,
+                richColors: u,
                 swipeToClose: y,
-                setToasts: m,
-                updateOffsets: u
+                pauseOnHover: k,
+                animateScale: T,
+                animateTransformOrigin: v
               },
-              children: p.map((e) => /* @__PURE__ */ a(M, { t: e }, e.id))
+              children: m.map((o) => /* @__PURE__ */ i(O, { t: o }, o.id))
             }
           )
         }
@@ -93,5 +98,5 @@ function D(i) {
   );
 }
 export {
-  D as default
+  F as Toaster
 };

package/dist/react/components/toast/partials/Toast.js

@@ -1,30 +1,30 @@
-import { jsxs as x, jsx as t, Fragment as s } from "react/jsx-runtime";
-import { resumeToast as p, pauseToast as u } from "../helpers/manageToasts/timers.js";
-import S from "../helpers/triggerToasts.js";
-import { InfoSvg as w, ErrorSvg as I, WarningSvg as E, SuccessSvg as k, LoadingSvg as L } from "./Svgs.js";
-import { useToasterContext as M } from "../context/ToasterContext.js";
-function P({
-  t: d,
-  position: n,
-  shouldAnimateTransformOrigin: c,
-  swipeToClose: m
+import { jsxs as x, jsx as t, Fragment as n } from "react/jsx-runtime";
+import { resumeToast as S, pauseToast as I } from "../service/manageToasts/timers.js";
+import { toast as T } from "../service/triggerToasts.js";
+import { InfoSvg as k, ErrorSvg as w, WarningSvg as E, SuccessSvg as N, LoadingSvg as b } from "./Svgs.js";
+import { useToasterContext as j } from "../context/ToasterContext.js";
+function H({
+  t: i,
+  position: o,
+  shouldAnimateTransformOrigin: l,
+  swipeToClose: p
 }) {
-  const { pauseOnHover: o } = M(), {
+  const { pauseOnHover: d, compact: m } = j(), {
     id: e,
-    type: r,
-    action: f,
-    content: i,
-    status: g,
-    showIcon: v,
+    type: s,
+    action: u,
+    content: r,
+    status: f,
+    showIcon: g,
     icon: a,
-    toasterId: h,
-    updateState: y
-  } = d, l = {
-    loading: /* @__PURE__ */ t(L, {}),
-    success: /* @__PURE__ */ t(k, {}),
+    toasterId: v,
+    updateState: h
+  } = i, c = {
+    loading: /* @__PURE__ */ t(b, {}),
+    success: /* @__PURE__ */ t(N, {}),
     warning: /* @__PURE__ */ t(E, {}),
-    error: /* @__PURE__ */ t(I, {}),
-    info: /* @__PURE__ */ t(w, {}),
+    error: /* @__PURE__ */ t(w, {}),
+    info: /* @__PURE__ */ t(k, {}),
     default: null,
     custom: null
   };
@@ -36,27 +36,28 @@ function P({
         pointerEvents: "all",
         display: "flex",
         alignItems: "center",
-        gap: 8,
-        whiteSpace: "pre-wrap"
+        gap: 8
       },
-      "data-toaster-id": h,
-      "data-action": f,
-      "data-status": g,
-      "data-type": r,
-      "data-position": n,
-      "data-screen-x": n.split("-")[1],
-      "data-screen-y": n.split("-")[0],
+      "data-toaster-id": v,
+      "data-action": u,
+      "data-status": f,
+      "data-type": s,
+      "data-position": o,
+      "data-screen-x": o.split("-")[1],
+      "data-screen-y": o.split("-")[0],
       "data-exit": "auto",
-      "data-swipeable": m,
-      "data-animate-transform-origin": c,
-      "data-update-state": y,
-      onPointerEnter: () => o && u(e),
-      onPointerLeave: () => o && p(e),
-      onMouseEnter: () => o && u(e),
-      onMouseLeave: () => o && p(e),
-      className: `kitzo-toast ${c ? `transform-origin-${n}` : ""}`,
+      "data-swipeable": p,
+      "data-animate-transform-origin": l,
+      "data-compact": m,
+      "data-update-state": h,
+      "data-pause-on-hover": d,
+      onPointerEnter: (y) => {
+        d && y.pointerType === "mouse" && I(e);
+      },
+      onPointerLeave: () => S(e),
+      className: "kitzo-toast",
       children: [
-        v && /* @__PURE__ */ t(s, { children: a ? /* @__PURE__ */ t(s, { children: typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ t(
+        g && /* @__PURE__ */ t(n, { children: a ? /* @__PURE__ */ t(n, { children: typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ t(
           "div",
           {
             style: {
@@ -65,14 +66,14 @@ function P({
             className: "svg-container",
             children: a
           }
-        ) : /* @__PURE__ */ t(s, { children: a }) }) : /* @__PURE__ */ t(s, { children: l[r] && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, className: "svg-container", children: l[r] }) }) }),
+        ) : /* @__PURE__ */ t(n, { children: a }) }) : /* @__PURE__ */ t(n, { children: c[s] && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, className: "svg-container", children: c[s] }) }) }),
         /* @__PURE__ */ t(
           "div",
           {
             style: {
               flex: 1
             },
-            children: typeof i == "function" ? i(() => S.dismiss(e, d.toasterId)) : i
+            children: typeof r == "function" ? r(() => T.dismiss(e, i.toasterId)) : r
           }
         )
       ]
@@ -80,5 +81,5 @@ function P({
   );
 }
 export {
-  P as default
+  H as default
 };

package/dist/react/components/toast/partials/ToastContainer.js

@@ -1,61 +1,64 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as b, useLayoutEffect as g } from "react";
-import h from "./Toast.js";
-import { useToasterContext as x } from "../context/ToasterContext.js";
-function v({ t }) {
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as g, useLayoutEffect as h } from "react";
+import x from "./Toast.js";
+import { useToasterContext as y } from "../context/ToasterContext.js";
+function z({ t }) {
   const {
-    updateOffsets: s,
+    updateOffsets: n,
     position: f,
-    animateTransformOrigin: c,
+    animateScale: i,
+    animateTransformOrigin: m,
     swipeToClose: p
-  } = x(), i = b(null);
-  g(() => {
-    const e = i.current;
+  } = y(), r = g(null);
+  h(() => {
+    const e = r.current;
     if (!e) return;
-    const a = new ResizeObserver(() => {
-      const T = e.offsetHeight;
-      e.style.setProperty("--toast-height", `${T}px`), s();
+    const l = new ResizeObserver(() => {
+      const b = e.offsetHeight;
+      e.style.setProperty("--toast-height", `${b}px`), n();
     });
-    return a.observe(e), () => a.disconnect();
-  }, [s]);
-  const m = [
+    return l.observe(e), () => l.disconnect();
+  }, [n]);
+  const u = [
     "top-left",
     "top-center",
     "top-right",
     "bottom-left",
     "bottom-center",
     "bottom-right"
-  ], r = t.position || f, o = m.includes(r) ? r : "top-center", n = o?.includes("bottom"), u = typeof t.animateTransformOrigin == "boolean" ? t.animateTransformOrigin : !!c, d = typeof t.swipeToClose == "boolean" ? t.swipeToClose : !!p;
-  return /* @__PURE__ */ l(
+  ], a = t.position || f, o = u.includes(a) ? a : "top-center", s = o?.includes("bottom"), d = typeof t.animateTransformOrigin == "boolean" ? t.animateTransformOrigin : !!m, T = typeof t.swipeToClose == "boolean" ? t.swipeToClose : !!p;
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: i,
-      "data-toast-container": !0,
+      ref: r,
+      "data-kitzo-toast-container": !0,
       "data-toast-position": o,
+      "data-animate-scale": i,
+      className: "kitzo-toast-container",
       style: {
         position: "absolute",
         zIndex: t.zIndex,
         left: 0,
         right: 0,
-        transition: "transform 180ms",
+        transition: `transform ${i ? "220ms" : "280ms"}`,
         display: "flex",
         justifyContent: o?.includes("left") ? "flex-start" : o?.includes("center") ? "center" : "flex-end",
-        top: n ? "auto" : 0,
-        bottom: n ? 0 : "auto",
-        transform: `translateY(calc(var(--toast-offset-y, 0px) * ${n ? -1 : 1}))`
+        top: s ? "auto" : 0,
+        bottom: s ? 0 : "auto",
+        transform: `translateY(calc(var(--toast-offset-y, 0px) * ${s ? -1 : 1}))`
       },
-      children: /* @__PURE__ */ l(
-        h,
+      children: /* @__PURE__ */ c(
+        x,
         {
           t,
           position: o,
-          shouldAnimateTransformOrigin: u,
-          swipeToClose: d
+          shouldAnimateTransformOrigin: d,
+          swipeToClose: T
         }
       )
     }
   );
 }
 export {
-  v as default
+  z as default
 };

package/dist/react/components/toast/{helpers → service}/addToastStyles.js

@@ -85,13 +85,15 @@ const a = `.kitzo-toaster {
 }
 
 .kitzo-toast {
-  font-family: inherit;
-  font-size: 0.875rem;
   transition:
     transform 280ms,
     opacity 280ms;
   will-change: transform, opacity;
   touch-action: pan-y;
+
+  font-family: inherit;
+  font-size: 0.875rem;
+  white-space: pre-wrap;
 }
 
 .kitzo-toast.is-swiping {
@@ -140,25 +142,41 @@ const a = `.kitzo-toaster {
 .kitzo-toast[data-type='warning'],
 .kitzo-toast[data-type='error'],
 .kitzo-toast[data-type='info'] {
-  border-radius: 0.425rem;
+  border-radius: 0.5525rem;
   padding: 0.375rem 0.625rem;
   box-shadow: 0 3px 8px -3px hsl(0, 0%, 0%, 0.15);
 }
 
+/*! toast size */
+.kitzo-toast[data-compact='false']:not([data-type='custom']) {
+  flex: 1;
+  min-height: 40px;
+
+  @media (width > 380px) {
+    max-width: 250px;
+  }
+}
+
 /*! toast transition styles */
 .kitzo-toast {
   --swipe-x: 0px;
   --motion-y: 0%;
-  --scale: 0.6;
+  --scale: 1;
   --exit-x: 0px;
 }
 
+.kitzo-toast-container[data-animate-scale='true'] {
+  .kitzo-toast {
+    --scale: 0.6;
+  }
+}
+
 .kitzo-toast[data-screen-y='top'] {
-  --motion-y: -120%;
+  --motion-y: -100%;
 }
 
 .kitzo-toast[data-screen-y='bottom'] {
-  --motion-y: 120%;
+  --motion-y: 100%;
 }
 
 .kitzo-toast[data-status='leaving'][data-exit='swipe'] {
@@ -183,10 +201,10 @@ const a = `.kitzo-toaster {
 }
 
 .kitzo-toast[data-update-state='updated'] {
-  animation: update 250ms ease;
+  animation: update 280ms ease;
 }
 .kitzo-toast[data-update-state='updated-again'] {
-  animation: update-again 250ms ease;
+  animation: update-again 280ms ease;
 }
 
 @keyframes update {
@@ -210,31 +228,32 @@ const a = `.kitzo-toaster {
   }
 }
 
-/*! toast transfor origin */
+/*! toast transform origin */
 .kitzo-toast[data-position^='top'] {
   transform-origin: top;
 }
 .kitzo-toast[data-position^='bottom'] {
   transform-origin: bottom;
 }
-
-.kitzo-toast[data-animate-transform-origin='true'][data-position='top-left'] {
-  transform-origin: top left;
-}
-.kitzo-toast[data-animate-transform-origin='true'][data-position='top-center'] {
-  transform-origin: top;
-}
-.kitzo-toast[data-animate-transform-origin='true'][data-position='top-right'] {
-  transform-origin: top right;
-}
-.kitzo-toast[data-animate-transform-origin='true'][data-position='bottom-left'] {
-  transform-origin: bottom left;
-}
-.kitzo-toast[data-animate-transform-origin='true'][data-position='bottom-center'] {
-  transform-origin: bottom;
-}
-.kitzo-toast[data-animate-transform-origin='true'][data-position='bottom-right'] {
-  transform-origin: bottom right;
+@media (width > 380px) {
+  .kitzo-toast[data-animate-transform-origin='true'][data-position='top-left'] {
+    transform-origin: top left;
+  }
+  .kitzo-toast[data-animate-transform-origin='true'][data-position='top-center'] {
+    transform-origin: top;
+  }
+  .kitzo-toast[data-animate-transform-origin='true'][data-position='top-right'] {
+    transform-origin: top right;
+  }
+  .kitzo-toast[data-animate-transform-origin='true'][data-position='bottom-left'] {
+    transform-origin: bottom left;
+  }
+  .kitzo-toast[data-animate-transform-origin='true'][data-position='bottom-center'] {
+    transform-origin: bottom;
+  }
+  .kitzo-toast[data-animate-transform-origin='true'][data-position='bottom-right'] {
+    transform-origin: bottom right;
+  }
 }
 
 .kitzo-toast[data-status='leaving'][data-position^='top'] {

package/dist/react/components/toast/service/manageToasts/swipeClose.js

@@ -0,0 +1,71 @@
+import { toast as y } from "../triggerToasts.js";
+import { pauseToast as g, resumeToast as L } from "./timers.js";
+let r = !1, e = null, i = null, h = 0, s = 0, l = !1, u = null;
+const b = 2, P = 65, S = 25;
+function x(t) {
+  if (!e) return;
+  const n = Math.sign(t) || 1, o = Math.abs(t), c = S * (1 - Math.exp(-o / 400 * 0.75));
+  return n * c;
+}
+function E(t) {
+  return t ? t.dataset.swipeable === "true" : !1;
+}
+function a(t = !0) {
+  if (!e) return;
+  if (document.body.style.userSelect = "auto", t && u != null)
+    try {
+      e.releasePointerCapture(u);
+    } catch {
+      console.log("Failed to release pointer");
+    }
+  e.style.setProperty("--swipe-x", "0px"), e.classList.remove("is-swiping");
+  const n = e, o = e.id, c = n.dataset.pauseOnHover === "true";
+  e = null, i = null, u = null, l = !1, r = !1, s = 0, n && document.body.contains(n) && (n.matches(":hover") && c || L(o));
+}
+function p(t) {
+  const o = t.target.closest(".kitzo-toast");
+  o && (e = o, i = o.id, h = t.clientX, s = 0, l = !0, r = !1, u = t.pointerId);
+}
+function f(t) {
+  if (!l || !e || i == null) return;
+  if (s = t.clientX - h, !r && Math.abs(s) > b) {
+    r = !0, g(i), e.classList.add("is-swiping");
+    try {
+      e.setPointerCapture(t.pointerId), document.body.style.userSelect = "none";
+    } catch {
+      console.error("Failed to capture pointer");
+    }
+  }
+  if (!r) return;
+  const o = E(e) ? s : x(s);
+  e.style.setProperty("--swipe-x", `${o}px`);
+}
+function m() {
+  if (!l || !e || i == null) {
+    a();
+    return;
+  }
+  const t = E(e);
+  if (r && t && Math.abs(s) > P) {
+    const n = s > 0 ? 1 : -1, o = Math.abs(s) + 220;
+    e.style.setProperty("--exit-x", `${n * o}px`), e.dataset.exit = "swipe", y.dismiss(i, e.dataset.toasterId);
+  }
+  a();
+}
+function v() {
+  a();
+}
+function w() {
+  l && a();
+}
+let d = !1;
+function C() {
+  return d ? () => {
+  } : (d = !0, document.addEventListener("pointerdown", p), document.addEventListener("pointermove", f), document.addEventListener("pointerup", m), document.addEventListener("pointercancel", v), window.addEventListener("blur", w), () => {
+    a(), d = !1, document.removeEventListener("pointerdown", p), document.removeEventListener("pointermove", f), document.removeEventListener("pointerup", m), document.removeEventListener("pointercancel", v), window.removeEventListener("blur", w);
+  });
+}
+export {
+  r as dragStarted,
+  C as initSwipeToClose
+};

package/dist/react/components/toast/{helpers → service}/triggerToasts.js

@@ -1,7 +1,7 @@
 import { createToast as n, updateToast as s, genId as c } from "./createToast.js";
-import { notify as i } from "./listenars.js";
-const e = (r, t) => {
-  r != null && i(
+import { notify as e } from "./listenars.js";
+const i = (r, t) => {
+  r != null && e(
     n({
       type: "default",
       action: "add",
@@ -10,15 +10,15 @@ const e = (r, t) => {
     })
   );
 };
-e.dismiss = (r, t) => {
-  i({
+i.dismiss = (r, t) => {
+  e({
     action: "dismiss",
     id: r,
     toasterId: t
   });
 };
-e.info = (r, t) => {
-  r != null && i(
+i.info = (r, t) => {
+  r != null && e(
     n({
       action: "add",
       type: "info",
@@ -27,8 +27,8 @@ e.info = (r, t) => {
     })
   );
 };
-e.success = (r, t) => {
-  r != null && i(
+i.success = (r, t) => {
+  r != null && e(
     n({
       action: "add",
       type: "success",
@@ -37,8 +37,8 @@ e.success = (r, t) => {
     })
   );
 };
-e.warning = (r, t) => {
-  r != null && i(
+i.warning = (r, t) => {
+  r != null && e(
     n({
       action: "add",
       type: "warning",
@@ -47,8 +47,8 @@ e.warning = (r, t) => {
     })
   );
 };
-e.error = (r, t) => {
-  r != null && i(
+i.error = (r, t) => {
+  r != null && e(
     n({
       action: "add",
       type: "error",
@@ -57,8 +57,8 @@ e.error = (r, t) => {
     })
   );
 };
-e.loading = (r, t) => {
-  r != null && i(
+i.loading = (r, t) => {
+  r != null && e(
     n({
       action: "add",
       type: "loading",
@@ -67,8 +67,8 @@ e.loading = (r, t) => {
     })
   );
 };
-e.custom = (r, t) => {
-  r != null && i(
+i.custom = (r, t) => {
+  r != null && e(
     n({
       action: "add",
       type: "custom",
@@ -77,27 +77,27 @@ e.custom = (r, t) => {
     })
   );
 };
-e.update = (r, t, a) => {
-  r != null && t != null && i(s({ id: `${r}`, content: t, options: a }));
+i.update = (r, t, o) => {
+  r != null && t != null && e(s({ id: `${r}`, content: t, options: o }));
 };
-e.promise = (async (r, t, a) => {
+i.promise = (async (r, t, o) => {
   const u = c();
-  i(
+  e(
     n({
       action: "add",
       type: "loading",
       content: t.loading,
-      options: { ...a, id: u, duration: 1 / 0, swipeToClose: !1 }
+      options: { ...o, id: u, duration: 1 / 0, swipeToClose: !1 }
     })
   );
   try {
-    const o = await r, d = typeof t.success == "function" ? await t.success(o) : t.success;
-    return e.update(u, d, { ...a, type: "success" }), o;
-  } catch (o) {
-    const d = typeof t.error == "function" ? await t.error(o) : t.error;
-    throw e.update(u, d, { ...a, type: "error" }), o;
+    const a = await r, d = typeof t.success == "function" ? await t.success(a) : t.success;
+    return i.update(u, d, { ...o, type: "success" }), a;
+  } catch (a) {
+    const d = typeof t.error == "function" ? await t.error(a) : t.error;
+    throw i.update(u, d, { ...o, type: "error" }), a;
   }
 });
 export {
-  e as default
+  i as toast
 };

package/dist/react/components/toast/service/utils.js

@@ -0,0 +1,6 @@
+function n(a, t, e) {
+  return Math.max(t, Math.min(a, e));
+}
+export {
+  n as clampedValue
+};

package/dist/react/components/tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as a, Fragment as r, jsxs as T } from "react/jsx-runtime";
-import c from "react";
+import d from "react";
 import v from "./helpers/addTooltipStyles.js";
 import w from "./helpers/getPositionClass.js";
 import O from "./partials/TooltipWrapper.js";
@@ -11,24 +11,24 @@ function C(h) {
     position: y = "top",
     animation: i = !0,
     isHidden: s = !1,
-    offset: f = 8,
-    smartHover: m = !0,
+    offset: m = 8,
+    smartHover: f = !0,
     hideOnTouch: l = !0,
     isDark: u
-  } = h, [D, b] = c.useState(!1);
-  if (c.useEffect(() => {
+  } = h, [D, b] = d.useState(!1);
+  if (d.useEffect(() => {
     b(!0), v();
   }, []), !D) return /* @__PURE__ */ a(r, { children: t });
   if (typeof s == "boolean" && s) return /* @__PURE__ */ a(r, { children: t });
   if (n == null)
     return /* @__PURE__ */ a(r, { children: t });
   const o = {
-    offset: isNaN(Number(f)) ? 8 : Number(f),
-    smartHover: typeof m == "boolean" ? m : !0,
+    offset: isNaN(Number(m)) ? 8 : Number(m),
+    smartHover: typeof f == "boolean" ? f : !0,
     hideOnTouch: typeof l == "boolean" ? l : !0
   };
-  let p = !1, d = !1;
-  if (typeof window < "u" && (d = window.matchMedia("(pointer: coarse)").matches || navigator.maxTouchPoints > 0, p = typeof u == "boolean" ? u : window.matchMedia("(prefers-color-scheme: dark)").matches), d && o.hideOnTouch) return t;
+  let p = !1, c = !1;
+  if (typeof window < "u" && (c = window.matchMedia("(pointer: coarse)").matches || navigator.maxTouchPoints > 0, p = typeof u == "boolean" ? u : window.matchMedia("(prefers-color-scheme: dark)").matches), c && o.hideOnTouch) return t;
   const x = w(y), M = !!i, e = k(
     i === !0 ? {} : i
   );
@@ -63,5 +63,5 @@ function C(h) {
   );
 }
 export {
-  C as default
+  C as Tooltip
 };

package/dist/react/hooks/useCopy.js

@@ -1,12 +1,12 @@
-import { useState as u, useRef as i, useCallback as y, useEffect as p } from "react";
-import m from "../../functions/copy/copy.js";
+import { useState as u, useRef as i, useCallback as l, useEffect as p } from "react";
+import { copy as m } from "../../functions/copy/index.js";
 function E(c = 1500) {
-  const [r, e] = u("standby"), [a, s] = u(null), t = i(null), n = i(!1), f = y(
-    async (l) => {
+  const [r, e] = u("standby"), [a, s] = u(null), t = i(null), n = i(!1), f = l(
+    async (y) => {
       if (!n.current) {
         t.current && clearTimeout(t.current);
         try {
-          n.current = !0, s(null), e("copying"), await m(l), e("copied");
+          n.current = !0, s(null), e("copying"), await m(y), e("copied");
         } catch (o) {
           s(o instanceof Error ? o : new Error(String(o))), e("error");
         } finally {
@@ -34,5 +34,5 @@ function E(c = 1500) {
   };
 }
 export {
-  E as default
+  E as useCopy
 };

package/dist/react/hooks/useDebounce.js

@@ -1,16 +1,16 @@
 import { useState as r, useEffect as c } from "react";
 function f(e, t) {
   t ??= 500;
-  const [u, o] = r(e);
+  const [o, u] = r(e);
   return c(() => {
     const n = setTimeout(() => {
-      o(e);
+      u(e);
     }, t);
     return () => {
       clearTimeout(n);
     };
-  }, [e, t]), u;
+  }, [e, t]), o;
 }
 export {
-  f as default
+  f as useDebounce
 };

package/dist/react/hooks/useThrottle.js

@@ -1,5 +1,5 @@
 import { useState as c, useRef as f, useEffect as i } from "react";
-function a(t, e = 500) {
+function l(t, e = 500) {
   const [n, u] = c(t), r = f(0);
   return i(() => {
     function s() {
@@ -10,5 +10,5 @@ function a(t, e = 500) {
   }, [t, e]), n;
 }
 export {
-  a as default
+  l as useThrottle
 };

package/dist/react/hooks/useWindowSize.js

@@ -1,5 +1,5 @@
 import t from "react";
-function c(i = 30) {
+function u(i = 30) {
   const [r, o] = t.useState({
     screenWidth: 0,
     screenHeight: 0
@@ -22,5 +22,5 @@ function c(i = 30) {
   }, [i]), r;
 }
 export {
-  c as default
+  u as useWindowSize
 };

package/package.json

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

package/dist/react/components/toast/helpers/manageToasts/swipeClose.js

@@ -1,76 +0,0 @@
-import b from "../triggerToasts.js";
-let s = !1, e = null, c = null, m = 0, r = 0, a = !1, l = null;
-const L = 2, y = 65, S = 20, g = 100;
-function x(t) {
-  const o = Math.sign(t) || 1, n = Math.abs(t), h = S * (1 - Math.exp(-n / g));
-  return o * h;
-}
-function E(t) {
-  return t ? t.dataset.swipeable === "true" : !1;
-}
-function i(t = !0) {
-  if (!e) return;
-  if (document.body.style.userSelect = "auto", t && l != null)
-    try {
-      e.releasePointerCapture(l);
-    } catch {
-      console.error("");
-    }
-  e.style.setProperty("--swipe-x", "0px"), e.classList.remove("is-swiping");
-  const o = e;
-  if (e = null, c = null, l = null, a = !1, s = !1, r = 0, !o.matches(":hover")) {
-    const n = new MouseEvent("mouseleave", {
-      bubbles: !0,
-      cancelable: !0,
-      view: window
-    });
-    o.dispatchEvent(n);
-  }
-}
-function d(t) {
-  const n = t.target.closest(".kitzo-toast");
-  n && (e = n, c = n.id, m = t.clientX, r = 0, a = !0, s = !1, l = t.pointerId);
-}
-function p(t) {
-  if (!a || !e) return;
-  if (r = t.clientX - m, !s && Math.abs(r) > L) {
-    s = !0, e.classList.add("is-swiping");
-    try {
-      e.setPointerCapture(t.pointerId), document.body.style.userSelect = "none";
-    } catch {
-      console.error("Failed to capture pointer");
-    }
-  }
-  if (!s) return;
-  const n = E(e) ? r : x(r);
-  e.style.setProperty("--swipe-x", `${n}px`);
-}
-function f() {
-  if (!a || !e || c == null) {
-    i();
-    return;
-  }
-  const t = E(e);
-  if (s && t && Math.abs(r) > y) {
-    const o = r > 0 ? 1 : -1, n = Math.abs(r) + 220;
-    e.style.setProperty("--exit-x", `${o * n}px`), e.dataset.exit = "swipe", b.dismiss(c, e.dataset.toasterId);
-  }
-  i();
-}
-function v() {
-  i();
-}
-function w() {
-  a && i();
-}
-let u = !1;
-function P() {
-  return u ? () => {
-  } : (u = !0, document.addEventListener("pointerdown", d), document.addEventListener("pointermove", p), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", v), window.addEventListener("blur", w), () => {
-    i(), u = !1, document.removeEventListener("pointerdown", d), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", v), window.removeEventListener("blur", w);
-  });
-}
-export {
-  s as dragStarted,
-  P as initSwipeToClose
-};