UNPKG

wavyjs

Version:

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

144 lines • 74.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
139
140
141
142
143
144
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),e=require("react/jsx-runtime"),y=require("gsap"),f=require("framer-motion"),V=()=>{const[r,t]=d.useState({x:0,y:0});return d.useEffect(()=>{const s=i=>{t({x:i.clientX,y:i.clientY})};return window.addEventListener("mousemove",s),()=>{window.removeEventListener("mousemove",s)}},[]),r},Z=r=>{const[t,s]=d.useState(null),[i,l]=d.useState(!0),[a,n]=d.useState(null);return d.useEffect(()=>{let o=!1;async function c(){try{l(!0);const u=await fetch(r);if(!u.ok)throw new Error("Failed to fetch");const g=await u.json();o||s(g)}catch(u){o||n(u)}finally{o||l(!1)}}return c(),()=>{o=!0}},[r]),{data:t,loading:i,error:a}},A=()=>{const[r,t]=d.useState(!1);return[r,{onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1)}]};function L({timeout:r,onTimeout:t,warningTime:s=0,onWarning:i}){const l=d.useRef(null),a=d.useRef(null),n=()=>{l.current&&clearTimeout(l.current),a.current&&clearTimeout(a.current),s>0&&i&&(a.current=setTimeout(i,r-s)),l.current=setTimeout(t,r)};d.useEffect(()=>{const o=["mousemove","keydown","click","touchstart"],c=()=>n();for(const u of o)window.addEventListener(u,c);return n(),()=>{for(const u of o)window.removeEventListener(u,c);l.current&&clearTimeout(l.current),a.current&&clearTimeout(a.current)}},[r,t,s,i])}const F=()=>{const r=window.speechSynthesis,t=d.useRef(null),s=d.useCallback((l,a={})=>{if(!r)return;r.cancel();const n=new SpeechSynthesisUtterance(l);Object.assign(n,a),r.speak(n),t.current=n},[r]),i=d.useCallback(()=>{r==null||r.cancel()},[r]);return{speak:s,stop:i}};function Y(r=!1){const[t,s]=d.useState(r),i=d.useCallback(()=>{s(l=>!l)},[]);return[t,i]}const k="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",R={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"},D=d.forwardRef((r,t)=>{if(r.asMotion){const{asMotion:c,className:u="",variant:g="primary",children:N,...I}=r,m=`${k} ${R[g]} ${u}`.trim();return e.jsx(f.motion.button,{ref:t,className:m,whileTap:{scale:.98},whileHover:{y:-1},...I,children:N})}const{asMotion:s,className:i="",variant:l="primary",children:a,...n}=r,o=`${k} ${R[l]} ${i}`.trim();return e.jsx("button",{ref:t,className:o,...n,children:a})});D.displayName="Button";const B=()=>{const r=d.useRef(null),t=18,s=16,i=t*s;return d.useEffect(()=>{if(!r.current)return;const l=y.context(()=>{const a=y.timeline({repeat:-1,repeatDelay:.6});a.from(".box",{scale:0,yoyo:!0,repeat:1,ease:"power1.inOut",stagger:{amount:1.5,grid:[t,s],axis:"x",ease:"back.out(1.7)",from:"center"}}),a.to(".box",{yoyo:!0,scale:1,repeat:1,ease:"power1.inOut",stagger:{amount:1.5,grid:[t,s],axis:"y",ease:"back.out(1.7)",from:"center"}})},r);return()=>l.revert()},[t,s]),e.jsx("div",{ref:r,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(${s}, minmax(0, 1fr))`},children:Array.from({length:i}).map((l,a)=>e.jsx("div",{className:"box",style:{width:2,height:2,backgroundColor:"rgba(255,255,255,0.5)",borderRadius:9999,justifySelf:"center",alignSelf:"center"}},a))})})};B.displayName="FadingBG";const W=()=>{const[r,t]=d.useState(0),s=d.useRef([]);d.useEffect(()=>{function a(){if(!l.current)return;const{clientWidth:n,clientHeight:o}=l.current,c=16,u=Math.floor(n/c),g=Math.floor(o/c);t(u*g)}return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[]),d.useEffect(()=>{if(r>0){const a=setInterval(()=>{const n=Math.floor(Math.random()*r),o=s.current[n];o&&y.fromTo(o,{opacity:.2},{opacity:1,duration:.3,yoyo:!0,repeat:1,ease:"power1.inOut"})},100);return()=>clearInterval(a)}},[r]);const i=()=>{const a=["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 a[Math.floor(Math.random()*a.length)]},l=d.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:r}).map((a,n)=>e.jsx("div",{ref:o=>s.current[n]=o,style:{width:16,height:16,backgroundColor:i(),borderRadius:6}},n))})]})};W.displayName="GithubBG";const E=({title:r="WAVY JS",shadowSize:t="lg",shadowColor:s="white/80",textColor:i="black/30",numberOfRows:l=6,baseDuration:a=12,className:n=""})=>{const o=d.useRef([]),c=m=>{if(m.includes("/")){const[w,j]=m.split("/");return{color:w,opacity:parseFloat(j)/100}}return{color:m,opacity:1}},u=(m,w)=>{const{color:j,opacity:p}=c(w),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"},h={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(j.includes("-")){const[M,G]=j.split("-"),C=h[M];C&&(b=C)}else if(h[j])b=h[j];else if(j.startsWith("#")){const M=j.replace("#",""),G=parseInt(M.substr(0,2),16),C=parseInt(M.substr(2,2),16),S=parseInt(M.substr(4,2),16);b=`${G}, ${C}, ${S}`}else j.startsWith("rgb")&&(b=j.replace("rgb","").replace("rgba","").replace("(","").replace(")",""));return`${v} rgba(${b}, ${p})`},g=m=>{const{color:w,opacity:j}=c(m),p={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(w.includes("-")){const[x,h]=w.split("-"),v=p[x];if(v)return`rgba(${v}, ${j})`}if(p[w])return`rgba(${p[w]}, ${j})`;if(w.startsWith("#")){const x=w.replace("#",""),h=parseInt(x.substr(0,2),16),v=parseInt(x.substr(2,2),16),b=parseInt(x.substr(4,2),16);return`rgba(${h}, ${v}, ${b}, ${j})`}return w.startsWith("rgb"),w};d.useEffect(()=>{o.current.forEach((m,w)=>{if(!m)return;const j=m.scrollWidth/2,x=w%2===0?a:a*1.8;y.fromTo(m,{x:0},{x:-j,duration:x,ease:"linear",repeat:-1,modifiers:{x:h=>`${(parseFloat(h)%-j-j)%-j}px`}})})},[a]);const N=Array.from({length:8}).map((m,w)=>e.jsx("h1",{className:"text-8xl md:text-9xl font-bold mx-6 md:mx-8 whitespace-nowrap",style:{color:g(i),textShadow:u(t,s)},children:r},w)),I=Array.from({length:l}).map((m,w)=>e.jsxs("div",{ref:j=>{j&&(o.current[w]=j)},className:"flex whitespace-nowrap",style:{willChange:"transform"},children:[N,N," "]},w));return e.jsx("div",{className:n,"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:I})};E.displayName="NameScroller";const O=()=>(d.useEffect(()=>{const r=y.utils.random(100,100),t=y.utils.random(100,100);y.to(".green",{x:r,y:t,scale:1,opacity:1,duration:y.utils.random(2,10),repeat:-1,yoyo:!0,ease:"power1.inOut"}),y.to(".red",{x:r,y:t,scale:1,opacity:1,duration:y.utils.random(2,8),repeat:-1,yoyo:!0,ease:"power1.inOut"}),y.to(".pink",{x:r,y:t,scale:1,opacity:1,duration:y.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)"}})]})}));O.displayName="AnimatedBG";const z=()=>(d.useEffect(()=>{const r=document.querySelector("#masked-bg-container");r&&(y.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 s=t.getBoundingClientRect(),i=(s.left+s.width/2)/window.innerWidth*100,l=(s.top+s.height/2)/window.innerHeight*100;r.style.setProperty("--circle1-x",`${i}%`),r.style.setProperty("--circle1-y",`${l}%`)}}),y.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 s=t.getBoundingClientRect(),i=(s.left+s.width/2)/window.innerWidth*100,l=(s.top+s.height/2)/window.innerHeight*100;r.style.setProperty("--circle2-x",`${i}%`),r.style.setProperty("--circle2-y",`${l}%`)}}),y.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 s=t.getBoundingClientRect(),i=(s.left+s.width/2)/window.innerWidth*100,l=(s.top+s.height/2)/window.innerHeight*100;r.style.setProperty("--circle3-x",`${i}%`),r.style.setProperty("--circle3-y",`${l}%`)}}),y.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 s=t.getBoundingClientRect(),i=(s.left+s.width/2)/window.innerWidth*100,l=(s.top+s.height/2)/window.innerHeight*100;r.style.setProperty("--circle4-x",`${i}%`),r.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((r,t)=>e.jsx("div",{style:{flex:1,backgroundColor:"#3b82f6"}},t))})})]})]}));z.displayName="MaskedBG";const T=({size:r=200,color:t="cyan",className:s})=>{const i=d.useRef(null);return d.useEffect(()=>{i.current&&y.to(i.current,{rotate:360,repeat:-1,duration:6})},[]),e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 841.9 595.3",width:r,height:r,fill:"none",preserveAspectRatio:"xMidYMid meet",className:["svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},P=({size:r=200,color:t="#f7df1e",className:s})=>{const i=d.useRef(null);return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 630 630",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["js-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},q=({size:r=200,color:t="#0074BD",className:s})=>{const i=d.useRef(null);return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["java-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},J=({size:r=200,color:t="#38BDF8",className:s})=>{const i=d.useRef(null);return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["tailwind-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},U=({size:r=200,color:t="#E44D26",className:s})=>{const i=d.useRef(null),l=a=>{if(t.startsWith("#")){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),c=parseInt(t.slice(5,7),16);return`rgba(${n}, ${o}, ${c}, ${a})`}return t};return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["html-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},X=({size:r=200,color:t="#264DE4",className:s})=>{const i=d.useRef(null),l=a=>{if(t.startsWith("#")){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),c=parseInt(t.slice(5,7),16);return`rgba(${n}, ${o}, ${c}, ${a})`}return t};return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["css-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},_=({size:r=200,color:t="#02569B",className:s})=>{const i=d.useRef(null),l=a=>{if(t.startsWith("#")){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),c=parseInt(t.slice(5,7),16);return`rgba(${n}, ${o}, ${c}, ${a})`}return t};return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["flutter-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},K=({size:r=200,color:t="#3776AB",className:s})=>{const i=d.useRef(null),l=a=>{if(t.startsWith("#")){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),c=parseInt(t.slice(5,7),16);return`rgba(${n}, ${o}, ${c}, ${a})`}return t};return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["python-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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(f.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"})]})]})]})]})},Q=({size:r=200,color:t="#000000",className:s})=>{const i=d.useRef(null);return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["github-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},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.9\r c0,0,5-1.6,16.5,6.1c4.8-1.3,9.9-2,15-2c5.1,0,10.2,0.7,15,2c11.5-7.7,16.5-6.1,16.5-6.1c3.2,8.3,1.2,14.4,0.6,15.9\r c3.8,4.2,6.1,9.5,6.1,16c0,23-14.2,28-27.6,29.5c2.2,1.9,4.2,5.7,4.2,11.5c0,8.3-0.1,14.9-0.1,16.9c0,1.6,1.1,3.5,4.1,2.9\r c24-8,41.3-30.7,41.3-57.5C124.7,29.3,97.4,2,64,2z`})}),e.jsx(f.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 0 0 0\r 0 0 0 0 0\r 0 0 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 0 0 0\r 0 0 0 0 0\r 0 0 0 0 0\r 0 0 0 1 0`}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]})]})},ee=({size:r=200,color:t="#0175C2",className:s})=>{const i=d.useRef(null),l=a=>{if(t.startsWith("#")){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),c=parseInt(t.slice(5,7),16);return`rgba(${n}, ${o}, ${c}, ${a})`}return t};return e.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 502.87 502.87",width:r,height:r,preserveAspectRatio:"xMidYMid meet",className:["dart-svg",s].filter(Boolean).join(" "),style:{width:"100%",height:"auto",maxWidth:r},overflow:"visible",children:[e.jsx("rect",{width:"502.87",height:"502.87",fill:l(.5),filter:"url(#glowSoft)",rx:"32"}),e.jsxs("g",{transform:"translate(40,50) scale(0.7)",children:[e.jsx("path",{fill:"#01579b",d:"M102.56,400.31l-86-86C6.32,303.82,0,289,0,274.58c0-6.69,3.77-17.16,6.62-23.15L86,86Z"}),e.jsx("path",{fill:"#40c4ff",d:"M397,102.56l-86-86C303.49,9,287.85,0,274.61,0c-11.38,0-22.55,2.29-29.76,6.62L86.07,86Z"}),e.jsx("polygon",{fill:"#40c4ff",points:"205.11 502.87 413.55 502.87 413.55 413.55 258.05 363.9 115.79 413.55 205.11 502.87"}),e.jsx("path",{fill:"#29b6f6",d:"M86,354c0,26.54,3.33,33.05,16.53,46.32l13.23,13.24H413.55L268,248.14,86,86Z"}),e.jsx("path",{fill:"#01579b",d:"M350.7,86H86L413.55,413.51h89.32V208.4L397,102.52C382.12,87.62,368.92,86,350.7,86Z"}),e.jsx("path",{fill:"#fff",opacity:"0.2",d:"M105.88,403.6C92.65,390.33,89.36,377.24,89.36,354V89.32L86.07,86V354c0,23.25,0,29.69,19.81,49.61l9.91,9.91h0Z"}),e.jsx("polygon",{fill:"#263238",opacity:"0.2",points:"499.58 205.11 499.58 410.22 410.26 410.22 413.55 413.55 502.87 413.55 502.87 208.4 499.58 205.11"}),e.jsx("path",{fill:"#01579b",opacity:"0.2",d:"M397,102.56C380.61,86.14,367.19,86,347.41,86H86.07l3.29,3.29H347.41c9.87,0,34.79-1.66,49.61,13.24Z"}),e.jsx("path",{fill:"url(#radial-gradient)",opacity:"0.2",d:"M499.58,205.11,397,102.56l-86-86C303.49,9,287.85,0,274.61,0c-11.38,0-22.55,2.29-29.76,6.62L86.07,86,6.65,251.43C3.81,257.46,0,267.92,0,274.58c0,14.45,6.36,29.2,16.52,39.7L95.83,393a92.42,92.42,0,0,0,6.73,7.32l3.29,3.29,9.9,9.91,86,86,3.29,3.29h208.4V413.51h89.32V208.4Z"})]}),e.jsx(f.motion.circle,{r:"10",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:"8s",repeatCount:"indefinite",rotate:"auto",path:"M 0,0 H 502.87 V 502.87 H 0 Z"})}),e.jsxs("defs",{children:[e.jsxs("radialGradient",{id:"radial-gradient",cx:"251.42",cy:"631.97",r:"251.4",gradientTransform:"translate(0 -380.56)",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0",stopColor:"#fff",stopOpacity:"0.1"}),e.jsx("stop",{offset:"1",stopColor:"#fff",stopOpacity:"0"})]}),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.5 1 0 0\r 0 0.7 1 0 0\r 0.9 0.9 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 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"})]})]})]})]})},te=({size:r=200,color:t="#00FFFF",classname:s})=>{const i=r*.3,l=r*.4,a=r*.6,n=o=>{if(t.startsWith("#")){const c=parseInt(t.slice(1,3),16),u=parseInt(t.slice(3,5),16),g=parseInt(t.slice(5,7),16);return`rgba(${c}, ${u}, ${g}, ${o})`}return t};return e.jsxs(f.motion.div,{className:["relative",s].filter(Boolean).join(" "),animate:{rotateY:360},transition:{duration:6,repeat:1/0,ease:"linear"},style:{width:i,height:l},children:[e.jsx("div",{className:"relative rounded-md backdrop-blur-md border shadow-2xl z-10",style:{width:i,height:l,backgroundColor:n(.1),borderColor:n(.6),boxShadow:`0 0 25px ${n(.4)}`},children:e.jsx("div",{style:{height:l,width:i},className:"relative inset-0 h-full flex items-center justify-center",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 841.9 595.3",width:a,height:a,fill:"none",className:"svg ",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(f.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 0 0 0 0 1 0 0 0 0 1 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 0 0 0 0 1 0 0 0 0 1 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"})]})]})]})]})})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-transparent to-transparent rounded-full blur-4xl scale-200",style:{background:`linear-gradient(to right, transparent, ${n(.05)}, transparent)`}})]})},re=({size:r=200,color:t="#f7df1e",classname:s})=>{const i=r*.3,l=r*.4,a=r*.6,n=o=>{if(t.startsWith("#")){const c=parseInt(t.slice(1,3),16),u=parseInt(t.slice(3,5),16),g=parseInt(t.slice(5,7),16);return`rgba(${c}, ${u}, ${g}, ${o})`}return t};return e.jsxs(f.motion.div,{className:["relative",s].filter(Boolean).join(" "),animate:{rotateY:360},transition:{duration:6,repeat:1/0,ease:"linear"},style:{width:i,height:l},children:[e.jsx("div",{className:"relative rounded-md backdrop-blur-md border shadow-2xl z-10",style:{width:i,height:l,backgroundColor:n(.1),borderColor:n(.6),boxShadow:`0 0 25px ${n(.4)}`},children:e.jsx("div",{style:{height:l,width:i},className:"relative inset-0 h-full flex items-center justify-center",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 630 630",width:a,height:a,className:"svg",children:[e.jsx("rect",{width:"630",height:"630",fill:n(0),filter:"url(#glowSoft)",rx:"30"}),e.jsx("text",{x:"50%",y:"60%",textAnchor:"middle",fontSize:"280",fontWeight:"bold",fill:t,fontFamily:"Arial, sans-serif",children:"JS"}),e.jsx(f.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"})]})]})]})]})})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-transparent to-transparent rounded-full blur-4xl scale-200",style:{background:`linear-gradient(to right, transparent, ${n(.05)}, transparent)`}})]})},ie=({size:r=200,color:t="#0074BD",classname:s})=>{const i=r*.3,l=r*.4,a=r*.6,n=o=>{if(t.startsWith("#")){const c=parseInt(t.slice(1,3),16),u=parseInt(t.slice(3,5),16),g=parseInt(t.slice(5,7),16);return`rgba(${c}, ${u}, ${g}, ${o})`}return t};return e.jsxs(f.motion.div,{className:["relative",s].filter(Boolean).join(" "),animate:{rotateY:360},transition:{duration:6,repeat:1/0,ease:"linear"},style:{width:i,height:l},children:[e.jsx("div",{className:"relative rounded-md backdrop-blur-md border shadow-2xl z-10",style:{width:i,height:l,backgroundColor:n(.1),borderColor:n(.6),boxShadow:`0 0 25px ${n(.4)}`},children:e.jsx("div",{style:{height:l,width:i},className:"relative inset-0 h-full flex items-center justify-center",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",width:a,height:a,children:[e.jsx("rect",{width:"128",height:"128",fill:n(0),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(f.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:"6",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:"12",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"})]})]})]})]})})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-transparent to-transparent rounded-full blur-4xl scale-200",style:{background:`linear-gradient(to right, transparent, ${n(.05)}, transparent)`}})]})},se=({size:r=200,color:t="#38BDF8",classname:s})=>{const i=r*.3,l=r*.4,a=r*.6,n=o=>{if(t.startsWith("#")){const c=parseInt(t.slice(1,3),16)