UNPKG

koval-ui

Version:

React components collection with minimalistic design. Supports theming, layout, and input validation.

3 lines (2 loc) 761 B
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function a(r){const c=t.useRef(0),[e,u]=t.useState(),o=t.useMemo(()=>({width:e==null?void 0:e.inlineSize,height:e==null?void 0:e.blockSize}),[e==null?void 0:e.blockSize,e==null?void 0:e.inlineSize]),n=t.useMemo(()=>typeof window<"u"?new ResizeObserver(s=>{const i=s[0];i&&(cancelAnimationFrame(c.current),c.current=requestAnimationFrame(()=>{r.current&&u(i.borderBoxSize[0])}))}):null,[]);return t.useEffect(()=>(r.current&&(n==null||n.observe(r.current,{box:"border-box"})),()=>{n==null||n.disconnect(),c.current&&cancelAnimationFrame(c.current)}),[r.current]),o}exports.useResizeObserver=a; //# sourceMappingURL=useResizeObserverNew.cjs.map