https://kiarash-adl.pages.dev/assets/MorphingBlob-CEJBB6ii.js

1import{M as h,A as u,y as g,u as b}from"./vendor-preact-B8qmTIR6.js";import{c as m}from"./index-LL8NsZaC.js";const w=h(function({size:o=400,color:r="oklch(0.52 0.17 38)",secondaryColor:n="oklch(0.42 0.14 12)",speed:l=1,blur:i=60,opacity:t=.15,className:p,style:d}){const e=u(null);return g(()=>{if(e.current){const a=20/l;e.current.style.setProperty("--blob-duration",`${a}s`),e.current.style.setProperty("--blob-color-1",r),e.current.style.setProperty("--blob-color-2",n)}},[l,r,n]),b("div",{ref:e,className:m("absolute pointer-events-none select-none","animate-blob-morph",p),style:{width:typeof o=="number"?`${o}px`:o,height:typeof o=="number"?`${o}px`:o,background:`linear-gradient(135deg, var(--blob-color-1, ${r}), var(--blob-color-2, ${n}))`,filter:`blur(${i}px)`,opacity:t,borderRadius:"60% 40% 30% 70% / 60% 30% 70% 40%",willChange:"border-radius, transform",contain:"layout style paint",...d},"aria-hidden":"true"})}),B=h(function({className:o,variant:r="default"}){const l={default:[{size:500,color:"oklch(0.52 0.17 38)",secondaryColor:"oklch(0.62 0.15 50)",blur:80,opacity:.12,style:{top:"-10%",left:"-10%"}},{size:400,color:"oklch(0.42 0.14 12)",secondaryColor:"oklch(0.52 0.12 25)",blur:70,opacity:.1,style:{bottom:"-5%",right:"-5%"},speed:.8},{size:300,color:"oklch(0.58 0.12 65)",secondaryColor:"oklch(0.48 0.14 45)",blur:60,opacity:.08,style:{top:"40%",right:"20%"},speed:1.2}],subtle:[{size:600,color:"oklch(0.52 0.08 38)",secondaryColor:"oklch(0.58 0.06 50)",blur:100,opacity:.06,style:{top:"-15%",left:"-15%"}},{size:500,color:"oklch(0.48 0.06 12)",secondaryColor:"oklch(0.54 0.04 25)",blur:90,opacity:.05,style:{bottom:"-10%",right:"-10%"},speed:.7}],vibrant:[{size:450,color:"oklch(0.65 0.25 38)",secondaryColor:"oklch(0.55 0.22 12)",blur:70,opacity:.18,style:{top:"-5%",left:"-5%"},speed:1.1},{size:380,color:"oklch(0.58 0.20 280)",secondaryColor:"oklch(0.52 0.18 320)",blur:65,opacity:.15,style:{bottom:"10%",right:"-5%"},speed:.9},{size:320,color:"oklch(0.62 0.18 160)",secondaryColor:"oklch(0.56 0.15 200)",blur:55,opacity:.12,style:{top:"50%",left:"30%"},speed:1.3}],minimal:[{size:700,color:"oklch(0.52 0.05 38)",secondaryColor:"oklch(0.52 0.05 38)",blur:120,opacity:.04,style:{to

1p:"-20%",left:"-20%"},speed:.5}]}[r];return b("div",{className:m("fixed inset-0 overflow-hidden pointer-events-none -z-10",o),"aria-hidden":"true",children:l.map((i,t)=>b(w,{...i},t))})}),R=h(function({size:o=300,color:r="oklch(0.52 0.17 38)",secondaryColor:n="oklch(0.42 0.14 12)",blur:l=50,opacity:i=.2,strength:t=.1,className:p}){const d=u(null),e=u(0),a=u({x:0,y:0}),c=u({x:0,y:0});return g(()=>{const k=s=>{const v=window.innerWidth/2,x=window.innerHeight/2;a.current={x:(s.clientX-v)*t,y:(s.clientY-x)*t}},y=()=>{const s=d.current;if(!s){e.current=requestAnimationFrame(y);return}c.current.x+=(a.current.x-c.current.x)*.05,c.current.y+=(a.current.y-c.current.y)*.05,s.style.transform=`translate3d(${c.current.x}px, ${c.current.y}px, 0)`,e.current=requestAnimationFrame(y)};return window.addEventListener("mousemove",k,{passive:!0}),e.current=requestAnimationFrame(y),()=>{window.removeEventListener("mousemove",k),e.current&&cancelAnimationFrame(e.current)}},[t]),b("div",{ref:d,className:m("absolute pointer-events-none select-none animate-blob-morph",p),style:{width:typeof o=="number"?`${o}px`:o,height:typeof o=="number"?`${o}px`:o,background:`linear-gradient(135deg, ${r}, ${n})`,filter:`blur(${l}px)`,opacity:i,borderRadius:"60% 40% 30% 70% / 60% 30% 70% 40%",willChange:"transform, border-radius",contain:"layout style paint"},"aria-hidden":"true"})});export{B as BlobBackground,R as InteractiveBlob,w as MorphingBlob};