@jbpark/use-hooks 1.0.0 → 1.1.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),p=(e=!0)=>{i.useEffect(()=>{if(!e)return;const t=window.scrollY,l=/iPad|iPhone|iPod/.test(navigator.userAgent),o={documentElement:{overflow:document.documentElement.style.overflow,height:document.documentElement.style.height,position:document.documentElement.style.position,width:document.documentElement.style.width},body:{overflow:document.body.style.overflow,height:document.body.style.height,position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,right:document.body.style.right,width:document.body.style.width,webkitOverflowScrolling:document.body.style.getPropertyValue("-webkit-overflow-scrolling")}};if(document.documentElement.style.overflow="hidden",document.documentElement.style.height="100%",document.documentElement.style.position="fixed",document.documentElement.style.width="100%",document.body.style.overflow="hidden",document.body.style.height="100%",document.body.style.position="fixed",document.body.style.top=`-${t}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.width="100%",l){document.body.style.setProperty("-webkit-overflow-scrolling","touch");const r=s=>{(s.target===document.body||s.target===document.documentElement||s.target===window)&&(s.preventDefault(),s.stopPropagation(),s.stopImmediatePropagation())},c=()=>{window.scrollTo(0,0),document.body.scrollTop=0,document.documentElement.scrollTop=0},n=["scroll","touchmove","touchstart","touchend"];n.forEach(s=>{window.addEventListener(s,r,{passive:!1,capture:!0}),document.addEventListener(s,r,{passive:!1,capture:!0}),document.body.addEventListener(s,r,{passive:!1,capture:!0})});const u=setInterval(c,16);return()=>{clearInterval(u),n.forEach(s=>{window.removeEventListener(s,r,{capture:!0}),document.removeEventListener(s,r,{capture:!0}),document.body.removeEventListener(s,r,{capture:!0})}),document.documentElement.style.overflow=o.documentElement.overflow,document.documentElement.style.height=o.documentElement.height,document.documentElement.style.position=o.documentElement.position,document.documentElement.style.width=o.documentElement.width,document.body.style.overflow=o.body.overflow,document.body.style.height=o.body.height,document.body.style.position=o.body.position,document.body.style.top=o.body.top,document.body.style.left=o.body.left,document.body.style.right=o.body.right,document.body.style.width=o.body.width,o.body.webkitOverflowScrolling?document.body.style.setProperty("-webkit-overflow-scrolling",o.body.webkitOverflowScrolling):document.body.style.removeProperty("-webkit-overflow-scrolling"),window.scrollTo(0,t)}}return()=>{document.documentElement.style.overflow=o.documentElement.overflow,document.documentElement.style.height=o.documentElement.height,document.documentElement.style.position=o.documentElement.position,document.documentElement.style.width=o.documentElement.width,document.body.style.overflow=o.body.overflow,document.body.style.height=o.body.height,document.body.style.position=o.body.position,document.body.style.top=o.body.top,document.body.style.left=o.body.left,document.body.style.right=o.body.right,document.body.style.width=o.body.width,window.scrollTo(0,t)}},[e])},b=e=>{const[t,l]=i.useState(null);return i.useEffect(()=>{const o=n=>typeof n=="string"?document.querySelector(n):n.current,r=()=>{const n=o(e);l(n?n.getBoundingClientRect():null)},c=()=>{requestAnimationFrame(r)};return r(),window.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c,{passive:!0}),()=>{window.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[e]),t};function E(e,t){t===void 0&&(t=0);var l=i.useRef(!1),o=i.useRef(),r=i.useRef(e),c=i.useCallback(function(){return l.current},[]),n=i.useCallback(function(){l.current=!1,o.current&&clearTimeout(o.current),o.current=setTimeout(function(){l.current=!0,r.current()},t)},[t]),u=i.useCallback(function(){l.current=null,o.current&&clearTimeout(o.current)},[]);return i.useEffect(function(){r.current=e},[e]),i.useEffect(function(){return n(),u},[t]),[c,u,n]}function S(e,t,l){t===void 0&&(t=0),l===void 0&&(l=[]);var o=E(e,t),r=o[0],c=o[1],n=o[2];return i.useEffect(n,l),[r,c]}const m={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},L=e=>{let t="xs";return e>=m["2xl"]?t="2xl":e>=m.xl?t="xl":e>=m.lg?t="lg":e>=m.md?t="md":e>=m.sm?t="sm":t="xs",{current:t,xs:e<m.sm,sm:e>=m.sm&&e<m.md,md:e>=m.md&&e<m.lg,lg:e>=m.lg&&e<m.xl,xl:e>=m.xl&&e<m["2xl"],"2xl":e>=m["2xl"]}},T=(e=200)=>{const[t,l]=i.useState({width:0,height:0}),[o,r]=i.useState({current:"xs",xs:!0,sm:!1,md:!1,lg:!1,xl:!1,"2xl":!1}),[c,n]=i.useState({width:0,height:0}),u=i.useRef(null),s=i.useRef(null);return S(()=>{n(t)},e,[t]),i.useEffect(()=>{const d=()=>{const a=u.current??document.body;if(!a)return;const{offsetWidth:h,offsetHeight:v}=a;l(g=>g.width!==h||g.height!==v?{width:h,height:v}:g),r(g=>{const y=L(h);return g.current!==y.current?y:g})},w=()=>{const a=u.current??document.body;a&&(d(),s.current&&s.current.disconnect(),s.current=new ResizeObserver(()=>{requestAnimationFrame(()=>{d()})}),s.current.observe(a))},f=()=>{s.current&&(s.current.disconnect(),s.current=null)};return w(),()=>{f()}},[]),{size:c,breakpoint:o,ref:u}},x=e=>{const[t,l]=i.useState(!0),[o,r]=i.useState();return i.useEffect(()=>{if(!e){l(!1);return}const c=new Image;c.src=e,c.onload=()=>l(!1),c.onerror=n=>{l(!1),r(n)}},[e]),{loading:t,error:o}},V=(e,t)=>{const l=i.useRef(t),[o,r]=i.useState(()=>{if(typeof window>"u")return t;try{const n=window.localStorage.getItem(e);return n?JSON.parse(n):t}catch{return t}});i.useEffect(()=>{if(!(typeof window>"u"))try{const n=window.localStorage.getItem(e);n?r(JSON.parse(n)):window.localStorage.setItem(e,JSON.stringify(l.current))}catch(n){console.error(`Error reading localStorage key "${e}":`,n)}},[e]);const c=i.useCallback(n=>{try{r(u=>{const s=n instanceof Function?n(u):n;return localStorage.setItem(e,JSON.stringify(s)),s})}catch(u){console.error(`Error setting localStorage key "${e}":`,u)}},[e]);return[o,c]},R=(e,t)=>{const l=i.useRef(e);i.useEffect(()=>{l.current=e},[e]),i.useEffect(()=>{let o;function r(){const c=l.current();c instanceof Promise?c.then(()=>{t&&(o=setTimeout(r,t))}):t&&(o=setTimeout(r,t))}if(t)return o=setTimeout(r,t),()=>o&&clearTimeout(o)},[t])},z=()=>{const[e,t]=i.useState(null),[l,o]=i.useState({scrollY:0,scrollPercentage:0,isAtTop:!0,isAtBottom:!1,scrollableHeight:0,clientHeight:0,scrollHeight:0}),r=i.useCallback(c=>{t(c)},[]);return i.useEffect(()=>{if(!e)return;const c=()=>{const{scrollTop:s,scrollHeight:d,clientHeight:w}=e,f=d-w;if(f<=0){o({scrollY:0,scrollPercentage:0,isAtTop:!0,isAtBottom:!0,scrollableHeight:0,clientHeight:w,scrollHeight:d});return}const a=Math.min(100,Math.max(0,s/f*100));o({scrollY:s,scrollPercentage:a,isAtTop:s<=0,isAtBottom:s>=f-1,scrollableHeight:f,clientHeight:w,scrollHeight:d})};c();const n=()=>{c()};e.addEventListener("scroll",n,{passive:!0});const u=new ResizeObserver(()=>{c()});return u.observe(e),()=>{e.removeEventListener("scroll",n),u.unobserve(e)}},[e]),{...l,element:e,setRef:r}};function P(e){const t=i.useRef([]),l=i.useCallback(r=>{if(t.current[r]&&(t.current[r].scrollIntoView({behavior:"smooth",block:"start",inline:"start",...e}),e?.offset)){const c=t.current[r].getBoundingClientRect().top+window.scrollY-e.offset;window.scrollTo({top:c,behavior:e.behavior||"smooth"})}},[e]),o=i.useCallback((r,c)=>{t.current[c]=r},[]);return{elementRefs:t,setElementRef:o,scrollToElement:l}}const H=()=>{const[e,t]=i.useState({x:0,y:0,percent:{x:0,y:0}});return i.useEffect(()=>{const l=()=>{const n=window.scrollX||0,u=window.scrollY||0,s=/iPad|iPhone|iPod/.test(navigator.userAgent),d=window.visualViewport,w=s&&d?d.width:window.innerWidth,f=s&&d?d.height:window.innerHeight,a=Math.max(0,document.documentElement.scrollWidth-w),h=Math.max(0,document.documentElement.scrollHeight-f),v=a===0?0:Math.min(100,n/a*100),g=h===0?0:Math.min(100,u/h*100);t({x:n,y:u,percent:{x:Math.floor(Math.max(0,v)),y:Math.floor(Math.max(0,g))}})};l();const o=()=>{l()},r=()=>{setTimeout(l,100)},c=()=>{setTimeout(l,50)};return window.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",r),window.addEventListener("orientationchange",r),window.visualViewport&&window.visualViewport.addEventListener("resize",c),()=>{window.removeEventListener("scroll",o),window.removeEventListener("resize",r),window.removeEventListener("orientationchange",r),window.visualViewport&&window.visualViewport.removeEventListener("resize",c)}},[]),e},I=(e={})=>{const{isInApp:t=!1,debounce:l=100}=e,[o,r]=i.useState({width:0,height:0,offsetLeft:0,offsetTop:0,pageLeft:0,pageTop:0,scale:1}),c=i.useCallback(()=>{const u=window.innerHeight,s=window.visualViewport?.height||u,d=document.documentElement.clientHeight,w=document.body.clientHeight;return window.visualViewport&&Math.abs(s-u)>100?s:Math.max(u,d,w)},[]),n=i.useCallback(()=>{if(window.visualViewport&&!t)return window.visualViewport;const u=window.visualViewport?.width||window.innerWidth,s=t?c():window.visualViewport?.height||window.innerHeight;return{width:u,height:s,offsetLeft:window.visualViewport?.offsetLeft||0,offsetTop:window.visualViewport?.offsetTop||0,pageLeft:window.scrollX??window.pageXOffset??0,pageTop:window.scrollY??window.pageYOffset??0,scale:window.visualViewport?.scale||1}},[t,c]);return i.useEffect(()=>{let u;const s=()=>{clearTimeout(u),u=setTimeout(()=>{r(n())},l)},d=()=>r(n());d();const w=["resize","orientationchange"];t&&w.push("focus","blur","touchstart","touchend"),w.forEach(a=>{a==="resize"||a==="orientationchange"?window.addEventListener(a,s):window.addEventListener(a,d,{passive:!0})}),window.visualViewport&&(window.visualViewport.addEventListener("resize",d),window.visualViewport.addEventListener("scroll",d));let f;if(t){let a=n().height;f=setInterval(()=>{const h=n().height;Math.abs(h-a)>50&&(a=h,d())},500)}return()=>{clearTimeout(u),f&&clearInterval(f),w.forEach(a=>{window.removeEventListener(a,a==="resize"||a==="orientationchange"?s:d)}),window.visualViewport&&(window.visualViewport.removeEventListener("resize",d),window.visualViewport.removeEventListener("scroll",d))}},[n,t,l]),o};exports.useBodyScrollLock=p;exports.useElementRect=b;exports.useElementSize=T;exports.useImageLoader=x;exports.useLocalStorage=V;exports.useRecursiveTimeout=R;exports.useScrollPosition=z;exports.useScrollToElements=P;exports.useViewport=I;exports.useWindowScroll=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),E=(e=!0)=>{s.useEffect(()=>{if(!e)return;const o=window.scrollY,i=/iPad|iPhone|iPod/.test(navigator.userAgent),t={documentElement:{overflow:document.documentElement.style.overflow,height:document.documentElement.style.height,position:document.documentElement.style.position,width:document.documentElement.style.width},body:{overflow:document.body.style.overflow,height:document.body.style.height,position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,right:document.body.style.right,width:document.body.style.width,webkitOverflowScrolling:document.body.style.getPropertyValue("-webkit-overflow-scrolling")}};if(document.documentElement.style.overflow="hidden",document.documentElement.style.height="100%",document.documentElement.style.position="fixed",document.documentElement.style.width="100%",document.body.style.overflow="hidden",document.body.style.height="100%",document.body.style.position="fixed",document.body.style.top=`-${o}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.width="100%",i){document.body.style.setProperty("-webkit-overflow-scrolling","touch");const r=l=>{(l.target===document.body||l.target===document.documentElement||l.target===window)&&(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation())},c=()=>{window.scrollTo(0,0),document.body.scrollTop=0,document.documentElement.scrollTop=0},n=["scroll","touchmove","touchstart","touchend"];n.forEach(l=>{window.addEventListener(l,r,{passive:!1,capture:!0}),document.addEventListener(l,r,{passive:!1,capture:!0}),document.body.addEventListener(l,r,{passive:!1,capture:!0})});const u=setInterval(c,16);return()=>{clearInterval(u),n.forEach(l=>{window.removeEventListener(l,r,{capture:!0}),document.removeEventListener(l,r,{capture:!0}),document.body.removeEventListener(l,r,{capture:!0})}),document.documentElement.style.overflow=t.documentElement.overflow,document.documentElement.style.height=t.documentElement.height,document.documentElement.style.position=t.documentElement.position,document.documentElement.style.width=t.documentElement.width,document.body.style.overflow=t.body.overflow,document.body.style.height=t.body.height,document.body.style.position=t.body.position,document.body.style.top=t.body.top,document.body.style.left=t.body.left,document.body.style.right=t.body.right,document.body.style.width=t.body.width,t.body.webkitOverflowScrolling?document.body.style.setProperty("-webkit-overflow-scrolling",t.body.webkitOverflowScrolling):document.body.style.removeProperty("-webkit-overflow-scrolling"),window.scrollTo(0,o)}}return()=>{document.documentElement.style.overflow=t.documentElement.overflow,document.documentElement.style.height=t.documentElement.height,document.documentElement.style.position=t.documentElement.position,document.documentElement.style.width=t.documentElement.width,document.body.style.overflow=t.body.overflow,document.body.style.height=t.body.height,document.body.style.position=t.body.position,document.body.style.top=t.body.top,document.body.style.left=t.body.left,document.body.style.right=t.body.right,document.body.style.width=t.body.width,window.scrollTo(0,o)}},[e])},S=e=>{const[o,i]=s.useState(null);return s.useEffect(()=>{const t=n=>typeof n=="string"?document.querySelector(n):n.current,r=()=>{const n=t(e);i(n?n.getBoundingClientRect():null)},c=()=>{requestAnimationFrame(r)};return r(),window.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c,{passive:!0}),()=>{window.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[e]),o};function L(e,o){o===void 0&&(o=0);var i=s.useRef(!1),t=s.useRef(),r=s.useRef(e),c=s.useCallback(function(){return i.current},[]),n=s.useCallback(function(){i.current=!1,t.current&&clearTimeout(t.current),t.current=setTimeout(function(){i.current=!0,r.current()},o)},[o]),u=s.useCallback(function(){i.current=null,t.current&&clearTimeout(t.current)},[]);return s.useEffect(function(){r.current=e},[e]),s.useEffect(function(){return n(),u},[o]),[c,u,n]}function T(e,o,i){o===void 0&&(o=0),i===void 0&&(i=[]);var t=L(e,o),r=t[0],c=t[1],n=t[2];return s.useEffect(n,i),[r,c]}const w={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},x=e=>{let o="xs";return e>=w["2xl"]?o="2xl":e>=w.xl?o="xl":e>=w.lg?o="lg":e>=w.md?o="md":e>=w.sm?o="sm":o="xs",{current:o,xs:e<w.sm,sm:e>=w.sm&&e<w.md,md:e>=w.md&&e<w.lg,lg:e>=w.lg&&e<w.xl,xl:e>=w.xl&&e<w["2xl"],"2xl":e>=w["2xl"]}},V=e=>{const{delay:o=100,container:i}=e||{},[t,r]=s.useState({width:0,height:0}),[c,n]=s.useState({current:"xs",xs:!0,sm:!1,md:!1,lg:!1,xl:!1,"2xl":!1}),[u,l]=s.useState({width:0,height:0}),d=s.useRef(null),a=s.useRef(null);return T(()=>{l(t)},o,[t]),s.useEffect(()=>{const f=()=>{const g=i??d.current??document.body;if(!g)return;const{offsetWidth:y,offsetHeight:p}=g;r(v=>v.width!==y||v.height!==p?{width:y,height:p}:v),n(v=>{const b=x(y);return v.current!==b.current?b:v})},m=()=>{const g=i??d.current??document.body;g&&(f(),a.current&&a.current.disconnect(),a.current=new ResizeObserver(()=>{requestAnimationFrame(()=>{f()})}),a.current.observe(g))},h=()=>{a.current&&(a.current.disconnect(),a.current=null)};return m(),()=>{h()}},[i]),{size:u,breakpoint:c,ref:d}},R=e=>{const[o,i]=s.useState(!0),[t,r]=s.useState();return s.useEffect(()=>{if(!e){i(!1);return}const c=new Image;c.src=e,c.onload=()=>i(!1),c.onerror=n=>{i(!1),r(n)}},[e]),{loading:o,error:t}},z=(e,o)=>{const i=s.useRef(o),[t,r]=s.useState(()=>{if(typeof window>"u")return o;try{const n=window.localStorage.getItem(e);return n?JSON.parse(n):o}catch{return o}});s.useEffect(()=>{if(!(typeof window>"u"))try{const n=window.localStorage.getItem(e);n?r(JSON.parse(n)):window.localStorage.setItem(e,JSON.stringify(i.current))}catch(n){console.error(`Error reading localStorage key "${e}":`,n)}},[e]);const c=s.useCallback(n=>{try{r(u=>{const l=n instanceof Function?n(u):n;return localStorage.setItem(e,JSON.stringify(l)),l})}catch(u){console.error(`Error setting localStorage key "${e}":`,u)}},[e]);return[t,c]},P=(e,o)=>{const i=s.useRef(e);s.useEffect(()=>{i.current=e},[e]),s.useEffect(()=>{let t;function r(){const c=i.current();c instanceof Promise?c.then(()=>{o&&(t=setTimeout(r,o))}):o&&(t=setTimeout(r,o))}if(o)return t=setTimeout(r,o),()=>t&&clearTimeout(t)},[o])},H=()=>{const[e,o]=s.useState(null),[i,t]=s.useState({scrollY:0,scrollPercentage:0,isAtTop:!0,isAtBottom:!1,scrollableHeight:0,clientHeight:0,scrollHeight:0}),r=s.useCallback(c=>{o(c)},[]);return s.useEffect(()=>{if(!e)return;const c=()=>{const{scrollTop:l,scrollHeight:d,clientHeight:a}=e,f=d-a;if(f<=0){t({scrollY:0,scrollPercentage:0,isAtTop:!0,isAtBottom:!0,scrollableHeight:0,clientHeight:a,scrollHeight:d});return}const m=Math.min(100,Math.max(0,l/f*100));t({scrollY:l,scrollPercentage:m,isAtTop:l<=0,isAtBottom:l>=f-1,scrollableHeight:f,clientHeight:a,scrollHeight:d})};c();const n=()=>{c()};e.addEventListener("scroll",n,{passive:!0});const u=new ResizeObserver(()=>{c()});return u.observe(e),()=>{e.removeEventListener("scroll",n),u.unobserve(e)}},[e]),{...i,element:e,setRef:r}};function I(e){const o=s.useRef([]),i=s.useCallback(r=>{if(o.current[r]&&(o.current[r].scrollIntoView({behavior:"smooth",block:"start",inline:"start",...e}),e?.offset)){const c=o.current[r].getBoundingClientRect().top+window.scrollY-e.offset;window.scrollTo({top:c,behavior:e.behavior||"smooth"})}},[e]),t=s.useCallback((r,c)=>{o.current[c]=r},[]);return{elementRefs:o,setElementRef:t,scrollToElement:i}}const k=()=>{const[e,o]=s.useState({x:0,y:0,percent:{x:0,y:0}});return s.useEffect(()=>{const i=()=>{const n=window.scrollX||0,u=window.scrollY||0,l=/iPad|iPhone|iPod/.test(navigator.userAgent),d=window.visualViewport,a=l&&d?d.width:window.innerWidth,f=l&&d?d.height:window.innerHeight,m=Math.max(0,document.documentElement.scrollWidth-a),h=Math.max(0,document.documentElement.scrollHeight-f),g=m===0?0:Math.min(100,n/m*100),y=h===0?0:Math.min(100,u/h*100);o({x:n,y:u,percent:{x:Math.floor(Math.max(0,g)),y:Math.floor(Math.max(0,y))}})};i();const t=()=>{i()},r=()=>{setTimeout(i,100)},c=()=>{setTimeout(i,50)};return window.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",r),window.addEventListener("orientationchange",r),window.visualViewport&&window.visualViewport.addEventListener("resize",c),()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",r),window.removeEventListener("orientationchange",r),window.visualViewport&&window.visualViewport.removeEventListener("resize",c)}},[]),e},O=(e={})=>{const{isInApp:o=!1,debounce:i=100}=e,[t,r]=s.useState({width:0,height:0,offsetLeft:0,offsetTop:0,pageLeft:0,pageTop:0,scale:1}),c=s.useCallback(()=>{const u=window.innerHeight,l=window.visualViewport?.height||u,d=document.documentElement.clientHeight,a=document.body.clientHeight;return window.visualViewport&&Math.abs(l-u)>100?l:Math.max(u,d,a)},[]),n=s.useCallback(()=>{if(window.visualViewport&&!o)return window.visualViewport;const u=window.visualViewport?.width||window.innerWidth,l=o?c():window.visualViewport?.height||window.innerHeight;return{width:u,height:l,offsetLeft:window.visualViewport?.offsetLeft||0,offsetTop:window.visualViewport?.offsetTop||0,pageLeft:window.scrollX??window.pageXOffset??0,pageTop:window.scrollY??window.pageYOffset??0,scale:window.visualViewport?.scale||1}},[o,c]);return s.useEffect(()=>{let u;const l=()=>{clearTimeout(u),u=setTimeout(()=>{r(n())},i)},d=()=>r(n());d();const a=["resize","orientationchange"];o&&a.push("focus","blur","touchstart","touchend"),a.forEach(m=>{m==="resize"||m==="orientationchange"?window.addEventListener(m,l):window.addEventListener(m,d,{passive:!0})}),window.visualViewport&&(window.visualViewport.addEventListener("resize",d),window.visualViewport.addEventListener("scroll",d));let f;if(o){let m=n().height;f=setInterval(()=>{const h=n().height;Math.abs(h-m)>50&&(m=h,d())},500)}return()=>{clearTimeout(u),f&&clearInterval(f),a.forEach(m=>{window.removeEventListener(m,m==="resize"||m==="orientationchange"?l:d)}),window.visualViewport&&(window.visualViewport.removeEventListener("resize",d),window.visualViewport.removeEventListener("scroll",d))}},[n,o,i]),t};exports.useBodyScrollLock=E;exports.useElementRect=S;exports.useElementSize=V;exports.useImageLoader=R;exports.useLocalStorage=z;exports.useRecursiveTimeout=P;exports.useScrollPosition=H;exports.useScrollToElements=I;exports.useViewport=O;exports.useWindowScroll=k;

package/dist/index.d.ts

@@ -14,6 +14,11 @@ declare interface BreakpointInfo {
 
 declare type ElementReference<T> = string | RefObject<T>;
 
+declare interface Options {
+    delay?: number;
+    container?: HTMLElement | null;
+}
+
 declare interface Props extends ScrollIntoViewOptions {
     offset?: number;
 }
@@ -22,7 +27,7 @@ export declare const useBodyScrollLock: (enabled?: boolean) => void;
 
 export declare const useElementRect: <T>(elementRef: ElementReference<T>) => DOMRect | null;
 
-export declare const useElementSize: <T extends HTMLElement>(delay?: number) => {
+export declare const useElementSize: <T extends HTMLElement>(options?: Options) => {
     size: {
         width: number;
         height: number;

package/dist/index.js

@@ -1,9 +1,9 @@
-import { useEffect as w, useState as h, useRef as p, useCallback as v } from "react";
-const V = (e = !0) => {
-  w(() => {
+import { useEffect as f, useState as h, useRef as v, useCallback as g } from "react";
+const H = (e = !0) => {
+  f(() => {
     if (!e)
       return;
-    const t = window.scrollY, c = /iPad|iPhone|iPod/.test(navigator.userAgent), o = {
+    const o = window.scrollY, i = /iPad|iPhone|iPod/.test(navigator.userAgent), t = {
       documentElement: {
         overflow: document.documentElement.style.overflow,
         height: document.documentElement.style.height,
@@ -23,78 +23,78 @@ const V = (e = !0) => {
         )
       }
     };
-    if (document.documentElement.style.overflow = "hidden", document.documentElement.style.height = "100%", document.documentElement.style.position = "fixed", document.documentElement.style.width = "100%", document.body.style.overflow = "hidden", document.body.style.height = "100%", document.body.style.position = "fixed", document.body.style.top = `-${t}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%", c) {
+    if (document.documentElement.style.overflow = "hidden", document.documentElement.style.height = "100%", document.documentElement.style.position = "fixed", document.documentElement.style.width = "100%", document.body.style.overflow = "hidden", document.body.style.height = "100%", document.body.style.position = "fixed", document.body.style.top = `-${o}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%", i) {
       document.body.style.setProperty("-webkit-overflow-scrolling", "touch");
-      const r = (i) => {
-        (i.target === document.body || i.target === document.documentElement || i.target === window) && (i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation());
+      const r = (c) => {
+        (c.target === document.body || c.target === document.documentElement || c.target === window) && (c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation());
       }, s = () => {
         window.scrollTo(0, 0), document.body.scrollTop = 0, document.documentElement.scrollTop = 0;
       }, n = ["scroll", "touchmove", "touchstart", "touchend"];
-      n.forEach((i) => {
-        window.addEventListener(i, r, {
+      n.forEach((c) => {
+        window.addEventListener(c, r, {
           passive: !1,
           capture: !0
-        }), document.addEventListener(i, r, {
+        }), document.addEventListener(c, r, {
           passive: !1,
           capture: !0
-        }), document.body.addEventListener(i, r, {
+        }), document.body.addEventListener(c, r, {
           passive: !1,
           capture: !0
         });
       });
       const l = setInterval(s, 16);
       return () => {
-        clearInterval(l), n.forEach((i) => {
-          window.removeEventListener(i, r, { capture: !0 }), document.removeEventListener(i, r, { capture: !0 }), document.body.removeEventListener(i, r, {
+        clearInterval(l), n.forEach((c) => {
+          window.removeEventListener(c, r, { capture: !0 }), document.removeEventListener(c, r, { capture: !0 }), document.body.removeEventListener(c, r, {
             capture: !0
           });
-        }), document.documentElement.style.overflow = o.documentElement.overflow, document.documentElement.style.height = o.documentElement.height, document.documentElement.style.position = o.documentElement.position, document.documentElement.style.width = o.documentElement.width, document.body.style.overflow = o.body.overflow, document.body.style.height = o.body.height, document.body.style.position = o.body.position, document.body.style.top = o.body.top, document.body.style.left = o.body.left, document.body.style.right = o.body.right, document.body.style.width = o.body.width, o.body.webkitOverflowScrolling ? document.body.style.setProperty(
+        }), document.documentElement.style.overflow = t.documentElement.overflow, document.documentElement.style.height = t.documentElement.height, document.documentElement.style.position = t.documentElement.position, document.documentElement.style.width = t.documentElement.width, document.body.style.overflow = t.body.overflow, document.body.style.height = t.body.height, document.body.style.position = t.body.position, document.body.style.top = t.body.top, document.body.style.left = t.body.left, document.body.style.right = t.body.right, document.body.style.width = t.body.width, t.body.webkitOverflowScrolling ? document.body.style.setProperty(
           "-webkit-overflow-scrolling",
-          o.body.webkitOverflowScrolling
-        ) : document.body.style.removeProperty("-webkit-overflow-scrolling"), window.scrollTo(0, t);
+          t.body.webkitOverflowScrolling
+        ) : document.body.style.removeProperty("-webkit-overflow-scrolling"), window.scrollTo(0, o);
       };
     }
     return () => {
-      document.documentElement.style.overflow = o.documentElement.overflow, document.documentElement.style.height = o.documentElement.height, document.documentElement.style.position = o.documentElement.position, document.documentElement.style.width = o.documentElement.width, document.body.style.overflow = o.body.overflow, document.body.style.height = o.body.height, document.body.style.position = o.body.position, document.body.style.top = o.body.top, document.body.style.left = o.body.left, document.body.style.right = o.body.right, document.body.style.width = o.body.width, window.scrollTo(0, t);
+      document.documentElement.style.overflow = t.documentElement.overflow, document.documentElement.style.height = t.documentElement.height, document.documentElement.style.position = t.documentElement.position, document.documentElement.style.width = t.documentElement.width, document.body.style.overflow = t.body.overflow, document.body.style.height = t.body.height, document.body.style.position = t.body.position, document.body.style.top = t.body.top, document.body.style.left = t.body.left, document.body.style.right = t.body.right, document.body.style.width = t.body.width, window.scrollTo(0, o);
     };
   }, [e]);
-}, z = (e) => {
-  const [t, c] = h(null);
-  return w(() => {
-    const o = (n) => typeof n == "string" ? document.querySelector(n) : n.current, r = () => {
-      const n = o(e);
-      c(n ? n.getBoundingClientRect() : null);
+}, P = (e) => {
+  const [o, i] = h(null);
+  return f(() => {
+    const t = (n) => typeof n == "string" ? document.querySelector(n) : n.current, r = () => {
+      const n = t(e);
+      i(n ? n.getBoundingClientRect() : null);
     }, s = () => {
       requestAnimationFrame(r);
     };
     return r(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 }), () => {
       window.removeEventListener("scroll", s), window.removeEventListener("resize", s);
     };
-  }, [e]), t;
+  }, [e]), o;
 };
-function S(e, t) {
-  t === void 0 && (t = 0);
-  var c = p(!1), o = p(), r = p(e), s = v(function() {
-    return c.current;
-  }, []), n = v(function() {
-    c.current = !1, o.current && clearTimeout(o.current), o.current = setTimeout(function() {
-      c.current = !0, r.current();
-    }, t);
-  }, [t]), l = v(function() {
-    c.current = null, o.current && clearTimeout(o.current);
+function x(e, o) {
+  o === void 0 && (o = 0);
+  var i = v(!1), t = v(), r = v(e), s = g(function() {
+    return i.current;
+  }, []), n = g(function() {
+    i.current = !1, t.current && clearTimeout(t.current), t.current = setTimeout(function() {
+      i.current = !0, r.current();
+    }, o);
+  }, [o]), l = g(function() {
+    i.current = null, t.current && clearTimeout(t.current);
   }, []);
-  return w(function() {
+  return f(function() {
     r.current = e;
-  }, [e]), w(function() {
+  }, [e]), f(function() {
     return n(), l;
-  }, [t]), [s, l, n];
+  }, [o]), [s, l, n];
 }
-function L(e, t, c) {
-  t === void 0 && (t = 0), c === void 0 && (c = []);
-  var o = S(e, t), r = o[0], s = o[1], n = o[2];
-  return w(n, c), [r, s];
+function T(e, o, i) {
+  o === void 0 && (o = 0), i === void 0 && (i = []);
+  var t = x(e, o), r = t[0], s = t[1], n = t[2];
+  return f(n, i), [r, s];
 }
-const a = {
+const m = {
   // < 640px
   sm: 640,
   // >= 640px
@@ -106,19 +106,19 @@ const a = {
   // >= 1280px
   "2xl": 1536
   // >= 1536px
-}, x = (e) => {
-  let t = "xs";
-  return e >= a["2xl"] ? t = "2xl" : e >= a.xl ? t = "xl" : e >= a.lg ? t = "lg" : e >= a.md ? t = "md" : e >= a.sm ? t = "sm" : t = "xs", {
-    current: t,
-    xs: e < a.sm,
-    sm: e >= a.sm && e < a.md,
-    md: e >= a.md && e < a.lg,
-    lg: e >= a.lg && e < a.xl,
-    xl: e >= a.xl && e < a["2xl"],
-    "2xl": e >= a["2xl"]
+}, V = (e) => {
+  let o = "xs";
+  return e >= m["2xl"] ? o = "2xl" : e >= m.xl ? o = "xl" : e >= m.lg ? o = "lg" : e >= m.md ? o = "md" : e >= m.sm ? o = "sm" : o = "xs", {
+    current: o,
+    xs: e < m.sm,
+    sm: e >= m.sm && e < m.md,
+    md: e >= m.md && e < m.lg,
+    lg: e >= m.lg && e < m.xl,
+    xl: e >= m.xl && e < m["2xl"],
+    "2xl": e >= m["2xl"]
   };
-}, H = (e = 200) => {
-  const [t, c] = h({ width: 0, height: 0 }), [o, r] = h({
+}, I = (e) => {
+  const { delay: o = 100, container: i } = e || {}, [t, r] = h({ width: 0, height: 0 }), [s, n] = h({
     current: "xs",
     xs: !0,
     sm: !1,
@@ -126,82 +126,82 @@ const a = {
     lg: !1,
     xl: !1,
     "2xl": !1
-  }), [s, n] = h({ width: 0, height: 0 }), l = p(null), i = p(null);
-  return L(
+  }), [l, c] = h({ width: 0, height: 0 }), d = v(null), u = v(null);
+  return T(
     () => {
-      n(t);
+      c(t);
     },
-    e,
+    o,
     [t]
-  ), w(() => {
-    const d = () => {
-      const u = l.current ?? document.body;
-      if (!u)
+  ), f(() => {
+    const w = () => {
+      const p = i ?? d.current ?? document.body;
+      if (!p)
         return;
-      const { offsetWidth: g, offsetHeight: b } = u;
-      c((y) => y.width !== g || y.height !== b ? { width: g, height: b } : y), r((y) => {
-        const E = x(g);
-        return y.current !== E.current ? E : y;
+      const { offsetWidth: E, offsetHeight: S } = p;
+      r((b) => b.width !== E || b.height !== S ? { width: E, height: S } : b), n((b) => {
+        const L = V(E);
+        return b.current !== L.current ? L : b;
       });
-    }, m = () => {
-      const u = l.current ?? document.body;
-      u && (d(), i.current && i.current.disconnect(), i.current = new ResizeObserver(() => {
+    }, a = () => {
+      const p = i ?? d.current ?? document.body;
+      p && (w(), u.current && u.current.disconnect(), u.current = new ResizeObserver(() => {
         requestAnimationFrame(() => {
-          d();
+          w();
         });
-      }), i.current.observe(u));
-    }, f = () => {
-      i.current && (i.current.disconnect(), i.current = null);
+      }), u.current.observe(p));
+    }, y = () => {
+      u.current && (u.current.disconnect(), u.current = null);
     };
-    return m(), () => {
-      f();
+    return a(), () => {
+      y();
     };
-  }, []), {
-    size: s,
-    breakpoint: o,
-    ref: l
+  }, [i]), {
+    size: l,
+    breakpoint: s,
+    ref: d
   };
-}, P = (e) => {
-  const [t, c] = h(!0), [o, r] = h();
-  return w(() => {
+}, R = (e) => {
+  const [o, i] = h(!0), [t, r] = h();
+  return f(() => {
     if (!e) {
-      c(!1);
+      i(!1);
       return;
     }
     const s = new Image();
-    s.src = e, s.onload = () => c(!1), s.onerror = (n) => {
-      c(!1), r(n);
+    s.src = e, s.onload = () => i(!1), s.onerror = (n) => {
+      i(!1), r(n);
     };
   }, [e]), {
-    loading: t,
-    error: o
+    loading: o,
+    error: t
   };
-}, I = (e, t) => {
-  const c = p(t), [o, r] = h(() => {
+}, O = (e, o) => {
+  const i = v(o), [t, r] = h(() => {
     if (typeof window > "u")
-      return t;
+      return o;
     try {
       const n = window.localStorage.getItem(e);
-      return n ? JSON.parse(n) : t;
+      return n ? JSON.parse(n) : o;
     } catch {
-      return t;
+      return o;
     }
   });
-  w(() => {
+  f(() => {
     if (!(typeof window > "u"))
       try {
         const n = window.localStorage.getItem(e);
-        n ? r(JSON.parse(n)) : window.localStorage.setItem(e, JSON.stringify(c.current));
+        n ? r(JSON.parse(n)) : window.localStorage.setItem(e, JSON.stringify(i.current));
       } catch (n) {
         console.error(`Error reading localStorage key "${e}":`, n);
       }
   }, [e]);
-  const s = v(
+  const s = g(
     (n) => {
       try {
         r((l) => {
-          const i = n instanceof Function ? n(l) : n;
-          return localStorage.setItem(e, JSON.stringify(i)), i;
+          const c = n instanceof Function ? n(l) : n;
+          return localStorage.setItem(e, JSON.stringify(c)), c;
         });
       } catch (l) {
         console.error(`Error setting localStorage key "${e}":`, l);
@@ -209,24 +209,24 @@ const a = {
     },
     [e]
   );
-  return [o, s];
-}, R = (e, t) => {
-  const c = p(e);
-  w(() => {
-    c.current = e;
-  }, [e]), w(() => {
-    let o;
+  return [t, s];
+}, A = (e, o) => {
+  const i = v(e);
+  f(() => {
+    i.current = e;
+  }, [e]), f(() => {
+    let t;
     function r() {
-      const s = c.current();
+      const s = i.current();
       s instanceof Promise ? s.then(() => {
-        t && (o = setTimeout(r, t));
-      }) : t && (o = setTimeout(r, t));
+        o && (t = setTimeout(r, o));
+      }) : o && (t = setTimeout(r, o));
     }
-    if (t)
-      return o = setTimeout(r, t), () => o && clearTimeout(o);
-  }, [t]);
-}, O = () => {
-  const [e, t] = h(null), [c, o] = h({
+    if (o)
+      return t = setTimeout(r, o), () => t && clearTimeout(t);
+  }, [o]);
+}, M = () => {
+  const [e, o] = h(null), [i, t] = h({
     scrollY: 0,
     scrollPercentage: 0,
     isAtTop: !0,
@@ -234,37 +234,37 @@ const a = {
     scrollableHeight: 0,
     clientHeight: 0,
     scrollHeight: 0
-  }), r = v((s) => {
-    t(s);
+  }), r = g((s) => {
+    o(s);
   }, []);
-  return w(() => {
+  return f(() => {
     if (!e)
       return;
     const s = () => {
-      const { scrollTop: i, scrollHeight: d, clientHeight: m } = e, f = d - m;
-      if (f <= 0) {
-        o({
+      const { scrollTop: c, scrollHeight: d, clientHeight: u } = e, w = d - u;
+      if (w <= 0) {
+        t({
           scrollY: 0,
           scrollPercentage: 0,
           isAtTop: !0,
           isAtBottom: !0,
           scrollableHeight: 0,
-          clientHeight: m,
+          clientHeight: u,
           scrollHeight: d
         });
         return;
       }
-      const u = Math.min(
+      const a = Math.min(
         100,
-        Math.max(0, i / f * 100)
+        Math.max(0, c / w * 100)
       );
-      o({
-        scrollY: i,
-        scrollPercentage: u,
-        isAtTop: i <= 0,
-        isAtBottom: i >= f - 1,
-        scrollableHeight: f,
-        clientHeight: m,
+      t({
+        scrollY: c,
+        scrollPercentage: a,
+        isAtTop: c <= 0,
+        isAtBottom: c >= w - 1,
+        scrollableHeight: w,
+        clientHeight: u,
         scrollHeight: d
       });
     };
@@ -279,18 +279,18 @@ const a = {
     return l.observe(e), () => {
       e.removeEventListener("scroll", n), l.unobserve(e);
     };
-  }, [e]), { ...c, element: e, setRef: r };
+  }, [e]), { ...i, element: e, setRef: r };
 };
-function A(e) {
-  const t = p([]), c = v(
+function Y(e) {
+  const o = v([]), i = g(
     (r) => {
-      if (t.current[r] && (t.current[r].scrollIntoView({
+      if (o.current[r] && (o.current[r].scrollIntoView({
         behavior: "smooth",
         block: "start",
         inline: "start",
         ...e
       }), e?.offset)) {
-        const s = t.current[r].getBoundingClientRect().top + window.scrollY - e.offset;
+        const s = o.current[r].getBoundingClientRect().top + window.scrollY - e.offset;
         window.scrollTo({
           top: s,
           behavior: e.behavior || "smooth"
@@ -298,13 +298,13 @@ function A(e) {
       }
     },
     [e]
-  ), o = v((r, s) => {
-    t.current[s] = r;
+  ), t = g((r, s) => {
+    o.current[s] = r;
   }, []);
-  return { elementRefs: t, setElementRef: o, scrollToElement: c };
+  return { elementRefs: o, setElementRef: t, scrollToElement: i };
 }
-const M = () => {
-  const [e, t] = h({
+const k = () => {
+  const [e, o] = h({
     x: 0,
     y: 0,
     percent: {
@@ -312,41 +312,41 @@ const M = () => {
       y: 0
     }
   });
-  return w(() => {
-    const c = () => {
-      const n = window.scrollX || 0, l = window.scrollY || 0, i = /iPad|iPhone|iPod/.test(navigator.userAgent), d = window.visualViewport, m = i && d ? d.width : window.innerWidth, f = i && d ? d.height : window.innerHeight, u = Math.max(
+  return f(() => {
+    const i = () => {
+      const n = window.scrollX || 0, l = window.scrollY || 0, c = /iPad|iPhone|iPod/.test(navigator.userAgent), d = window.visualViewport, u = c && d ? d.width : window.innerWidth, w = c && d ? d.height : window.innerHeight, a = Math.max(
         0,
-        document.documentElement.scrollWidth - m
-      ), g = Math.max(
+        document.documentElement.scrollWidth - u
+      ), y = Math.max(
         0,
-        document.documentElement.scrollHeight - f
-      ), b = u === 0 ? 0 : Math.min(100, n / u * 100), y = g === 0 ? 0 : Math.min(100, l / g * 100);
-      t({
+        document.documentElement.scrollHeight - w
+      ), p = a === 0 ? 0 : Math.min(100, n / a * 100), E = y === 0 ? 0 : Math.min(100, l / y * 100);
+      o({
         x: n,
         y: l,
         percent: {
-          x: Math.floor(Math.max(0, b)),
-          y: Math.floor(Math.max(0, y))
+          x: Math.floor(Math.max(0, p)),
+          y: Math.floor(Math.max(0, E))
         }
       });
     };
-    c();
-    const o = () => {
-      c();
+    i();
+    const t = () => {
+      i();
     }, r = () => {
-      setTimeout(c, 100);
+      setTimeout(i, 100);
     }, s = () => {
-      setTimeout(c, 50);
+      setTimeout(i, 50);
     };
-    return window.addEventListener("scroll", o, { passive: !0 }), window.addEventListener("resize", r), window.addEventListener("orientationchange", r), window.visualViewport && window.visualViewport.addEventListener("resize", s), () => {
-      window.removeEventListener("scroll", o), window.removeEventListener("resize", r), window.removeEventListener("orientationchange", r), window.visualViewport && window.visualViewport.removeEventListener(
+    return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", r), window.addEventListener("orientationchange", r), window.visualViewport && window.visualViewport.addEventListener("resize", s), () => {
+      window.removeEventListener("scroll", t), window.removeEventListener("resize", r), window.removeEventListener("orientationchange", r), window.visualViewport && window.visualViewport.removeEventListener(
         "resize",
         s
       );
     };
   }, []), e;
-}, Y = (e = {}) => {
-  const { isInApp: t = !1, debounce: c = 100 } = e, [o, r] = h({
+}, B = (e = {}) => {
+  const { isInApp: o = !1, debounce: i = 100 } = e, [t, r] = h({
     width: 0,
     height: 0,
     offsetLeft: 0,
@@ -354,62 +354,62 @@ const M = () => {
     pageLeft: 0,
     pageTop: 0,
     scale: 1
-  }), s = v(() => {
-    const l = window.innerHeight, i = window.visualViewport?.height || l, d = document.documentElement.clientHeight, m = document.body.clientHeight;
-    return window.visualViewport && Math.abs(i - l) > 100 ? i : Math.max(l, d, m);
-  }, []), n = v(() => {
-    if (window.visualViewport && !t)
+  }), s = g(() => {
+    const l = window.innerHeight, c = window.visualViewport?.height || l, d = document.documentElement.clientHeight, u = document.body.clientHeight;
+    return window.visualViewport && Math.abs(c - l) > 100 ? c : Math.max(l, d, u);
+  }, []), n = g(() => {
+    if (window.visualViewport && !o)
       return window.visualViewport;
-    const l = window.visualViewport?.width || window.innerWidth, i = t ? s() : window.visualViewport?.height || window.innerHeight;
+    const l = window.visualViewport?.width || window.innerWidth, c = o ? s() : window.visualViewport?.height || window.innerHeight;
     return {
       width: l,
-      height: i,
+      height: c,
       offsetLeft: window.visualViewport?.offsetLeft || 0,
       offsetTop: window.visualViewport?.offsetTop || 0,
       pageLeft: window.scrollX ?? window.pageXOffset ?? 0,
       pageTop: window.scrollY ?? window.pageYOffset ?? 0,
       scale: window.visualViewport?.scale || 1
     };
-  }, [t, s]);
-  return w(() => {
+  }, [o, s]);
+  return f(() => {
     let l;
-    const i = () => {
+    const c = () => {
       clearTimeout(l), l = setTimeout(() => {
         r(n());
-      }, c);
+      }, i);
     }, d = () => r(n());
     d();
-    const m = ["resize", "orientationchange"];
-    t && m.push("focus", "blur", "touchstart", "touchend"), m.forEach((u) => {
-      u === "resize" || u === "orientationchange" ? window.addEventListener(u, i) : window.addEventListener(u, d, { passive: !0 });
+    const u = ["resize", "orientationchange"];
+    o && u.push("focus", "blur", "touchstart", "touchend"), u.forEach((a) => {
+      a === "resize" || a === "orientationchange" ? window.addEventListener(a, c) : window.addEventListener(a, d, { passive: !0 });
     }), window.visualViewport && (window.visualViewport.addEventListener("resize", d), window.visualViewport.addEventListener("scroll", d));
-    let f;
-    if (t) {
-      let u = n().height;
-      f = setInterval(() => {
-        const g = n().height;
-        Math.abs(g - u) > 50 && (u = g, d());
+    let w;
+    if (o) {
+      let a = n().height;
+      w = setInterval(() => {
+        const y = n().height;
+        Math.abs(y - a) > 50 && (a = y, d());
       }, 500);
     }
     return () => {
-      clearTimeout(l), f && clearInterval(f), m.forEach((u) => {
+      clearTimeout(l), w && clearInterval(w), u.forEach((a) => {
         window.removeEventListener(
-          u,
-          u === "resize" || u === "orientationchange" ? i : d
+          a,
+          a === "resize" || a === "orientationchange" ? c : d
         );
       }), window.visualViewport && (window.visualViewport.removeEventListener("resize", d), window.visualViewport.removeEventListener("scroll", d));
     };
-  }, [n, t, c]), o;
+  }, [n, o, i]), t;
 };
 export {
-  V as useBodyScrollLock,
-  z as useElementRect,
-  H as useElementSize,
-  P as useImageLoader,
-  I as useLocalStorage,
-  R as useRecursiveTimeout,
-  O as useScrollPosition,
-  A as useScrollToElements,
-  Y as useViewport,
-  M as useWindowScroll
+  H as useBodyScrollLock,
+  P as useElementRect,
+  I as useElementSize,
+  R as useImageLoader,
+  O as useLocalStorage,
+  A as useRecursiveTimeout,
+  M as useScrollPosition,
+  Y as useScrollToElements,
+  B as useViewport,
+  k as useWindowScroll
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/use-hooks",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "일반적인 UI 및 상호작용 패턴을 위한 재사용 가능한 React 19 훅 모음",
   "keywords": [
     "react",
@@ -42,7 +42,7 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "peerDependencies": {
     "react": "^19.1.1",