{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/hooks/useVhProperty/index.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\ninterface UseVhPropertyProps {\n  name?: string;\n  enabledResize?: boolean;\n}\n\nexport function useVhProperty({\n  name = 'vh',\n  enabledResize = false,\n}: UseVhPropertyProps = {}) {\n  useIsomorphicLayoutEffect(() => {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(`--${name}`, `${vh}px`);\n    };\n\n    handleResize();\n\n    if (enabledResize) {\n      window.addEventListener('resize', handleResize);\n    }\n\n    return () => {\n      if (enabledResize) {\n        window.removeEventListener('resize', handleResize);\n      }\n    };\n  }, [name, enabledResize]);\n}\n"],"mappings":";;AAOA,SAAgB,cAAc,EAC5B,OAAO,MACP,gBAAgB,UACM,EAAE,EAAE;CAC1B,cAAA,gCAAgC;EAC9B,MAAM,qBAAqB;GACzB,MAAM,KAAK,OAAO,cAAc;GAChC,SAAS,gBAAgB,MAAM,YAAY,KAAK,QAAQ,GAAG,GAAG,IAAI;;EAGpE,cAAc;EAEd,IAAI,eACF,OAAO,iBAAiB,UAAU,aAAa;EAGjD,aAAa;GACX,IAAI,eACF,OAAO,oBAAoB,UAAU,aAAa;;IAGrD,CAAC,MAAM,cAAc,CAAC"}