UNPKG

wavyjs

Version:

Reusable React + TypeScript component and hooks library with Tailwind, Framer Motion, and GSAP.

138 lines • 94.8 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),e=require("react/jsx-runtime"),G=require("gsap"),M=require("framer-motion"),X=()=>{const[i,t]=p.useState({x:0,y:0});return p.useEffect(()=>{const a=s=>{t({x:s.clientX,y:s.clientY})};return window.addEventListener("mousemove",a),()=>{window.removeEventListener("mousemove",a)}},[]),i},J=i=>{const[t,a]=p.useState(null),[s,l]=p.useState(!0),[c,o]=p.useState(null);return p.useEffect(()=>{let h=!1;async function d(){try{l(!0);const n=await fetch(i);if(!n.ok)throw new Error("Failed to fetch");const f=await n.json();h||a(f)}catch(n){h||o(n)}finally{h||l(!1)}}return d(),()=>{h=!0}},[i]),{data:t,loading:s,error:c}},U=()=>{const[i,t]=p.useState(!1);return[i,{onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1)}]};function _({timeout:i,onTimeout:t,warningTime:a=0,onWarning:s}){const l=p.useRef(null),c=p.useRef(null),o=()=>{l.current&&clearTimeout(l.current),c.current&&clearTimeout(c.current),a>0&&s&&(c.current=setTimeout(s,i-a)),l.current=setTimeout(t,i)};p.useEffect(()=>{const h=["mousemove","keydown","click","touchstart"],d=()=>o();for(const n of h)window.addEventListener(n,d);return o(),()=>{for(const n of h)window.removeEventListener(n,d);l.current&&clearTimeout(l.current),c.current&&clearTimeout(c.current)}},[i,t,a,s])}const K=()=>{const i=window.speechSynthesis,t=p.useRef(null),a=p.useCallback((l,c={})=>{if(!i)return;i.cancel();const o=new SpeechSynthesisUtterance(l);Object.assign(o,c),i.speak(o),t.current=o},[i]),s=p.useCallback(()=>{i==null||i.cancel()},[i]);return{speak:a,stop:s}};function Q(i=!1){const[t,a]=p.useState(i),s=p.useCallback(()=>{a(l=>!l)},[]);return[t,s]}const $="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background",H={primary:"bg-blue-600 text-white hover:bg-blue-700 focus-visible:ring-blue-400 px-4 py-2",secondary:"bg-slate-200 text-slate-900 hover:bg-slate-300 focus-visible:ring-slate-400 px-4 py-2",ghost:"bg-transparent text-slate-900 hover:bg-slate-100 focus-visible:ring-slate-300 px-3 py-2"},E=p.forwardRef((i,t)=>{if(i.asMotion){const{asMotion:d,className:n="",variant:f="primary",children:j,...y}=i,m=`${$} ${H[f]} ${n}`.trim();return e.jsx(M.motion.button,{ref:t,className:m,whileTap:{scale:.98},whileHover:{y:-1},...y,children:j})}const{asMotion:a,className:s="",variant:l="primary",children:c,...o}=i,h=`${$} ${H[l]} ${s}`.trim();return e.jsx("button",{ref:t,className:h,...o,children:c})});E.displayName="Button";const I=()=>{const i=p.useRef(null),t=18,a=16,s=t*a;return p.useEffect(()=>{if(!i.current)return;const l=G.context(()=>{const c=G.timeline({repeat:-1,repeatDelay:.6});c.from(".box",{scale:0,yoyo:!0,repeat:1,ease:"power1.inOut",stagger:{amount:1.5,grid:[t,a],axis:"x",ease:"back.out(1.7)",from:"center"}}),c.to(".box",{yoyo:!0,scale:1,repeat:1,ease:"power1.inOut",stagger:{amount:1.5,grid:[t,a],axis:"y",ease:"back.out(1.7)",from:"center"}})},i);return()=>l.revert()},[t,a]),e.jsx("div",{ref:i,style:{width:"100%",height:"100%",zIndex:0,backgroundColor:"black",overflow:"hidden",pointerEvents:"none",userSelect:"none"},children:e.jsx("div",{style:{position:"relative",width:"100%",height:"100%",display:"grid",gridTemplateColumns:`repeat(${t}, minmax(0, 1fr))`,gridTemplateRows:`repeat(${a}, minmax(0, 1fr))`},children:Array.from({length:s}).map((l,c)=>e.jsx("div",{className:"box",style:{width:2,height:2,backgroundColor:"rgba(255,255,255,0.5)",borderRadius:9999,justifySelf:"center",alignSelf:"center"}},c))})})};I.displayName="FadingBG";const z=()=>{const[i,t]=p.useState(0),a=p.useRef([]);p.useEffect(()=>{function c(){if(!l.current)return;const{clientWidth:o,clientHeight:h}=l.current,d=16,n=Math.floor(o/d),f=Math.floor(h/d);t(n*f)}return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]),p.useEffect(()=>{if(i>0){const c=setInterval(()=>{const o=Math.floor(Math.random()*i),h=a.current[o];h&&G.fromTo(h,{opacity:.2},{opacity:1,duration:.3,yoyo:!0,repeat:1,ease:"power1.inOut"})},100);return()=>clearInterval(c)}},[i]);const s=()=>{const c=["rgba(0, 0, 0, 0.5)","rgba(155, 233, 168, 0.5)","rgba(64, 196, 99, 0.5)","rgba(48, 161, 78, 0.5)","rgba(33, 110, 57, 0.5)"];return c[Math.floor(Math.random()*c.length)]},l=p.useRef(null);return e.jsxs("div",{ref:l,style:{width:"100%",height:"100%",backgroundColor:"black",overflow:"hidden",position:"relative"},children:[e.jsx("div",{style:{position:"absolute",inset:0,background:"radial-gradient(circle at center, transparent 80%, black 100%)",pointerEvents:"none"}}),e.jsx("div",{style:{width:"100%",height:"100%",display:"grid",gridTemplateColumns:"repeat(auto-fill, 16px)",gridAutoRows:"16px",gap:8,padding:24,alignContent:"end"},children:Array.from({length:i}).map((c,o)=>e.jsx("div",{ref:h=>a.current[o]=h,style:{width:16,height:16,backgroundColor:s(),borderRadius:6}},o))})]})};z.displayName="GithubBG";const A=({title:i="WAVY JS",shadowSize:t="lg",shadowColor:a="white/80",textColor:s="black/30",numberOfRows:l=6,baseDuration:c=12,className:o=""})=>{const h=p.useRef([]),d=m=>{if(m.includes("/")){const[u,g]=m.split("/");return{color:u,opacity:parseFloat(g)/100}}return{color:m,opacity:1}},n=(m,u)=>{const{color:g,opacity:r}=d(u),x={sm:"0 1px 2px 0",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},w={black:"0, 0, 0",white:"255, 255, 255",red:"239, 68, 68",blue:"59, 130, 246",green:"34, 197, 94",yellow:"234, 179, 8",purple:"147, 51, 234",pink:"236, 72, 153",gray:"107, 114, 128",indigo:"99, 102, 241",teal:"20, 184, 166",orange:"249, 115, 22",cyan:"6, 182, 212",lime:"132, 204, 22",emerald:"16, 185, 129",amber:"245, 158, 11",rose:"244, 63, 94",violet:"139, 92, 246",fuchsia:"217, 70, 239",sky:"14, 165, 233",slate:"100, 116, 139",zinc:"113, 113, 122",neutral:"115, 115, 115",stone:"120, 113, 108"},v=x[m];let b="0, 0, 0";if(g.includes("-")){const[C,S]=g.split("-"),N=w[C];N&&(b=N)}else if(w[g])b=w[g];else if(g.startsWith("#")){const C=g.replace("#",""),S=parseInt(C.substr(0,2),16),N=parseInt(C.substr(2,2),16),B=parseInt(C.substr(4,2),16);b=`${S}, ${N}, ${B}`}else g.startsWith("rgb")&&(b=g.replace("rgb","").replace("rgba","").replace("(","").replace(")",""));return`${v} rgba(${b}, ${r})`},f=m=>{const{color:u,opacity:g}=d(m),r={black:"0, 0, 0",white:"255, 255, 255",red:"239, 68, 68",blue:"59, 130, 246",green:"34, 197, 94",yellow:"234, 179, 8",purple:"147, 51, 234",pink:"236, 72, 153",gray:"107, 114, 128",indigo:"99, 102, 241",teal:"20, 184, 166",orange:"249, 115, 22",cyan:"6, 182, 212",lime:"132, 204, 22",emerald:"16, 185, 129",amber:"245, 158, 11",rose:"244, 63, 94",violet:"139, 92, 246",fuchsia:"217, 70, 239",sky:"14, 165, 233",slate:"100, 116, 139",zinc:"113, 113, 122",neutral:"115, 115, 115",stone:"120, 113, 108"};if(u.includes("-")){const[x,w]=u.split("-"),v=r[x];if(v)return`rgba(${v}, ${g})`}if(r[u])return`rgba(${r[u]}, ${g})`;if(u.startsWith("#")){const x=u.replace("#",""),w=parseInt(x.substr(0,2),16),v=parseInt(x.substr(2,2),16),b=parseInt(x.substr(4,2),16);return`rgba(${w}, ${v}, ${b}, ${g})`}return u.startsWith("rgb"),u};p.useEffect(()=>{h.current.forEach((m,u)=>{if(!m)return;const g=m.scrollWidth/2,x=u%2===0?c:c*1.8;G.fromTo(m,{x:0},{x:-g,duration:x,ease:"linear",repeat:-1,modifiers:{x:w=>`${(parseFloat(w)%-g-g)%-g}px`}})})},[c]);const j=Array.from({length:8}).map((m,u)=>e.jsx("h1",{className:"text-8xl md:text-9xl font-bold mx-6 md:mx-8 whitespace-nowrap",style:{color:f(s),textShadow:n(t,a)},children:i},u)),y=Array.from({length:l}).map((m,u)=>e.jsxs("div",{ref:g=>{g&&(h.current[u]=g)},className:"flex whitespace-nowrap",style:{willChange:"transform"},children:[j,j," "]},u));return e.jsx("div",{className:o,"aria-hidden":!0,style:{position:"fixed",inset:0,zIndex:0,backgroundColor:"black",overflow:"hidden",display:"flex",flexDirection:"column",justifyContent:"center",gap:24,pointerEvents:"none",userSelect:"none"},children:y})};A.displayName="NameScroller";const D=()=>(p.useEffect(()=>{const i=G.utils.random(100,100),t=G.utils.random(100,100);G.to(".green",{x:i,y:t,scale:1,opacity:1,duration:G.utils.random(2,10),repeat:-1,yoyo:!0,ease:"power1.inOut"}),G.to(".red",{x:i,y:t,scale:1,opacity:1,duration:G.utils.random(2,8),repeat:-1,yoyo:!0,ease:"power1.inOut"}),G.to(".pink",{x:i,y:t,scale:1,opacity:1,duration:G.utils.random(2,4),repeat:-1,yoyo:!0,ease:"power1.inOut"})},[]),e.jsx("div",{"aria-hidden":!0,style:{height:"100%",width:"100%",zIndex:0,backgroundColor:"black",overflow:"hidden",pointerEvents:"none",userSelect:"none"},children:e.jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},children:[e.jsx("div",{className:"green",style:{position:"absolute",backgroundColor:"rgba(34, 197, 94, 0.4)",borderRadius:9999,width:128,height:128,left:"10%",top:"2%"}}),e.jsx("div",{className:"green",style:{position:"absolute",backgroundColor:"rgba(59, 130, 246, 0.4)",borderRadius:9999,width:128,height:128,left:"10%",top:"60%"}}),e.jsx("div",{className:"red",style:{position:"absolute",backgroundColor:"rgba(239, 68, 68, 0.4)",borderRadius:9999,width:128,height:128,left:"60%",top:"2%"}}),e.jsx("div",{className:"pink",style:{position:"absolute",backgroundColor:"rgba(236, 72, 153, 0.4)",borderRadius:9999,width:128,height:128,left:"40%",top:"50%"}}),e.jsx("div",{className:"pink",style:{position:"absolute",backgroundColor:"rgba(234, 179, 8, 0.4)",borderRadius:9999,width:128,height:128,left:"80%",top:"40%"}}),e.jsx("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(0,0,0,0.3)",backdropFilter:"blur(24px)"}})]})}));D.displayName="AnimatedBG";const W=()=>(p.useEffect(()=>{const i=document.querySelector("#masked-bg-container");i&&(G.fromTo("#circle1",{y:50,x:0},{y:200,x:100,duration:5,ease:"power2.inOut",repeat:-1,yoyo:!0,onUpdate:function(){const t=document.querySelector("#circle1");if(!t)return;const a=t.getBoundingClientRect(),s=(a.left+a.width/2)/window.innerWidth*100,l=(a.top+a.height/2)/window.innerHeight*100;i.style.setProperty("--circle1-x",`${s}%`),i.style.setProperty("--circle1-y",`${l}%`)}}),G.fromTo("#circle2",{x:0,y:-50},{x:50,y:50,duration:3,ease:"power1.inOut",repeat:-1,yoyo:!0,onUpdate:function(){const t=document.querySelector("#circle2");if(!t)return;const a=t.getBoundingClientRect(),s=(a.left+a.width/2)/window.innerWidth*100,l=(a.top+a.height/2)/window.innerHeight*100;i.style.setProperty("--circle2-x",`${s}%`),i.style.setProperty("--circle2-y",`${l}%`)}}),G.fromTo("#circle3",{x:0,y:-50},{x:60,y:50,duration:3,ease:"power1.inOut",repeat:-1,yoyo:!0,onUpdate:function(){const t=document.querySelector("#circle3");if(!t)return;const a=t.getBoundingClientRect(),s=(a.left+a.width/2)/window.innerWidth*100,l=(a.top+a.height/2)/window.innerHeight*100;i.style.setProperty("--circle3-x",`${s}%`),i.style.setProperty("--circle3-y",`${l}%`)}}),G.fromTo("#circle4",{x:0,y:-50},{x:50,y:50,duration:3,ease:"power1.inOut",repeat:-1,yoyo:!0,onUpdate:function(){const t=document.querySelector("#circle4");if(!t)return;const a=t.getBoundingClientRect(),s=(a.left+a.width/2)/window.innerWidth*100,l=(a.top+a.height/2)/window.innerHeight*100;i.style.setProperty("--circle4-x",`${s}%`),i.style.setProperty("--circle4-y",`${l}%`)}}))},[]),e.jsxs("div",{id:"masked-bg-container","aria-hidden":!0,style:{height:"100%",width:"100%",zIndex:0,overflow:"hidden",pointerEvents:"none",userSelect:"none"},children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:` .background { position: absolute; inset: 0; background: black; } .background::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( to right, rgba(255, 255, 255, 0.1) 0 2px, transparent 2px 50px ); -webkit-mask-image: radial-gradient(circle 400px at 10% 80%, black 40%, transparent 100%), radial-gradient(circle 250px at 80% 90%, black 40%, transparent 100%), radial-gradient(circle 400px at 40% 95%, black 40%, transparent 100%), radial-gradient(circle 250px at 60% 80%, black 40%, transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-composite: destination-out; mask-composite: exclude; } .background::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle 400px at 40% 95%, rgba(152, 8, 255, 0.6) 0%, transparent 100%), radial-gradient(circle 250px at 60% 80%, rgba(255, 0, 255, 0.6) 0%, transparent 100%); pointer-events: none; } `}}),e.jsxs("div",{style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",zIndex:0},children:[e.jsx("div",{className:"background"}),e.jsx("div",{id:"circle1",className:"absolute",style:{width:300,height:300,borderRadius:9999,left:"10%",top:"80%",transform:"translate(-50%, -50%)",filter:"blur(20px)"}}),e.jsx("div",{id:"circle2",className:"absolute",style:{width:300,height:300,borderRadius:9999,left:"80%",top:"90%",transform:"translate(-50%, -50%)",filter:"blur(20px)"}}),e.jsx("div",{id:"circle3",className:"absolute",style:{width:300,height:300,borderRadius:9999,left:"40%",top:"95%",transform:"translate(-50%, -50%)",filter:"blur(20px)"}}),e.jsx("div",{id:"circle4",className:"absolute",style:{width:300,height:300,borderRadius:9999,left:"60%",top:"80%",transform:"translate(-50%, -50%)",filter:"blur(20px)"}}),e.jsx("div",{style:{position:"absolute",inset:0},children:e.jsx("div",{style:{position:"absolute",inset:0,display:"flex",WebkitMaskImage:` radial-gradient( circle 400px at var(--circle1-x, 20%) var(--circle1-y, 40%), rgba(75, 0, 130, 0.6) 0%, /* Dark Indigo inside */ rgba(75, 0, 130, 0) 100% ), radial-gradient( circle 250px at var(--circle3-x, 40%) var(--circle3-y, 95%), rgba(128, 0, 128, 0.6) 0%, /* Dark Purple inside */ rgba(128, 0, 128, 0) 100% ), radial-gradient( circle 400px at var(--circle2-x, 70%) var(--circle2-y, 50%), rgba(75, 0, 130, 0.6) 0%, /* Dark Indigo inside */ rgba(75, 0, 130, 0) 100% ), radial-gradient( circle 250px at var(--circle4-x, 60%) var(--circle4-y, 80%), rgba(128, 0, 128, 0.6) 0%, /* Dark Purple inside */ rgba(128, 0, 128, 0) 100% ) `,WebkitMaskRepeat:"no-repeat",maskComposite:"destination-out"},children:Array.from({length:24}).map((i,t)=>e.jsx("div",{style:{flex:1,backgroundColor:"#3b82f6"}},t))})})]})]}));W.displayName="MaskedBG";const P=({diamondSize:i=8,diamondSpacing:t=60,rotationSpeed:a=2,className:s=""})=>{const l=p.useRef(null),c=p.useRef(),o=p.useRef(0);return p.useEffect(()=>{const h=l.current;if(!h)return;const d=h.getContext("2d");if(!d)return;const n=["#ef4444","#f97316","#eab308","#22c55e","#06b6d4","#3b82f6","#8b5cf6","#ec4899"],f=()=>{if(!h.parentElement)return;const m=h.parentElement.getBoundingClientRect(),u=window.devicePixelRatio||1;h.width=m.width*u,h.height=m.height*u,d.setTransform(1,0,0,1,0,0),d.scale(u,u),h.style.width=m.width+"px",h.style.height=m.height+"px"},j=(m,u,g,r,x)=>{d.save(),d.translate(m,u),d.rotate(r),d.beginPath(),d.moveTo(0,-g),d.lineTo(g,0),d.lineTo(0,g),d.lineTo(-g,0),d.closePath(),d.shadowColor=x,d.shadowBlur=8,d.fillStyle=x,d.fill(),d.restore()},y=()=>{if(!h.parentElement)return;const m=h.parentElement.getBoundingClientRect();d.clearRect(0,0,m.width,m.height),o.current+=a*.02;const u=Math.ceil(m.width/t)+1,g=Math.ceil(m.height/t)+1;for(let r=0;r<g;r++)for(let x=0;x<u;x++){const w=x*t,v=r*t,b=n[(r+x)%n.length];j(w,v,i,o.current,b)}c.current=requestAnimationFrame(y)};return f(),y(),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f),c.current&&cancelAnimationFrame(c.current)}},[i,t,a]),e.jsx("canvas",{ref:l,className:`w-full h-full ${s}`,style:{display:"block",background:"#000000"}})};P.displayName="AnimatedDiamondGrid";const T=({lineCount:i=15,lineSpeed:t=1,lineLength:a=100,className:s=""})=>{const l=p.useRef(null),c=p.useRef([]),o=p.useRef(),h=["#ff0080","#00ff80","#0080ff","#ff8000","#8000ff","#00ffff","#ffff00","#ff0040","#40ff00","#ff4080"];return p.useEffect(()=>{const d=l.current;if(!d)return;const n=d.getContext("2d");if(!n)return;const f=()=>{var r;const u=(r=d.parentElement)==null?void 0:r.getBoundingClientRect();if(!u)return;const g=window.devicePixelRatio||1;d.width=u.width*g,d.height=u.height*g,n.setTransform(1,0,0,1,0,0),n.scale(g,g),d.style.width=u.width+"px",d.style.height=u.height+"px"},j=()=>{var g;c.current=[];const u=(g=d.parentElement)==null?void 0:g.getBoundingClientRect();if(u)for(let r=0;r<i;r++){const x=Math.random()*u.width,w=Math.random()*u.height,v=Math.random()*Math.PI*2,b=Math.cos(v)*t,C=Math.sin(v)*t;c.current.push({x,y:w,dx:b,dy:C,color:h[Math.floor(Math.random()*h.length)],length:a+Math.random()*50,opacity:.7+Math.random()*.3})}},y=()=>{var g;const u=(g=d.parentElement)==null?void 0:g.getBoundingClientRect();u&&(n.fillStyle="#000000",n.fillRect(0,0,u.width,u.height),c.current.forEach(r=>{r.x+=r.dx,r.y+=r.dy,r.x<-r.length&&(r.x=u.width+r.length),r.x>u.width+r.length&&(r.x=-r.length),r.y<-r.length&&(r.y=u.height+r.length),r.y>u.height+r.length&&(r.y=-r.length);const x=r.x+Math.cos(Math.atan2(r.dy,r.dx))*r.length,w=r.y+Math.sin(Math.atan2(r.dy,r.dx))*r.length;n.save(),n.strokeStyle=r.color,n.globalAlpha=r.opacity*.1,n.lineWidth=8,n.shadowColor=r.color,n.shadowBlur=20,n.beginPath(),n.moveTo(r.x,r.y),n.lineTo(x,w),n.stroke(),n.globalAlpha=r.opacity*.3,n.lineWidth=4,n.shadowBlur=10,n.beginPath(),n.moveTo(r.x,r.y),n.lineTo(x,w),n.stroke(),n.globalAlpha=r.opacity,n.lineWidth=2,n.shadowBlur=5,n.beginPath(),n.moveTo(r.x,r.y),n.lineTo(x,w),n.stroke(),n.globalAlpha=1,n.lineWidth=1,n.shadowBlur=0,n.strokeStyle="#ffffff",n.beginPath(),n.moveTo(r.x,r.y),n.lineTo(x,w),n.stroke(),n.restore()}),o.current=requestAnimationFrame(y))};f(),j(),y();const m=()=>{f(),j()};return window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m),o.current&&cancelAnimationFrame(o.current)}},[i,t,a]),e.jsx("canvas",{ref:l,className:`w-full h-full ${s}`,style:{display:"block",background:"#000000"}})};T.displayName="AnimatedNeonLines";const L=({chevronSize:i=16,spacing:t=60,strokeWidth:a=2,colors:s=["#ef4444","#f97316","#eab308","#22c55e","#06b6d4","#3b82f6","#8b5cf6","#ec4899"],rotationSpeed:l=2,className:c=""})=>{const o=p.useRef(null),h=p.useRef(),d=p.useRef([]);return p.useEffect(()=>{const n=o.current;if(!n)return;const f=n.getContext("2d");if(!f)return;const j=()=>{var v;const g=(v=n.parentElement)==null?void 0:v.getBoundingClientRect();if(!g)return;const r=window.devicePixelRatio||1;n.width=g.width*r,n.height=g.height*r,f.setTransform(1,0,0,1,0,0),f.scale(r,r),n.style.width=g.width+"px",n.style.height=g.height+"px",d.current=[];const x=Math.ceil(g.width/t)+1,w=Math.ceil(g.height/t)+1;for(let b=0;b<w;b++)for(let C=0;C<x;C++)d.current.push({x:C*t,y:b*t,color:s[Math.floor(Math.random()*s.length)],rotation:Math.random()*360})},y=(g,r,x,w,v)=>{f.save(),f.translate(g,r),f.rotate(w*Math.PI/180),f.strokeStyle=v,f.lineWidth=a,f.lineCap="round",f.lineJoin="round",f.beginPath(),f.moveTo(-x/2,x/4),f.lineTo(0,-x/4),f.lineTo(x/2,x/4),f.stroke(),f.restore()},m=()=>{const g=n.getBoundingClientRect();f.fillStyle="#000000",f.fillRect(0,0,g.width,g.height),d.current.forEach(r=>{r.rotation+=l,r.rotation>=360&&(r.rotation=0),y(r.x,r.y,i,r.rotation,r.color)}),h.current=requestAnimationFrame(m)};j(),m();const u=()=>j();return window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),h.current&&cancelAnimationFrame(h.current)}},[i,t,a,s,l]),e.jsx("canvas",{ref:o,className:c,style:{display:"block",background:"#000000"}})};L.displayName="AnimatedChevronGrid";function ee({shapeCount:i=25,colors:t=["#3b82f6","#10b981","#f59e0b","#ef4444","#8b5cf6","#06b6d4","#f97316"],minSize:a=20,maxSize:s=80,minSpeed:l=.3,maxSpeed:c=1.2,backgroundColor:o="#0f172a"}){const h=p.useRef(null),d=p.useRef([]),n=p.useRef();return p.useEffect(()=>{const f=h.current;if(!f)return;const j=f.getContext("2d");if(!j)return;const y=()=>{const r=window.devicePixelRatio||1,x=window.innerWidth,w=window.innerHeight;f.width=x*r,f.height=w*r,j.setTransform(1,0,0,1,0,0),j.scale(r,r),f.style.width=x+"px",f.style.height=w+"px"},m=()=>{const r=[],x=["circle","triangle","square"];for(let w=0;w<i;w++)r.push({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,size:Math.random()*(s-a)+a,type:x[Math.floor(Math.random()*x.length)],color:t[Math.floor(Math.random()*t.length)],speedX:(Math.random()-.5)*(c-l)+l,speedY:(Math.random()-.5)*(c-l)+l,rotation:Math.random()*Math.PI*2,rotationSpeed:(Math.random()-.5)*.02,opacity:Math.random()*.6+.2});d.current=r},u=r=>{switch(j.save(),j.globalAlpha=r.opacity,j.fillStyle=r.color,j.translate(r.x,r.y),j.rotate(r.rotation),r.type){case"circle":j.beginPath(),j.arc(0,0,r.size/2,0,Math.PI*2),j.fill();break;case"triangle":j.beginPath(),j.moveTo(0,-r.size/2),j.lineTo(-r.size/2,r.size/2),j.lineTo(r.size/2,r.size/2),j.closePath(),j.fill();break;case"square":j.fillRect(-r.size/2,-r.size/2,r.size,r.size);break}j.restore()},g=()=>{j.fillStyle=o,j.fillRect(0,0,window.innerWidth,window.innerHeight),d.current.forEach(r=>{r.x+=r.speedX,r.y+=r.speedY,r.rotation+=r.rotationSpeed,r.x>window.innerWidth+r.size&&(r.x=-r.size),r.x<-r.size&&(r.x=window.innerWidth+r.size),r.y>window.innerHeight+r.size&&(r.y=-r.size),r.y<-r.size&&(r.y=window.innerHeight+r.size),u(r)}),n.current=requestAnimationFrame(g)};return y(),m(),g(),window.addEventListener("resize",()=>{y(),m()}),()=>{window.removeEventListener("resize",y),n.current&&cancelAnimationFrame(n.current)}},[i,t,a,s,l,c,o]),e.jsx("canvas",{ref:h,className:"fixed inset-0 w-full h-full",style:{background:o}})}function te({particleCount:i=50,primaryColor:t="#e2e8f0",secondaryColor:a="#cbd5e1",backgroundColor:s="#f8fafc",speed:l=.5,opacity:c=1}){const o=p.useRef(null),h=p.useRef(),d=p.useRef([]);return p.useEffect(()=>{const n=o.current;if(!n)return;const f=n.getContext("2d");if(!f)return;const j=()=>{const r=n.getBoundingClientRect(),x=window.devicePixelRatio||1;n.width=r.width*x,n.height=r.height*x,f.resetTransform(),f.scale(x,x),n.style.width=`${r.width}px`,n.style.height=`${r.height}px`},y=()=>{const r=[t,a];d.current=Array.from({length:i},()=>({x:Math.random()*n.offsetWidth,y:Math.random()*n.offsetHeight,vx:(Math.random()-.5)*l,vy:(Math.random()-.5)*l,size:Math.random()*3+1,color:r[Math.floor(Math.random()*r.length)],opacity:Math.random()*c+.2}))},m=()=>{const r=d.current,x=120;for(let w=0;w<r.length;w++)for(let v=w+1;v<r.length;v++){const b=r[w].x-r[v].x,C=r[w].y-r[v].y,S=Math.sqrt(b*b+C*C);if(S<x){const N=(1-S/x)*.3;f.strokeStyle=`rgba(0, 0, 0, ${N})`,f.lineWidth=.5,f.beginPath(),f.moveTo(r[w].x,r[w].y),f.lineTo(r[v].x,r[v].y),f.stroke()}}},u=()=>{f.fillStyle=s,f.fillRect(0,0,n.offsetWidth,n.offsetHeight),m(),d.current.forEach(r=>{r.x+=r.vx,r.y+=r.vy,(r.x<=0||r.x>=n.offsetWidth)&&(r.vx*=-1),(r.y<=0||r.y>=n.offsetHeight)&&(r.vy*=-1),r.x=Math.max(0,Math.min(n.offsetWidth,r.x)),r.y=Math.max(0,Math.min(n.offsetHeight,r.y)),f.fillStyle=r.color,f.globalAlpha=r.opacity,f.beginPath(),f.arc(r.x,r.y,r.size,0,Math.PI*2),f.fill(),f.globalAlpha=1}),h.current=requestAnimationFrame(u)};j(),y(),u();const g=()=>{j(),y()};return window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g),h.current&&cancelAnimationFrame(h.current)}},[i,t,a,s,l,c]),e.jsx("canvas",{ref:o,className:"absolute inset-0 w-full h-full",style:{background:s}})}function re({className:i="",colors:t,angle:a=45,duration:s=14,opacity:l=1,variant:c="linear",baseColor:o}){const h=(t&&t.length>0?t:["#3b82f6","#06b6d4","#22c55e"]).slice(0,5),d=c==="radial"?`radial-gradient(circle at 50% 50%, ${h.join(", ")})`:c==="conic"?`conic-gradient(from ${a}deg, ${h.join(", ")})`:`linear-gradient(${a}deg, ${h.join(", ")})`,n={backgroundColor:o,backgroundImage:d,backgroundSize:c==="linear"?"400% 400%":"200% 200%",backgroundPosition:"0% 50%",opacity:l,animation:`ag-shift ${Math.max(4,s)}s ease-in-out infinite`};return e.jsx("div",{"aria-hidden":"true",className:`pointer-events-none absolute inset-0 -z-10 ${i}`,style:n,children:e.jsx("style",{children:` @keyframes ag-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @media (prefers-reduced-motion: reduce) { .animated-gradient-bg { animation: none !important; } } `})})}const O=({starSize:i=18,spacing:t=60,rotationSpeed:a=1,colors:s=["#ffffff","#facc15","#60a5fa","#a78bfa"],className:l=""})=>{const c=p.useRef(null),o=p.useRef(),h=p.useRef([]);return p.useEffect(()=>{const d=c.current;if(!d)return;const n=d.getContext("2d");if(!n)return;const f=()=>{var x;const m=(x=d.parentElement)==null?void 0:x.getBoundingClientRect();if(!m)return;const u=window.devicePixelRatio||1;d.width=m.width*u,d.height=m.height*u,n.setTransform(1,0,0,1,0,0),n.scale(u,u),d.style.width=m.width+"px",d.style.height=m.height+"px",h.current=[];const g=Math.ceil(m.width/t)+1,r=Math.ceil(m.height/t)+1;for(let w=0;w<r;w++)for(let v=0;v<g;v++)h.current.push({x:v*t,y:w*t,color:s[Math.floor(Math.random()*s.length)],rotation:Math.random()*360})},j=(m,u,g,r,x)=>{n.save(),n.translate(m,u),n.rotate(r*Math.PI/180),n.fillStyle=x,n.font=`${g}px Arial`,n.textAlign="center",n.textBaseline="middle",n.fillText("*",0,0),n.restore()},y=()=>{const m=d.getBoundingClientRect();n.fillStyle="#000000",n.fillRect(0,0,m.width,m.height),h.current.forEach(u=>{u.rotation+=a,u.rotation>=360&&(u.rotation=0),j(u.x,u.y,i,u.rotation,u.color)}),o.current=requestAnimationFrame(y)};return f(),y(),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f),o.current&&cancelAnimationFrame(o.current)}},[i,t,s,a]),e.jsxs("div",{className:"relative w-full h-full",children:[e.jsx("canvas",{ref:c,className:l,style:{display:"block",width:"100%",height:"100%",background:"#000000"}}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,1) 100%)"}})]})};O.displayName="AnimatedStarGrid";const F=({plusSize:i=18,spacing:t=60,rotationSpeed:a=1,colors:s=["#ffffff","#facc15","#60a5fa","#a78bfa"],className:l=""})=>{const c=p.useRef(null),o=p.useRef(),h=p.useRef([]);return p.useEffect(()=>{const d=c.current;if(!d)return;const n=d.getContext("2d");if(!n)return;const f=()=>{var x;const m=(x=d.parentElement)==null?void 0:x.getBoundingClientRect();if(!m)return;const u=window.devicePixelRatio||1;d.width=m.width*u,d.height=m.height*u,n.setTransform(1,0,0,1,0,0),n.scale(u,u),d.style.width=m.width+"px",d.style.height=m.height+"px",h.current=[];const g=Math.ceil(m.width/t)+1,r=Math.ceil(m.height/t)+1;for(let w=0;w<r;w++)for(let v=0;v<g;v++)h.current.push({x:v*t,y:w*t,color:s[Math.floor(Math.random()*s.length)],rotation:Math.random()*360})},j=(m,u,g,r,x)=>{n.save(),n.translate(m,u),n.rotate(r*Math.PI/180),n.fillStyle=x,n.font=`${g}px Arial`,n.textAlign="center",n.textBaseline="middle",n.fillText("+",0,0),n.restore()},y=()=>{const m=d.getBoundingClientRect();n.fillStyle="#000000",n.fillRect(0,0,m.width,m.height),h.current.forEach(u=>{u.rotation+=a,u.rotation>=360&&(u.rotation=0),j(u.x,u.y,i,u.rotation,u.color)}),o.current=requestAnimationFrame(y)};return f(),y(),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f),o.current&&cancelAnimationFrame(o.current)}},[i,t,s,a]),e.jsxs("div",{className:"relative w-full h-full",children:[e.jsx("canvas",{ref:c,className:l,style:{display:"block",width:"100%",height:"100%",background:"#000000"}}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,1) 100%)"}})]})};F.displayName="AnimatedPlusGrid";const V=({gridSize:i=20,strokeWidth:t=1,strokeColor:a="#e5e7eb",backgroundColor:s="#000000",vignetteColor:l="rgba(0,0,0,0.6)",className:c="",speed:o=30})=>{const h=i/o;return e.jsxs("div",{className:`absolute inset-0 w-full h-full overflow-hidden ${c}`,children:[e.jsx("div",{className:"absolute inset-0 w-full h-full animate-scroll-smooth",style:{backgroundColor:s,backgroundImage:` linear-gradient(${a} ${t}px, transparent ${t}px), linear-gradient(90deg, ${a} ${t}px, transparent ${t}px) `,backgroundSize:`${i}px ${i}px`,backgroundRepeat:"repeat"}}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{background:`radial-gradient(circle at center, transparent 40%, ${l} 90%, ${l} 100%)`}}),e.jsx("style",{children:` @keyframes scroll-smooth { from { background-position: 0 0, 0 0; } to { background-position: -${i}px 0, -${i}px 0; } } .animate-scroll-smooth { animation: scroll-smooth ${h}s linear infinite; will-change: background-position; } `})]})};V.displayName="AnimatedGraphBG";const ie=({size:i=200,color:t="cyan",className:a})=>{const s=p.useRef(null);return p.useEffect(()=>{s.current&&G.to(s.current,{rotate:360,repeat:-1,duration:6})},[]),e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 841.9 595.3",width:i,height:i,fill:"none",preserveAspectRatio:"xMidYMid meet",className:["svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},children:[e.jsxs("g",{stroke:t,strokeWidth:"20",opacity:"0.5",filter:"url(#glowSoft)",children:[e.jsx("ellipse",{cx:"420.9",cy:"296.5",rx:"300",ry:"120"}),e.jsx("ellipse",{cx:"420.9",cy:"296.5",rx:"300",ry:"120",transform:"rotate(60 420.9 296.5)"}),e.jsx("ellipse",{cx:"420.9",cy:"296.5",rx:"300",ry:"120",transform:"rotate(120 420.9 296.5)"})]}),e.jsx(M.motion.circle,{r:"14",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"5s",repeatCount:"indefinite",rotate:"auto",path:"M 120,296.5 A 300,120 0 1,1 721,296.5 A 300,120 0 1,1 120,296.5 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 0 0 0\r 0 0 0 0 1\r 0 0 0 0 1\r 0 0 0 0.7 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"12",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 0 0 0\r 0 0 0 0 1\r 0 0 0 0 1\r 0 0 0 1 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},ne=({size:i=200,color:t="#f7df1e",className:a})=>{const s=p.useRef(null);return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 630 630",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["js-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"630",height:"630",fill:t,filter:"url(#glowSoft)",rx:"30"}),e.jsx("text",{x:"50%",y:"60%",textAnchor:"middle",fontSize:"280",fontWeight:"bold",fill:"black",fontFamily:"Arial, sans-serif",children:"JS"}),e.jsx(M.motion.circle,{r:"18",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 630 V 630 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`1 1 0 0 0\r 1 1 0 0 0\r 0 0 0 0 0\r 0 0 0 0.6 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"12",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`1 1 0 0 0\r 1 1 0 0 0\r 0 0 0 0 0\r 0 0 0 1 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},se=({size:i=200,color:t="#0074BD",className:a})=>{const s=p.useRef(null);return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["java-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:"white",filter:"url(#glowSoft)",rx:"16"}),e.jsxs("g",{transform:"scale(1) translate(0,0)",children:[e.jsx("path",{fill:"#0074BD",d:"M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zm-2.988-13.665s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z"}),e.jsx("path",{fill:"#EA2D2E",d:"M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z"}),e.jsx("path",{fill:"#0074BD",d:"M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zm40.697 22.747c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z"}),e.jsx("path",{fill:"#EA2D2E",d:"M76.491 1.587S89.459 14.563 64.188 34.51c-20.266 16.006-4.621 25.13-.007 35.559-11.831-10.673-20.509-20.07-14.688-28.815C58.041 28.42 81.722 22.195 76.491 1.587z"}),e.jsx("path",{fill:"#0074BD",d:"M52.214 126.021c22.476 1.437 57-.8 57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186 3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381 17.647 3.331z"})]}),e.jsx(M.motion.circle,{r:"6",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 128 V 128 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 1 0 0\r 0 0 1 0 0\r 0 0 1 0 0\r 0 0 0 0.6 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`1 0 0 0 0\r 0 0 1 0 0\r 0 0 1 0 0\r 0 0 0 1 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},ae=({size:i=200,color:t="#38BDF8",className:a})=>{const s=p.useRef(null);return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["tailwind-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:"white",filter:"url(#glowSoft)",rx:"16"}),e.jsx("g",{transform:"scale(4) translate(1,0)",children:e.jsx("path",{fill:t,d:"M16 7.999c-4.267 0-6.933 2.133-8 6.4 1.6-2.134 3.467-2.934 5.6-2.4 1.218.304 2.09 1.19 3.055 2.164C18.187 15.7 19.406 16.933 22.4 16.933c4.267 0 6.933-2.133 8-6.4-1.6 2.134-3.467 2.934-5.6 2.4-1.218-.304-2.09-1.19-3.055-2.164C19.813 9.233 18.594 7.999 16 7.999zM8 16c-4.267 0-6.933 2.133-8 6.4 1.6-2.134 3.467-2.934 5.6-2.4 1.218.304 2.09 1.19 3.055 2.164C10.187 23.7 11.406 24.933 14.4 24.933c4.267 0 6.933-2.133 8-6.4-1.6 2.134-3.467 2.934-5.6 2.4-1.218-.304-2.09-1.19-3.055-2.164C11.813 17.233 10.594 16 8 16z"})}),e.jsx(M.motion.circle,{r:"6",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 128 V 128 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 1 0 0\r 0 0 1 0 0\r 0 0 1 0 0\r 0 0 0 0.6 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`1 0 0 0 0\r 0 0 1 0 0\r 0 0 1 0 0\r 0 0 0 1 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},oe=({size:i=200,color:t="#E44D26",className:a})=>{const s=p.useRef(null),l=c=>{if(t.startsWith("#")){const o=parseInt(t.slice(1,3),16),h=parseInt(t.slice(3,5),16),d=parseInt(t.slice(5,7),16);return`rgba(${o}, ${h}, ${d}, ${c})`}return t};return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["html-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:l(.5),filter:"url(#glowSoft)",rx:"16"}),e.jsxs("g",{transform:"translate(20,25) scale(0.7)",children:[e.jsx("path",{fill:"#E44D26",d:"M19 3l9 100 36 10 36-10 9-100H19z"}),e.jsx("path",{fill:"#F16529",d:"M64 116l29-8 8-92H64v100z"}),e.jsx("path",{fill:"#EBEBEB",d:"M64 52H44l-1-12h21V28H31l3 36h30V52zM64 82h-1l-15-4-1-11H35l2 23 27 7h1V82z"}),e.jsx("path",{fill:"#fff",d:"M64 52v12h19l-2 14-17 4v13l27-7 3-36H64zM64 28v12h33l1-12H64z"})]}),e.jsx(M.motion.circle,{r:"6",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 128 V 128 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`1 0.4 0 0 0\r 1 0.2 0 0 0\r 0 0 0 0 0\r 0 0 0 0.6 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`1 0.3 0 0 0\r 1 0.3 0 0 0\r 0 0 0 0 0\r 0 0 0 1 0`,result:"glowColor"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"glowColor"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},le=({size:i=200,color:t="#264DE4",className:a})=>{const s=p.useRef(null),l=c=>{if(t.startsWith("#")){const o=parseInt(t.slice(1,3),16),h=parseInt(t.slice(3,5),16),d=parseInt(t.slice(5,7),16);return`rgba(${o}, ${h}, ${d}, ${c})`}return t};return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["css-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:l(.5),filter:"url(#glowSoft)",rx:"16"}),e.jsxs("g",{transform:"translate(20,25) scale(0.7)",children:[e.jsx("path",{fill:"#264DE4",d:"M19 3l9 100 36 10 36-10 9-100H19z"}),e.jsx("path",{fill:"#2965F1",d:"M64 116l29-8 8-92H64v100z"}),e.jsx("path",{fill:"#EBEBEB",d:"M64 52H44l-1-12h21V28H31l3 36h30V52zM64 82h-1l-15-4-1-11H35l2 23 27 7h1V82z"}),e.jsx("path",{fill:"#fff",d:"M64 52v12h19l-2 14-17 4v13l27-7 3-36H64zM64 28v12h33l1-12H64z"})]}),e.jsx(M.motion.circle,{r:"6",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 128 V 128 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 1 0 0\r 0 0.5 1 0 0\r 0 0 1 0 0\r 0 0 0 0.6 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 1 0 0\r 0 0.5 1 0 0\r 0 0 1 0 0\r 0 0 0 1 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},ce=({size:i=200,color:t="#02569B",className:a})=>{const s=p.useRef(null),l=c=>{if(t.startsWith("#")){const o=parseInt(t.slice(1,3),16),h=parseInt(t.slice(3,5),16),d=parseInt(t.slice(5,7),16);return`rgba(${o}, ${h}, ${d}, ${c})`}return t};return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["flutter-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:l(.5),filter:"url(#glowSoft)",rx:"16"}),e.jsxs("g",{transform:"translate(4,6) scale(0.2)",children:[e.jsx("path",{fill:"#5cc8f8",d:"M191.45,342.89,249.11,401,407.75,241.12H292.4Z"}),e.jsx("path",{fill:"#5cc8f8",d:"M292.4,66.69H407.75L162.61,313.82l-57.7-58.13Z"}),e.jsx("path",{fill:"#075b9d",d:"M249.11,401l43.29,43.59H407.75L306.8,342.89Z"}),e.jsx("path",{fill:"url(#f)",d:"M334.67,371.16,306.8,342.89,249.11,401Z"}),e.jsx("path",{fill:"#16b9fd",d:"M191.45,342.87l57.69-58.18,57.7,58.15L249.14,401Z"})]}),e.jsx(M.motion.circle,{r:"6",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 128 V 128 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0.4 1 0 0\r 0 0.6 1 0 0\r 0 0.9 1 0 0\r 0 0 0 0.6 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0.5 1 0 0\r 0 0.7 1 0 0\r 0 0.9 1 0 0\r 0 0 0 1 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},de=({size:i=200,color:t="#3776AB",className:a})=>{const s=p.useRef(null),l=c=>{if(t.startsWith("#")){const o=parseInt(t.slice(1,3),16),h=parseInt(t.slice(3,5),16),d=parseInt(t.slice(5,7),16);return`rgba(${o}, ${h}, ${d}, ${c})`}return t};return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["python-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:l(.5),filter:"url(#glowSoft)",rx:"16"}),e.jsxs("g",{transform:"translate(12,20) scale(0.7)",children:[e.jsx("path",{fill:"#3776AB",d:`M63.6,2c-3.2,0-6.4,0.3-9.5,0.9c-8.4,1.5-9.9,4.7-9.9,10.6V25h20v3H44.2\r c-6.6,0-12.3,4-14.1,11.5c-2.1,8.8-2.2,14.3,0,23.4C32,70,37.5,75,44.2,75h7.1v-10c0-6.9,6.1-13,13-13h20.9\r c5.8,0,10.6-4.7,10.6-10.6V13.5c0-5.8-4.8-9.4-10.6-10.6C78.6,2.5,71.1,2,63.6,2z M55.6,9.5c2.3,0,4.1,1.8,4.1,4.1\r s-1.8,4.1-4.1,4.1c-2.2,0-4.1-1.9-4.1-4.1C51.6,11.3,53.4,9.5,55.6,9.5z`}),e.jsx("path",{fill:"#FFD43B",d:`M91.8,28v10c0,7.2-6,13-13,13H57.9c-5.8,0-10.6,4.7-10.6,10.6v28.3c0,5.8,5,9.2,10.6,10.6\r c6.7,1.6,13.1,1.9,20.9,0c5.3-1.2,10.6-3.7,10.6-10.6v-9.4h-20v-3h30c6.6,0,9-4.5,10.6-11.5c2.2-9.1,2.1-15.8,0-23.4\r C108,32.5,101.7,28,95,28H91.8z M73.2,96c2.2,0,4.1,1.8,4.1,4.1s-1.9,4.1-4.1,4.1c-2.2,0-4.1-1.9-4.1-4.1\r C69.1,97.9,71,96,73.2,96z`})]}),e.jsx(M.motion.circle,{r:"6",fill:t,filter:"url(#circleGlow)",animate:{scale:[1,1.2,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut"},children:e.jsx("animateMotion",{dur:"6s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 128 V 128 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"glowSoft",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"4",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0 1 0 0\r 0 0.5 1 0 0\r 0 0.5 0 0 0\r 0 0 0 0.6 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsxs("filter",{id:"circleGlow",x:"-50%",y:"-50%",width:"300%",height:"300%",children:[e.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),e.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`0 0.5 1 0 0\r 0 0.7 1 0 0\r 0.9 0.9 0 0 0\r 0 0 0 1 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},he=({size:i=200,color:t="#000000",className:a})=>{const s=p.useRef(null);return e.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:i,height:i,preserveAspectRatio:"xMidYMid meet",className:["github-svg",a].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:i},overflow:"visible",children:[e.jsx("rect",{width:"128",height:"128",fill:"white",filter:"url(#glowSoft)",rx:"16"}),e.jsx("g",{transform:"translate(10,10) scale(0.85)",children:e.jsx("path",{fill:t,d:`M64,2C30.6,2,3.3,29.3,3.3,62.7c0,26.8,17.3,49.5,41.3,57.5c3,0.6,4.1-1.3,4.1-2.9\r c0-1.4-0.1-6-0.1-10.9c-16.8,3.6-20.3-7.1-20.3-7.1c-2.7-6.8-6.7-8.6-6.7-8.6c-5.5-3.8,0.4-3.7,0.4-3.7c6,0.4,9.2,6.2,9.2,6.2\r c5.4,9.2,14.2,6.6,17.7,5c0.5-3.9,2.1-6.6,3.8-8.1c-13.4-1.5-27.5-6.7-27.5-29.6c0-6.5,2.3-11.8,6.1-16c-0.6-1.5-2.6-7.6,0.6-15.