{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/zjA4vmvNnZRzdMCQGylH/uTCSGuV7GLjYYfYqLaIj/NewSpiralOnScroll.js"], "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";export function Spiral(){const[scrollPosition,setScrollPosition]=useState(0);useEffect(()=>{const handleScroll=()=>{setScrollPosition(window.scrollY);};handleScroll();window.addEventListener(\"scroll\",handleScroll);return()=>window.removeEventListener(\"scroll\",handleScroll);},[]);useEffect(()=>{const allCircles=document.querySelectorAll(\"circle\");allCircles.forEach(circle=>{circle.style.display=\"none\";});const maxScroll=document.documentElement.scrollHeight-window.innerHeight;const scrollProgress=scrollPosition/maxScroll;const circles=Array.from(document.querySelectorAll(\"circle\")).reverse();const numCircles=circles.length;const numCirclesToShow=Math.floor(scrollProgress*numCircles);circles.forEach((circle,index)=>{if(index