@boxcustodia/library 2.0.0-alpha.19 → 2.0.0-alpha.20

package/dist/hooks/use-debounce-callback/use-debounced-callback.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function n(t,u){const e=r.useRef(null);return r.useCallback((...c)=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{t(...c)},u)},[t,u])}exports.useDebouncedCallback=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),k=require("../internal/use-latest-ref.cjs.js");function m(b,l){const n=k.useLatestRef(b),u=e.useRef(null),s=e.useRef(null),c=e.useRef(!0),[o,r]=e.useState(!1),t=e.useCallback(()=>{u.current!==null&&(clearTimeout(u.current),u.current=null)},[]),R=e.useCallback((...i)=>{t(),s.current=i,r(!0),u.current=setTimeout(()=>{u.current=null,c.current&&r(!1),n.current(...i)},l)},[l,t,n]),a=e.useCallback(()=>{t(),c.current&&r(!1)},[t]),f=e.useCallback(()=>{u.current!==null&&(t(),c.current&&r(!1),s.current!==null&&n.current(...s.current))},[t,n]);e.useEffect(()=>()=>{c.current=!1,t()},[t]);const d=e.useMemo(()=>({cancel:a,flush:f,isPending:o}),[a,f,o]);return[R,d]}exports.useDebouncedCallback=m;

package/dist/hooks/use-debounce-callback/use-debounced-callback.es.js

@@ -1,15 +1,32 @@
-import { useRef as n, useCallback as o } from "react";
-function i(t, u) {
-  const e = n(null);
-  return o(
-    (...r) => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        t(...r);
-      }, u);
+import { useRef as l, useState as p, useCallback as c, useEffect as g, useMemo as k } from "react";
+import { useLatestRef as C } from "../internal/use-latest-ref.es.js";
+function h(R, o) {
+  const n = C(R), t = l(null), s = l(null), r = l(!0), [f, u] = p(!1), e = c(() => {
+    t.current !== null && (clearTimeout(t.current), t.current = null);
+  }, []), b = c(
+    (...m) => {
+      e(), s.current = m, u(!0), t.current = setTimeout(() => {
+        t.current = null, r.current && u(!1), n.current(...m);
+      }, o);
     },
-    [t, u]
+    [o, e, n]
+  ), i = c(() => {
+    e(), r.current && u(!1);
+  }, [e]), a = c(() => {
+    t.current !== null && (e(), r.current && u(!1), s.current !== null && n.current(...s.current));
+  }, [e, n]);
+  g(
+    () => () => {
+      r.current = !1, e();
+    },
+    [e]
+  );
+  const d = k(
+    () => ({ cancel: i, flush: a, isPending: f }),
+    [i, a, f]
   );
+  return [b, d];
 }
 export {
-  i as useDebouncedCallback
+  h as useDebouncedCallback
 };

package/dist/hooks/use-debounce-value/use-debounced-value.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e,t){const[o,c]=u.useState(e);return u.useEffect(()=>{const n=setTimeout(()=>{c(e)},t);return()=>clearTimeout(n)},[e,t]),o}exports.useDebouncedValue=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),r=require("../use-debounce-callback/use-debounced-callback.cjs.js");function b(e,t){const[o,n]=c.useState(e),[u,s]=r.useDebouncedCallback(n,t);return c.useEffect(()=>{u(e)},[e,u]),[o,s]}exports.useDebouncedValue=b;

package/dist/hooks/use-debounce-value/use-debounced-value.es.js

@@ -1,13 +1,11 @@
-import { useState as c, useEffect as r } from "react";
-function i(e, t) {
-  const [u, o] = c(e);
+import { useState as s, useEffect as r } from "react";
+import { useDebouncedCallback as d } from "../use-debounce-callback/use-debounced-callback.es.js";
+function m(e, t) {
+  const [c, n] = s(e), [o, u] = d(n, t);
   return r(() => {
-    const n = setTimeout(() => {
-      o(e);
-    }, t);
-    return () => clearTimeout(n);
-  }, [e, t]), u;
+    o(e);
+  }, [e, o]), [c, u];
 }
 export {
-  i as useDebouncedValue
+  m as useDebouncedValue
 };

package/dist/hooks/use-disclosure/use-disclosure.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function f(l=!1,a){const{onOpen:r,onClose:u}=a||{},[s,c]=t.useState(l),n=t.useCallback(()=>{c(e=>e||(r?.(),!0))},[r]),o=t.useCallback(()=>{c(e=>e&&(u?.(),!1))},[u]),i=t.useCallback(()=>{s?o():n()},[o,n,s]);return[s,{open:n,close:o,toggle:i}]}exports.useDisclosure=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),l=require("../internal/use-latest-ref.cjs.js");function g(o){const[c,a]=n.useState(o?.defaultOpen??!1),f=l.useLatestRef(o?.onOpenChange),s=n.useRef(!0);n.useEffect(()=>(s.current=!0,()=>{s.current=!1}),[]);const i=n.useMemo(()=>{const t=e=>a(u=>{const r=e(u);return r===u?u:(s.current&&f.current?.(r),r)});return{open:()=>t(()=>!0),close:()=>t(()=>!1),toggle:()=>t(e=>!e),setOpen:e=>t(()=>e)}},[]);return[c,i]}exports.useDisclosure=g;

package/dist/hooks/use-disclosure/use-disclosure.es.js

@@ -1,14 +1,24 @@
-import { useState as i, useCallback as r } from "react";
-function g(l = !1, f) {
-  const { onOpen: s, onClose: u } = f || {}, [t, c] = i(l), n = r(() => {
-    c((e) => e || (s?.(), !0));
-  }, [s]), o = r(() => {
-    c((e) => e && (u?.(), !1));
-  }, [u]), a = r(() => {
-    t ? o() : n();
-  }, [o, n, t]);
-  return [t, { open: n, close: o, toggle: a }];
+import { useState as i, useRef as l, useEffect as m, useMemo as p } from "react";
+import { useLatestRef as O } from "../internal/use-latest-ref.es.js";
+function d(s) {
+  const [u, c] = i(s?.defaultOpen ?? !1), f = O(s?.onOpenChange), n = l(!0);
+  m(() => (n.current = !0, () => {
+    n.current = !1;
+  }), []);
+  const a = p(() => {
+    const t = (e) => c((r) => {
+      const o = e(r);
+      return o === r ? r : (n.current && f.current?.(o), o);
+    });
+    return {
+      open: () => t(() => !0),
+      close: () => t(() => !1),
+      toggle: () => t((e) => !e),
+      setOpen: (e) => t(() => e)
+    };
+  }, []);
+  return [u, a];
 }
 export {
-  g as useDisclosure
+  d as useDisclosure
 };

package/dist/hooks/use-document-title/use-document-title.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function c(t,o={}){const{restoreOnUnmount:r=!1}=o,u=n.useRef(r);u.current=r,n.useEffect(()=>{const e=document.title;return()=>{u.current&&(document.title=e)}},[]),n.useEffect(()=>{if(typeof t!="string")return;const e=t.trim();e.length!==0&&(document.title=e)},[t])}exports.useDocumentTitle=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("../internal/is-browser.cjs.js");function f(t,c={}){const{restoreOnUnmount:u=!1,template:r,enabled:s=!0}=c,o=n.useRef(u);o.current=u,n.useEffect(()=>{if(!i.isBrowser)return;const e=document.title;return()=>{o.current&&(document.title=e)}},[]),n.useEffect(()=>{if(!i.isBrowser||!s||typeof t!="string")return;const e=t.trim();e.length!==0&&(document.title=r?r.replace("%s",e):e)},[t,r,s])}exports.useDocumentTitle=f;

package/dist/hooks/use-document-title/use-document-title.es.js

@@ -1,17 +1,19 @@
-import { useRef as c, useEffect as o } from "react";
-function f(e, u = {}) {
-  const { restoreOnUnmount: r = !1 } = u, n = c(r);
-  n.current = r, o(() => {
-    const t = document.title;
+import { useRef as c, useEffect as i } from "react";
+import { isBrowser as s } from "../internal/is-browser.es.js";
+function p(t, f = {}) {
+  const { restoreOnUnmount: n = !1, template: r, enabled: o = !0 } = f, u = c(n);
+  u.current = n, i(() => {
+    if (!s) return;
+    const e = document.title;
     return () => {
-      n.current && (document.title = t);
+      u.current && (document.title = e);
     };
-  }, []), o(() => {
-    if (typeof e != "string") return;
-    const t = e.trim();
-    t.length !== 0 && (document.title = t);
-  }, [e]);
+  }, []), i(() => {
+    if (!s || !o || typeof t != "string") return;
+    const e = t.trim();
+    e.length !== 0 && (document.title = r ? r.replace("%s", e) : e);
+  }, [t, r, o]);
 }
 export {
-  f as useDocumentTitle
+  p as useDocumentTitle
 };

package/dist/hooks/use-event-listener/use-event-listener.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function s(e,t,r){const n=c.useRef(null);return c.useEffect(()=>{const u=n.current??document;return u.addEventListener(e,t,r),()=>{u.removeEventListener(e,t,r)}},[e,t,r]),n}exports.useEventListener=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),c=require("../internal/use-latest-ref.cjs.js"),o=require("../internal/is-browser.cjs.js"),R=e=>e==null?o.isBrowser?window:null:"current"in e?e.current:e;function b(e,i,t,r){const f=c.useLatestRef(i),s=c.useLatestRef(r),l=typeof r=="boolean"?r:r?.capture,v=typeof r=="object"?r.once:void 0,a=typeof r=="object"?r.passive:void 0;L.useEffect(()=>{if(!o.isBrowser)return;const n=R(t);if(!n)return;const u=d=>{f.current(d)};return n.addEventListener(e,u,s.current),()=>{n.removeEventListener(e,u,s.current)}},[e,t,l,v,a])}exports.useEventListener=b;

package/dist/hooks/use-event-listener/use-event-listener.es.js

@@ -1,13 +1,21 @@
-import { useRef as c, useEffect as f } from "react";
-function o(e, r, t) {
-  const n = c(null);
-  return f(() => {
-    const u = n.current ?? document;
-    return u.addEventListener(e, r, t), () => {
-      u.removeEventListener(e, r, t);
+import { useEffect as a } from "react";
+import { useLatestRef as u } from "../internal/use-latest-ref.es.js";
+import { isBrowser as s } from "../internal/is-browser.es.js";
+const E = (e) => e == null ? s ? window : null : "current" in e ? e.current : e;
+function w(e, f, t, r) {
+  const i = u(f), c = u(r), v = typeof r == "boolean" ? r : r?.capture, l = typeof r == "object" ? r.once : void 0, d = typeof r == "object" ? r.passive : void 0;
+  a(() => {
+    if (!s) return;
+    const n = E(t);
+    if (!n) return;
+    const o = (m) => {
+      i.current(m);
     };
-  }, [e, r, t]), n;
+    return n.addEventListener(e, o, c.current), () => {
+      n.removeEventListener(e, o, c.current);
+    };
+  }, [e, t, v, l, d]);
 }
 export {
-  o as useEventListener
+  w as useEventListener
 };

package/dist/hooks/use-hotkey/use-hotkey.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("./utils/create-hotkey-listener.cjs.js"),l=require("../use-event-listener/use-event-listener.cjs.js");function v(e,t,s={}){const{eventName:o="keydown",preventDefault:r=!0,ignoreInputFields:n=!0,watch:u=!0}=s,i=c.useCallback(a.createListener(e,t,r,n,u),[e,t,r,n,u]);return l.useEventListener(o,i)}exports.useHotkey=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./utils/match-and-run.cjs.js"),T=require("../use-event-listener/use-event-listener.cjs.js"),l=["INPUT","TEXTAREA","SELECT"];function g(t,e,n){const o=Array.isArray(t)&&typeof e!="function",r=o?e??{}:n??{},{eventName:c="keydown",watch:a=!0,preventDefault:i=!0,triggerOnContentEditable:A=!1,tagsToIgnore:y=l}=r,m=o?t:s(t,e,{preventDefault:i,triggerOnContentEditable:A}),f=E=>{a&&u.matchAndRun(E,m,y)};T.useEventListener(c,f,document)}const s=(t,e,n)=>(Array.isArray(t)?t:[t]).map(r=>[r,e,n]);function H(t,e,n){const r=Array.isArray(t)&&typeof e!="function"?t:s(t,e,n??{});return c=>{u.matchAndRun(c,r,[])}}exports.getHotkeyHandler=H;exports.useHotkey=g;

package/dist/hooks/use-hotkey/use-hotkey.es.js

@@ -1,18 +1,34 @@
-import { useCallback as m } from "react";
-import { createListener as c } from "./utils/create-hotkey-listener.es.js";
-import { useEventListener as p } from "../use-event-listener/use-event-listener.es.js";
-function v(e, t, u = {}) {
-  const {
-    eventName: i = "keydown",
-    preventDefault: r = !0,
-    ignoreInputFields: n = !0,
-    watch: o = !0
-  } = u, s = m(
-    c(e, t, r, n, o),
-    [e, t, r, n, o]
+import { matchAndRun as a } from "./utils/match-and-run.es.js";
+import { useEventListener as E } from "../use-event-listener/use-event-listener.es.js";
+const T = ["INPUT", "TEXTAREA", "SELECT"];
+function F(t, r, o) {
+  const n = Array.isArray(t) && typeof r != "function", e = n ? r ?? {} : o ?? {}, {
+    eventName: c = "keydown",
+    watch: s = !0,
+    preventDefault: u = !0,
+    triggerOnContentEditable: A = !1,
+    tagsToIgnore: m = T
+  } = e, f = n ? t : i(
+    t,
+    r,
+    { preventDefault: u, triggerOnContentEditable: A }
   );
-  return p(i, s);
+  E(c, (y) => {
+    s && a(y, f, m);
+  }, document);
+}
+const i = (t, r, o) => (Array.isArray(t) ? t : [t]).map((e) => [e, r, o]);
+function g(t, r, o) {
+  const e = Array.isArray(t) && typeof r != "function" ? t : i(
+    t,
+    r,
+    o ?? {}
+  );
+  return (c) => {
+    a(c, e, []);
+  };
 }
 export {
-  v as useHotkey
+  g as getHotkeyHandler,
+  F as useHotkey
 };

package/dist/hooks/use-hotkey/utils/is-input-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>t.tagName==="INPUT"||t.tagName==="TEXTAREA"||t.isContentEditable,o=(t,n)=>n&&e(t.target);exports.isInputField=e;exports.shouldIgnoreEvent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,r,n)=>{const e=t.target;return e?!!(typeof e.tagName=="string"&&r.includes(e.tagName)||!n&&e.isContentEditable===!0):!1};exports.shouldIgnoreEvent=u;

package/dist/hooks/use-hotkey/utils/is-input-field.es.js

@@ -1,5 +1,7 @@
-const r = (t) => t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, a = (t, n) => n && r(t.target);
+const a = (e, r, n) => {
+  const t = e.target;
+  return t ? !!(typeof t.tagName == "string" && r.includes(t.tagName) || !n && t.isContentEditable === !0) : !1;
+};
 export {
-  r as isInputField,
   a as shouldIgnoreEvent
 };

package/dist/hooks/use-hotkey/utils/match-and-run.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./is-input-field.cjs.js"),c=require("./match-key-modifiers.cjs.js"),s=(e,n,o)=>{for(const[r,i,t]of n){const u=t?.triggerOnContentEditable??!1;if(a.shouldIgnoreEvent(e,o,u)||!c.matchKeyModifiers(e,r))continue;(t?.preventDefault??!0)&&e.preventDefault(),i(e)}};exports.matchAndRun=s;

package/dist/hooks/use-hotkey/utils/match-and-run.es.js

@@ -0,0 +1,12 @@
+import { shouldIgnoreEvent as a } from "./is-input-field.es.js";
+import { matchKeyModifiers as l } from "./match-key-modifiers.es.js";
+const s = (t, n, o) => {
+  for (const [r, i, e] of n) {
+    const f = e?.triggerOnContentEditable ?? !1;
+    if (a(t, o, f) || !l(t, r)) continue;
+    (e?.preventDefault ?? !0) && t.preventDefault(), i(t);
+  }
+};
+export {
+  s as matchAndRun
+};

package/dist/hooks/use-hotkey/utils/match-key-modifiers.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=t=>{const e=t.toLowerCase().split("+");return{mainKey:e.pop(),isShift:e.includes("shift"),isCtrl:e.includes("ctrl"),isAlt:e.includes("alt"),isMeta:e.includes("meta")}},c=(t,e)=>{const{mainKey:i,isShift:r,isCtrl:o,isAlt:a,isMeta:l}=s(e);return t.key.toLowerCase()===i&&t.shiftKey===r&&t.ctrlKey===o&&t.altKey===a&&t.metaKey===l};exports.getKeyModifiers=s;exports.matchKeyModifiers=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../internal/is-apple-device.cjs.js"),l=t=>{const e=t.toLowerCase().split("+"),i=e.pop()??"",s=e.includes("mod"),o=s&&r.isAppleDevice(),c=s&&!r.isAppleDevice();return{mainKey:i,shift:e.includes("shift"),ctrl:e.includes("ctrl")||c,alt:e.includes("alt"),meta:e.includes("meta")||o}},n=(t,e)=>{const{mainKey:i,shift:s,ctrl:o,alt:c,meta:a}=l(e);return t.key.toLowerCase()===i&&t.shiftKey===s&&t.ctrlKey===o&&t.altKey===c&&t.metaKey===a};exports.getKeyModifiers=l;exports.matchKeyModifiers=n;

package/dist/hooks/use-hotkey/utils/match-key-modifiers.es.js

@@ -1,17 +1,18 @@
-const o = (t) => {
-  const s = t.toLowerCase().split("+");
+import { isAppleDevice as r } from "../../internal/is-apple-device.es.js";
+const l = (s) => {
+  const t = s.toLowerCase().split("+"), o = t.pop() ?? "", e = t.includes("mod"), c = e && r(), i = e && !r();
   return {
-    mainKey: s.pop(),
-    isShift: s.includes("shift"),
-    isCtrl: s.includes("ctrl"),
-    isAlt: s.includes("alt"),
-    isMeta: s.includes("meta")
+    mainKey: o,
+    shift: t.includes("shift"),
+    ctrl: t.includes("ctrl") || i,
+    alt: t.includes("alt"),
+    meta: t.includes("meta") || c
   };
-}, c = (t, s) => {
-  const { mainKey: i, isShift: e, isCtrl: r, isAlt: a, isMeta: l } = o(s);
-  return t.key.toLowerCase() === i && t.shiftKey === e && t.ctrlKey === r && t.altKey === a && t.metaKey === l;
+}, m = (s, t) => {
+  const { mainKey: o, shift: e, ctrl: c, alt: i, meta: a } = l(t);
+  return s.key.toLowerCase() === o && s.shiftKey === e && s.ctrlKey === c && s.altKey === i && s.metaKey === a;
 };
 export {
-  o as getKeyModifiers,
-  c as matchKeyModifiers
+  l as getKeyModifiers,
+  m as matchKeyModifiers
 };

package/dist/hooks/use-hover/use-hover.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function l(u={}){const[c,r]=s.useState(!1),t=s.useRef(u);t.current=u;const v=s.useCallback(e=>{if(!e)return;const a=n=>{r(!0),t.current.onHoverStart?.(n)},o=n=>{r(!1),t.current.onHoverEnd?.(n)};return e.addEventListener("mouseenter",a),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",a),e.removeEventListener("mouseleave",o),r(!1)}},[]);return{hovered:c,ref:v}}exports.useHover=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),R=require("../internal/use-latest-ref.cjs.js");function b(T={}){const{openDelay:o=0,closeDelay:a=0,onHoverStart:d,onHoverEnd:p}=T,[E,r]=e.useState(!1),i=R.useLatestRef(d),f=R.useLatestRef(p),t=e.useRef(null),n=e.useRef(null),u=e.useCallback(()=>{t.current!==null&&(clearTimeout(t.current),t.current=null)},[]),s=e.useCallback(()=>{n.current!==null&&(clearTimeout(n.current),n.current=null)},[]),L=e.useCallback(l=>{if(!l)return;const v=c=>{s(),o>0?t.current=setTimeout(()=>{t.current=null,r(!0),i.current?.(c)},o):(r(!0),i.current?.(c))},m=c=>{u(),a>0?n.current=setTimeout(()=>{n.current=null,r(!1),f.current?.(c)},a):(r(!1),f.current?.(c))};return l.addEventListener("pointerenter",v),l.addEventListener("pointerleave",m),()=>{l.removeEventListener("pointerenter",v),l.removeEventListener("pointerleave",m),u(),s(),r(!1)}},[o,a,u,s]);return e.useEffect(()=>()=>{u(),s()},[u,s]),{hovered:E,ref:L}}exports.useHover=b;

package/dist/hooks/use-hover/use-hover.es.js

@@ -1,20 +1,35 @@
-import { useState as c, useRef as l, useCallback as f } from "react";
-function i(s = {}) {
-  const [u, r] = c(!1), t = l(s);
-  t.current = s;
-  const v = f((e) => {
-    if (!e) return;
-    const a = (n) => {
-      r(!0), t.current.onHoverStart?.(n);
-    }, o = (n) => {
-      r(!1), t.current.onHoverEnd?.(n);
-    };
-    return e.addEventListener("mouseenter", a), e.addEventListener("mouseleave", o), () => {
-      e.removeEventListener("mouseenter", a), e.removeEventListener("mouseleave", o), r(!1);
-    };
-  }, []);
-  return { hovered: u, ref: v };
+import { useState as h, useRef as p, useCallback as i, useEffect as S } from "react";
+import { useLatestRef as E } from "../internal/use-latest-ref.es.js";
+function D(T = {}) {
+  const { openDelay: c = 0, closeDelay: s = 0, onHoverStart: d, onHoverEnd: L } = T, [R, e] = h(!1), a = E(d), f = E(L), r = p(null), t = p(null), n = i(() => {
+    r.current !== null && (clearTimeout(r.current), r.current = null);
+  }, []), u = i(() => {
+    t.current !== null && (clearTimeout(t.current), t.current = null);
+  }, []), H = i(
+    (l) => {
+      if (!l) return;
+      const m = (o) => {
+        u(), c > 0 ? r.current = setTimeout(() => {
+          r.current = null, e(!0), a.current?.(o);
+        }, c) : (e(!0), a.current?.(o));
+      }, v = (o) => {
+        n(), s > 0 ? t.current = setTimeout(() => {
+          t.current = null, e(!1), f.current?.(o);
+        }, s) : (e(!1), f.current?.(o));
+      };
+      return l.addEventListener("pointerenter", m), l.addEventListener("pointerleave", v), () => {
+        l.removeEventListener("pointerenter", m), l.removeEventListener("pointerleave", v), n(), u(), e(!1);
+      };
+    },
+    [c, s, n, u]
+  );
+  return S(
+    () => () => {
+      n(), u();
+    },
+    [n, u]
+  ), { hovered: R, ref: H };
 }
 export {
-  i as useHover
+  D as useHover
 };

package/dist/hooks/use-is-visible/use-is-visible.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function o({onVisible:r,root:u=null,rootMargin:c="0px",threshold:i=0}={}){const[n,f]=s.useState(!1),e=s.useRef(null),l=s.useCallback(([t])=>{const b=t.isIntersecting;f(b)},[r]);return s.useEffect(()=>{if(e.current==null)return;const t=new IntersectionObserver(l,{root:u,rootMargin:c,threshold:i});return t.observe(e.current),()=>{e.current!=null&&t.unobserve(e.current)}},[e,u,c,i,l]),s.useEffect(()=>{n&&r?.()},[n]),{ref:e,isVisible:n}}exports.useIsVisible=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),S=require("../internal/is-browser.cjs.js"),h=require("../internal/use-latest-ref.cjs.js");function p(b={}){const{onVisible:g,triggerOnce:n=!1,freezeOnceVisible:i=!1,root:u=null,rootMargin:c="0px",threshold:o=0}=b,f=e.useRef(null),[d,R]=e.useState(!1),[V,I]=e.useState(null),v=h.useLatestRef(g),r=e.useRef(!1);return e.useEffect(()=>{if(!S.isBrowser||typeof IntersectionObserver>"u")return;const l=f.current;if(l==null)return;r.current=!1;const s=new IntersectionObserver(([t])=>{if(r.current||!t)return;const a=t.isIntersecting;I(t),R(O=>i&&O?!0:a),a&&(v.current?.(),n&&(r.current=!0,s.disconnect()))},{root:u,rootMargin:c,threshold:o});return s.observe(l),()=>{r.current||s.disconnect()}},[u,c,o,n,i]),{ref:f,isVisible:d,entry:V}}exports.useIsVisible=p;

package/dist/hooks/use-is-visible/use-is-visible.es.js

@@ -1,31 +1,35 @@
-import { useState as o, useRef as I, useCallback as a, useEffect as l } from "react";
-function p({
-  onVisible: s,
-  root: t = null,
-  rootMargin: u = "0px",
-  threshold: c = 0
-} = {}) {
-  const [r, f] = o(!1), e = I(null), i = a(
-    ([n]) => {
-      const b = n.isIntersecting;
-      f(b);
-    },
-    [s]
-  );
-  return l(() => {
-    if (e.current == null) return;
-    const n = new IntersectionObserver(i, {
-      root: t,
-      rootMargin: u,
-      threshold: c
-    });
-    return n.observe(e.current), () => {
-      e.current != null && n.unobserve(e.current);
+import { useRef as b, useState as a, useEffect as R } from "react";
+import { isBrowser as h } from "../internal/is-browser.es.js";
+import { useLatestRef as w } from "../internal/use-latest-ref.es.js";
+function L(g = {}) {
+  const {
+    onVisible: d,
+    triggerOnce: n = !1,
+    freezeOnceVisible: s = !1,
+    root: i = null,
+    rootMargin: o = "0px",
+    threshold: c = 0
+  } = g, f = b(null), [m, p] = a(!1), [V, I] = a(null), v = w(d), e = b(!1);
+  return R(() => {
+    if (!h || typeof IntersectionObserver > "u") return;
+    const u = f.current;
+    if (u == null) return;
+    e.current = !1;
+    const r = new IntersectionObserver(
+      ([t]) => {
+        if (e.current || !t) return;
+        const l = t.isIntersecting;
+        I(t), p(
+          (O) => s && O ? !0 : l
+        ), l && (v.current?.(), n && (e.current = !0, r.disconnect()));
+      },
+      { root: i, rootMargin: o, threshold: c }
+    );
+    return r.observe(u), () => {
+      e.current || r.disconnect();
     };
-  }, [e, t, u, c, i]), l(() => {
-    r && s?.();
-  }, [r]), { ref: e, isVisible: r };
+  }, [i, o, c, n, s]), { ref: f, isVisible: m, entry: V };
 }
 export {
-  p as useIsVisible
+  L as useIsVisible
 };

package/dist/hooks/use-local-storage/use-local-storage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function l(e,o){const a=()=>{try{const r=localStorage.getItem(e);return r?JSON.parse(r):o!==void 0?o:void 0}catch(r){return console.error(`Error parsing localStorage key "${e}":`,r),o!==void 0?o:void 0}},[t,c]=s.useState(a);return s.useEffect(()=>{try{t!==void 0?localStorage.setItem(e,JSON.stringify(t)):localStorage.removeItem(e)}catch(r){console.error(`Error setting localStorage key "${e}":`,r)}},[e,t]),[t,r=>{c(r)},()=>{try{localStorage.removeItem(e),c(o!==void 0?o:void 0)}catch(r){console.error(`Error removing localStorage key "${e}":`,r)}}]}exports.useLocalStorage=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),S=require("../internal/is-browser.cjs.js"),m={read:r=>JSON.parse(r),write:r=>JSON.stringify(r)},c=new Map;function g(r){c.get(r)?.forEach(e=>e())}function v(r,e){if(!S.isBrowser)return()=>{};let o=c.get(r);o||(o=new Set,c.set(r,o)),o.add(e);const s=n=>{n.storageArea===localStorage&&(n.key===r||n.key===null)&&e()};return window.addEventListener("storage",s),()=>{o.delete(e),o.size===0&&c.delete(r),window.removeEventListener("storage",s)}}function h(r,e,o={}){const s=o.serializer??m,n=a.useCallback(t=>v(r,t),[r]),f=a.useCallback(()=>{if(!S.isBrowser)return null;try{return localStorage.getItem(r)}catch{return null}},[r]),d=a.useCallback(()=>null,[]),l=a.useSyncExternalStore(n,f,d),u=a.useMemo(()=>{if(l===null)return e;try{return s.read(l)}catch(t){return console.error(`Error parsing localStorage key "${r}":`,t),e}},[l,e,r,s]),b=a.useCallback(t=>{try{const i=typeof t=="function"?t(u):t;localStorage.setItem(r,s.write(i)),g(r)}catch(i){console.error(`Error setting localStorage key "${r}":`,i)}},[r,u,s]),w=a.useCallback(()=>{try{localStorage.removeItem(r),g(r)}catch(t){console.error(`Error removing localStorage key "${r}":`,t)}},[r]);return[u,b,w]}exports.useLocalStorage=h;

package/dist/hooks/use-local-storage/use-local-storage.es.js

@@ -1,29 +1,61 @@
-import { useState as a, useEffect as g } from "react";
-function m(o, e) {
-  const s = () => {
+import { useCallback as a, useSyncExternalStore as p, useMemo as h } from "react";
+import { isBrowser as f } from "../internal/is-browser.es.js";
+const v = {
+  read: (r) => JSON.parse(r),
+  write: (r) => JSON.stringify(r)
+}, c = /* @__PURE__ */ new Map();
+function g(r) {
+  c.get(r)?.forEach((e) => e());
+}
+function E(r, e) {
+  if (!f) return () => {
+  };
+  let o = c.get(r);
+  o || (o = /* @__PURE__ */ new Set(), c.set(r, o)), o.add(e);
+  const n = (s) => {
+    s.storageArea === localStorage && (s.key === r || s.key === null) && e();
+  };
+  return window.addEventListener("storage", n), () => {
+    o.delete(e), o.size === 0 && c.delete(r), window.removeEventListener("storage", n);
+  };
+}
+function I(r, e, o = {}) {
+  const n = o.serializer ?? v, s = a(
+    (t) => E(r, t),
+    [r]
+  ), S = a(() => {
+    if (!f) return null;
     try {
-      const r = localStorage.getItem(o);
-      return r ? JSON.parse(r) : e !== void 0 ? e : void 0;
-    } catch (r) {
-      return console.error(`Error parsing localStorage key "${o}":`, r), e !== void 0 ? e : void 0;
+      return localStorage.getItem(r);
+    } catch {
+      return null;
     }
-  }, [t, c] = a(s);
-  return g(() => {
+  }, [r]), d = a(() => null, []), l = p(s, S, d), i = h(() => {
+    if (l === null) return e;
     try {
-      t !== void 0 ? localStorage.setItem(o, JSON.stringify(t)) : localStorage.removeItem(o);
-    } catch (r) {
-      console.error(`Error setting localStorage key "${o}":`, r);
+      return n.read(l);
+    } catch (t) {
+      return console.error(`Error parsing localStorage key "${r}":`, t), e;
     }
-  }, [o, t]), [t, (r) => {
-    c(r);
-  }, () => {
+  }, [l, e, r, n]), m = a(
+    (t) => {
+      try {
+        const u = typeof t == "function" ? t(i) : t;
+        localStorage.setItem(r, n.write(u)), g(r);
+      } catch (u) {
+        console.error(`Error setting localStorage key "${r}":`, u);
+      }
+    },
+    [r, i, n]
+  ), w = a(() => {
     try {
-      localStorage.removeItem(o), c(e !== void 0 ? e : void 0);
-    } catch (r) {
-      console.error(`Error removing localStorage key "${o}":`, r);
+      localStorage.removeItem(r), g(r);
+    } catch (t) {
+      console.error(`Error removing localStorage key "${r}":`, t);
     }
-  }];
+  }, [r]);
+  return [i, m, w];
 }
 export {
-  m as useLocalStorage
+  I as useLocalStorage
 };

package/dist/hooks/use-media-query/use-media-query.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=n=>{const[a,c]=s.useState(!1);return s.useEffect(()=>{const e=window.matchMedia(n),t=()=>c(e.matches);return t(),e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[n]),a};exports.useMediaQuery=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),d=require("../internal/is-browser.cjs.js");function c(){return d.isBrowser&&typeof window.matchMedia=="function"}function l(e,s={}){const{defaultValue:t=!1}=s,o=n.useCallback(r=>{if(!c())return()=>{};const a=window.matchMedia(e);return a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[e]),i=n.useCallback(()=>c()?window.matchMedia(e).matches:t,[e,t]),u=n.useCallback(()=>t,[t]);return n.useSyncExternalStore(o,i,u)}exports.useMediaQuery=l;

package/dist/hooks/use-media-query/use-media-query.es.js

@@ -1,13 +1,23 @@
-import { useState as c, useEffect as r } from "react";
-const d = (n) => {
-  const [s, a] = c(!1);
-  return r(() => {
-    const e = window.matchMedia(n), t = () => a(e.matches);
-    return t(), e.addEventListener("change", t), () => {
-      e.removeEventListener("change", t);
-    };
-  }, [n]), s;
-};
+import { useCallback as n, useSyncExternalStore as d } from "react";
+import { isBrowser as f } from "../internal/is-browser.es.js";
+function a() {
+  return f && typeof window.matchMedia == "function";
+}
+function w(e, c = {}) {
+  const { defaultValue: t = !1 } = c, i = n(
+    (r) => {
+      if (!a()) return () => {
+      };
+      const o = window.matchMedia(e);
+      return o.addEventListener("change", r), () => o.removeEventListener("change", r);
+    },
+    [e]
+  ), s = n(() => a() ? window.matchMedia(e).matches : t, [e, t]), u = n(
+    () => t,
+    [t]
+  );
+  return d(i, s, u);
+}
 export {
-  d as useMediaQuery
+  w as useMediaQuery
 };

package/dist/hooks/use-mutation/use-mutation.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),S=t=>{const[o,a]=r.useState(!1),[l,u]=r.useState(null),[c,s]=r.useState(null);return{mutate:r.useCallback(async(...i)=>{a(!0),u(null),s(null);try{const e=await t.fn(...i);return t.onSuccess?.(e),s(e),e}catch(e){const n=e;throw t.onError?.(n),u(n),n}finally{t.onFinish?.(),a(!1)}},[t]),loading:o,error:l,data:c}};exports.useMutation=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("../internal/use-latest-ref.cjs.js"),k=s=>{const[u,l]=t.useState("idle"),[y,a]=t.useState(null),[L,o]=t.useState(null),d=c.useLatestRef(s.fn),R=c.useLatestRef(s.onMutate),i=c.useLatestRef(s.onSuccess),S=c.useLatestRef(s.onError),g=c.useLatestRef(s.onSettled),f=t.useCallback(async e=>{R.current?.(e),l("pending"),a(null),o(null);let n=null,r=null;try{return n=await d.current(e),a(n),l("success"),i.current?.(n,e),n}catch(E){throw r=E,o(r),l("error"),S.current?.(r,e),r}finally{g.current?.(n,r,e)}},[d,R,i,S,g]),M=t.useCallback(e=>{f(e).catch(()=>{})},[f]),h=t.useCallback(()=>{l("idle"),a(null),o(null)},[]);return{mutate:M,mutateAsync:f,reset:h,data:y,error:L,status:u,isIdle:u==="idle",isPending:u==="pending",isSuccess:u==="success",isError:u==="error"}};exports.useMutation=k;