1import{r as o,j as t}from"./react-vendor-BZOZJ0Ce.js";import{f as u}from"./index-CoPObV1N.js";import{d as x,e as a,b as l,m as s}from"./motion-XU77wl8a.js";import"./vendor-CZ-F93qg.js";import"./three-D9e4Hxyi.js";import"./router-CrKgQQF1.js";import"./icons-2O5JNj1G.js";const y=({children:d,className:c})=>{const n=o.useRef(null),{scrollYProgress:r}=x({target:n,offset:["start start","end start"]}),i=o.useRef(null),[e,f]=o.useState(0);o.useEffect(()=>{i.current&&f(i.current.offsetHeight)},[]);const p=a(l(r,[0,.8],[50,e]),{stiffness:500,damping:90}),m=a(l(r,[0,1],[50,e-200]),{stiffness:500,damping:90});return t.jsxs(s.div,{ref:n,className:u("relative mx-auto h-full w-full max-w-4xl",c),children:[t.jsxs("div",{className:"absolute top-3 -left-4 md:-left-20",children:[t.jsx(s.div,{transition:{duration:.2,delay:.5},animate:{boxShadow:r.get()>0?"none":"rgba(0, 0, 0, 0.24) 0px 3px 8px"},className:"border-netural-200 ml-[27px] flex h-4 w-4 items-center justify-center rounded-full border shadow-sm",children:t.jsx(s.div,{transition:{duration:.2,delay:.5},animate:{backgroundColor:r.get()>0?"white":"#10b981",borderColor:r.get()>0?"white":"#059669"},className:"h-2 w-2 rounded-full border border-neutral-300 bg-white"})}),t.jsxs("svg",{viewBox:`0 0 20 ${e}`,width:"20",height:e,className:"ml-4 block","aria-hidden":"true",children:[t.jsx(s.path,{d:`M 1 0V -36 l 18 24 V ${e*.8} l -18 24V ${e}`,fill:"none",stroke:"#9091A0",strokeOpacity:"0.16",transition:{duration:10}}),t.jsx(s.path,{d:`M 1 0V -36 l 18 24 V ${e*.8} l -18 24V ${e}`,fill:"none",stroke:"url(#gradient)",strokeWidth:"1.25",className:"motion-reduce:hidden",transition:{duration:10}}),t.jsx("defs",{children:t.jsxs(s.linearGradient,{id:"gradient",gradientUnits:"userSpaceOnUse",x1:"0",x2:"0",y1:p,y2:m,children:[t.jsx("stop",{stopColor:"#18CCFC",stopOpacity:"0"}),t.jsx("stop",{stopColor:"#18CCFC"}),t.jsx("stop",{offset:"0.325",stopColor:"#6344F5"}),t.jsx("stop",{offset:"1",stopColor:"#AE48FF",stopOpacity:"0"})]})})]})]}),t.jsx("div",{ref:i,children:d})]})};export{y as TracingBeam};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.