kitzo 2.3.45 → 2.5.0

package/README.md

@@ -1,40 +1,40 @@
-# Kitzo
-
-**Lightweight React UI components and essential hooks.**
-
----
-
-### Installation
-
-```bash
-npm install kitzo
-```
-
----
-
-### Core Features
-
-#### Components
-
-- **Toast** — Accessible, animated notifications.
-- **Tooltip** — Smart-positioned contextual labels.
-
-#### Hooks
-
-- **useDebounce** — Optimize performance by delaying execution.
-- **useWindowSize** — Real-time viewport dimensions.
-- **useCopy** — Simple "copy to clipboard" functionality.
-- **useThrottle** —  Limits how often a value can change within a specified time interval.
-
----
-
-### Documentation
-
-For usage guides and live demos, visit documentation:
-[https://kitzo.vercel.app](https://kitzo.vercel.app)
-
----
-
-### License
-
-MIT
+# Kitzo
+
+**Lightweight React UI components and essential hooks.**
+
+---
+
+### Installation
+
+```bash
+npm install kitzo
+```
+
+---
+
+### Core Features
+
+#### Components
+
+- **Toast** — Accessible, animated notifications.
+- **Tooltip** — Smart-positioned contextual labels.
+
+#### Hooks
+
+- **useDebounce** — Optimize performance by delaying execution.
+- **useWindowSize** — Real-time viewport dimensions.
+- **useCopy** — Simple "copy to clipboard" functionality.
+- **useThrottle** —  Limits how often a value can change within a specified time interval.
+
+---
+
+### Documentation
+
+For usage guides and live demos, visit documentation:
+[https://kitzo.vercel.app](https://kitzo.vercel.app)
+
+---
+
+### License
+
+MIT

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,17 @@ 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;
 };
 
 declare type ToastFn = {
@@ -64,7 +61,7 @@ declare type ToastOptions = {
     duration?: number;
     showIcon?: boolean;
     icon?: ReactNode;
-    position?: Positions;
+    position?: ToastPositions;
     animateTransformOrigin?: boolean;
     id?: string | number;
     type?: ToastType;
@@ -74,6 +71,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 +84,7 @@ declare type TooltipCoreProps = {
      * content is necessary
      */
     content: ReactNode;
-    position?: Position;
+    position?: TooltipPosition;
     offset?: number;
     smartHover?: boolean;
     hideOnTouch?: boolean;
@@ -94,6 +93,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/helpers/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,38 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } 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 "./helpers/listenars.js";
+import M from "./helpers/manageToasts/manageToasts.js";
+import O from "./partials/ToastContainer.js";
+import { ToasterContext as S } from "./context/ToasterContext.js";
+import { initSwipeToClose as z } from "./helpers/manageToasts/swipeClose.js";
+function q(s) {
   const {
     position: h = "top-center",
-    richColors: l = !1,
+    richColors: u = !1,
     animateTransformOrigin: g = !0,
-    gap: s = 8,
-    edgeOffset: n = 16,
-    isDark: c,
+    gap: r = s?.compact ? 8 : 12,
+    edgeOffset: i = 16,
+    dark: c,
     pauseOnHover: b = !0,
-    swipeToClose: y = !0
-  } = i, [k, T] = t.useState(!1);
+    swipeToClose: y = !0,
+    compact: k = !1
+  } = s, [T, v] = t.useState(!1);
   t.useEffect(() => {
-    T(!0);
+    v(!0);
   }, []);
   const [p, m] = t.useState([]);
   t.useEffect(() => {
-    const e = E(
-      (o) => w({ toast: o, setToasts: m }),
-      i.toasterId
-    ), r = S();
+    const e = w(
+      (o) => M({ toast: o, setToasts: m }),
+      s.toasterId
+    ), a = z();
     return () => {
-      e(), r();
+      e(), a();
     };
-  }, [i.toasterId]);
-  const f = t.useRef(null), u = t.useCallback(() => {
+  }, [s.toasterId]);
+  const f = t.useRef(null), l = t.useCallback(() => {
     if (!f.current) return;
-    const e = f.current.querySelectorAll("[data-toast-container]"), r = {
+    const e = f.current.querySelectorAll("[data-toast-container]"), a = {
       "top-left": 0,
       "top-center": 0,
       "top-right": 0,
@@ -40,17 +41,17 @@ function D(i) {
       "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;
+      const d = o.getAttribute("data-toast-position") || "top-center", C = parseFloat(o.style.getPropertyValue("--toast-height")) || 0;
+      o.style.setProperty("--toast-offset-y", `${a[d]}px`);
+      const E = isNaN(+r) ? 8 : +r;
+      a[d] += C + E;
     });
-  }, [s]);
+  }, [r]);
   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();
+  }, [p, l]), !T) return null;
+  const x = typeof c == "boolean" ? c : window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: f,
@@ -60,31 +61,32 @@ function D(i) {
         zIndex: 2147483647,
         pointerEvents: "none",
         display: "grid",
-        padding: n != null ? `${Math.max(Math.min(+n, 200), 0)}px` : 16
+        padding: i != null ? `${Math.max(Math.min(+i, 200), 0)}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" : ""} ${x ? "kitzo-toaster-dark" : ""}`,
+      children: /* @__PURE__ */ n(
         "div",
         {
           style: {
             position: "relative"
           },
-          children: /* @__PURE__ */ a(
-            O.Provider,
+          children: /* @__PURE__ */ n(
+            S.Provider,
             {
               value: {
                 position: h,
-                richColors: l,
-                isDark: c,
-                gap: s,
-                edgeOffset: n,
-                animateTransformOrigin: g,
-                pauseOnHover: b,
-                swipeToClose: y,
+                gap: r,
+                edgeOffset: i,
                 setToasts: m,
-                updateOffsets: u
+                updateOffsets: l,
+                dark: c,
+                compact: k,
+                richColors: u,
+                swipeToClose: y,
+                pauseOnHover: b,
+                animateTransformOrigin: g
               },
-              children: p.map((e) => /* @__PURE__ */ a(M, { t: e }, e.id))
+              children: p.map((e) => /* @__PURE__ */ n(O, { t: e }, e.id))
             }
           )
         }
@@ -93,5 +95,5 @@ function D(i) {
   );
 }
 export {
-  D as default
+  q as Toaster
 };

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

@@ -85,13 +85,16 @@ 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;
+  text-wrap: balance;
 }
 
 .kitzo-toast.is-swiping {
@@ -145,6 +148,16 @@ const a = `.kitzo-toaster {
   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;

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

@@ -1,4 +1,4 @@
-import b from "../triggerToasts.js";
+import { toast as 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) {

package/dist/react/components/toast/helpers/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/partials/Toast.js

@@ -1,34 +1,34 @@
-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 { jsxs as S, jsx as t, Fragment as o } from "react/jsx-runtime";
+import { resumeToast as l, pauseToast as m } from "../helpers/manageToasts/timers.js";
+import { toast as I } from "../helpers/triggerToasts.js";
+import { InfoSvg as E, ErrorSvg as T, WarningSvg as k, SuccessSvg as w, LoadingSvg as L } from "./Svgs.js";
 import { useToasterContext as M } from "../context/ToasterContext.js";
-function P({
-  t: d,
-  position: n,
-  shouldAnimateTransformOrigin: c,
-  swipeToClose: m
+function z({
+  t: c,
+  position: s,
+  shouldAnimateTransformOrigin: p,
+  swipeToClose: u
 }) {
-  const { pauseOnHover: o } = M(), {
+  const { pauseOnHover: n, compact: f } = M(), {
     id: e,
     type: r,
-    action: f,
+    action: g,
     content: i,
-    status: g,
-    showIcon: v,
+    status: v,
+    showIcon: h,
     icon: a,
-    toasterId: h,
-    updateState: y
-  } = d, l = {
+    toasterId: y,
+    updateState: x
+  } = c, d = {
     loading: /* @__PURE__ */ t(L, {}),
-    success: /* @__PURE__ */ t(k, {}),
-    warning: /* @__PURE__ */ t(E, {}),
-    error: /* @__PURE__ */ t(I, {}),
-    info: /* @__PURE__ */ t(w, {}),
+    success: /* @__PURE__ */ t(w, {}),
+    warning: /* @__PURE__ */ t(k, {}),
+    error: /* @__PURE__ */ t(T, {}),
+    info: /* @__PURE__ */ t(E, {}),
     default: null,
     custom: null
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ S(
     "div",
     {
       id: e,
@@ -36,27 +36,27 @@ 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-toaster-id": y,
+      "data-action": g,
+      "data-status": v,
       "data-type": r,
-      "data-position": n,
-      "data-screen-x": n.split("-")[1],
-      "data-screen-y": n.split("-")[0],
+      "data-position": s,
+      "data-screen-x": s.split("-")[1],
+      "data-screen-y": s.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": u,
+      "data-animate-transform-origin": p,
+      "data-compact": f,
+      "data-update-state": x,
+      onPointerEnter: () => n && m(e),
+      onPointerLeave: () => n && l(e),
+      onMouseEnter: () => n && m(e),
+      onMouseLeave: () => n && l(e),
+      className: "kitzo-toast",
       children: [
-        v && /* @__PURE__ */ t(s, { children: a ? /* @__PURE__ */ t(s, { children: typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ t(
+        h && /* @__PURE__ */ t(o, { children: a ? /* @__PURE__ */ t(o, { children: typeof a == "string" || typeof a == "number" ? /* @__PURE__ */ t(
           "div",
           {
             style: {
@@ -65,14 +65,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(o, { children: a }) }) : /* @__PURE__ */ t(o, { children: d[r] && /* @__PURE__ */ t("div", { style: { flexShrink: 0 }, className: "svg-container", children: d[r] }) }) }),
         /* @__PURE__ */ t(
           "div",
           {
             style: {
               flex: 1
             },
-            children: typeof i == "function" ? i(() => S.dismiss(e, d.toasterId)) : i
+            children: typeof i == "function" ? i(() => I.dismiss(e, c.toasterId)) : i
           }
         )
       ]
@@ -80,5 +80,5 @@ function P({
   );
 }
 export {
-  P as default
+  z as default
 };

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,74 +1,77 @@
-{
-  "name": "kitzo",
-  "version": "2.3.45",
-  "description": "A lightweight React micro-utility.",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./fns": {
-      "types": "./dist/fns.d.ts",
-      "import": "./dist/fns.js",
-      "default": "./dist/fns.js"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "dev:host": "vite --host",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "keywords": [
-    "kitzo",
-    "components",
-    "toast",
-    "tooltip",
-    "hooks",
-    "function",
-    "micro-utility",
-    "ui",
-    "react",
-    "reactjs"
-  ],
-  "author": "Riyad",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/riyad-96/kitzo.git"
-  },
-  "homepage": "https://github.com/riyad-96/kitzo#readme",
-  "peerDependencies": {
-    "react": ">=19",
-    "react-dom": ">=19"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.2",
-    "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.6",
-    "@types/react": "^19.2.8",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react-swc": "^4.2.2",
-    "daisyui": "^5.5.14",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "globals": "^17.0.0",
-    "prettier": "^3.7.4",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "tailwindcss": "^4.1.18",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.52.0",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4"
-  }
-}
+{
+  "name": "kitzo",
+  "version": "2.5.0",
+  "description": "A lightweight React micro-utility.",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./fns": {
+      "types": "./dist/fns.d.ts",
+      "import": "./dist/fns.js",
+      "default": "./dist/fns.js"
+    }
+  },
+  "keywords": [
+    "kitzo",
+    "components",
+    "toast",
+    "toaster",
+    "tooltip",
+    "hooks",
+    "function",
+    "micro-utility",
+    "ui",
+    "react",
+    "reactjs"
+  ],
+  "author": "Riyad",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/riyad-96/kitzo.git"
+  },
+  "homepage": "https://github.com/riyad-96/kitzo#readme",
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.8",
+    "@eslint/js": "^9.39.2",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/node": "^25.0.6",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "daisyui": "^5.5.14",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "globals": "^17.0.0",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.8.2",
+    "typescript-eslint": "^8.52.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "dev": "vite",
+    "dev:host": "vite --host",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "cs": "changeset"
+  }
+}