@versini/ui-hooks 4.5.0 → 4.6.0

package/dist/hooks/useClickOutside.js

@@ -1,25 +1,25 @@
 import { useRef as f, useEffect as d } from "react";
 const i = ["mousedown", "touchstart"];
-function E(r, o, e) {
+function E(r, e, o) {
   const c = f(null);
   return d(() => {
-    const n = (t) => {
-      const s = t ? t.target : void 0;
-      if (Array.isArray(e)) {
-        const a = !document.body.contains(s) && s.tagName !== "HTML";
-        e.every(
+    const s = (t) => {
+      const n = t ? t.target : void 0;
+      if (Array.isArray(o)) {
+        const a = !document.body.contains(n) && n.tagName !== "HTML";
+        o.every(
           (u) => !!u && !t.composedPath().includes(u)
         ) && !a && r();
-      } else c.current && !c.current.contains(s) && r();
+      } else c.current && !c.current.contains(n) && r();
     };
-    return (o || i).forEach(
-      (t) => document.addEventListener(t, n)
+    return (e || i).forEach(
+      (t) => document.addEventListener(t, s)
     ), () => {
-      (o || i).forEach(
-        (t) => document.removeEventListener(t, n)
+      (e || i).forEach(
+        (t) => document.removeEventListener(t, s)
       );
     };
-  }, [r, e, o]), c;
+  }, [r, o, e]), c;
 }
 export {
   E as useClickOutside

package/dist/hooks/useLocalStorage.js

@@ -1,4 +1,4 @@
-import { useSyncExternalStore as w, useCallback as a, useEffect as d } from "react";
+import { useSyncExternalStore as d, useCallback as a, useEffect as w } from "react";
 function S(t, e) {
   window.dispatchEvent(new StorageEvent("storage", { key: t, newValue: e }));
 }
@@ -14,7 +14,7 @@ function E({
   key: t,
   initialValue: e
 }) {
-  const s = w(m, () => l(t)), o = a(
+  const s = d(m, () => l(t)), o = a(
     (n) => {
       try {
         const r = typeof n == "function" ? n(JSON.parse(s)) : n;
@@ -29,7 +29,7 @@ function E({
   }, [e, o]), f = a(() => {
     o(null);
   }, [o]);
-  return d(() => {
+  return w(() => {
     try {
       l(t) === null && typeof e < "u" && g(t, e);
     } catch (n) {

package/dist/hooks/useUncontrolled.js

@@ -1,22 +1,22 @@
-import { useState as f, useEffect as U } from "react";
+import { useState as u, useEffect as U } from "react";
 function w({
-  value: e,
-  defaultValue: o,
-  finalValue: u,
-  onChange: t = () => {
+  value: t,
+  defaultValue: n,
+  finalValue: c,
+  onChange: e = () => {
   },
   initialControlledDelay: r = 0
 }) {
-  const [c, i] = f(!1), [n, d] = f(
-    o !== void 0 ? o : u
+  const [f, i] = u(!1), [d, o] = u(
+    n !== void 0 ? n : c
   ), m = (s) => {
-    d(s), t == null || t(s);
+    o(s), e == null || e(s);
   };
   return U(() => {
-    (async () => e !== void 0 && !c && r > 0 && (await new Promise(
+    (async () => t !== void 0 && !f && r > 0 && (await new Promise(
       (s) => setTimeout(s, r)
     ), i(!0)))();
-  }, [e, r, c]), e !== void 0 ? !c && r > 0 ? ["", t, !0] : [e, t, !0] : [n, m, !1];
+  }, [t, r, f]), t !== void 0 ? !f && r > 0 ? ["", e, !0] : [t, e, !0] : [d, m, !1];
 }
 export {
   w as useUncontrolled

package/dist/hooks/useViewportSize.js

@@ -0,0 +1,21 @@
+import { useState as w, useCallback as r, useEffect as o } from "react";
+function t(e, i) {
+  o(() => (window.addEventListener(e, i, {
+    passive: !0
+  }), () => window.removeEventListener(e, i)), [e, i]);
+}
+function s() {
+  const [e, i] = w({
+    width: 0,
+    height: 0
+  }), n = r(() => {
+    i({
+      width: window.innerWidth || 0,
+      height: window.innerHeight || 0
+    });
+  }, []);
+  return t("resize", n), t("orientationchange", n), o(n, []), e;
+}
+export {
+  s as useViewportSize
+};

package/dist/index.js

@@ -9,7 +9,7 @@ import { useResizeObserver as k } from "./hooks/useResizeObserver.js";
 import { useUncontrolled as H } from "./hooks/useUncontrolled.js";
 import { useUniqueId as M } from "./hooks/useUniqueId.js";
 /*!
-  @versini/ui-hooks v4.5.0
+  @versini/ui-hooks v4.6.0
   © 2025 gizmette.com
 */
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-hooks",
-	"version": "4.5.0",
+	"version": "4.6.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -37,5 +37,5 @@
 		"react": "^18.3.1 || ^19.0.0",
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
-	"gitHead": "9fe85d906eb117bb22c3b576f104b6f0203429d7"
+	"gitHead": "1199c5a06253a95c103981005f5a1131c841bb00"
 }