1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{t as n}from"./jsx-runtime-BdxMnOeJ.js";import{i as r,n as i,t as a}from"./react-spring_web.modern-C6ohYUSs.js";var o=e(t()),s=n(),c=({frequencyBands:e=[],poster:t})=>{let n=(0,o.useId)(),c=r({to:{r:50+(e[0]??0)*10},config:i.wobbly}),l=r({to:{r:50+(e[1]??0)*10},config:i.wobbly}),u=r({to:{r:50+(e[2]??0)*10},config:i.wobbly});return(0,s.jsxs)(`svg`,{className:`audio-player__visualizer`,viewBox:`0 0 124 124`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,s.jsx)(a.circle,{opacity:.5,cx:57,cy:62.5,r:c.r,fill:`var(--player-accent-color)`}),(0,s.jsx)(a.circle,{opacity:.5,cx:65,cy:57.5,r:l.r,fill:`var(--player-accent-color)`}),(0,s.jsx)(a.circle,{opacity:.5,cx:63,cy:66.5,r:u.r,fill:`var(--player-accent-color)`}),(0,s.jsxs)(`g`,{clipPath:`url(#${n}-clip)`,children:[(0,s.jsx)(`rect`,{x:14,y:14,width:96,height:96,fill:`url(#${n}-pattern)`}),(0,s.jsx)(`rect`,{x:14,y:14,width:96,height:96,fill:`var(--player-background-color`,opacity:.45})]}),(0,s.jsxs)(`defs`,{children:[(0,s.jsx)(`pattern`,{id:`${n}-pattern`,patternContentUnits:`objectBoundingBox`,width:`1`,height:`1`,children:(0,s.jsx)(`use`,{href:`#${n}-image`})}),(0,s.jsx)(`clipPath`,{id:`${n}-clip`,children:(0,s.jsx)(`rect`,{x:14,y:14,width:96,height:96,rx:48,fill:`white`})}),(0,s.jsx)(`image`,{id:`${n}-image`,href:t,width:1,height:1,preserveAspectRatio:`none`})]})]})};export{c as t}; 2//# sourceMappingURL=visualizer-BucFX7Pd.js.map
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.