{"version":3,"file":"Radiusmorph.X759M0TM.mjs","names":["useState","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/38PGTFDCOIym00i88002/WrgnlQKSl0ghfRrSqiPL/Radiusmorph.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";export function ProgressiveRadius(){const[radius,setRadius]=useState(0);const[topMargin,setTopMargin]=useState(0);useEffect(()=>{function update(){const vw=window.innerWidth;// --- CONFIG ---------------------------------------------------------\nconst BREAKPOINT=1400// where radius=0 and margin=0\n;const MAX_RADIUS=20// final border radius\n;const MAX_TOP_MARGIN=80// final top margin once above ramp (px)\n;const RAMP_WIDTH=100// amount of px after BREAKPOINT to reach MAX values\n;// smaller → morph faster\n// ---------------------------------------------------------------------\nif(vw<=BREAKPOINT){setRadius(0);setTopMargin(0);}else{// interpolation 0 → 1\nconst t=Math.min((vw-BREAKPOINT)/RAMP_WIDTH,1);// apply interpolation\nsetRadius(t*MAX_RADIUS);setTopMargin(t*MAX_TOP_MARGIN);}}update();window.addEventListener(\"resize\",update);return()=>window.removeEventListener(\"resize\",update);},[]);return{style:{borderRadius:`${radius}px`,marginTop:`${topMargin}px`,overflow:\"hidden\"}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withProgressiveRadius(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...ProgressiveRadius(props)});};}withProgressiveRadius.displayName=\"ProgressiveRadius\";\nexport const __FramerMetadata__ = {\"exports\":{\"withProgressiveRadius\":{\"type\":\"reactHoc\",\"name\":\"withProgressiveRadius\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ProgressiveRadius\":{\"type\":\"override\",\"name\":\"ProgressiveRadius\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Radiusmorph.map"],"mappings":"2LAAiF,SAAgB,GAAmB,CAAC,GAAK,CAAC,EAAO,GAAWA,EAAS,EAAE,CAAM,CAAC,EAAU,GAAcA,EAAS,EAAE,CAS3B,OAT4B,MAAc,CAAC,SAAS,GAAQ,CAAC,IAAM,EAAG,EAAO,WAC9O,EAAW,KAMjB,GAAG,GAAI,EAAY,EAAU,EAAE,CAAC,EAAa,EAAE,KAAM,CACrD,IAAM,EAAE,KAAK,KAAK,EAAG,GAAY,IAAW,EAAE,CAC9C,EAAU,EAAE,GAAW,CAAC,EAAa,EAAE,GAAe,EAAqD,OAAlD,GAAQ,CAAC,EAAO,iBAAiB,SAAS,EAAO,KAAW,EAAO,oBAAoB,SAAS,EAAO,EAAG,EAAE,CAAC,CAAO,CAAC,MAAM,CAAC,aAAa,GAAG,EAAO,IAAI,UAAU,GAAG,EAAU,IAAI,SAAS,SAAS,CAAC,CAAqJ,SAAgB,EAAsB,EAAE,CAAC,MAAO,KAAQ,EAA+BC,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAkB,EAAM,CAAC,CAAC,uBAT7hB,IAAsC,IASkU,CAAyL,EAAsB,YAAY"}