@stfrigerio/sito-template 0.1.36 → 0.1.39

package/storybook-static/assets/LaserFlow.stories-DkwNBv4p.js

@@ -0,0 +1,253 @@
+import{r as l,j as ye}from"./iframe-Cz1R6gKZ.js";import{W as Me,s as De,S as be,a as Pe,h as We,t as Ie,e as me,u as Ce,v as Ve,w as He,M as Xe,f as Be,d as pe}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Ne={"laser-flow-container":"_laser-flow-container_f5ui5_1"},qe=`
+precision highp float;
+attribute vec3 position;
+void main(){
+  gl_Position = vec4(position, 1.0);
+}
+`,Ue=`
+#ifdef GL_ES
+#extension GL_OES_standard_derivatives : enable
+#endif
+precision highp float;
+precision mediump int;
+
+uniform float iTime;
+uniform vec3 iResolution;
+uniform vec4 iMouse;
+uniform float uWispDensity;
+uniform float uTiltScale;
+uniform float uFlowTime;
+uniform float uFogTime;
+uniform float uBeamXFrac;
+uniform float uBeamYFrac;
+uniform float uFlowSpeed;
+uniform float uVLenFactor;
+uniform float uHLenFactor;
+uniform float uFogIntensity;
+uniform float uFogScale;
+uniform float uWSpeed;
+uniform float uWIntensity;
+uniform float uFlowStrength;
+uniform float uDecay;
+uniform float uFalloffStart;
+uniform float uFogFallSpeed;
+uniform vec3 uColor;
+uniform float uFade;
+
+// Core beam/flare shaping and dynamics
+#define PI 3.14159265359
+#define TWO_PI 6.28318530718
+#define EPS 1e-6
+#define EDGE_SOFT (DT_LOCAL*4.0)
+#define DT_LOCAL 0.0038
+#define TAP_RADIUS 6
+#define R_H 150.0
+#define R_V 150.0
+#define FLARE_HEIGHT 16.0
+#define FLARE_AMOUNT 8.0
+#define FLARE_EXP 2.0
+#define TOP_FADE_START 0.1
+#define TOP_FADE_EXP 1.0
+#define FLOW_PERIOD 0.5
+#define FLOW_SHARPNESS 1.5
+
+// Wisps (animated micro-streaks) that travel along the beam
+#define W_BASE_X 1.5
+#define W_LAYER_GAP 0.25
+#define W_LANES 10
+#define W_SIDE_DECAY 0.5
+#define W_HALF 0.01
+#define W_AA 0.15
+#define W_CELL 20.0
+#define W_SEG_MIN 0.01
+#define W_SEG_MAX 0.55
+#define W_CURVE_AMOUNT 15.0
+#define W_CURVE_RANGE (FLARE_HEIGHT - 3.0)
+#define W_BOTTOM_EXP 10.0
+
+// Volumetric fog controls
+#define FOG_ON 1
+#define FOG_CONTRAST 1.2
+#define FOG_SPEED_U 0.1
+#define FOG_SPEED_V -0.1
+#define FOG_OCTAVES 5
+#define FOG_BOTTOM_BIAS 0.8
+#define FOG_TILT_TO_MOUSE 0.05
+#define FOG_TILT_DEADZONE 0.01
+#define FOG_TILT_MAX_X 0.35
+#define FOG_TILT_SHAPE 1.5
+#define FOG_BEAM_MIN 0.0
+#define FOG_BEAM_MAX 0.75
+#define FOG_MASK_GAMMA 0.5
+#define FOG_EXPAND_SHAPE 12.2
+#define FOG_EDGE_MIX 0.5
+
+// Horizontal vignette for the fog volume
+#define HFOG_EDGE_START 0.20
+#define HFOG_EDGE_END 0.98
+#define HFOG_EDGE_GAMMA 1.4
+#define HFOG_Y_RADIUS 25.0
+#define HFOG_Y_SOFT 60.0
+
+// Beam extents and edge masking
+#define EDGE_X0 0.22
+#define EDGE_X1 0.995
+#define EDGE_X_GAMMA 1.25
+#define EDGE_LUMA_T0 0.0
+#define EDGE_LUMA_T1 2.0
+#define DITHER_STRENGTH 1.0
+
+    float g(float x){return x<=0.00031308?12.92*x:1.055*pow(x,1.0/2.4)-0.055;}
+    float bs(vec2 p,vec2 q,float powr){
+        float d=distance(p,q),f=powr*uFalloffStart,r=(f*f)/(d*d+EPS);
+        return powr*min(1.0,r);
+    }
+    float bsa(vec2 p,vec2 q,float powr,vec2 s){
+        vec2 d=p-q; float dd=(d.x*d.x)/(s.x*s.x)+(d.y*d.y)/(s.y*s.y),f=powr*uFalloffStart,r=(f*f)/(dd+EPS);
+        return powr*min(1.0,r);
+    }
+    float tri01(float x){float f=fract(x);return 1.0-abs(f*2.0-1.0);}
+    float tauWf(float t,float tmin,float tmax){float a=smoothstep(tmin,tmin+EDGE_SOFT,t),b=1.0-smoothstep(tmax-EDGE_SOFT,tmax,t);return max(0.0,a*b);} 
+    float h21(vec2 p){p=fract(p*vec2(123.34,456.21));p+=dot(p,p+34.123);return fract(p.x*p.y);}
+    float vnoise(vec2 p){
+        vec2 i=floor(p),f=fract(p);
+        float a=h21(i),b=h21(i+vec2(1,0)),c=h21(i+vec2(0,1)),d=h21(i+vec2(1,1));
+        vec2 u=f*f*(3.0-2.0*f);
+        return mix(mix(a,b,u.x),mix(c,d,u.x),u.y);
+    }
+    float fbm2(vec2 p){
+        float v=0.0,amp=0.6; mat2 m=mat2(0.86,0.5,-0.5,0.86);
+        for(int i=0;i<FOG_OCTAVES;++i){v+=amp*vnoise(p); p=m*p*2.03+17.1; amp*=0.52;}
+        return v;
+    }
+    float rGate(float x,float l){float a=smoothstep(0.0,W_AA,x),b=1.0-smoothstep(l,l+W_AA,x);return max(0.0,a*b);}
+    float flareY(float y){float t=clamp(1.0-(clamp(y,0.0,FLARE_HEIGHT)/max(FLARE_HEIGHT,EPS)),0.0,1.0);return pow(t,FLARE_EXP);}
+
+    float vWisps(vec2 uv,float topF){
+    float y=uv.y,yf=(y+uFlowTime*uWSpeed)/W_CELL;
+    float dRaw=clamp(uWispDensity,0.0,2.0),d=dRaw<=0.0?1.0:dRaw;
+    float lanesF=floor(float(W_LANES)*min(d,1.0)+0.5); // WebGL1-safe
+    int lanes=int(max(1.0,lanesF));
+    float sp=min(d,1.0),ep=max(d-1.0,0.0);
+    float fm=flareY(max(y,0.0)),rm=clamp(1.0-(y/max(W_CURVE_RANGE,EPS)),0.0,1.0),cm=fm*rm;
+    const float G=0.05; float xS=1.0+(FLARE_AMOUNT*W_CURVE_AMOUNT*G)*cm;
+    float sPix=clamp(y/R_V,0.0,1.0),bGain=pow(1.0-sPix,W_BOTTOM_EXP),sum=0.0;
+    for(int s=0;s<2;++s){
+        float sgn=s==0?-1.0:1.0;
+        for(int i=0;i<W_LANES;++i){
+            if(i>=lanes) break;
+            float off=W_BASE_X+float(i)*W_LAYER_GAP,xc=sgn*(off*xS);
+            float dx=abs(uv.x-xc),lat=1.0-smoothstep(W_HALF,W_HALF+W_AA,dx),amp=exp(-off*W_SIDE_DECAY);
+            float seed=h21(vec2(off,sgn*17.0)),yf2=yf+seed*7.0,ci=floor(yf2),fy=fract(yf2);
+            float seg=mix(W_SEG_MIN,W_SEG_MAX,h21(vec2(ci,off*2.3)));
+            float spR=h21(vec2(ci,off+sgn*31.0)),seg1=rGate(fy,seg)*step(spR,sp);
+            if(ep>0.0){float spR2=h21(vec2(ci*3.1+7.0,off*5.3+sgn*13.0)); float f2=fract(fy+0.5); seg1+=rGate(f2,seg*0.9)*step(spR2,ep);}
+            sum+=amp*lat*seg1;
+        }
+    }
+    float span=smoothstep(-3.0,0.0,y)*(1.0-smoothstep(R_V-6.0,R_V,y));
+    return uWIntensity*sum*topF*bGain*span;
+}
+
+void mainImage(out vec4 fc,in vec2 frag){
+    vec2 C=iResolution.xy*.5; float invW=1.0/max(C.x,1.0);
+    vec2 sc=(512.0/iResolution.xy)*.4;
+    vec2 uv=(frag-C)*sc,off=vec2(uBeamXFrac*iResolution.x*sc.x,uBeamYFrac*iResolution.y*sc.y);
+    vec2 uvc = uv - off;
+    float a=0.0,b=0.0;
+    float basePhase=1.5*PI+uDecay*.5; float tauMin=basePhase-uDecay; float tauMax=basePhase;
+    float cx=clamp(uvc.x/(R_H*uHLenFactor),-1.0,1.0),tH=clamp(TWO_PI-acos(cx),tauMin,tauMax);
+    for(int k=-TAP_RADIUS;k<=TAP_RADIUS;++k){
+        float tu=tH+float(k)*DT_LOCAL,wt=tauWf(tu,tauMin,tauMax); if(wt<=0.0) continue;
+        float spd=max(abs(sin(tu)),0.02),u=clamp((basePhase-tu)/max(uDecay,EPS),0.0,1.0),env=pow(1.0-abs(u*2.0-1.0),0.8);
+        vec2 p=vec2((R_H*uHLenFactor)*cos(tu),0.0);
+        a+=wt*bs(uvc,p,env*spd);
+    }
+    float yPix=uvc.y,cy=clamp(-yPix/(R_V*uVLenFactor),-1.0,1.0),tV=clamp(TWO_PI-acos(cy),tauMin,tauMax);
+    for(int k=-TAP_RADIUS;k<=TAP_RADIUS;++k){
+        float tu=tV+float(k)*DT_LOCAL,wt=tauWf(tu,tauMin,tauMax); if(wt<=0.0) continue;
+        float yb=(-R_V)*cos(tu),s=clamp(yb/R_V,0.0,1.0),spd=max(abs(sin(tu)),0.02);
+        float env=pow(1.0-s,0.6)*spd;
+        float cap=1.0-smoothstep(TOP_FADE_START,1.0,s); cap=pow(cap,TOP_FADE_EXP); env*=cap;
+        float ph=s/max(FLOW_PERIOD,EPS)+uFlowTime*uFlowSpeed;
+        float fl=pow(tri01(ph),FLOW_SHARPNESS);
+        env*=mix(1.0-uFlowStrength,1.0,fl);
+        float yp=(-R_V*uVLenFactor)*cos(tu),m=pow(smoothstep(FLARE_HEIGHT,0.0,yp),FLARE_EXP),wx=1.0+FLARE_AMOUNT*m;
+        vec2 sig=vec2(wx,1.0),p=vec2(0.0,yp);
+        float mask=step(0.0,yp);
+        b+=wt*bsa(uvc,p,mask*env,sig);
+    }
+    float sPix=clamp(yPix/R_V,0.0,1.0),topA=pow(1.0-smoothstep(TOP_FADE_START,1.0,sPix),TOP_FADE_EXP);
+    float L=a+b*topA;
+    float w=vWisps(vec2(uvc.x,yPix),topA);
+    float fog=0.0;
+#if FOG_ON
+    vec2 fuv=uvc*uFogScale;
+    float mAct=step(1.0,length(iMouse.xy)),nx=((iMouse.x-C.x)*invW)*mAct;
+    float ax = abs(nx);
+    float stMag = mix(ax, pow(ax, FOG_TILT_SHAPE), 0.35);
+    float st = sign(nx) * stMag * uTiltScale;
+    st = clamp(st, -FOG_TILT_MAX_X, FOG_TILT_MAX_X);
+    vec2 dir=normalize(vec2(st,1.0));
+    fuv+=uFogTime*uFogFallSpeed*dir;
+    vec2 prp=vec2(-dir.y,dir.x);
+    fuv+=prp*(0.08*sin(dot(uvc,prp)*0.08+uFogTime*0.9));
+    float n=fbm2(fuv+vec2(fbm2(fuv+vec2(7.3,2.1)),fbm2(fuv+vec2(-3.7,5.9)))*0.6);
+    n=pow(clamp(n,0.0,1.0),FOG_CONTRAST);
+    float pixW = 1.0 / max(iResolution.y, 1.0);
+#ifdef GL_OES_standard_derivatives
+    float wL = max(fwidth(L), pixW);
+#else
+    float wL = pixW;
+#endif
+    float m0=pow(smoothstep(FOG_BEAM_MIN - wL, FOG_BEAM_MAX + wL, L),FOG_MASK_GAMMA);
+    float bm=1.0-pow(1.0-m0,FOG_EXPAND_SHAPE); bm=mix(bm*m0,bm,FOG_EDGE_MIX);
+    float yP=1.0-smoothstep(HFOG_Y_RADIUS,HFOG_Y_RADIUS+HFOG_Y_SOFT,abs(yPix));
+    float nxF=abs((frag.x-C.x)*invW),hE=1.0-smoothstep(HFOG_EDGE_START,HFOG_EDGE_END,nxF); hE=pow(clamp(hE,0.0,1.0),HFOG_EDGE_GAMMA);
+    float hW=mix(1.0,hE,clamp(yP,0.0,1.0));
+    float bBias=mix(1.0,1.0-sPix,FOG_BOTTOM_BIAS);
+    float browserFogIntensity = uFogIntensity;
+    browserFogIntensity *= 1.8;
+    float radialFade = 1.0 - smoothstep(0.0, 0.7, length(uvc) / 120.0);
+    float safariFog = n * browserFogIntensity * bBias * bm * hW * radialFade;
+    fog = safariFog;
+#endif
+    float LF=L+fog;
+    float dith=(h21(frag)-0.5)*(DITHER_STRENGTH/255.0);
+    float tone=g(LF+w);
+    vec3 col=tone*uColor+dith;
+    float alpha=clamp(g(L+w*0.6)+dith*0.6,0.0,1.0);
+    float nxE=abs((frag.x-C.x)*invW),xF=pow(clamp(1.0-smoothstep(EDGE_X0,EDGE_X1,nxE),0.0,1.0),EDGE_X_GAMMA);
+    float scene=LF+max(0.0,w)*0.5,hi=smoothstep(EDGE_LUMA_T0,EDGE_LUMA_T1,scene);
+    float eM=mix(xF,1.0,hi);
+    col*=eM; alpha*=eM;
+    col*=uFade; alpha*=uFade;
+    fc=vec4(col,alpha);
+}
+
+void main(){
+  vec4 fc;
+  mainImage(fc, gl_FragCoord.xy);
+  gl_FragColor = fc;
+}
+`,Ee=({className:he,style:xe,wispDensity:h=1,dpr:q,mouseSmoothTime:Ae=0,mouseTiltStrength:x=.01,horizontalBeamOffset:A=.1,verticalBeamOffset:S=0,flowSpeed:g=.35,verticalSizing:R=2,horizontalSizing:T=.5,fogIntensity:w=.45,fogScale:G=.3,wispSpeed:L=15,wispIntensity:O=5,flowStrength:y=.25,decay:M=1.1,falloffStart:D=1.2,fogFallSpeed:b=.6,color:U="#FF79C6"})=>{const k=l.useRef(null),Se=l.useRef(null),Y=l.useRef(null),_=l.useRef(!1),z=l.useRef(null),P=l.useRef(1),i=l.useRef(1),j=l.useRef({width:0,height:0,dpr:0}),W=l.useRef([]),I=l.useRef(performance.now()),C=l.useRef(16.7),p=l.useRef(!1),K=l.useRef(!0),ge=e=>{let o=e.trim();o[0]==="#"&&(o=o.slice(1)),o.length===3&&(o=o.split("").map(c=>c+c).join(""));const t=parseInt(o,16)||16777215;return{r:(t>>16&255)/255,g:(t>>8&255)/255,b:(t&255)/255}};return l.useEffect(()=>{const e=k.current,o=new Me({antialias:!1,alpha:!1,depth:!1,stencil:!1,powerPreference:"high-performance",premultipliedAlpha:!1,preserveDrawingBuffer:!1,failIfMajorPerformanceCaveat:!1,logarithmicDepthBuffer:!1});Se.current=o,P.current=Math.min(q??(window.devicePixelRatio||1),2),i.current=P.current,o.setPixelRatio(i.current),o.shadowMap.enabled=!1,o.outputColorSpace=De,o.setClearColor(0,1);const t=o.domElement;t.style.width="100%",t.style.height="100%",t.style.display="block",e.appendChild(t);const c=new be,$=new Pe(-1,1,1,-1,0,1),V=new We;V.setAttribute("position",new Ie(new Float32Array([-1,-1,0,3,-1,0,-1,3,0]),3));const d={iTime:{value:0},iResolution:{value:new me(1,1,1)},iMouse:{value:new Ce(0,0,0,0)},uWispDensity:{value:h},uTiltScale:{value:x},uFlowTime:{value:0},uFogTime:{value:0},uBeamXFrac:{value:A},uBeamYFrac:{value:S},uFlowSpeed:{value:g},uVLenFactor:{value:R},uHLenFactor:{value:T},uFogIntensity:{value:w},uFogScale:{value:G},uWSpeed:{value:L},uWIntensity:{value:O},uFlowStrength:{value:y},uDecay:{value:M},uFalloffStart:{value:D},uFogFallSpeed:{value:b},uColor:{value:new me(1,1,1)},uFade:{value:_.current?1:0}};Y.current=d;const Z=new Ve({vertexShader:qe,fragmentShader:Ue,uniforms:d,transparent:!1,depthTest:!1,depthWrite:!1,blending:He}),J=new Xe(V,Z);J.frustumCulled=!1,c.add(J);const Re=new Be;let Q=0,F=_.current?1:0;const H=new pe(0,0),X=new pe(0,0),B=()=>{const a=e.clientWidth||1,s=e.clientHeight||1,n=i.current,u=j.current,r=Math.abs(a-u.width)>.5||Math.abs(s-u.height)>.5,f=Math.abs(n-u.dpr)>.01;!r&&!f||(j.current={width:a,height:s,dpr:n},o.setPixelRatio(n),o.setSize(a,s,!1),d.iResolution.value.set(a*n,s*n,n),z.current=t.getBoundingClientRect(),p.current||o.render(c,$))};let N=0;const ee=()=>{N&&cancelAnimationFrame(N),N=requestAnimationFrame(B)};B();const te=new ResizeObserver(ee);te.observe(e);const ae=new IntersectionObserver(a=>{var s;K.current=((s=a[0])==null?void 0:s.isIntersecting)??!0},{root:null,threshold:0});ae.observe(e);const oe=()=>{p.current=document.hidden};document.addEventListener("visibilitychange",oe,{passive:!0});const Te=(a,s)=>{const n=z.current;if(!n)return;const u=a-n.left,r=s-n.top,f=i.current,v=n.height*f;H.set(u*f,v-r*f)},m=a=>Te(a.clientX,a.clientY),ne=()=>H.set(0,0);t.addEventListener("pointermove",m,{passive:!0}),t.addEventListener("pointerdown",m,{passive:!0}),t.addEventListener("pointerenter",m,{passive:!0}),t.addEventListener("pointerleave",ne,{passive:!0});const se=a=>{a.preventDefault(),p.current=!0},le=()=>{p.current=!1,ee()};t.addEventListener("webglcontextlost",se,!1),t.addEventListener("webglcontextrestored",le,!1);let re=0;const fe=(a,s,n)=>Math.max(s,Math.min(n,a)),ie=.6,we=50,Ge=58;let ue=0;const Le=2e3,Oe=a=>{if(a-I.current<750)return;const n=W.current;if(n.length===0){I.current=a;return}const u=n.reduce((v,de)=>v+de,0)/n.length;let r=i.current;const f=P.current;u<we?r=fe(i.current*.85,ie,f):u>Ge&&i.current<f&&(r=fe(i.current*1.1,ie,f)),Math.abs(r-i.current)>.01&&a-ue>Le&&(i.current=r,ue=a,B()),W.current=[],I.current=a},ce=()=>{if(re=requestAnimationFrame(ce),p.current||!K.current)return;const a=Re.getElapsedTime(),s=Math.max(0,a-Q);Q=a;const n=s*1e3;C.current=C.current*.9+n*.1;const u=1e3/Math.max(1,C.current);W.current.push(u),d.iTime.value=a;const r=Math.min(.033,Math.max(.001,s));d.uFlowTime.value+=r,d.uFogTime.value+=r,_.current||(F=Math.min(1,F+r/1),d.uFade.value=F,F>=1&&(_.current=!0));const f=Math.max(.001,Ae),v=1-Math.exp(-r/f);X.lerp(H,v),d.iMouse.value.set(X.x,X.y,0,0),o.render(c,$),Oe(performance.now())};return ce(),()=>{cancelAnimationFrame(re),te.disconnect(),ae.disconnect(),document.removeEventListener("visibilitychange",oe),t.removeEventListener("pointermove",m),t.removeEventListener("pointerdown",m),t.removeEventListener("pointerenter",m),t.removeEventListener("pointerleave",ne),t.removeEventListener("webglcontextlost",se),t.removeEventListener("webglcontextrestored",le),V.dispose(),Z.dispose(),o.dispose(),o.forceContextLoss(),e.contains(t)&&e.removeChild(t)}},[q]),l.useEffect(()=>{const e=Y.current;if(!e)return;e.uWispDensity.value=h,e.uTiltScale.value=x,e.uBeamXFrac.value=A,e.uBeamYFrac.value=S,e.uFlowSpeed.value=g,e.uVLenFactor.value=R,e.uHLenFactor.value=T,e.uFogIntensity.value=w,e.uFogScale.value=G,e.uWSpeed.value=L,e.uWIntensity.value=O,e.uFlowStrength.value=y,e.uDecay.value=M,e.uFalloffStart.value=D,e.uFogFallSpeed.value=b;const{r:o,g:t,b:c}=ge(U||"#FFFFFF");e.uColor.value.set(o,t,c)},[h,x,A,S,g,R,T,w,G,L,O,y,M,D,b,U]),ye.jsx("div",{ref:k,className:`${Ne["laser-flow-container"]} ${he||""}`,style:xe})};Ee.__docgenInfo={description:"",methods:[],displayName:"LaserFlow",props:{wispDensity:{defaultValue:{value:"1",computed:!1},required:!1},mouseSmoothTime:{defaultValue:{value:"0.0",computed:!1},required:!1},mouseTiltStrength:{defaultValue:{value:"0.01",computed:!1},required:!1},horizontalBeamOffset:{defaultValue:{value:"0.1",computed:!1},required:!1},verticalBeamOffset:{defaultValue:{value:"0.0",computed:!1},required:!1},flowSpeed:{defaultValue:{value:"0.35",computed:!1},required:!1},verticalSizing:{defaultValue:{value:"2.0",computed:!1},required:!1},horizontalSizing:{defaultValue:{value:"0.5",computed:!1},required:!1},fogIntensity:{defaultValue:{value:"0.45",computed:!1},required:!1},fogScale:{defaultValue:{value:"0.3",computed:!1},required:!1},wispSpeed:{defaultValue:{value:"15.0",computed:!1},required:!1},wispIntensity:{defaultValue:{value:"5.0",computed:!1},required:!1},flowStrength:{defaultValue:{value:"0.25",computed:!1},required:!1},decay:{defaultValue:{value:"1.1",computed:!1},required:!1},falloffStart:{defaultValue:{value:"1.2",computed:!1},required:!1},fogFallSpeed:{defaultValue:{value:"0.6",computed:!1},required:!1},color:{defaultValue:{value:"'#FF79C6'",computed:!1},required:!1}}};const je={title:"ReactBits/Animations/LaserFlow",component:Ee,parameters:{layout:"fullscreen"},tags:["autodocs"]},E={args:{wispDensity:1,mouseSmoothTime:0,mouseTiltStrength:.01,horizontalBeamOffset:.1,verticalBeamOffset:0,flowSpeed:.35,verticalSizing:2,horizontalSizing:.5,fogIntensity:.45,fogScale:.3,wispSpeed:15,wispIntensity:5,flowStrength:.25,decay:1.1,falloffStart:1.2,fogFallSpeed:.6,color:"#FF79C6"}};var ve,_e,Fe;E.parameters={...E.parameters,docs:{...(ve=E.parameters)==null?void 0:ve.docs,source:{originalSource:`{
+  args: {
+    wispDensity: 1,
+    mouseSmoothTime: 0.0,
+    mouseTiltStrength: 0.01,
+    horizontalBeamOffset: 0.1,
+    verticalBeamOffset: 0.0,
+    flowSpeed: 0.35,
+    verticalSizing: 2.0,
+    horizontalSizing: 0.5,
+    fogIntensity: 0.45,
+    fogScale: 0.3,
+    wispSpeed: 15.0,
+    wispIntensity: 5.0,
+    flowStrength: 0.25,
+    decay: 1.1,
+    falloffStart: 1.2,
+    fogFallSpeed: 0.6,
+    color: '#FF79C6'
+  }
+}`,...(Fe=(_e=E.parameters)==null?void 0:_e.docs)==null?void 0:Fe.source}}};const Ke=["Default"];export{E as Default,Ke as __namedExportsOrder,je as default};

package/storybook-static/assets/LetterGlitch.stories-BqwpeJRY.js

@@ -0,0 +1 @@
+import{r as a,j as d}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const $=({glitchColors:w=["#2b4539","#61dca3","#61b3dc"],className:q="",glitchSpeed:R=50,centerVignette:A=!1,outerVignette:z=!0,smooth:h=!0,characters:B="ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789"})=>{const u=a.useRef(null),g=a.useRef(null),n=a.useRef([]),m=a.useRef({columns:0,rows:0}),l=a.useRef(null),x=a.useRef(Date.now()),y=Array.from(B),G=16,M=10,C=20,E=()=>y[Math.floor(Math.random()*y.length)],p=()=>w[Math.floor(Math.random()*w.length)],V=e=>{const r=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(r,(o,s,c,i)=>s+s+c+c+i+i);const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},j=(e,r,t)=>{const o={r:Math.round(e.r+(r.r-e.r)*t),g:Math.round(e.g+(r.g-e.g)*t),b:Math.round(e.b+(r.b-e.b)*t)};return`rgb(${o.r}, ${o.g}, ${o.b})`},D=(e,r)=>{const t=Math.ceil(e/M),o=Math.ceil(r/C);return{columns:t,rows:o}},I=(e,r)=>{m.current={columns:e,rows:r};const t=e*r;n.current=Array.from({length:t},()=>({char:E(),color:p(),targetColor:p(),colorProgress:1}))},L=()=>{const e=u.current;if(!e)return;const r=e.parentElement;if(!r)return;const t=window.devicePixelRatio||1,o=r.getBoundingClientRect();e.width=o.width*t,e.height=o.height*t,e.style.width=`${o.width}px`,e.style.height=`${o.height}px`,l.current&&l.current.setTransform(t,0,0,t,0,0);const{columns:s,rows:c}=D(o.width,o.height);I(s,c),b()},b=()=>{if(!l.current||n.current.length===0)return;const e=l.current,{width:r,height:t}=u.current.getBoundingClientRect();e.clearRect(0,0,r,t),e.font=`${G}px monospace`,e.textBaseline="top",n.current.forEach((o,s)=>{const c=s%m.current.columns*M,i=Math.floor(s/m.current.columns)*C;e.fillStyle=o.color,e.fillText(o.char,c,i)})},_=()=>{if(!n.current||n.current.length===0)return;const e=Math.max(1,Math.floor(n.current.length*.05));for(let r=0;r<e;r++){const t=Math.floor(Math.random()*n.current.length);n.current[t]&&(n.current[t].char=E(),n.current[t].targetColor=p(),h?n.current[t].colorProgress=0:(n.current[t].color=n.current[t].targetColor,n.current[t].colorProgress=1))}},k=()=>{let e=!1;n.current.forEach(r=>{if(r.colorProgress<1){r.colorProgress+=.05,r.colorProgress>1&&(r.colorProgress=1);const t=V(r.color),o=V(r.targetColor);t&&o&&(r.color=j(t,o,r.colorProgress),e=!0)}}),e&&b()},v=()=>{const e=Date.now();e-x.current>=R&&(_(),b(),x.current=e),h&&k(),g.current=requestAnimationFrame(v)};a.useEffect(()=>{const e=u.current;if(!e)return;l.current=e.getContext("2d"),L(),v();let r;const t=()=>{clearTimeout(r),r=setTimeout(()=>{cancelAnimationFrame(g.current),L(),v()},100)};return window.addEventListener("resize",t),()=>{cancelAnimationFrame(g.current),window.removeEventListener("resize",t)}},[R,h]);const F={position:"relative",width:"100%",height:"100%",backgroundColor:"#000000",overflow:"hidden"},N={display:"block",width:"100%",height:"100%"},H={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",background:"radial-gradient(circle, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 100%)"},O={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",background:"radial-gradient(circle, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%)"};return d.jsxs("div",{style:F,className:q,children:[d.jsx("canvas",{ref:u,style:N}),z&&d.jsx("div",{style:H}),A&&d.jsx("div",{style:O})]})};$.__docgenInfo={description:"",methods:[],displayName:"LetterGlitch",props:{glitchColors:{defaultValue:{value:"['#2b4539', '#61dca3', '#61b3dc']",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},glitchSpeed:{defaultValue:{value:"50",computed:!1},required:!1},centerVignette:{defaultValue:{value:"false",computed:!1},required:!1},outerVignette:{defaultValue:{value:"true",computed:!1},required:!1},smooth:{defaultValue:{value:"true",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789'",computed:!1},required:!1}}};const K={title:"ReactBits/Backgrounds/LetterGlitch",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={};var P,S,T;f.parameters={...f.parameters,docs:{...(P=f.parameters)==null?void 0:P.docs,source:{originalSource:"{}",...(T=(S=f.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};const Q=["Default"];export{f as Default,Q as __namedExportsOrder,K as default};

package/storybook-static/assets/LightPillar-B1pSzH3x.css

@@ -0,0 +1 @@
+._light-pillar-fallback_pgugz_1{width:100%;min-height:100vh;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000001a;color:#888;font-size:14px}._light-pillar-container_pgugz_15{width:100%;min-height:100vh;position:absolute;top:0;left:0}._light-pillar-fallback_pgugz_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}

package/storybook-static/assets/LightPillar.stories-BR4beWO5.js

@@ -0,0 +1,103 @@
+import{r as t,j as K}from"./iframe-Cz1R6gKZ.js";import{d as Z,S as de,a as ve,W as pe,i as he,q as ge,M as Re,n as b,e as _}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ee={"light-pillar-fallback":"_light-pillar-fallback_pgugz_1","light-pillar-container":"_light-pillar-container_pgugz_15"},ne=({topColor:C="#5227FF",bottomColor:x="#FF9FFC",intensity:S=1,rotationSpeed:y=.3,interactive:l=!1,className:z="",glowAmount:P=.005,pillarWidth:M=3,pillarHeight:E=.4,noiseIntensity:F=.5,mixBlendMode:V="screen",pillarRotation:q=0,quality:p="high"})=>{const s=t.useRef(null),f=t.useRef(null),n=t.useRef(null),e=t.useRef(null),h=t.useRef(null),g=t.useRef(null),R=t.useRef(null),L=t.useRef(new Z(0,0)),A=t.useRef(0),B=t.useRef(y),[I,k]=t.useState(!0);return t.useEffect(()=>{const r=document.createElement("canvas");r.getContext("webgl")||r.getContext("experimental-webgl")||k(!1)},[]),t.useEffect(()=>{if(!s.current||!I)return;const r=s.current,i=r.clientWidth,a=r.clientHeight,G=new de;h.current=G;const ue=new ve(-1,1,1,-1,0,1);g.current=ue;const N=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),ae=N||navigator.hardwareConcurrency&&navigator.hardwareConcurrency<=4;let m=p;ae&&p==="high"&&(m="medium"),N&&p!=="low"&&(m="low");const j={low:{iterations:24,waveIterations:1,pixelRatio:.5,precision:"mediump",stepMultiplier:1.5},medium:{iterations:40,waveIterations:2,pixelRatio:.65,precision:"mediump",stepMultiplier:1.2},high:{iterations:80,waveIterations:4,pixelRatio:Math.min(window.devicePixelRatio,2),precision:"highp",stepMultiplier:1}},c=j[m]||j.medium;let d;try{d=new pe({antialias:!1,alpha:!0,powerPreference:m==="high"?"high-performance":"low-power",precision:c.precision,stencil:!1,depth:!1})}catch{k(!1);return}d.setSize(i,a),d.setPixelRatio(c.pixelRatio),r.appendChild(d.domElement),n.current=d;const H=u=>{const o=new b(u);return new _(o.r,o.g,o.b)},ie=`
+      varying vec2 vUv;
+      void main() {
+        vUv = uv;
+        gl_Position = vec4(position, 1.0);
+      }
+    `,le=`
+      precision ${c.precision} float;
+
+      uniform float uTime;
+      uniform vec2 uResolution;
+      uniform vec2 uMouse;
+      uniform vec3 uTopColor;
+      uniform vec3 uBottomColor;
+      uniform float uIntensity;
+      uniform bool uInteractive;
+      uniform float uGlowAmount;
+      uniform float uPillarWidth;
+      uniform float uPillarHeight;
+      uniform float uNoiseIntensity;
+      uniform float uRotCos;
+      uniform float uRotSin;
+      uniform float uPillarRotCos;
+      uniform float uPillarRotSin;
+      uniform float uWaveSin;
+      uniform float uWaveCos;
+      varying vec2 vUv;
+
+      const float STEP_MULT = ${c.stepMultiplier.toFixed(1)};
+      const int MAX_ITER = ${c.iterations};
+      const int WAVE_ITER = ${c.waveIterations};
+
+      void main() {
+        vec2 uv = (vUv * 2.0 - 1.0) * vec2(uResolution.x / uResolution.y, 1.0);
+        uv = vec2(uPillarRotCos * uv.x - uPillarRotSin * uv.y, uPillarRotSin * uv.x + uPillarRotCos * uv.y);
+
+        vec3 ro = vec3(0.0, 0.0, -10.0);
+        vec3 rd = normalize(vec3(uv, 1.0));
+
+        float rotC = uRotCos;
+        float rotS = uRotSin;
+        if(uInteractive && (uMouse.x != 0.0 || uMouse.y != 0.0)) {
+          float a = uMouse.x * 6.283185;
+          rotC = cos(a);
+          rotS = sin(a);
+        }
+
+        vec3 col = vec3(0.0);
+        float t = 0.1;
+        
+        for(int i = 0; i < MAX_ITER; i++) {
+          vec3 p = ro + rd * t;
+          p.xz = vec2(rotC * p.x - rotS * p.z, rotS * p.x + rotC * p.z);
+
+          vec3 q = p;
+          q.y = p.y * uPillarHeight + uTime;
+          
+          float freq = 1.0;
+          float amp = 1.0;
+          for(int j = 0; j < WAVE_ITER; j++) {
+            q.xz = vec2(uWaveCos * q.x - uWaveSin * q.z, uWaveSin * q.x + uWaveCos * q.z);
+            q += cos(q.zxy * freq - uTime * float(j) * 2.0) * amp;
+            freq *= 2.0;
+            amp *= 0.5;
+          }
+          
+          float d = length(cos(q.xz)) - 0.2;
+          float bound = length(p.xz) - uPillarWidth;
+          float k = 4.0;
+          float h = max(k - abs(d - bound), 0.0);
+          d = max(d, bound) + h * h * 0.0625 / k;
+          d = abs(d) * 0.15 + 0.01;
+
+          float grad = clamp((15.0 - p.y) / 30.0, 0.0, 1.0);
+          col += mix(uBottomColor, uTopColor, grad) / d;
+
+          t += d * STEP_MULT;
+          if(t > 50.0) break;
+        }
+
+        float widthNorm = uPillarWidth / 3.0;
+        col = tanh(col * uGlowAmount / widthNorm);
+        
+        col -= fract(sin(dot(gl_FragCoord.xy, vec2(12.9898, 78.233))) * 43758.5453) / 15.0 * uNoiseIntensity;
+        
+        gl_FragColor = vec4(col * uIntensity, 1.0);
+      }
+    `,$=q*Math.PI/180,se=Math.sin(.4),ce=Math.cos(.4),U=new he({vertexShader:ie,fragmentShader:le,uniforms:{uTime:{value:0},uResolution:{value:new Z(i,a)},uMouse:{value:L.current},uTopColor:{value:H(C)},uBottomColor:{value:H(x)},uIntensity:{value:S},uInteractive:{value:l},uGlowAmount:{value:P},uPillarWidth:{value:M},uPillarHeight:{value:E},uNoiseIntensity:{value:F},uRotCos:{value:1},uRotSin:{value:0},uPillarRotCos:{value:Math.cos($)},uPillarRotSin:{value:Math.sin($)},uWaveSin:{value:se},uWaveCos:{value:ce}},transparent:!0,depthWrite:!1,depthTest:!1});e.current=U;const O=new ge(2,2);R.current=O;const fe=new Re(O,U);G.add(fe);let T=null;const D=u=>{if(!l||T)return;T=window.setTimeout(()=>{T=null},16);const o=r.getBoundingClientRect(),v=(u.clientX-o.left)/o.width*2-1,me=-((u.clientY-o.top)/o.height)*2+1;L.current.set(v,me)};l&&r.addEventListener("mousemove",D,{passive:!0});let X=performance.now();const Q=1e3/(m==="low"?30:60),Y=u=>{if(!e.current||!n.current||!h.current||!g.current)return;const o=u-X;if(o>=Q){A.current+=.016*B.current;const v=A.current;e.current.uniforms.uTime.value=v,e.current.uniforms.uRotCos.value=Math.cos(v*.3),e.current.uniforms.uRotSin.value=Math.sin(v*.3),n.current.render(h.current,g.current),X=u-o%Q}f.current=requestAnimationFrame(Y)};f.current=requestAnimationFrame(Y);let W=null;const J=()=>{W&&clearTimeout(W),W=window.setTimeout(()=>{if(!n.current||!e.current||!s.current)return;const u=s.current.clientWidth,o=s.current.clientHeight;n.current.setSize(u,o),e.current.uniforms.uResolution.value.set(u,o)},150)};return window.addEventListener("resize",J,{passive:!0}),()=>{window.removeEventListener("resize",J),l&&r.removeEventListener("mousemove",D),f.current&&cancelAnimationFrame(f.current),n.current&&(n.current.dispose(),n.current.forceContextLoss(),r.contains(n.current.domElement)&&r.removeChild(n.current.domElement)),e.current&&e.current.dispose(),R.current&&R.current.dispose(),n.current=null,e.current=null,h.current=null,g.current=null,R.current=null,f.current=null}},[I,p]),t.useEffect(()=>{B.current=y},[y]),t.useEffect(()=>{if(!e.current)return;const r=i=>{const a=new b(i);return new _(a.r,a.g,a.b)};e.current.uniforms.uTopColor.value=r(C)},[C]),t.useEffect(()=>{if(!e.current)return;const r=i=>{const a=new b(i);return new _(a.r,a.g,a.b)};e.current.uniforms.uBottomColor.value=r(x)},[x]),t.useEffect(()=>{e.current&&(e.current.uniforms.uIntensity.value=S)},[S]),t.useEffect(()=>{e.current&&(e.current.uniforms.uInteractive.value=l)},[l]),t.useEffect(()=>{e.current&&(e.current.uniforms.uGlowAmount.value=P)},[P]),t.useEffect(()=>{e.current&&(e.current.uniforms.uPillarWidth.value=M)},[M]),t.useEffect(()=>{e.current&&(e.current.uniforms.uPillarHeight.value=E)},[E]),t.useEffect(()=>{e.current&&(e.current.uniforms.uNoiseIntensity.value=F)},[F]),t.useEffect(()=>{if(!e.current)return;const r=q*Math.PI/180;e.current.uniforms.uPillarRotCos.value=Math.cos(r),e.current.uniforms.uPillarRotSin.value=Math.sin(r)},[q]),I?K.jsx("div",{ref:s,className:`${ee["light-pillar-container"]} ${z}`,style:{mixBlendMode:V}}):K.jsx("div",{className:`${ee["light-pillar-fallback"]} ${z}`,style:{mixBlendMode:V},children:"WebGL not supported"})};ne.__docgenInfo={description:"",methods:[],displayName:"LightPillar",props:{topColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},bottomColor:{defaultValue:{value:"'#FF9FFC'",computed:!1},required:!1},intensity:{defaultValue:{value:"1.0",computed:!1},required:!1},rotationSpeed:{defaultValue:{value:"0.3",computed:!1},required:!1},interactive:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},glowAmount:{defaultValue:{value:"0.005",computed:!1},required:!1},pillarWidth:{defaultValue:{value:"3.0",computed:!1},required:!1},pillarHeight:{defaultValue:{value:"0.4",computed:!1},required:!1},noiseIntensity:{defaultValue:{value:"0.5",computed:!1},required:!1},mixBlendMode:{defaultValue:{value:"'screen'",computed:!1},required:!1},pillarRotation:{defaultValue:{value:"0",computed:!1},required:!1},quality:{defaultValue:{value:"'high'",computed:!1},required:!1}}};const ye={title:"ReactBits/Backgrounds/LightPillar",component:ne,parameters:{layout:"fullscreen"},tags:["autodocs"]},w={args:{topColor:"#5227FF",bottomColor:"#FF9FFC",intensity:1,rotationSpeed:.3,interactive:!1,glowAmount:.005,pillarWidth:3,pillarHeight:.4,noiseIntensity:.5,mixBlendMode:"screen",pillarRotation:0,quality:"high"}};var te,re,oe;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    topColor: '#5227FF',
+    bottomColor: '#FF9FFC',
+    intensity: 1.0,
+    rotationSpeed: 0.3,
+    interactive: false,
+    glowAmount: 0.005,
+    pillarWidth: 3.0,
+    pillarHeight: 0.4,
+    noiseIntensity: 0.5,
+    mixBlendMode: 'screen',
+    pillarRotation: 0,
+    quality: 'high'
+  }
+}`,...(oe=(re=w.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};const Pe=["Default"];export{w as Default,Pe as __namedExportsOrder,ye as default};

package/storybook-static/assets/LightRays.stories-B3LIIkr4.js

@@ -0,0 +1,114 @@
+import{r as n,j as J}from"./iframe-Cz1R6gKZ.js";import{R as K,P as Q,M as Z}from"./Mesh-CwXV3WjE.js";import{T as ee}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const re="#ffffff",W=l=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(l);return t?[parseInt(t[1],16)/255,parseInt(t[2],16)/255,parseInt(t[3],16)/255]:[1,1,1]},B=(l,t,a)=>{switch(l){case"top-left":return{anchor:[0,-.2*a],dir:[0,1]};case"top-right":return{anchor:[t,-.2*a],dir:[0,1]};case"left":return{anchor:[-.2*t,.5*a],dir:[1,0]};case"right":return{anchor:[(1+.2)*t,.5*a],dir:[-1,0]};case"bottom-left":return{anchor:[0,(1+.2)*a],dir:[0,-1]};case"bottom-center":return{anchor:[.5*t,(1+.2)*a],dir:[0,-1]};case"bottom-right":return{anchor:[t,(1+.2)*a],dir:[0,-1]};default:return{anchor:[.5*t,-.2*a],dir:[0,1]}}},j=({raysOrigin:l="top-center",raysColor:t=re,raysSpeed:a=1,lightSpread:g=1,rayLength:C=2,pulsating:S=!1,fadeDistance:D=1,saturation:b=1,followMouse:w=!0,mouseInfluence:p=.1,noiseAmount:A=0,distortion:P=0,className:H=""})=>{const o=n.useRef(null),h=n.useRef(null),d=n.useRef(null),T=n.useRef({x:.5,y:.5}),m=n.useRef({x:.5,y:.5}),y=n.useRef(null),E=n.useRef(null),f=n.useRef(null),[I,$]=n.useState(!1),R=n.useRef(null);return n.useEffect(()=>{if(o.current)return R.current=new IntersectionObserver(e=>{const r=e[0];$(r.isIntersecting)},{threshold:.1}),R.current.observe(o.current),()=>{R.current&&(R.current.disconnect(),R.current=null)}},[]),n.useEffect(()=>!I||!o.current?void 0:(f.current&&(f.current(),f.current=null),(async()=>{if(!o.current||(await new Promise(i=>setTimeout(i,10)),!o.current))return;const r=new K({dpr:Math.min(window.devicePixelRatio,2),alpha:!0});d.current=r;const s=r.gl;for(s.canvas.style.width="100%",s.canvas.style.height="100%";o.current.firstChild;)o.current.removeChild(o.current.firstChild);o.current.appendChild(s.canvas);const x=`
+attribute vec2 position;
+varying vec2 vUv;
+void main() {
+  vUv = position * 0.5 + 0.5;
+  gl_Position = vec4(position, 0.0, 1.0);
+}`,v=`precision highp float;
+
+uniform float iTime;
+uniform vec2  iResolution;
+
+uniform vec2  rayPos;
+uniform vec2  rayDir;
+uniform vec3  raysColor;
+uniform float raysSpeed;
+uniform float lightSpread;
+uniform float rayLength;
+uniform float pulsating;
+uniform float fadeDistance;
+uniform float saturation;
+uniform vec2  mousePos;
+uniform float mouseInfluence;
+uniform float noiseAmount;
+uniform float distortion;
+
+varying vec2 vUv;
+
+float noise(vec2 st) {
+  return fract(sin(dot(st.xy, vec2(12.9898,78.233))) * 43758.5453123);
+}
+
+float rayStrength(vec2 raySource, vec2 rayRefDirection, vec2 coord,
+                  float seedA, float seedB, float speed) {
+  vec2 sourceToCoord = coord - raySource;
+  vec2 dirNorm = normalize(sourceToCoord);
+  float cosAngle = dot(dirNorm, rayRefDirection);
+
+  float distortedAngle = cosAngle + distortion * sin(iTime * 2.0 + length(sourceToCoord) * 0.01) * 0.2;
+  
+  float spreadFactor = pow(max(distortedAngle, 0.0), 1.0 / max(lightSpread, 0.001));
+
+  float distance = length(sourceToCoord);
+  float maxDistance = iResolution.x * rayLength;
+  float lengthFalloff = clamp((maxDistance - distance) / maxDistance, 0.0, 1.0);
+  
+  float fadeFalloff = clamp((iResolution.x * fadeDistance - distance) / (iResolution.x * fadeDistance), 0.5, 1.0);
+  float pulse = pulsating > 0.5 ? (0.8 + 0.2 * sin(iTime * speed * 3.0)) : 1.0;
+
+  float baseStrength = clamp(
+    (0.45 + 0.15 * sin(distortedAngle * seedA + iTime * speed)) +
+    (0.3 + 0.2 * cos(-distortedAngle * seedB + iTime * speed)),
+    0.0, 1.0
+  );
+
+  return baseStrength * lengthFalloff * fadeFalloff * spreadFactor * pulse;
+}
+
+void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+  vec2 coord = vec2(fragCoord.x, iResolution.y - fragCoord.y);
+  
+  vec2 finalRayDir = rayDir;
+  if (mouseInfluence > 0.0) {
+    vec2 mouseScreenPos = mousePos * iResolution.xy;
+    vec2 mouseDirection = normalize(mouseScreenPos - rayPos);
+    finalRayDir = normalize(mix(rayDir, mouseDirection, mouseInfluence));
+  }
+
+  vec4 rays1 = vec4(1.0) *
+               rayStrength(rayPos, finalRayDir, coord, 36.2214, 21.11349,
+                           1.5 * raysSpeed);
+  vec4 rays2 = vec4(1.0) *
+               rayStrength(rayPos, finalRayDir, coord, 22.3991, 18.0234,
+                           1.1 * raysSpeed);
+
+  fragColor = rays1 * 0.5 + rays2 * 0.4;
+
+  if (noiseAmount > 0.0) {
+    float n = noise(coord * 0.01 + iTime * 0.1);
+    fragColor.rgb *= (1.0 - noiseAmount + noiseAmount * n);
+  }
+
+  float brightness = 1.0 - (coord.y / iResolution.y);
+  fragColor.x *= 0.1 + brightness * 0.8;
+  fragColor.y *= 0.3 + brightness * 0.6;
+  fragColor.z *= 0.5 + brightness * 0.5;
+
+  if (saturation != 1.0) {
+    float gray = dot(fragColor.rgb, vec3(0.299, 0.587, 0.114));
+    fragColor.rgb = mix(vec3(gray), fragColor.rgb, saturation);
+  }
+
+  fragColor.rgb *= raysColor;
+}
+
+void main() {
+  vec4 color;
+  mainImage(color, gl_FragCoord.xy);
+  gl_FragColor  = color;
+}`,u={iTime:{value:0},iResolution:{value:[1,1]},rayPos:{value:[0,0]},rayDir:{value:[0,1]},raysColor:{value:W(t)},raysSpeed:{value:a},lightSpread:{value:g},rayLength:{value:C},pulsating:{value:S?1:0},fadeDistance:{value:D},saturation:{value:b},mousePos:{value:[.5,.5]},mouseInfluence:{value:p},noiseAmount:{value:A},distortion:{value:P}};h.current=u;const q=new ee(s),k=new Q(s,{vertex:x,fragment:v,uniforms:u}),F=new Z(s,{geometry:q,program:k});E.current=F;const V=()=>{if(!o.current||!r)return;r.dpr=Math.min(window.devicePixelRatio,2);const{clientWidth:i,clientHeight:c}=o.current;r.setSize(i,c);const z=r.dpr,M=i*z,N=c*z;u.iResolution.value=[M,N];const{anchor:X,dir:Y}=B(l,M,N);u.rayPos.value=X,u.rayDir.value=Y},_=i=>{if(!(!d.current||!h.current||!E.current)){u.iTime.value=i*.001,w&&p>0&&(m.current.x=m.current.x*.92+T.current.x*(1-.92),m.current.y=m.current.y*.92+T.current.y*(1-.92),u.mousePos.value=[m.current.x,m.current.y]);try{r.render({scene:F}),y.current=requestAnimationFrame(_)}catch(c){console.warn("WebGL rendering error:",c);return}}};window.addEventListener("resize",V),V(),y.current=requestAnimationFrame(_),f.current=()=>{if(y.current&&(cancelAnimationFrame(y.current),y.current=null),window.removeEventListener("resize",V),r)try{const i=r.gl.canvas,c=r.gl.getExtension("WEBGL_lose_context");c&&c.loseContext(),i&&i.parentNode&&i.parentNode.removeChild(i)}catch(i){console.warn("Error during WebGL cleanup:",i)}d.current=null,h.current=null,E.current=null}})(),()=>{f.current&&(f.current(),f.current=null)}),[I,l,t,a,g,C,S,D,b,w,p,A,P]),n.useEffect(()=>{if(!h.current||!o.current||!d.current)return;const e=h.current,r=d.current;e.raysColor.value=W(t),e.raysSpeed.value=a,e.lightSpread.value=g,e.rayLength.value=C,e.pulsating.value=S?1:0,e.fadeDistance.value=D,e.saturation.value=b,e.mouseInfluence.value=p,e.noiseAmount.value=A,e.distortion.value=P;const{clientWidth:s,clientHeight:x}=o.current,v=r.dpr,{anchor:u,dir:q}=B(l,s*v,x*v);e.rayPos.value=u,e.rayDir.value=q},[t,a,g,l,C,S,D,b,p,A,P]),n.useEffect(()=>{const e=r=>{if(!o.current||!d.current)return;const s=o.current.getBoundingClientRect(),x=(r.clientX-s.left)/s.width,v=(r.clientY-s.top)/s.height;T.current={x,y:v}};if(w)return window.addEventListener("mousemove",e),()=>window.removeEventListener("mousemove",e)},[w]),J.jsx("div",{ref:o,className:`light-rays-container ${H}`.trim()})};j.__docgenInfo={description:"",methods:[],displayName:"LightRays",props:{raysOrigin:{defaultValue:{value:"'top-center'",computed:!1},required:!1},raysColor:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},raysSpeed:{defaultValue:{value:"1",computed:!1},required:!1},lightSpread:{defaultValue:{value:"1",computed:!1},required:!1},rayLength:{defaultValue:{value:"2",computed:!1},required:!1},pulsating:{defaultValue:{value:"false",computed:!1},required:!1},fadeDistance:{defaultValue:{value:"1.0",computed:!1},required:!1},saturation:{defaultValue:{value:"1.0",computed:!1},required:!1},followMouse:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"0.1",computed:!1},required:!1},noiseAmount:{defaultValue:{value:"0.0",computed:!1},required:!1},distortion:{defaultValue:{value:"0.0",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const se={title:"ReactBits/Backgrounds/LightRays",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},L={args:{raysOrigin:"top-center",raysColor:"#ffffff",raysSpeed:1,lightSpread:1,rayLength:2,pulsating:!1,fadeDistance:1,saturation:1,followMouse:!0,mouseInfluence:.1,noiseAmount:0,distortion:0}};var G,O,U;L.parameters={...L.parameters,docs:{...(G=L.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    raysOrigin: 'top-center',
+    raysColor: '#ffffff',
+    raysSpeed: 1,
+    lightSpread: 1,
+    rayLength: 2,
+    pulsating: false,
+    fadeDistance: 1.0,
+    saturation: 1.0,
+    followMouse: true,
+    mouseInfluence: 0.1,
+    noiseAmount: 0.0,
+    distortion: 0.0
+  }
+}`,...(U=(O=L.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};const ie=["Default"];export{L as Default,ie as __namedExportsOrder,se as default};

package/storybook-static/assets/Lightning-Duov5diw.css

@@ -0,0 +1 @@
+._lightning-container_1iiur_1{width:100%;min-height:100vh;position:relative}

package/storybook-static/assets/Lightning.stories-DMfFw1rE.js

@@ -0,0 +1,92 @@
+import{r as S,j as V}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const q={"lightning-container":"_lightning-container_1iiur_1"},R=({hue:s=230,xOffset:c=0,speed:u=1,intensity:f=1,size:l=1})=>{const m=S.useRef(null);return S.useEffect(()=>{const o=m.current;if(!o)return;const a=()=>{o.width=o.clientWidth,o.height=o.clientHeight};a(),window.addEventListener("resize",a);const e=o.getContext("webgl");if(!e){console.error("WebGL not supported");return}const b=`
+      attribute vec2 aPosition;
+      void main() {
+        gl_Position = vec4(aPosition, 0.0, 1.0);
+      }
+    `,T=`
+      precision mediump float;
+      uniform vec2 iResolution;
+      uniform float iTime;
+      uniform float uHue;
+      uniform float uXOffset;
+      uniform float uSpeed;
+      uniform float uIntensity;
+      uniform float uSize;
+      
+      #define OCTAVE_COUNT 10
+
+      vec3 hsv2rgb(vec3 c) {
+          vec3 rgb = clamp(abs(mod(c.x * 6.0 + vec3(0.0,4.0,2.0), 6.0) - 3.0) - 1.0, 0.0, 1.0);
+          return c.z * mix(vec3(1.0), rgb, c.y);
+      }
+
+      float hash11(float p) {
+          p = fract(p * .1031);
+          p *= p + 33.33;
+          p *= p + p;
+          return fract(p);
+      }
+
+      float hash12(vec2 p) {
+          vec3 p3 = fract(vec3(p.xyx) * .1031);
+          p3 += dot(p3, p3.yzx + 33.33);
+          return fract((p3.x + p3.y) * p3.z);
+      }
+
+      mat2 rotate2d(float theta) {
+          float c = cos(theta);
+          float s = sin(theta);
+          return mat2(c, -s, s, c);
+      }
+
+      float noise(vec2 p) {
+          vec2 ip = floor(p);
+          vec2 fp = fract(p);
+          float a = hash12(ip);
+          float b = hash12(ip + vec2(1.0, 0.0));
+          float c = hash12(ip + vec2(0.0, 1.0));
+          float d = hash12(ip + vec2(1.0, 1.0));
+          
+          vec2 t = smoothstep(0.0, 1.0, fp);
+          return mix(mix(a, b, t.x), mix(c, d, t.x), t.y);
+      }
+
+      float fbm(vec2 p) {
+          float value = 0.0;
+          float amplitude = 0.5;
+          for (int i = 0; i < OCTAVE_COUNT; ++i) {
+              value += amplitude * noise(p);
+              p *= rotate2d(0.45);
+              p *= 2.0;
+              amplitude *= 0.5;
+          }
+          return value;
+      }
+
+      void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
+          vec2 uv = fragCoord / iResolution.xy;
+          uv = 2.0 * uv - 1.0;
+          uv.x *= iResolution.x / iResolution.y;
+          uv.x += uXOffset;
+          
+          uv += 2.0 * fbm(uv * uSize + 0.8 * iTime * uSpeed) - 1.0;
+          
+          float dist = abs(uv.x);
+          vec3 baseColor = hsv2rgb(vec3(uHue / 360.0, 0.7, 0.8));
+          vec3 col = baseColor * pow(mix(0.0, 0.07, hash11(iTime * uSpeed)) / dist, 1.0) * uIntensity;
+          col = pow(col, vec3(1.0));
+          fragColor = vec4(col, 1.0);
+      }
+
+      void main() {
+          mainImage(gl_FragColor, gl_FragCoord.xy);
+      }
+    `,d=(i,F)=>{const r=e.createShader(F);return r?(e.shaderSource(r,i),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS)?r:(console.error("Shader compile error:",e.getShaderInfoLog(r)),e.deleteShader(r),null)):null},p=d(b,e.VERTEX_SHADER),g=d(T,e.FRAGMENT_SHADER);if(!p||!g)return;const t=e.createProgram();if(!t)return;if(e.attachShader(t,p),e.attachShader(t,g),e.linkProgram(t),!e.getProgramParameter(t,e.LINK_STATUS)){console.error("Program linking error:",e.getProgramInfoLog(t));return}e.useProgram(t);const y=new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),_=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,_),e.bufferData(e.ARRAY_BUFFER,y,e.STATIC_DRAW);const v=e.getAttribLocation(t,"aPosition");e.enableVertexAttribArray(v),e.vertexAttribPointer(v,2,e.FLOAT,!1,0,0);const E=e.getUniformLocation(t,"iResolution"),C=e.getUniformLocation(t,"iTime"),w=e.getUniformLocation(t,"uHue"),P=e.getUniformLocation(t,"uXOffset"),I=e.getUniformLocation(t,"uSpeed"),O=e.getUniformLocation(t,"uIntensity"),U=e.getUniformLocation(t,"uSize"),z=performance.now(),h=()=>{a(),e.viewport(0,0,o.width,o.height),e.uniform2f(E,o.width,o.height);const i=performance.now();e.uniform1f(C,(i-z)/1e3),e.uniform1f(w,s),e.uniform1f(P,c),e.uniform1f(I,u),e.uniform1f(O,f),e.uniform1f(U,l),e.drawArrays(e.TRIANGLES,0,6),requestAnimationFrame(h)};return requestAnimationFrame(h),()=>{window.removeEventListener("resize",a)}},[s,c,u,f,l]),V.jsx("canvas",{ref:m,className:`${q["lightning-container"]}`})};R.__docgenInfo={description:"",methods:[],displayName:"Lightning",props:{hue:{defaultValue:{value:"230",computed:!1},required:!1},xOffset:{defaultValue:{value:"0",computed:!1},required:!1},speed:{defaultValue:{value:"1",computed:!1},required:!1},intensity:{defaultValue:{value:"1",computed:!1},required:!1},size:{defaultValue:{value:"1",computed:!1},required:!1}}};const N={title:"ReactBits/Backgrounds/Lightning",component:R,parameters:{layout:"fullscreen"},tags:["autodocs"]},n={args:{hue:230,xOffset:0,speed:1,intensity:1,size:1}};var x,L,A;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    hue: 230,
+    xOffset: 0,
+    speed: 1,
+    intensity: 1,
+    size: 1
+  }
+}`,...(A=(L=n.parameters)==null?void 0:L.docs)==null?void 0:A.source}}};const D=["Default"];export{n as Default,D as __namedExportsOrder,N as default};

package/storybook-static/assets/LineWaves-CGZ5Tp0W.css

@@ -0,0 +1 @@
+._line-waves-container_hnom3_1{position:relative;width:100%;min-height:100vh}._line-waves-container_hnom3_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}