@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/assets/{Grainient.stories-5EakpvU2.js → Grainient.stories-BthRrRMd.js}

@@ -1,4 +1,4 @@
-import{r as I,j as L}from"./iframe-B8pH-Lvr.js";import{R as Y,P as $,M as H}from"./Mesh-CwXV3WjE.js";import{T as J}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const c=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?[parseInt(e[1],16)/255,parseInt(e[2],16)/255,parseInt(e[3],16)/255]:[1,1,1]},K=`#version 300 es
+import{r as I,j as L}from"./iframe-Cw8dCV4Z.js";import{R as Y,P as $,M as H}from"./Mesh-CwXV3WjE.js";import{T as J}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const c=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?[parseInt(e[1],16)/255,parseInt(e[2],16)/255,parseInt(e[3],16)/255]:[1,1,1]},K=`#version 300 es
 in vec2 position;
 void main() {
   gl_Position = vec4(position, 0.0, 1.0);
@@ -85,7 +85,7 @@ void main(){
   mainImage(o,gl_FragCoord.xy);
   fragColor=o;
 }
-`,X=({timeSpeed:t=.25,colorBalance:e=0,warpStrength:d=1,warpFrequency:m=5,warpSpeed:v=2,warpAmplitude:p=50,blendAngle:g=0,blendSoftness:h=.05,rotationAmount:F=500,noiseScale:S=2,grainAmount:y=.1,grainScale:x=2,grainAnimated:q=!1,contrast:w=1.5,gamma:A=1,saturation:C=1,centerX:R=0,centerY:V=0,zoom:b=.9,color1:B="#FF9FFC",color2:G="#5227FF",color3:T="#B19EEF",className:k=""})=>{const n=I.useRef(null);return I.useEffect(()=>{if(!n.current)return;const i=new Y({webgl:2,alpha:!0,antialias:!1,dpr:Math.min(window.devicePixelRatio||1,2)}),a=i.gl,o=a.canvas;o.style.width="100%",o.style.height="100%",o.style.display="block";const l=n.current;l.appendChild(o);const D=new J(a),s=new $(a,{vertex:K,fragment:Q,uniforms:{iTime:{value:0},iResolution:{value:new Float32Array([1,1])},uTimeSpeed:{value:t},uColorBalance:{value:e},uWarpStrength:{value:d},uWarpFrequency:{value:m},uWarpSpeed:{value:v},uWarpAmplitude:{value:p},uBlendAngle:{value:g},uBlendSoftness:{value:h},uRotationAmount:{value:F},uNoiseScale:{value:S},uGrainAmount:{value:y},uGrainScale:{value:x},uGrainAnimated:{value:q?1:0},uContrast:{value:w},uGamma:{value:A},uSaturation:{value:C},uCenterOffset:{value:new Float32Array([R,V])},uZoom:{value:b},uColor1:{value:new Float32Array(c(B))},uColor2:{value:new Float32Array(c(G))},uColor3:{value:new Float32Array(c(T))}}}),P=new H(a,{geometry:D,program:s}),W=()=>{const u=l.getBoundingClientRect(),U=Math.max(1,Math.floor(u.width)),Z=Math.max(1,Math.floor(u.height));i.setSize(U,Z);const M=s.uniforms.iResolution.value;M[0]=a.drawingBufferWidth,M[1]=a.drawingBufferHeight},E=new ResizeObserver(W);E.observe(l),W();let f=0;const j=performance.now(),O=u=>{s.uniforms.iTime.value=(u-j)*.001,i.render({scene:P}),f=requestAnimationFrame(O)};return f=requestAnimationFrame(O),()=>{cancelAnimationFrame(f),E.disconnect();try{l.removeChild(o)}catch{}}},[t,e,d,m,v,p,g,h,F,S,y,x,q,w,A,C,R,V,b,B,G,T]),L.jsx("div",{ref:n,className:`grainient-container ${k}`.trim()})};X.__docgenInfo={description:"",methods:[],displayName:"Grainient",props:{timeSpeed:{defaultValue:{value:"0.25",computed:!1},required:!1},colorBalance:{defaultValue:{value:"0.0",computed:!1},required:!1},warpStrength:{defaultValue:{value:"1.0",computed:!1},required:!1},warpFrequency:{defaultValue:{value:"5.0",computed:!1},required:!1},warpSpeed:{defaultValue:{value:"2.0",computed:!1},required:!1},warpAmplitude:{defaultValue:{value:"50.0",computed:!1},required:!1},blendAngle:{defaultValue:{value:"0.0",computed:!1},required:!1},blendSoftness:{defaultValue:{value:"0.05",computed:!1},required:!1},rotationAmount:{defaultValue:{value:"500.0",computed:!1},required:!1},noiseScale:{defaultValue:{value:"2.0",computed:!1},required:!1},grainAmount:{defaultValue:{value:"0.1",computed:!1},required:!1},grainScale:{defaultValue:{value:"2.0",computed:!1},required:!1},grainAnimated:{defaultValue:{value:"false",computed:!1},required:!1},contrast:{defaultValue:{value:"1.5",computed:!1},required:!1},gamma:{defaultValue:{value:"1.0",computed:!1},required:!1},saturation:{defaultValue:{value:"1.0",computed:!1},required:!1},centerX:{defaultValue:{value:"0.0",computed:!1},required:!1},centerY:{defaultValue:{value:"0.0",computed:!1},required:!1},zoom:{defaultValue:{value:"0.9",computed:!1},required:!1},color1:{defaultValue:{value:"'#FF9FFC'",computed:!1},required:!1},color2:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},color3:{defaultValue:{value:"'#B19EEF'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const le={title:"ReactBits/Backgrounds/Grainient",component:X,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{timeSpeed:.25,colorBalance:0,warpStrength:1,warpFrequency:5,warpSpeed:2,warpAmplitude:50,blendAngle:0,blendSoftness:.05,rotationAmount:500,noiseScale:2,grainAmount:.1,grainScale:2,grainAnimated:!1,contrast:1.5,gamma:1,saturation:1,centerX:0,centerY:0,zoom:.9,color1:"#FF9FFC",color2:"#5227FF",color3:"#B19EEF"}};var N,_,z;r.parameters={...r.parameters,docs:{...(N=r.parameters)==null?void 0:N.docs,source:{originalSource:`{
+`,X=({timeSpeed:t=.25,colorBalance:e=0,warpStrength:d=1,warpFrequency:m=5,warpSpeed:v=2,warpAmplitude:p=50,blendAngle:g=0,blendSoftness:h=.05,rotationAmount:F=500,noiseScale:S=2,grainAmount:y=.1,grainScale:x=2,grainAnimated:q=!1,contrast:w=1.5,gamma:A=1,saturation:C=1,centerX:R=0,centerY:V=0,zoom:b=.9,color1:B="#FF9FFC",color2:G="#5227FF",color3:T="#B19EEF",className:k=""})=>{const n=I.useRef(null);return I.useEffect(()=>{if(!n.current)return;const i=new Y({webgl:2,alpha:!0,antialias:!1,dpr:Math.min(window.devicePixelRatio||1,2)}),a=i.gl,o=a.canvas;o.style.width="100%",o.style.height="100%",o.style.display="block";const l=n.current;l.appendChild(o);const D=new J(a),s=new $(a,{vertex:K,fragment:Q,uniforms:{iTime:{value:0},iResolution:{value:new Float32Array([1,1])},uTimeSpeed:{value:t},uColorBalance:{value:e},uWarpStrength:{value:d},uWarpFrequency:{value:m},uWarpSpeed:{value:v},uWarpAmplitude:{value:p},uBlendAngle:{value:g},uBlendSoftness:{value:h},uRotationAmount:{value:F},uNoiseScale:{value:S},uGrainAmount:{value:y},uGrainScale:{value:x},uGrainAnimated:{value:q?1:0},uContrast:{value:w},uGamma:{value:A},uSaturation:{value:C},uCenterOffset:{value:new Float32Array([R,V])},uZoom:{value:b},uColor1:{value:new Float32Array(c(B))},uColor2:{value:new Float32Array(c(G))},uColor3:{value:new Float32Array(c(T))}}}),P=new H(a,{geometry:D,program:s}),W=()=>{const u=l.getBoundingClientRect(),U=Math.max(1,Math.floor(u.width)),Z=Math.max(1,Math.floor(u.height));i.setSize(U,Z);const M=s.uniforms.iResolution.value;M[0]=a.drawingBufferWidth,M[1]=a.drawingBufferHeight},E=new ResizeObserver(W);E.observe(l),W();let f=0;const j=performance.now(),O=u=>{s.uniforms.iTime.value=(u-j)*.001,i.render({scene:P}),f=requestAnimationFrame(O)};return f=requestAnimationFrame(O),()=>{cancelAnimationFrame(f),E.disconnect();try{l.removeChild(o)}catch{}}},[t,e,d,m,v,p,g,h,F,S,y,x,q,w,A,C,R,V,b,B,G,T]),L.jsx("div",{ref:n,className:`grainient-container ${k}`.trim()})};X.__docgenInfo={description:"",methods:[],displayName:"Grainient",props:{timeSpeed:{defaultValue:{value:"0.25",computed:!1},required:!1},colorBalance:{defaultValue:{value:"0.0",computed:!1},required:!1},warpStrength:{defaultValue:{value:"1.0",computed:!1},required:!1},warpFrequency:{defaultValue:{value:"5.0",computed:!1},required:!1},warpSpeed:{defaultValue:{value:"2.0",computed:!1},required:!1},warpAmplitude:{defaultValue:{value:"50.0",computed:!1},required:!1},blendAngle:{defaultValue:{value:"0.0",computed:!1},required:!1},blendSoftness:{defaultValue:{value:"0.05",computed:!1},required:!1},rotationAmount:{defaultValue:{value:"500.0",computed:!1},required:!1},noiseScale:{defaultValue:{value:"2.0",computed:!1},required:!1},grainAmount:{defaultValue:{value:"0.1",computed:!1},required:!1},grainScale:{defaultValue:{value:"2.0",computed:!1},required:!1},grainAnimated:{defaultValue:{value:"false",computed:!1},required:!1},contrast:{defaultValue:{value:"1.5",computed:!1},required:!1},gamma:{defaultValue:{value:"1.0",computed:!1},required:!1},saturation:{defaultValue:{value:"1.0",computed:!1},required:!1},centerX:{defaultValue:{value:"0.0",computed:!1},required:!1},centerY:{defaultValue:{value:"0.0",computed:!1},required:!1},zoom:{defaultValue:{value:"0.9",computed:!1},required:!1},color1:{defaultValue:{value:"'#FF9FFC'",computed:!1},required:!1},color2:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},color3:{defaultValue:{value:"'#B19EEF'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const le={title:"ReactBits/Backgrounds/Grainient",component:X,parameters:{layout:"fullscreen"}},r={args:{timeSpeed:.25,colorBalance:0,warpStrength:1,warpFrequency:5,warpSpeed:2,warpAmplitude:50,blendAngle:0,blendSoftness:.05,rotationAmount:500,noiseScale:2,grainAmount:.1,grainScale:2,grainAnimated:!1,contrast:1.5,gamma:1,saturation:1,centerX:0,centerY:0,zoom:.9,color1:"#FF9FFC",color2:"#5227FF",color3:"#B19EEF"}};var N,_,z;r.parameters={...r.parameters,docs:{...(N=r.parameters)==null?void 0:N.docs,source:{originalSource:`{
   args: {
     timeSpeed: 0.25,
     colorBalance: 0.0,

package/storybook-static/assets/{GridMotion.stories-Bm3DD7cb.js → GridMotion.stories-BSwjL8IE.js}

@@ -1,4 +1,4 @@
-import{r as n,j as t}from"./iframe-B8pH-Lvr.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const k="_noscroll_11mq5_1",D="_intro_11mq5_7",N="_row_11mq5_43",C="_row__item_11mq5_50",A="_fullview_11mq5_84",s={noscroll:k,intro:D,"gridMotion-container":"_gridMotion-container_11mq5_29",row:N,row__item:C,"row__item-inner":"_row__item-inner_11mq5_54","row__item-img":"_row__item-img_11mq5_68","row__item-content":"_row__item-content_11mq5_78",fullview:A},x=({items:a=[],gradientColor:j="black"})=>{const q=n.useRef(null),d=n.useRef([]),u=n.useRef(window.innerWidth/2),h=28,b=Array.from({length:h},(r,e)=>`Item ${e+1}`),y=a.length>0?a.slice(0,h):b;return n.useEffect(()=>{m.ticker.lagSmoothing(0);const r=o=>{u.current=o.clientX},e=()=>{const l=[.6,.4,.3,.2];d.current.forEach((_,g)=>{if(_){const M=g%2===0?1:-1,$=(u.current/window.innerWidth*300-300/2)*M;m.to(_,{x:$,duration:.8+l[g%l.length],ease:"power3.out",overwrite:"auto"})}})},p=m.ticker.add(e);return window.addEventListener("mousemove",r),()=>{window.removeEventListener("mousemove",r),p()}},[]),t.jsx("div",{className:`${s.noscroll} loading`,ref:q,children:t.jsxs("section",{className:`${s.intro}`,style:{background:`radial-gradient(circle, ${j} 0%, transparent 100%)`},children:[t.jsx("div",{className:`${s["gridMotion-container"]}`,children:[...Array(4)].map((r,e)=>t.jsx("div",{className:`${s.row}`,ref:p=>d.current[e]=p,children:[...Array(7)].map((p,o)=>{const i=y[e*7+o];return t.jsx("div",{className:`${s.row__item}`,children:t.jsx("div",{className:`${s["row__item-inner"]}`,style:{backgroundColor:"#111"},children:typeof i=="string"&&i.startsWith("http")?t.jsx("div",{className:`${s["row__item-img"]}`,style:{backgroundImage:`url(${i})`}}):t.jsx("div",{className:`${s["row__item-content"]}`,children:i})})},o)})},e))}),t.jsx("div",{className:`${s.fullview}`})]})})};x.__docgenInfo={description:"",methods:[],displayName:"GridMotion",props:{items:{defaultValue:{value:"[]",computed:!1},required:!1},gradientColor:{defaultValue:{value:"'black'",computed:!1},required:!1}}};const I={title:"ReactBits/Backgrounds/GridMotion",component:x,parameters:{layout:"fullscreen"},tags:["autodocs"]},c={args:{items:["https://picsum.photos/seed/a/300/300","https://picsum.photos/seed/b/300/300","Design","https://picsum.photos/seed/c/300/300","Code","https://picsum.photos/seed/d/300/300","Create","https://picsum.photos/seed/e/300/300","Build","https://picsum.photos/seed/f/300/300","https://picsum.photos/seed/g/300/300","Ship","https://picsum.photos/seed/h/300/300","Launch","https://picsum.photos/seed/i/300/300","https://picsum.photos/seed/j/300/300","Iterate","https://picsum.photos/seed/k/300/300","Scale","https://picsum.photos/seed/l/300/300","https://picsum.photos/seed/m/300/300","Deploy","https://picsum.photos/seed/n/300/300","Test","https://picsum.photos/seed/o/300/300","https://picsum.photos/seed/p/300/300","Debug","https://picsum.photos/seed/q/300/300"],gradientColor:"#060010"}};var f,w,v;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
+import{r as n,j as t}from"./iframe-Cw8dCV4Z.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const k="_noscroll_11mq5_1",D="_intro_11mq5_7",N="_row_11mq5_43",C="_row__item_11mq5_50",A="_fullview_11mq5_84",s={noscroll:k,intro:D,"gridMotion-container":"_gridMotion-container_11mq5_29",row:N,row__item:C,"row__item-inner":"_row__item-inner_11mq5_54","row__item-img":"_row__item-img_11mq5_68","row__item-content":"_row__item-content_11mq5_78",fullview:A},x=({items:a=[],gradientColor:j="black"})=>{const q=n.useRef(null),d=n.useRef([]),u=n.useRef(window.innerWidth/2),h=28,b=Array.from({length:h},(r,e)=>`Item ${e+1}`),y=a.length>0?a.slice(0,h):b;return n.useEffect(()=>{m.ticker.lagSmoothing(0);const r=o=>{u.current=o.clientX},e=()=>{const l=[.6,.4,.3,.2];d.current.forEach((_,g)=>{if(_){const M=g%2===0?1:-1,$=(u.current/window.innerWidth*300-300/2)*M;m.to(_,{x:$,duration:.8+l[g%l.length],ease:"power3.out",overwrite:"auto"})}})},p=m.ticker.add(e);return window.addEventListener("mousemove",r),()=>{window.removeEventListener("mousemove",r),p()}},[]),t.jsx("div",{className:`${s.noscroll} loading`,ref:q,children:t.jsxs("section",{className:`${s.intro}`,style:{background:`radial-gradient(circle, ${j} 0%, transparent 100%)`},children:[t.jsx("div",{className:`${s["gridMotion-container"]}`,children:[...Array(4)].map((r,e)=>t.jsx("div",{className:`${s.row}`,ref:p=>d.current[e]=p,children:[...Array(7)].map((p,o)=>{const i=y[e*7+o];return t.jsx("div",{className:`${s.row__item}`,children:t.jsx("div",{className:`${s["row__item-inner"]}`,style:{backgroundColor:"#111"},children:typeof i=="string"&&i.startsWith("http")?t.jsx("div",{className:`${s["row__item-img"]}`,style:{backgroundImage:`url(${i})`}}):t.jsx("div",{className:`${s["row__item-content"]}`,children:i})})},o)})},e))}),t.jsx("div",{className:`${s.fullview}`})]})})};x.__docgenInfo={description:"",methods:[],displayName:"GridMotion",props:{items:{defaultValue:{value:"[]",computed:!1},required:!1},gradientColor:{defaultValue:{value:"'black'",computed:!1},required:!1}}};const I={title:"ReactBits/Backgrounds/GridMotion",component:x,parameters:{layout:"fullscreen"}},c={args:{items:["https://picsum.photos/seed/a/300/300","https://picsum.photos/seed/b/300/300","Design","https://picsum.photos/seed/c/300/300","Code","https://picsum.photos/seed/d/300/300","Create","https://picsum.photos/seed/e/300/300","Build","https://picsum.photos/seed/f/300/300","https://picsum.photos/seed/g/300/300","Ship","https://picsum.photos/seed/h/300/300","Launch","https://picsum.photos/seed/i/300/300","https://picsum.photos/seed/j/300/300","Iterate","https://picsum.photos/seed/k/300/300","Scale","https://picsum.photos/seed/l/300/300","https://picsum.photos/seed/m/300/300","Deploy","https://picsum.photos/seed/n/300/300","Test","https://picsum.photos/seed/o/300/300","https://picsum.photos/seed/p/300/300","Debug","https://picsum.photos/seed/q/300/300"],gradientColor:"#060010"}};var f,w,v;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
   args: {
     items: ['https://picsum.photos/seed/a/300/300', 'https://picsum.photos/seed/b/300/300', 'Design', 'https://picsum.photos/seed/c/300/300', 'Code', 'https://picsum.photos/seed/d/300/300', 'Create', 'https://picsum.photos/seed/e/300/300', 'Build', 'https://picsum.photos/seed/f/300/300', 'https://picsum.photos/seed/g/300/300', 'Ship', 'https://picsum.photos/seed/h/300/300', 'Launch', 'https://picsum.photos/seed/i/300/300', 'https://picsum.photos/seed/j/300/300', 'Iterate', 'https://picsum.photos/seed/k/300/300', 'Scale', 'https://picsum.photos/seed/l/300/300', 'https://picsum.photos/seed/m/300/300', 'Deploy', 'https://picsum.photos/seed/n/300/300', 'Test', 'https://picsum.photos/seed/o/300/300', 'https://picsum.photos/seed/p/300/300', 'Debug', 'https://picsum.photos/seed/q/300/300'],
     gradientColor: '#060010'

package/storybook-static/assets/ImageSlideshow.stories-BYAQMHlZ.js

@@ -0,0 +1,108 @@
+import{r as o,j as a}from"./iframe-Cw8dCV4Z.js";import{A as Re}from"./index-CzApopWo.js";import{m as x}from"./proxy-p8L3T_Zy.js";import{c as g}from"./createLucideIcon-dvowvj4F.js";import{C as qe}from"./chevron-right-DjeluSA0.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BCa1jVYq.js";/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ve=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],Me=g("chevron-left",Ve);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Fe=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],Le=g("download",Fe);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Oe=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],ze=g("maximize",Oe);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const He=[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]],We=g("pause",He);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ge=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],Ue=g("play",Ge);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Xe=[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]],Be=g("share-2",Xe),Je="_slideshow_1a6nu_1",Ke="_fullscreen_1a6nu_12",Qe="_empty_1a6nu_23",Ye="_emptyState_1a6nu_30",Ze="_mainContainer_1a6nu_36",ea="_slide_1a6nu_1",aa="_image_1a6nu_58",ta="_imageLoader_1a6nu_67",na="_spinner_1a6nu_77",sa="_control_1a6nu_91",oa="_controlPrev_1a6nu_130",ra="_controlNext_1a6nu_134",la="_controlPlay_1a6nu_138",ia="_topControls_1a6nu_168",ca="_controlAction_1a6nu_178",da="_caption_1a6nu_202",ua="_captionTitle_1a6nu_213",ma="_captionText_1a6nu_220",ha="_imageMetadata_1a6nu_227",pa="_metadataItem_1a6nu_236",ga="_indicators_1a6nu_246",fa="_hasThumbnails_1a6nu_256",ya="_indicator_1a6nu_246",wa="_indicatorActive_1a6nu_274",ba="_thumbnails_1a6nu_279",va="_thumbnail_1a6nu_279",xa="_thumbnailActive_1a6nu_323",_a="_thumbnailImage_1a6nu_328",n={slideshow:Je,fullscreen:Ke,empty:Qe,emptyState:Ye,mainContainer:Ze,slide:ea,image:aa,imageLoader:ta,spinner:na,control:sa,controlPrev:oa,controlNext:ra,controlPlay:la,topControls:ia,controlAction:ca,caption:da,captionTitle:ua,captionText:ma,imageMetadata:ha,metadataItem:pa,indicators:ga,hasThumbnails:fa,indicator:ya,indicatorActive:wa,thumbnails:ba,thumbnail:va,thumbnailActive:xa,thumbnailImage:_a},w=({images:d,autoPlay:b=!1,autoPlayInterval:P=3e3,showThumbnails:R=!0,showControls:ue=!0,showIndicators:me=!0,showCaptions:he=!0,loop:c=!0,fadeTransition:q=!1,enableFullscreen:C=!0,enableDownload:pe=!1,enableShare:ge=!1,enableDragReorder:V=!1,lazyLoading:m=!0,preloadAdjacent:M=!0,className:F="",onImageChange:k,onDownload:L,onShare:O,onImageReorder:z,initialIndex:fe=0})=>{const[l,ye]=o.useState(fe),[f,we]=o.useState(b),[H,be]=o.useState(null),[W,G]=o.useState(null),[N,D]=o.useState(!1),[ve,xe]=o.useState(new Set),[s,U]=o.useState(d),[_e,X]=o.useState(!1),[y,B]=o.useState(null),J=o.useRef(null),Ie=o.useRef(null),A=o.useRef(null),K=50,u=o.useCallback(e=>{const t=Math.max(0,Math.min(e,s.length-1));ye(t),k&&k(t,s[t])},[s,k]),h=o.useCallback(()=>{l<s.length-1?u(l+1):c&&u(0)},[l,s.length,c,u]),v=o.useCallback(()=>{l>0?u(l-1):c&&u(s.length-1)},[l,s.length,c,u]),E=o.useCallback(()=>{we(e=>!e)},[]),Q=()=>{var e;document.fullscreenElement?(document.exitFullscreen(),D(!1)):((e=J.current)==null||e.requestFullscreen(),D(!0))},Se=e=>{xe(t=>new Set([...t,e]))},Te=()=>{const e=s[l];if(L)L(e);else if(e.downloadUrl||e.src){const t=document.createElement("a");t.href=e.downloadUrl||e.src,t.download=e.title||e.alt||"image",document.body.appendChild(t),t.click(),document.body.removeChild(t)}},je=async()=>{const e=s[l];if(O)O(e);else if(navigator.share)try{await navigator.share({title:e.title||e.alt,text:e.caption,url:e.src})}catch(t){console.log("Error sharing:",t)}else navigator.clipboard.writeText(e.src)},Ce=(e,t)=>{V&&(X(!0),B(t),e.dataTransfer.effectAllowed="move")},ke=e=>{e.preventDefault(),e.dataTransfer.dropEffect="move"},Ne=(e,t)=>{if(e.preventDefault(),y===null||y===t)return;const i=[...s],p=i[y];i.splice(y,1),i.splice(t,0,p),U(i),X(!1),B(null),z&&z(i)},De=e=>{const t=new Image;t.src=e},Ae=e=>{G(null),be(e.targetTouches[0].clientX)},Ee=e=>{G(e.targetTouches[0].clientX)},$e=()=>{if(!H||!W)return;const e=H-W,t=e>K,i=e<-K;t?h():i&&v()};if(o.useEffect(()=>{if(!f||s.length<=1)return;const e=setInterval(()=>{h()},P);return()=>clearInterval(e)},[f,P,h,s.length]),o.useEffect(()=>{U(d)},[d]),o.useEffect(()=>{M&&[l-1,l+1,c&&l===0?s.length-1:-1,c&&l===s.length-1?0:-1].filter(t=>t>=0&&t<s.length).forEach(t=>{s[t]&&De(s[t].src)})},[l,s,d,c,M]),o.useEffect(()=>{const e=()=>{D(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),o.useEffect(()=>(m&&(A.current=new IntersectionObserver(e=>{e.forEach(t=>{var i;if(t.isIntersecting){const p=t.target,Y=p.dataset.src;Y&&(p.src=Y,p.removeAttribute("data-src"),(i=A.current)==null||i.unobserve(p))}})},{threshold:.1})),()=>{var e;(e=A.current)==null||e.disconnect()}),[m]),o.useEffect(()=>{const e=t=>{switch(t.key){case"ArrowLeft":v();break;case"ArrowRight":h();break;case" ":t.preventDefault(),E();break;case"f":case"F":C&&Q();break}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[v,h,C,E]),!s||s.length===0)return a.jsx("div",{className:`${n.slideshow} ${n.empty} ${F}`,children:a.jsx("div",{className:n.emptyState,children:a.jsx("span",{children:"No images to display"})})});const Pe={enter:e=>({x:e>0?1e3:-1e3,opacity:q?0:1}),center:{zIndex:1,x:0,opacity:1},exit:e=>({zIndex:0,x:e<0?1e3:-1e3,opacity:q?0:1})},r=s[l],$=ve.has(r.id);return a.jsxs("div",{ref:J,className:`${n.slideshow} ${N?n.fullscreen:""} ${R&&s.length>1?n.hasThumbnails:""} ${F}`,children:[a.jsxs("div",{className:n.mainContainer,onTouchStart:Ae,onTouchMove:Ee,onTouchEnd:$e,children:[a.jsx(Re,{mode:"wait",custom:1,children:a.jsxs(x.div,{custom:1,variants:Pe,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.3}},className:n.slide,children:[a.jsx("img",{ref:Ie,src:m&&!$?void 0:r.src,"data-src":m?r.src:void 0,srcSet:r.srcSet,sizes:r.sizes,alt:r.alt,className:n.image,draggable:!1,onLoad:()=>Se(r.id),style:{opacity:m&&!$?0:1,transition:"opacity 0.3s ease"}}),m&&!$&&a.jsx("div",{className:n.imageLoader,children:a.jsx("div",{className:n.spinner})})]},l)}),ue&&s.length>1&&a.jsxs(a.Fragment,{children:[a.jsx("button",{className:`${n.control} ${n.controlPrev}`,onClick:v,disabled:!c&&l===0,"aria-label":"Previous image",children:a.jsx(Me,{})}),a.jsx("button",{className:`${n.control} ${n.controlNext}`,onClick:h,disabled:!c&&l===s.length-1,"aria-label":"Next image",children:a.jsx(qe,{})})]}),a.jsxs("div",{className:n.topControls,children:[C&&a.jsx("button",{className:`${n.control} ${n.controlAction}`,onClick:Q,"aria-label":N?"Exit fullscreen":"Enter fullscreen",title:N?"Exit fullscreen (F)":"Enter fullscreen (F)",children:a.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:a.jsx(ze,{})})}),pe&&a.jsx("button",{className:`${n.control} ${n.controlAction}`,onClick:Te,"aria-label":"Download image",title:"Download image",children:a.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:a.jsx(Le,{})})}),ge&&a.jsx("button",{className:`${n.control} ${n.controlAction}`,onClick:je,"aria-label":"Share image",title:"Share image",children:a.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:a.jsx(Be,{})})})]}),b&&s.length>1&&a.jsx("button",{className:`${n.control} ${n.controlPlay}`,onClick:E,"aria-label":f?"Pause slideshow":"Play slideshow",title:f?"Pause slideshow (Space)":"Play slideshow (Space)",children:f?a.jsx(We,{}):a.jsx(Ue,{})}),he&&(r.caption||r.title)&&a.jsxs(x.div,{className:n.caption,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:[r.title&&a.jsx("h3",{className:n.captionTitle,children:r.title}),r.caption&&a.jsx("p",{className:n.captionText,children:r.caption}),r.metadata&&a.jsxs("div",{className:n.imageMetadata,children:[r.metadata.photographer&&a.jsxs("span",{className:n.metadataItem,children:["📷 ",r.metadata.photographer]}),r.metadata.location&&a.jsxs("span",{className:n.metadataItem,children:["📍 ",r.metadata.location]}),r.metadata.camera&&a.jsxs("span",{className:n.metadataItem,children:["📹 ",r.metadata.camera]})]})]})]}),me&&s.length>1&&a.jsx("div",{className:n.indicators,children:s.map((e,t)=>a.jsx(x.button,{className:`${n.indicator} ${t===l?n.indicatorActive:""}`,onClick:()=>u(t),whileHover:{scale:1.2},whileTap:{scale:.8},"aria-label":`Go to slide ${t+1}`},t))}),R&&s.length>1&&a.jsx("div",{className:`${n.thumbnails} ${_e?n.thumbnailsDragging:""}`,children:s.map((e,t)=>a.jsx(x.button,{className:`${n.thumbnail} ${t===l?n.thumbnailActive:""} ${y===t?n.thumbnailDragged:""}`,onClick:()=>u(t),whileHover:{scale:1.05},whileTap:{scale:.95},"aria-label":`Go to ${e.alt}`,draggable:V,onDragStart:i=>Ce(i,t),onDragOver:ke,onDrop:i=>Ne(i,t),title:e.title||e.alt,children:a.jsx("img",{src:e.src,alt:e.alt,className:n.thumbnailImage,draggable:!1})},e.id))})]})};w.__docgenInfo={description:"",methods:[],displayName:"ImageSlideshow",props:{images:{required:!0,tsType:{name:"Array",elements:[{name:"SlideshowImage"}],raw:"SlideshowImage[]"},description:""},autoPlay:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},autoPlayInterval:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"3000",computed:!1}},showThumbnails:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showControls:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showIndicators:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},showCaptions:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},loop:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fadeTransition:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableFullscreen:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDownload:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableShare:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableDragReorder:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},lazyLoading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},preloadAdjacent:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},onImageChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number, image: SlideshowImage) => void",signature:{arguments:[{type:{name:"number"},name:"index"},{type:{name:"SlideshowImage"},name:"image"}],return:{name:"void"}}},description:""},onDownload:{required:!1,tsType:{name:"signature",type:"function",raw:"(image: SlideshowImage) => void",signature:{arguments:[{type:{name:"SlideshowImage"},name:"image"}],return:{name:"void"}}},description:""},onShare:{required:!1,tsType:{name:"signature",type:"function",raw:"(image: SlideshowImage) => void",signature:{arguments:[{type:{name:"SlideshowImage"},name:"image"}],return:{name:"void"}}},description:""},onImageReorder:{required:!1,tsType:{name:"signature",type:"function",raw:"(newOrder: SlideshowImage[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"SlideshowImage"}],raw:"SlideshowImage[]"},name:"newOrder"}],return:{name:"void"}}},description:""},initialIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}}}};const Da={title:"Organisms/ImageSlideshow",component:w,parameters:{layout:"padded",docs:{description:{component:"An advanced, feature-rich image slideshow component with fullscreen mode, lazy loading, drag-to-reorder, download/share functionality, and enhanced accessibility."}}},argTypes:{images:{control:"object"},autoPlay:{control:"boolean"},autoPlayInterval:{control:{type:"number",min:1e3,max:1e4,step:500}},showThumbnails:{control:"boolean"},showControls:{control:"boolean"},showIndicators:{control:"boolean"},showCaptions:{control:"boolean"},loop:{control:"boolean"},fadeTransition:{control:"boolean"},enableFullscreen:{control:"boolean"},enableDownload:{control:"boolean"},enableShare:{control:"boolean"},enableDragReorder:{control:"boolean"},lazyLoading:{control:"boolean"},preloadAdjacent:{control:"boolean"},initialIndex:{control:{type:"number",min:0}},onImageChange:{action:"image-changed"},onDownload:{action:"image-downloaded"},onShare:{action:"image-shared"},onImageReorder:{action:"images-reordered"}}},j=[{id:"1",src:"https://picsum.photos/800/600?random=1",alt:"Beautiful landscape with mountains",title:"Mountain Vista",caption:"A breathtaking view of snow-capped mountains during golden hour.",metadata:{photographer:"John Smith",location:"Swiss Alps",camera:"Canon EOS R5"}},{id:"2",src:"https://picsum.photos/800/600?random=2",alt:"Ocean waves at sunset",title:"Ocean Sunset",caption:"Gentle waves rolling onto the shore as the sun sets.",metadata:{photographer:"Sarah Johnson",location:"Malibu Beach",camera:"Sony A7R IV"}},{id:"3",src:"https://picsum.photos/800/600?random=3",alt:"Forest path in autumn",title:"Autumn Trail",caption:"A winding path through a deciduous forest in fall.",metadata:{photographer:"Mike Chen",location:"Vermont Woods",camera:"Nikon D850"}},{id:"4",src:"https://picsum.photos/800/600?random=4",alt:"City skyline at night",title:"Urban Lights",caption:"The city comes alive at night with thousands of lights.",metadata:{photographer:"Alex Rivera",location:"Manhattan",camera:"Fujifilm X-T4"}},{id:"5",src:"https://picsum.photos/800/600?random=5",alt:"Desert sand dunes",title:"Desert Dunes",caption:"Rolling sand dunes stretch endlessly under a clear blue sky.",metadata:{photographer:"Emma Wilson",location:"Sahara Desert",camera:"Canon EOS R6"}}],_={args:{images:j,autoPlay:!1,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0,fadeTransition:!1,enableFullscreen:!0,enableDownload:!0,enableShare:!0,enableDragReorder:!1,lazyLoading:!0,preloadAdjacent:!0,initialIndex:0}},I={args:{images:j,autoPlay:!0,autoPlayInterval:3e3,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,loop:!0}},S={args:{images:j},render:()=>{const[d,b]=o.useState([...j]);return a.jsx(w,{images:d,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0,enableFullscreen:!0,enableDragReorder:!0,onImageReorder:b})},parameters:{controls:{disable:!0}}},T={args:{images:[]},render:()=>{const d=[{id:"single",src:"https://picsum.photos/800/600?random=30",alt:"Single image",title:"Solo Exhibition",caption:"When there's only one image, navigation controls are automatically hidden."}];return a.jsxs("div",{style:{display:"grid",gap:"var(--spacing-xl)"},children:[a.jsxs("div",{children:[a.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0"},children:"Single Image"}),a.jsx(w,{images:d,showThumbnails:!0,showControls:!0,showIndicators:!0,showCaptions:!0})]}),a.jsxs("div",{children:[a.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0"},children:"Empty State"}),a.jsx(w,{images:[]})]})]})},parameters:{controls:{disable:!0}}};var Z,ee,ae;_.parameters={..._.parameters,docs:{...(Z=_.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    images: sampleImages,
+    autoPlay: false,
+    showThumbnails: true,
+    showControls: true,
+    showIndicators: true,
+    showCaptions: true,
+    loop: true,
+    fadeTransition: false,
+    enableFullscreen: true,
+    enableDownload: true,
+    enableShare: true,
+    enableDragReorder: false,
+    lazyLoading: true,
+    preloadAdjacent: true,
+    initialIndex: 0
+  }
+}`,...(ae=(ee=_.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var te,ne,se;I.parameters={...I.parameters,docs:{...(te=I.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    images: sampleImages,
+    autoPlay: true,
+    autoPlayInterval: 3000,
+    showThumbnails: true,
+    showControls: true,
+    showIndicators: true,
+    showCaptions: true,
+    loop: true
+  }
+}`,...(se=(ne=I.parameters)==null?void 0:ne.docs)==null?void 0:se.source}}};var oe,re,le;S.parameters={...S.parameters,docs:{...(oe=S.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    images: sampleImages
+  },
+  render: () => {
+    const [images, setImages] = useState([...sampleImages]);
+    return <ImageSlideshow images={images} showThumbnails showControls showIndicators showCaptions enableFullscreen enableDragReorder onImageReorder={setImages} />;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(le=(re=S.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};var ie,ce,de;T.parameters={...T.parameters,docs:{...(ie=T.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    images: []
+  },
+  render: () => {
+    const singleImage: SlideshowImage[] = [{
+      id: 'single',
+      src: 'https://picsum.photos/800/600?random=30',
+      alt: 'Single image',
+      title: 'Solo Exhibition',
+      caption: 'When there\\'s only one image, navigation controls are automatically hidden.'
+    }];
+    return <div style={{
+      display: 'grid',
+      gap: 'var(--spacing-xl)'
+    }}>
+                <div>
+                    <h4 style={{
+          margin: '0 0 var(--spacing-md) 0'
+        }}>Single Image</h4>
+                    <ImageSlideshow images={singleImage} showThumbnails showControls showIndicators showCaptions />
+                </div>
+                <div>
+                    <h4 style={{
+          margin: '0 0 var(--spacing-md) 0'
+        }}>Empty State</h4>
+                    <ImageSlideshow images={[]} />
+                </div>
+            </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(de=(ce=T.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};const Aa=["Default","AutoPlay","DragToReorder","ComponentStates"];export{I as AutoPlay,T as ComponentStates,_ as Default,S as DragToReorder,Aa as __namedExportsOrder,Da as default};

package/storybook-static/assets/{Iridescence.stories-Cykk3hHZ.js → Iridescence.stories-ChHTH2TM.js}

@@ -1,4 +1,4 @@
-import{r as m,j as T}from"./iframe-B8pH-Lvr.js";import{R as q,P as F,M as I}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as v}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const z={"iridescence-container":"_iridescence-container_rru4w_1"},B=`
+import{r as m,j as T}from"./iframe-Cw8dCV4Z.js";import{R as q,P as F,M as I}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as v}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const z={"iridescence-container":"_iridescence-container_rru4w_1"},B=`
 attribute vec2 uv;
 attribute vec2 position;
 
@@ -37,7 +37,7 @@ void main() {
   col = cos(col * cos(vec3(d, a, 2.5)) * 0.5 + 0.5) * uColor;
   gl_FragColor = vec4(col, 1.0);
 }
-`;function E({color:f=[1,1,1],speed:p=1,amplitude:g=.1,mouseReact:s=!0,...M}){const u=m.useRef(null),i=m.useRef({x:.5,y:.5});return m.useEffect(()=>{if(!u.current)return;const t=u.current,c=new q,e=c.gl;e.clearColor(1,1,1,1);let n;function l(){c.setSize(t.offsetWidth*1,t.offsetHeight*1),n&&(n.uniforms.uResolution.value=new v(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height))}window.addEventListener("resize",l,!1),l();const S=new L(e);n=new F(e,{vertex:B,fragment:P,uniforms:{uTime:{value:0},uColor:{value:new v(...f)},uResolution:{value:new v(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uMouse:{value:new Float32Array([i.current.x,i.current.y])},uAmplitude:{value:g},uSpeed:{value:p}}});const A=new I(e,{geometry:S,program:n});let d;function h(o){d=requestAnimationFrame(h),n.uniforms.uTime.value=o*.001,c.render({scene:A})}d=requestAnimationFrame(h),t.appendChild(e.canvas);function w(o){const r=t.getBoundingClientRect(),x=(o.clientX-r.left)/r.width,y=1-(o.clientY-r.top)/r.height;i.current={x,y},n.uniforms.uMouse.value[0]=x,n.uniforms.uMouse.value[1]=y}return s&&t.addEventListener("mousemove",w),()=>{var o;cancelAnimationFrame(d),window.removeEventListener("resize",l),s&&t.removeEventListener("mousemove",w),t.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[f,p,g,s]),T.jsx("div",{ref:u,className:`${z["iridescence-container"]}`,...M})}E.__docgenInfo={description:"",methods:[],displayName:"Iridescence",props:{color:{defaultValue:{value:"[1, 1, 1]",computed:!1},required:!1},speed:{defaultValue:{value:"1.0",computed:!1},required:!1},amplitude:{defaultValue:{value:"0.1",computed:!1},required:!1},mouseReact:{defaultValue:{value:"true",computed:!1},required:!1}}};const N={title:"ReactBits/Backgrounds/Iridescence",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},a={args:{color:[1,1,1],speed:1,amplitude:.1,mouseReact:!0}};var R,C,_;a.parameters={...a.parameters,docs:{...(R=a.parameters)==null?void 0:R.docs,source:{originalSource:`{
+`;function E({color:f=[1,1,1],speed:p=1,amplitude:g=.1,mouseReact:s=!0,...M}){const u=m.useRef(null),i=m.useRef({x:.5,y:.5});return m.useEffect(()=>{if(!u.current)return;const t=u.current,c=new q,e=c.gl;e.clearColor(1,1,1,1);let n;function l(){c.setSize(t.offsetWidth*1,t.offsetHeight*1),n&&(n.uniforms.uResolution.value=new v(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height))}window.addEventListener("resize",l,!1),l();const S=new L(e);n=new F(e,{vertex:B,fragment:P,uniforms:{uTime:{value:0},uColor:{value:new v(...f)},uResolution:{value:new v(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uMouse:{value:new Float32Array([i.current.x,i.current.y])},uAmplitude:{value:g},uSpeed:{value:p}}});const A=new I(e,{geometry:S,program:n});let d;function h(o){d=requestAnimationFrame(h),n.uniforms.uTime.value=o*.001,c.render({scene:A})}d=requestAnimationFrame(h),t.appendChild(e.canvas);function w(o){const r=t.getBoundingClientRect(),x=(o.clientX-r.left)/r.width,y=1-(o.clientY-r.top)/r.height;i.current={x,y},n.uniforms.uMouse.value[0]=x,n.uniforms.uMouse.value[1]=y}return s&&t.addEventListener("mousemove",w),()=>{var o;cancelAnimationFrame(d),window.removeEventListener("resize",l),s&&t.removeEventListener("mousemove",w),t.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[f,p,g,s]),T.jsx("div",{ref:u,className:`${z["iridescence-container"]}`,...M})}E.__docgenInfo={description:"",methods:[],displayName:"Iridescence",props:{color:{defaultValue:{value:"[1, 1, 1]",computed:!1},required:!1},speed:{defaultValue:{value:"1.0",computed:!1},required:!1},amplitude:{defaultValue:{value:"0.1",computed:!1},required:!1},mouseReact:{defaultValue:{value:"true",computed:!1},required:!1}}};const N={title:"ReactBits/Backgrounds/Iridescence",component:E,parameters:{layout:"fullscreen"}},a={args:{color:[1,1,1],speed:1,amplitude:.1,mouseReact:!0}};var R,C,_;a.parameters={...a.parameters,docs:{...(R=a.parameters)==null?void 0:R.docs,source:{originalSource:`{
   args: {
     color: [1, 1, 1],
     speed: 1.0,

package/storybook-static/assets/{LaserFlow.stories-CfiM4ZZ5.js → LaserFlow.stories-DlDx8Vr8.js}

@@ -1,4 +1,4 @@
-import{r as l,j as ye}from"./iframe-B8pH-Lvr.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=`
+import{r as l,j as ye}from"./iframe-Cw8dCV4Z.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(){
@@ -230,7 +230,7 @@ void main(){
   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:`{
+`,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"}},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,

package/storybook-static/assets/{LetterGlitch.stories-BXb7iSeX.js → LetterGlitch.stories-C-S2SRjU.js}

@@ -1 +1 @@
-import{r as a,j as d}from"./iframe-B8pH-Lvr.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};
+import{r as a,j as d}from"./iframe-Cw8dCV4Z.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 i=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,u)=>s+s+c+c+u+u);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=i.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}=i.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,u=Math.floor(s/m.current.columns)*C;e.fillStyle=o.color,e.fillText(o.char,c,u)})},_=()=>{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=i.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:i,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"}},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.stories-CwI-8_BF.js → LightPillar.stories-D0PF-h7T.js}

@@ -1,4 +1,4 @@
-import{r as t,j as K}from"./iframe-B8pH-Lvr.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=`
+import{r as t,j as K}from"./iframe-Cw8dCV4Z.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"},oe=({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),o=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,a=r.clientWidth,i=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),ie=N||navigator.hardwareConcurrency&&navigator.hardwareConcurrency<=4;let m=p;ie&&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(a,i),d.setPixelRatio(c.pixelRatio),r.appendChild(d.domElement),o.current=d;const H=u=>{const n=new b(u);return new _(n.r,n.g,n.b)},ae=`
       varying vec2 vUv;
       void main() {
         vUv = uv;
@@ -85,7 +85,7 @@ import{r as t,j as K}from"./iframe-B8pH-Lvr.js";import{d as Z,S as de,a as ve,W
         
         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:`{
+    `,$=q*Math.PI/180,se=Math.sin(.4),ce=Math.cos(.4),U=new he({vertexShader:ae,fragmentShader:le,uniforms:{uTime:{value:0},uResolution:{value:new Z(a,i)},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 n=r.getBoundingClientRect(),v=(u.clientX-n.left)/n.width*2-1,me=-((u.clientY-n.top)/n.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||!o.current||!h.current||!g.current)return;const n=u-X;if(n>=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),o.current.render(h.current,g.current),X=u-n%Q}f.current=requestAnimationFrame(Y)};f.current=requestAnimationFrame(Y);let W=null;const J=()=>{W&&clearTimeout(W),W=window.setTimeout(()=>{if(!o.current||!e.current||!s.current)return;const u=s.current.clientWidth,n=s.current.clientHeight;o.current.setSize(u,n),e.current.uniforms.uResolution.value.set(u,n)},150)};return window.addEventListener("resize",J,{passive:!0}),()=>{window.removeEventListener("resize",J),l&&r.removeEventListener("mousemove",D),f.current&&cancelAnimationFrame(f.current),o.current&&(o.current.dispose(),o.current.forceContextLoss(),r.contains(o.current.domElement)&&r.removeChild(o.current.domElement)),e.current&&e.current.dispose(),R.current&&R.current.dispose(),o.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=a=>{const i=new b(a);return new _(i.r,i.g,i.b)};e.current.uniforms.uTopColor.value=r(C)},[C]),t.useEffect(()=>{if(!e.current)return;const r=a=>{const i=new b(a);return new _(i.r,i.g,i.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"})};oe.__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:oe,parameters:{layout:"fullscreen"}},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,ne;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`{
   args: {
     topColor: '#5227FF',
     bottomColor: '#FF9FFC',
@@ -100,4 +100,4 @@ import{r as t,j as K}from"./iframe-B8pH-Lvr.js";import{d as Z,S as de,a as ve,W
     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};
+}`,...(ne=(re=w.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};const Pe=["Default"];export{w as Default,Pe as __namedExportsOrder,ye as default};

package/storybook-static/assets/{LightRays.stories-BIIfv6Ky.js → LightRays.stories-Cbkl7wuP.js}

@@ -1,4 +1,4 @@
-import{r as n,j as J}from"./iframe-B8pH-Lvr.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=`
+import{r as n,j as J}from"./iframe-Cw8dCV4Z.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() {
@@ -96,7 +96,7 @@ 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:`{
+}`,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"}},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',

package/storybook-static/assets/{Lightning.stories-B8GNkzSN.js → Lightning.stories-BUs-gwYj.js}

@@ -1,4 +1,4 @@
-import{r as S,j as V}from"./iframe-B8pH-Lvr.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=`
+import{r as S,j as V}from"./iframe-Cw8dCV4Z.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);
@@ -81,7 +81,7 @@ import{r as S,j as V}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK
       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:`{
+    `,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"}},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,

package/storybook-static/assets/{LineWaves.stories-CjxdD_yt.js → LineWaves.stories-D2GXzteP.js}

@@ -1,4 +1,4 @@
-import{r as F,j as D}from"./iframe-B8pH-Lvr.js";import{R as P,P as Y,M as k}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const N={"line-waves-container":"_line-waves-container_hnom3_1"};function p(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const O=`
+import{r as F,j as D}from"./iframe-Cw8dCV4Z.js";import{R as P,P as Y,M as k}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const N={"line-waves-container":"_line-waves-container_hnom3_1"};function p(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const O=`
 attribute vec2 uv;
 attribute vec2 position;
 varying vec2 vUv;
@@ -113,7 +113,7 @@ void main() {
 
   gl_FragColor = vec4(col, alpha);
 }
-`;function q({speed:r=.3,innerLineCount:t=32,outerLineCount:h=36,warpIntensity:g=1,rotation:y=-45,edgeFadeWidth:x=0,colorCycleSpeed:C=1,brightness:w=.2,color1:M="#ffffff",color2:I="#ffffff",color3:L="#ffffff",enableMouseInteraction:n=!0,mouseInfluence:T=2}){const d=F.useRef(null);return F.useEffect(()=>{if(!d.current)return;const u=d.current,c=new P({alpha:!0,premultipliedAlpha:!1}),e=c.gl;e.clearColor(0,0,0,0);let o,l=[.5,.5],s=[.5,.5];function W(a){const f=e.canvas.getBoundingClientRect();s=[(a.clientX-f.left)/f.width,1-(a.clientY-f.top)/f.height]}function E(){s=[.5,.5]}function m(){c.setSize(u.offsetWidth,u.offsetHeight),o&&(o.uniforms.uResolution.value=[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])}window.addEventListener("resize",m),m();const V=new z(e),_=y*Math.PI/180;o=new Y(e,{vertex:O,fragment:j,uniforms:{uTime:{value:0},uResolution:{value:[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height]},uSpeed:{value:r},uInnerLines:{value:t},uOuterLines:{value:h},uWarpIntensity:{value:g},uRotation:{value:_},uEdgeFadeWidth:{value:x},uColorCycleSpeed:{value:C},uBrightness:{value:w},uColor1:{value:p(M)},uColor2:{value:p(I)},uColor3:{value:p(L)},uMouse:{value:new Float32Array([.5,.5])},uMouseInfluence:{value:T},uEnableMouse:{value:n}}});const S=new k(e,{geometry:V,program:o});u.appendChild(e.canvas),n&&(e.canvas.addEventListener("mousemove",W),e.canvas.addEventListener("mouseleave",E));let v;function b(a){v=requestAnimationFrame(b),o.uniforms.uTime.value=a*.001,n?(l[0]+=.05*(s[0]-l[0]),l[1]+=.05*(s[1]-l[1]),o.uniforms.uMouse.value[0]=l[0],o.uniforms.uMouse.value[1]=l[1]):(o.uniforms.uMouse.value[0]=.5,o.uniforms.uMouse.value[1]=.5),c.render({scene:S})}return v=requestAnimationFrame(b),()=>{var a;cancelAnimationFrame(v),window.removeEventListener("resize",m),n&&(e.canvas.removeEventListener("mousemove",W),e.canvas.removeEventListener("mouseleave",E)),u.removeChild(e.canvas),(a=e.getExtension("WEBGL_lose_context"))==null||a.loseContext()}},[r,t,h,g,y,x,C,w,M,I,L,n,T]),D.jsx("div",{ref:d,className:`${N["line-waves-container"]}`})}q.__docgenInfo={description:"",methods:[],displayName:"LineWaves",props:{speed:{defaultValue:{value:"0.3",computed:!1},required:!1},innerLineCount:{defaultValue:{value:"32.0",computed:!1},required:!1},outerLineCount:{defaultValue:{value:"36.0",computed:!1},required:!1},warpIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},rotation:{defaultValue:{value:"-45",computed:!1},required:!1},edgeFadeWidth:{defaultValue:{value:"0.0",computed:!1},required:!1},colorCycleSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},brightness:{defaultValue:{value:"0.2",computed:!1},required:!1},color1:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},color2:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},color3:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"2.0",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/LineWaves",component:q,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{speed:.3,innerLineCount:32,outerLineCount:36,warpIntensity:1,rotation:-45,edgeFadeWidth:0,colorCycleSpeed:1,brightness:.2,color1:"#ffffff",color2:"#ffffff",color3:"#ffffff",enableMouseInteraction:!0,mouseInfluence:2}};var B,A,R;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`{
+`;function q({speed:r=.3,innerLineCount:t=32,outerLineCount:h=36,warpIntensity:g=1,rotation:y=-45,edgeFadeWidth:x=0,colorCycleSpeed:C=1,brightness:w=.2,color1:M="#ffffff",color2:I="#ffffff",color3:L="#ffffff",enableMouseInteraction:n=!0,mouseInfluence:T=2}){const d=F.useRef(null);return F.useEffect(()=>{if(!d.current)return;const u=d.current,c=new P({alpha:!0,premultipliedAlpha:!1}),e=c.gl;e.clearColor(0,0,0,0);let o,l=[.5,.5],s=[.5,.5];function W(a){const f=e.canvas.getBoundingClientRect();s=[(a.clientX-f.left)/f.width,1-(a.clientY-f.top)/f.height]}function E(){s=[.5,.5]}function m(){c.setSize(u.offsetWidth,u.offsetHeight),o&&(o.uniforms.uResolution.value=[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])}window.addEventListener("resize",m),m();const V=new z(e),_=y*Math.PI/180;o=new Y(e,{vertex:O,fragment:j,uniforms:{uTime:{value:0},uResolution:{value:[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height]},uSpeed:{value:r},uInnerLines:{value:t},uOuterLines:{value:h},uWarpIntensity:{value:g},uRotation:{value:_},uEdgeFadeWidth:{value:x},uColorCycleSpeed:{value:C},uBrightness:{value:w},uColor1:{value:p(M)},uColor2:{value:p(I)},uColor3:{value:p(L)},uMouse:{value:new Float32Array([.5,.5])},uMouseInfluence:{value:T},uEnableMouse:{value:n}}});const S=new k(e,{geometry:V,program:o});u.appendChild(e.canvas),n&&(e.canvas.addEventListener("mousemove",W),e.canvas.addEventListener("mouseleave",E));let v;function b(a){v=requestAnimationFrame(b),o.uniforms.uTime.value=a*.001,n?(l[0]+=.05*(s[0]-l[0]),l[1]+=.05*(s[1]-l[1]),o.uniforms.uMouse.value[0]=l[0],o.uniforms.uMouse.value[1]=l[1]):(o.uniforms.uMouse.value[0]=.5,o.uniforms.uMouse.value[1]=.5),c.render({scene:S})}return v=requestAnimationFrame(b),()=>{var a;cancelAnimationFrame(v),window.removeEventListener("resize",m),n&&(e.canvas.removeEventListener("mousemove",W),e.canvas.removeEventListener("mouseleave",E)),u.removeChild(e.canvas),(a=e.getExtension("WEBGL_lose_context"))==null||a.loseContext()}},[r,t,h,g,y,x,C,w,M,I,L,n,T]),D.jsx("div",{ref:d,className:`${N["line-waves-container"]}`})}q.__docgenInfo={description:"",methods:[],displayName:"LineWaves",props:{speed:{defaultValue:{value:"0.3",computed:!1},required:!1},innerLineCount:{defaultValue:{value:"32.0",computed:!1},required:!1},outerLineCount:{defaultValue:{value:"36.0",computed:!1},required:!1},warpIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},rotation:{defaultValue:{value:"-45",computed:!1},required:!1},edgeFadeWidth:{defaultValue:{value:"0.0",computed:!1},required:!1},colorCycleSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},brightness:{defaultValue:{value:"0.2",computed:!1},required:!1},color1:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},color2:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},color3:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"2.0",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/LineWaves",component:q,parameters:{layout:"fullscreen"}},i={args:{speed:.3,innerLineCount:32,outerLineCount:36,warpIntensity:1,rotation:-45,edgeFadeWidth:0,colorCycleSpeed:1,brightness:.2,color1:"#ffffff",color2:"#ffffff",color3:"#ffffff",enableMouseInteraction:!0,mouseInfluence:2}};var B,A,R;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`{
   args: {
     speed: 0.3,
     innerLineCount: 32.0,

package/storybook-static/assets/{LiquidChrome.stories-G7bVFJM9.js → LiquidChrome.stories-CtDp7th1.js}

@@ -1,4 +1,4 @@
-import{r as R,j as U}from"./iframe-B8pH-Lvr.js";import{R as X,P as Y,M as V}from"./Mesh-CwXV3WjE.js";import{T as b}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const z={"liquidChrome-container":"_liquidChrome-container_19fmq_1"},_=({baseColor:d=[.1,.1,.1],speed:p=.2,amplitude:h=.3,frequencyX:g=3,frequencyY:y=3,interactive:s=!0,...A})=>{const l=R.useRef(null);return R.useEffect(()=>{if(!l.current)return;const n=l.current,c=new X({antialias:!0}),e=c.gl;e.clearColor(1,1,1,1);const L=`
+import{r as R,j as U}from"./iframe-Cw8dCV4Z.js";import{R as X,P as Y,M as V}from"./Mesh-CwXV3WjE.js";import{T as b}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const z={"liquidChrome-container":"_liquidChrome-container_19fmq_1"},_=({baseColor:d=[.1,.1,.1],speed:p=.2,amplitude:h=.3,frequencyX:g=3,frequencyY:y=3,interactive:s=!0,...A})=>{const l=R.useRef(null);return R.useEffect(()=>{if(!l.current)return;const n=l.current,c=new X({antialias:!0}),e=c.gl;e.clearColor(1,1,1,1);const L=`
       attribute vec2 position;
       attribute vec2 uv;
       varying vec2 vUv;
@@ -48,7 +48,7 @@ import{r as R,j as U}from"./iframe-B8pH-Lvr.js";import{R as X,P as Y,M as V}from
           }
           gl_FragColor = col / float(samples);
       }
-    `,B=new b(e),r=new Y(e,{vertex:L,fragment:T,uniforms:{uTime:{value:0},uResolution:{value:new Float32Array([e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])},uBaseColor:{value:new Float32Array(d)},uAmplitude:{value:h},uFrequencyX:{value:g},uFrequencyY:{value:y},uMouse:{value:new Float32Array([0,0])}}}),j=new V(e,{geometry:B,program:r});function f(){c.setSize(n.offsetWidth*1,n.offsetHeight*1);const t=r.uniforms.uResolution.value;t[0]=e.canvas.width,t[1]=e.canvas.height,t[2]=e.canvas.width/e.canvas.height}window.addEventListener("resize",f),f();function q(o){const t=n.getBoundingClientRect(),u=(o.clientX-t.left)/t.width,v=1-(o.clientY-t.top)/t.height,a=r.uniforms.uMouse.value;a[0]=u,a[1]=v}function C(o){if(o.touches.length>0){const t=o.touches[0],u=n.getBoundingClientRect(),v=(t.clientX-u.left)/u.width,a=1-(t.clientY-u.top)/u.height,w=r.uniforms.uMouse.value;w[0]=v,w[1]=a}}s&&(n.addEventListener("mousemove",q),n.addEventListener("touchmove",C));let m;function x(o){m=requestAnimationFrame(x),r.uniforms.uTime.value=o*.001*p,c.render({scene:j})}return m=requestAnimationFrame(x),n.appendChild(e.canvas),()=>{var o;cancelAnimationFrame(m),window.removeEventListener("resize",f),s&&(n.removeEventListener("mousemove",q),n.removeEventListener("touchmove",C)),e.canvas.parentElement&&e.canvas.parentElement.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[d,p,h,g,y,s]),U.jsx("div",{ref:l,className:`${z["liquidChrome-container"]}`,...A})};_.__docgenInfo={description:"",methods:[],displayName:"LiquidChrome",props:{baseColor:{defaultValue:{value:"[0.1, 0.1, 0.1]",computed:!1},required:!1},speed:{defaultValue:{value:"0.2",computed:!1},required:!1},amplitude:{defaultValue:{value:"0.3",computed:!1},required:!1},frequencyX:{defaultValue:{value:"3",computed:!1},required:!1},frequencyY:{defaultValue:{value:"3",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const N={title:"ReactBits/Backgrounds/LiquidChrome",component:_,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{baseColor:[.1,.1,.1],speed:.2,amplitude:.3,frequencyX:3,frequencyY:3,interactive:!0}};var E,F,M;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
+    `,B=new b(e),r=new Y(e,{vertex:L,fragment:T,uniforms:{uTime:{value:0},uResolution:{value:new Float32Array([e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])},uBaseColor:{value:new Float32Array(d)},uAmplitude:{value:h},uFrequencyX:{value:g},uFrequencyY:{value:y},uMouse:{value:new Float32Array([0,0])}}}),j=new V(e,{geometry:B,program:r});function f(){c.setSize(n.offsetWidth*1,n.offsetHeight*1);const t=r.uniforms.uResolution.value;t[0]=e.canvas.width,t[1]=e.canvas.height,t[2]=e.canvas.width/e.canvas.height}window.addEventListener("resize",f),f();function q(o){const t=n.getBoundingClientRect(),u=(o.clientX-t.left)/t.width,v=1-(o.clientY-t.top)/t.height,a=r.uniforms.uMouse.value;a[0]=u,a[1]=v}function C(o){if(o.touches.length>0){const t=o.touches[0],u=n.getBoundingClientRect(),v=(t.clientX-u.left)/u.width,a=1-(t.clientY-u.top)/u.height,w=r.uniforms.uMouse.value;w[0]=v,w[1]=a}}s&&(n.addEventListener("mousemove",q),n.addEventListener("touchmove",C));let m;function x(o){m=requestAnimationFrame(x),r.uniforms.uTime.value=o*.001*p,c.render({scene:j})}return m=requestAnimationFrame(x),n.appendChild(e.canvas),()=>{var o;cancelAnimationFrame(m),window.removeEventListener("resize",f),s&&(n.removeEventListener("mousemove",q),n.removeEventListener("touchmove",C)),e.canvas.parentElement&&e.canvas.parentElement.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[d,p,h,g,y,s]),U.jsx("div",{ref:l,className:`${z["liquidChrome-container"]}`,...A})};_.__docgenInfo={description:"",methods:[],displayName:"LiquidChrome",props:{baseColor:{defaultValue:{value:"[0.1, 0.1, 0.1]",computed:!1},required:!1},speed:{defaultValue:{value:"0.2",computed:!1},required:!1},amplitude:{defaultValue:{value:"0.3",computed:!1},required:!1},frequencyX:{defaultValue:{value:"3",computed:!1},required:!1},frequencyY:{defaultValue:{value:"3",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const N={title:"ReactBits/Backgrounds/LiquidChrome",component:_,parameters:{layout:"fullscreen"}},i={args:{baseColor:[.1,.1,.1],speed:.2,amplitude:.3,frequencyX:3,frequencyY:3,interactive:!0}};var E,F,M;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
   args: {
     baseColor: [0.1, 0.1, 0.1],
     speed: 0.2,