@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/Slider.stories-lOqz9gMz.js

@@ -0,0 +1,99 @@
+import{r as C,j as i}from"./iframe-Cz1R6gKZ.js";import{S as F}from"./Slider-A51SjNTF.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DOpt9DfD.js";import"./proxy-CAwOFzsk.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./index-CIvCfZMj.js";const D={title:"Atoms/Slider",component:F,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},config:{control:"object"}},tags:["autodocs"]},n=e=>{const[r,V]=C.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(F,{...e,value:r,onChange:V})})},o={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},a={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{min:0,max:100,value:30,label:"Custom Colors",showValue:!0,config:{colors:{fill:"#e91e63",thumb:"#e91e63",text:"#e91e63"}}}};var u,c,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  render: InteractiveSlider,
+  args: {
+    min: 0,
+    max: 100,
+    step: 1,
+    label: 'Default Slider',
+    showValue: true
+  }
+}`,...(m=(c=o.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var d,p,f;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: InteractiveSlider,
+  args: {
+    min: 1,
+    max: 10,
+    value: 7,
+    label: 'Rating',
+    showValue: true,
+    labels: [{
+      label: ':(',
+      position: 'start'
+    }, {
+      label: ':|',
+      position: 50
+    }, {
+      label: ':)',
+      position: 'end'
+    }],
+    colorFunction: (val: number) => {
+      if (val <= 3) return '#ff4444';
+      if (val <= 6) return '#ffa500';
+      return '#4caf50';
+    },
+    valueFormatter: (val: number) => \`\${val}/10\`
+  }
+}`,...(f=(p=a.parameters)==null?void 0:p.docs)==null?void 0:f.source}}};var b,v,g;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  render: InteractiveSlider,
+  args: {
+    min: -10,
+    max: 40,
+    value: 22,
+    step: 0.5,
+    label: 'Temperature',
+    showValue: true,
+    showTooltip: true,
+    colorFunction: (val: number) => {
+      const normalized = (val + 10) / 50;
+      if (normalized < 0.3) return '#4fc3f7';
+      if (normalized < 0.7) return '#66bb6a';
+      return '#ff7043';
+    },
+    valueFormatter: (val: number) => \`\${val} C\`
+  }
+}`,...(g=(v=t.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};var x,h,w;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  render: InteractiveSlider,
+  args: {
+    min: 1,
+    max: 5,
+    value: 3,
+    label: 'How are you feeling?',
+    showValue: true,
+    labels: [{
+      label: 'Terrible',
+      position: 'start'
+    }, {
+      label: 'Okay',
+      position: 50
+    }, {
+      label: 'Great',
+      position: 'end'
+    }],
+    colorFunction: (val: number) => {
+      const colors = ['#f44336', '#ff9800', '#ffc107', '#4caf50', '#2196f3'];
+      return colors[val - 1] || colors[2];
+    },
+    valueFormatter: (val: number) => {
+      const moods = ['Terrible', 'Bad', 'Okay', 'Good', 'Great'];
+      return moods[val - 1] || 'Okay';
+    },
+    config: {
+      size: 'lg'
+    }
+  }
+}`,...(w=(h=l.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var S,T,y;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  render: InteractiveSlider,
+  args: {
+    min: 0,
+    max: 100,
+    value: 30,
+    label: 'Custom Colors',
+    showValue: true,
+    config: {
+      colors: {
+        fill: '#e91e63',
+        thumb: '#e91e63',
+        text: '#e91e63'
+      }
+    }
+  }
+}`,...(y=(T=s.parameters)==null?void 0:T.docs)==null?void 0:y.source}}};const $=["Default","Rating","Temperature","MoodTracker","CustomColors"];export{s as CustomColors,o as Default,l as MoodTracker,a as Rating,t as Temperature,$ as __namedExportsOrder,D as default};

package/storybook-static/assets/SoftAurora-2A7ssVQp.css

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

package/storybook-static/assets/SoftAurora.stories-sSXHgJo6.js

@@ -0,0 +1,147 @@
+import{r as E,j as D}from"./iframe-Cz1R6gKZ.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(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 U=`
+attribute vec2 uv;
+attribute vec2 position;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0, 1);
+}
+`,j=`
+precision highp float;
+
+uniform float uTime;
+uniform vec3 uResolution;
+uniform float uSpeed;
+uniform float uScale;
+uniform float uBrightness;
+uniform vec3 uColor1;
+uniform vec3 uColor2;
+uniform float uNoiseFreq;
+uniform float uNoiseAmp;
+uniform float uBandHeight;
+uniform float uBandSpread;
+uniform float uOctaveDecay;
+uniform float uLayerOffset;
+uniform float uColorSpeed;
+uniform vec2 uMouse;
+uniform float uMouseInfluence;
+uniform bool uEnableMouse;
+
+#define TAU 6.28318
+
+vec3 gradientHash(vec3 p) {
+  p = vec3(
+    dot(p, vec3(127.1, 311.7, 234.6)),
+    dot(p, vec3(269.5, 183.3, 198.3)),
+    dot(p, vec3(169.5, 283.3, 156.9))
+  );
+  vec3 h = fract(sin(p) * 43758.5453123);
+  float phi = acos(2.0 * h.x - 1.0);
+  float theta = TAU * h.y;
+  return vec3(cos(theta) * sin(phi), sin(theta) * cos(phi), cos(phi));
+}
+
+float quinticSmooth(float t) {
+  float t2 = t * t;
+  float t3 = t * t2;
+  return 6.0 * t3 * t2 - 15.0 * t2 * t2 + 10.0 * t3;
+}
+
+vec3 cosineGradient(float t, vec3 a, vec3 b, vec3 c, vec3 d) {
+  return a + b * cos(TAU * (c * t + d));
+}
+
+float perlin3D(float amplitude, float frequency, float px, float py, float pz) {
+  float x = px * frequency;
+  float y = py * frequency;
+
+  float fx = floor(x); float fy = floor(y); float fz = floor(pz);
+  float cx = ceil(x);  float cy = ceil(y);  float cz = ceil(pz);
+
+  vec3 g000 = gradientHash(vec3(fx, fy, fz));
+  vec3 g100 = gradientHash(vec3(cx, fy, fz));
+  vec3 g010 = gradientHash(vec3(fx, cy, fz));
+  vec3 g110 = gradientHash(vec3(cx, cy, fz));
+  vec3 g001 = gradientHash(vec3(fx, fy, cz));
+  vec3 g101 = gradientHash(vec3(cx, fy, cz));
+  vec3 g011 = gradientHash(vec3(fx, cy, cz));
+  vec3 g111 = gradientHash(vec3(cx, cy, cz));
+
+  float d000 = dot(g000, vec3(x - fx, y - fy, pz - fz));
+  float d100 = dot(g100, vec3(x - cx, y - fy, pz - fz));
+  float d010 = dot(g010, vec3(x - fx, y - cy, pz - fz));
+  float d110 = dot(g110, vec3(x - cx, y - cy, pz - fz));
+  float d001 = dot(g001, vec3(x - fx, y - fy, pz - cz));
+  float d101 = dot(g101, vec3(x - cx, y - fy, pz - cz));
+  float d011 = dot(g011, vec3(x - fx, y - cy, pz - cz));
+  float d111 = dot(g111, vec3(x - cx, y - cy, pz - cz));
+
+  float sx = quinticSmooth(x - fx);
+  float sy = quinticSmooth(y - fy);
+  float sz = quinticSmooth(pz - fz);
+
+  float lx00 = mix(d000, d100, sx);
+  float lx10 = mix(d010, d110, sx);
+  float lx01 = mix(d001, d101, sx);
+  float lx11 = mix(d011, d111, sx);
+
+  float ly0 = mix(lx00, lx10, sy);
+  float ly1 = mix(lx01, lx11, sy);
+
+  return amplitude * mix(ly0, ly1, sz);
+}
+
+float auroraGlow(float t, vec2 shift) {
+  vec2 uv = gl_FragCoord.xy / uResolution.y;
+  uv += shift;
+
+  float noiseVal = 0.0;
+  float freq = uNoiseFreq;
+  float amp = uNoiseAmp;
+  vec2 samplePos = uv * uScale;
+
+  for (float i = 0.0; i < 3.0; i += 1.0) {
+    noiseVal += perlin3D(amp, freq, samplePos.x, samplePos.y, t);
+    amp *= uOctaveDecay;
+    freq *= 2.0;
+  }
+
+  float yBand = uv.y * 10.0 - uBandHeight * 10.0;
+  return 0.3 * max(exp(uBandSpread * (1.0 - 1.1 * abs(noiseVal + yBand))), 0.0);
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / uResolution.xy;
+  float t = uSpeed * 0.4 * uTime;
+
+  vec2 shift = vec2(0.0);
+  if (uEnableMouse) {
+    shift = (uMouse - 0.5) * uMouseInfluence;
+  }
+
+  vec3 col = vec3(0.0);
+  col += 0.99 * auroraGlow(t, shift) * cosineGradient(uv.x + uTime * uSpeed * 0.2 * uColorSpeed, vec3(0.5), vec3(0.5), vec3(1.0), vec3(0.3, 0.20, 0.20)) * uColor1;
+  col += 0.99 * auroraGlow(t + uLayerOffset, shift) * cosineGradient(uv.x + uTime * uSpeed * 0.1 * uColorSpeed, vec3(0.5), vec3(0.5), vec3(2.0, 1.0, 0.0), vec3(0.5, 0.20, 0.25)) * uColor2;
+
+  col *= uBrightness;
+  float alpha = clamp(length(col), 0.0, 1.0);
+  gl_FragColor = vec4(col, alpha);
+}
+`;function R({speed:r=.6,scale:t=1.5,brightness:p=1,color1:h="#f7f7f7",color2:x="#e100ff",noiseFrequency:y=2.5,noiseAmplitude:g=1,bandHeight:z=.5,bandSpread:q=1,octaveDecay:S=.1,layerOffset:M=0,colorSpeed:C=1,enableMouseInteraction:l=!0,mouseInfluence:V=.25}){const i=E.useRef(null);return E.useEffect(()=>{if(!i.current)return;const f=i.current,d=new I({alpha:!0,premultipliedAlpha:!1}),e=d.gl;e.clearColor(0,0,0,0);let a,u=[.5,.5],n=[.5,.5];function w(o){const s=e.canvas.getBoundingClientRect();n=[(o.clientX-s.left)/s.width,1-(o.clientY-s.top)/s.height]}function A(){n=[.5,.5]}function v(){d.setSize(f.offsetWidth,f.offsetHeight),a&&(a.uniforms.uResolution.value=[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])}window.addEventListener("resize",v),v();const T=new G(e);a=new O(e,{vertex:U,fragment:j,uniforms:{uTime:{value:0},uResolution:{value:[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height]},uSpeed:{value:r},uScale:{value:t},uBrightness:{value:p},uColor1:{value:H(h)},uColor2:{value:H(x)},uNoiseFreq:{value:y},uNoiseAmp:{value:g},uBandHeight:{value:z},uBandSpread:{value:q},uOctaveDecay:{value:S},uLayerOffset:{value:M},uColorSpeed:{value:C},uMouse:{value:new Float32Array([.5,.5])},uMouseInfluence:{value:V},uEnableMouse:{value:l}}});const L=new N(e,{geometry:T,program:a});f.appendChild(e.canvas),l&&(e.canvas.addEventListener("mousemove",w),e.canvas.addEventListener("mouseleave",A));let m;function B(o){m=requestAnimationFrame(B),a.uniforms.uTime.value=o*.001,l?(u[0]+=.05*(n[0]-u[0]),u[1]+=.05*(n[1]-u[1]),a.uniforms.uMouse.value[0]=u[0],a.uniforms.uMouse.value[1]=u[1]):(a.uniforms.uMouse.value[0]=.5,a.uniforms.uMouse.value[1]=.5),d.render({scene:L})}return m=requestAnimationFrame(B),()=>{var o;cancelAnimationFrame(m),window.removeEventListener("resize",v),l&&(e.canvas.removeEventListener("mousemove",w),e.canvas.removeEventListener("mouseleave",A)),f.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[r,t,p,h,x,y,g,z,q,S,M,C,l,V]),D.jsx("div",{ref:i,className:`${P["soft-aurora-container"]}`})}R.__docgenInfo={description:"",methods:[],displayName:"SoftAurora",props:{speed:{defaultValue:{value:"0.6",computed:!1},required:!1},scale:{defaultValue:{value:"1.5",computed:!1},required:!1},brightness:{defaultValue:{value:"1.0",computed:!1},required:!1},color1:{defaultValue:{value:"'#f7f7f7'",computed:!1},required:!1},color2:{defaultValue:{value:"'#e100ff'",computed:!1},required:!1},noiseFrequency:{defaultValue:{value:"2.5",computed:!1},required:!1},noiseAmplitude:{defaultValue:{value:"1.0",computed:!1},required:!1},bandHeight:{defaultValue:{value:"0.5",computed:!1},required:!1},bandSpread:{defaultValue:{value:"1.0",computed:!1},required:!1},octaveDecay:{defaultValue:{value:"0.1",computed:!1},required:!1},layerOffset:{defaultValue:{value:"0",computed:!1},required:!1},colorSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"0.25",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/SoftAurora",component:R,parameters:{layout:"fullscreen"},tags:["autodocs"]},c={args:{speed:.6,scale:1.5,brightness:1,color1:"#f7f7f7",color2:"#e100ff",noiseFrequency:2.5,noiseAmplitude:1,bandHeight:.5,bandSpread:1,octaveDecay:.1,layerOffset:0,colorSpeed:1,enableMouseInteraction:!0,mouseInfluence:.25}};var b,F,_;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    speed: 0.6,
+    scale: 1.5,
+    brightness: 1.0,
+    color1: '#f7f7f7',
+    color2: '#e100ff',
+    noiseFrequency: 2.5,
+    noiseAmplitude: 1.0,
+    bandHeight: 0.5,
+    bandSpread: 1.0,
+    octaveDecay: 0.1,
+    layerOffset: 0,
+    colorSpeed: 1.0,
+    enableMouseInteraction: true,
+    mouseInfluence: 0.25
+  }
+}`,...(_=(F=c.parameters)==null?void 0:F.docs)==null?void 0:_.source}}};const J=["Default"];export{c as Default,J as __namedExportsOrder,$ as default};

package/storybook-static/assets/SoundDemo.stories-tUFyk4lU.js

@@ -0,0 +1,3 @@
+import{j as e,r as s,R as d}from"./iframe-Cz1R6gKZ.js";import{B as t}from"./Button-Bkr9S309.js";import{C as c}from"./Checkbox-CpADrZij.js";import{T}from"./TextInput-BpsPIO3D.js";import{T as w}from"./Toggle-BZxwy2el.js";import{S as E}from"./Slider-A51SjNTF.js";import{s as n}from"./useSound-DOpt9DfD.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-CAwOFzsk.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./index-CIvCfZMj.js";const x=()=>{const[r,g]=s.useState(!0),[i,p]=s.useState(.5),[l,j]=s.useState("digital"),[v,y]=s.useState(!1),[S,f]=s.useState(!1),[C,k]=s.useState(""),[b,B]=s.useState(50);return d.useEffect(()=>{n.setEnabled(r)},[r]),d.useEffect(()=>{n.setVolume(i)},[i]),d.useEffect(()=>{n.setSoundPack(l)},[l]),e.jsxs("div",{style:{padding:"2rem",maxWidth:"800px",margin:"0 auto"},children:[e.jsx("h1",{children:"🎵 Sound System Demo"}),e.jsxs("div",{style:{padding:"1.5rem",background:"#f5f5f5",borderRadius:"8px",marginBottom:"2rem"},children:[e.jsx("h2",{children:"Sound Controls"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(c,{checked:r,onChange:g,label:"Enable Sounds"})}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsxs("label",{children:["Volume: ",Math.round(i*100),"%"]}),e.jsx("input",{type:"range",min:"0",max:"100",value:i*100,onChange:a=>p(Number(a.target.value)/100),style:{width:"100%",marginTop:"0.5rem"}})]}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsx("label",{children:"Sound Pack: "}),e.jsxs("select",{value:l,onChange:a=>j(a.target.value),style:{marginLeft:"0.5rem",padding:"0.25rem"},children:[e.jsx("option",{value:"digital",children:"🔊 Digital (Clean & Modern)"}),e.jsx("option",{value:"fantasy",children:"🧙 Fantasy (Magical & Mystical)"}),e.jsx("option",{value:"retro",children:"🎮 Retro (8-bit Gaming)"}),e.jsx("option",{value:"minimal",children:"⚪ Minimal (Subtle & Simple)"}),e.jsx("option",{value:"mechanical",children:"⚙️ Mechanical (Industrial)"})]})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Test Individual Sounds"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx(t,{variant:"primary",size:"small",onClick:()=>n.play("click"),children:"Click Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("hover"),children:"Hover Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("success"),children:"Success Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("error"),children:"Error Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("warning"),children:"Warning Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("toggle"),children:"Toggle Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("type"),children:"Type Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("delete"),children:"Delete Sound"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Special Effects"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",onClick:()=>n.celebration(),children:"🎉 Celebration"}),e.jsx(t,{variant:"secondary",onClick:()=>n.milestone(),children:"⭐ Milestone"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Components with Sound Integration"}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Button with Sounds"}),e.jsx(t,{variant:"primary",soundConfig:{onClick:!0,onHover:!0},children:"Interactive Button (hover, click)"})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Checkbox with Sound"}),e.jsx(c,{checked:v,onChange:y,label:"Check me!",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Toggle with Sound"}),e.jsx(w,{isOn:S,onToggle:f,leftLabel:"Off",rightLabel:"On",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Input with Sound"}),e.jsx(T,{label:"Type something",value:C,onChange:k,placeholder:"Type to hear typing sounds",enableTypingSounds:!0})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Slider with Sound"}),e.jsx(E,{value:b,onChange:B,min:0,max:100,label:"Adjust me",soundConfig:{onClick:!0}})]})]}),e.jsxs("div",{style:{padding:"1rem",background:"#e8f4f8",borderRadius:"8px",fontSize:"0.9rem"},children:[e.jsx("h3",{children:"ℹ️ How to Use"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Enable sounds using the checkbox above"}),e.jsx("li",{children:"Adjust volume with the slider"}),e.jsx("li",{children:"Click the test buttons to hear individual sounds"}),e.jsx("li",{children:"Interact with the components below to hear sounds in context"}),e.jsx("li",{children:"Note: AudioContext requires user interaction to start (click any button first)"})]})]})]})},L={title:"Atoms/SoundDemo",component:x,parameters:{layout:"fullscreen",docs:{description:{component:"Interactive demo for testing the sound system with Web Audio API"}}}},o={render:()=>e.jsx(x,{})};var m,u,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => <SoundDemo />
+}`,...(h=(u=o.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};const N=["Default"];export{o as Default,N as __namedExportsOrder,L as default};

package/storybook-static/assets/SplashCursor.stories-DerGqkHm.js

@@ -0,0 +1,244 @@
+import{r as V,j as le}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
+`}),i+e}const T=h(t.VERTEX_SHADER,`
+        precision highp float;
+        attribute vec2 aPosition;
+        varying vec2 vUv;
+        varying vec2 vL;
+        varying vec2 vR;
+        varying vec2 vT;
+        varying vec2 vB;
+        uniform vec2 texelSize;
+
+        void main () {
+            vUv = aPosition * 0.5 + 0.5;
+            vL = vUv - vec2(texelSize.x, 0.0);
+            vR = vUv + vec2(texelSize.x, 0.0);
+            vT = vUv + vec2(0.0, texelSize.y);
+            vB = vUv - vec2(0.0, texelSize.y);
+            gl_Position = vec4(aPosition, 0.0, 1.0);
+        }
+      `),Ue=h(t.FRAGMENT_SHADER,`
+        precision mediump float;
+        precision mediump sampler2D;
+        varying highp vec2 vUv;
+        uniform sampler2D uTexture;
+
+        void main () {
+            gl_FragColor = texture2D(uTexture, vUv);
+        }
+      `),Le=h(t.FRAGMENT_SHADER,`
+        precision mediump float;
+        precision mediump sampler2D;
+        varying highp vec2 vUv;
+        uniform sampler2D uTexture;
+        uniform float value;
+
+        void main () {
+            gl_FragColor = value * texture2D(uTexture, vUv);
+        }
+      `),be=`
+      precision highp float;
+      precision highp sampler2D;
+      varying vec2 vUv;
+      varying vec2 vL;
+      varying vec2 vR;
+      varying vec2 vT;
+      varying vec2 vB;
+      uniform sampler2D uTexture;
+      uniform sampler2D uDithering;
+      uniform vec2 ditherScale;
+      uniform vec2 texelSize;
+
+      vec3 linearToGamma (vec3 color) {
+          color = max(color, vec3(0));
+          return max(1.055 * pow(color, vec3(0.416666667)) - 0.055, vec3(0));
+      }
+
+      void main () {
+          vec3 c = texture2D(uTexture, vUv).rgb;
+          #ifdef SHADING
+              vec3 lc = texture2D(uTexture, vL).rgb;
+              vec3 rc = texture2D(uTexture, vR).rgb;
+              vec3 tc = texture2D(uTexture, vT).rgb;
+              vec3 bc = texture2D(uTexture, vB).rgb;
+
+              float dx = length(rc) - length(lc);
+              float dy = length(tc) - length(bc);
+
+              vec3 n = normalize(vec3(dx, dy, length(texelSize)));
+              vec3 l = vec3(0.0, 0.0, 1.0);
+
+              float diffuse = clamp(dot(n, l) + 0.7, 0.7, 1.0);
+              c *= diffuse;
+          #endif
+
+          float a = max(c.r, max(c.g, c.b));
+          gl_FragColor = vec4(c, a);
+      }
+    `,Pe=h(t.FRAGMENT_SHADER,`
+        precision highp float;
+        precision highp sampler2D;
+        varying vec2 vUv;
+        uniform sampler2D uTarget;
+        uniform float aspectRatio;
+        uniform vec3 color;
+        uniform vec2 point;
+        uniform float radius;
+
+        void main () {
+            vec2 p = vUv - point.xy;
+            p.x *= aspectRatio;
+            vec3 splat = exp(-dot(p, p) / radius) * color;
+            vec3 base = texture2D(uTarget, vUv).xyz;
+            gl_FragColor = vec4(base + splat, 1.0);
+        }
+      `),Be=h(t.FRAGMENT_SHADER,`
+        precision highp float;
+        precision highp sampler2D;
+        varying vec2 vUv;
+        uniform sampler2D uVelocity;
+        uniform sampler2D uSource;
+        uniform vec2 texelSize;
+        uniform vec2 dyeTexelSize;
+        uniform float dt;
+        uniform float dissipation;
+
+        vec4 bilerp (sampler2D sam, vec2 uv, vec2 tsize) {
+            vec2 st = uv / tsize - 0.5;
+            vec2 iuv = floor(st);
+            vec2 fuv = fract(st);
+
+            vec4 a = texture2D(sam, (iuv + vec2(0.5, 0.5)) * tsize);
+            vec4 b = texture2D(sam, (iuv + vec2(1.5, 0.5)) * tsize);
+            vec4 c = texture2D(sam, (iuv + vec2(0.5, 1.5)) * tsize);
+            vec4 d = texture2D(sam, (iuv + vec2(1.5, 1.5)) * tsize);
+
+            return mix(mix(a, b, fuv.x), mix(c, d, fuv.x), fuv.y);
+        }
+
+        void main () {
+            #ifdef MANUAL_FILTERING
+                vec2 coord = vUv - dt * bilerp(uVelocity, vUv, texelSize).xy * texelSize;
+                vec4 result = bilerp(uSource, coord, dyeTexelSize);
+            #else
+                vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;
+                vec4 result = texture2D(uSource, coord);
+            #endif
+            float decay = 1.0 + dissipation * dt;
+            gl_FragColor = result / decay;
+        }
+      `,E.supportLinearFiltering?null:["MANUAL_FILTERING"]),Ce=h(t.FRAGMENT_SHADER,`
+        precision mediump float;
+        precision mediump sampler2D;
+        varying highp vec2 vUv;
+        varying highp vec2 vL;
+        varying highp vec2 vR;
+        varying highp vec2 vT;
+        varying highp vec2 vB;
+        uniform sampler2D uVelocity;
+
+        void main () {
+            float L = texture2D(uVelocity, vL).x;
+            float R = texture2D(uVelocity, vR).x;
+            float T = texture2D(uVelocity, vT).y;
+            float B = texture2D(uVelocity, vB).y;
+
+            vec2 C = texture2D(uVelocity, vUv).xy;
+            if (vL.x < 0.0) { L = -C.x; }
+            if (vR.x > 1.0) { R = -C.x; }
+            if (vT.y > 1.0) { T = -C.y; }
+            if (vB.y < 0.0) { B = -C.y; }
+
+            float div = 0.5 * (R - L + T - B);
+            gl_FragColor = vec4(div, 0.0, 0.0, 1.0);
+        }
+      `),Ie=h(t.FRAGMENT_SHADER,`
+        precision mediump float;
+        precision mediump sampler2D;
+        varying highp vec2 vUv;
+        varying highp vec2 vL;
+        varying highp vec2 vR;
+        varying highp vec2 vT;
+        varying highp vec2 vB;
+        uniform sampler2D uVelocity;
+
+        void main () {
+            float L = texture2D(uVelocity, vL).y;
+            float R = texture2D(uVelocity, vR).y;
+            float T = texture2D(uVelocity, vT).x;
+            float B = texture2D(uVelocity, vB).x;
+            float vorticity = R - L - T + B;
+            gl_FragColor = vec4(0.5 * vorticity, 0.0, 0.0, 1.0);
+        }
+      `),Ne=h(t.FRAGMENT_SHADER,`
+        precision highp float;
+        precision highp sampler2D;
+        varying vec2 vUv;
+        varying vec2 vL;
+        varying vec2 vR;
+        varying vec2 vT;
+        varying vec2 vB;
+        uniform sampler2D uVelocity;
+        uniform sampler2D uCurl;
+        uniform float curl;
+        uniform float dt;
+
+        void main () {
+            float L = texture2D(uCurl, vL).x;
+            float R = texture2D(uCurl, vR).x;
+            float T = texture2D(uCurl, vT).x;
+            float B = texture2D(uCurl, vB).x;
+            float C = texture2D(uCurl, vUv).x;
+
+            vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));
+            force /= length(force) + 0.0001;
+            force *= curl * C;
+            force.y *= -1.0;
+
+            vec2 velocity = texture2D(uVelocity, vUv).xy;
+            velocity += force * dt;
+            velocity = min(max(velocity, -1000.0), 1000.0);
+            gl_FragColor = vec4(velocity, 0.0, 1.0);
+        }
+      `),Xe=h(t.FRAGMENT_SHADER,`
+        precision mediump float;
+        precision mediump sampler2D;
+        varying highp vec2 vUv;
+        varying highp vec2 vL;
+        varying highp vec2 vR;
+        varying highp vec2 vT;
+        varying highp vec2 vB;
+        uniform sampler2D uPressure;
+        uniform sampler2D uDivergence;
+
+        void main () {
+            float L = texture2D(uPressure, vL).x;
+            float R = texture2D(uPressure, vR).x;
+            float T = texture2D(uPressure, vT).x;
+            float B = texture2D(uPressure, vB).x;
+            float C = texture2D(uPressure, vUv).x;
+            float divergence = texture2D(uDivergence, vUv).x;
+            float pressure = (L + R + B + T - divergence) * 0.25;
+            gl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);
+        }
+      `),Oe=h(t.FRAGMENT_SHADER,`
+        precision mediump float;
+        precision mediump sampler2D;
+        varying highp vec2 vUv;
+        varying highp vec2 vL;
+        varying highp vec2 vR;
+        varying highp vec2 vT;
+        varying highp vec2 vB;
+        uniform sampler2D uPressure;
+        uniform sampler2D uVelocity;
+
+        void main () {
+            float L = texture2D(uPressure, vL).x;
+            float R = texture2D(uPressure, vR).x;
+            float T = texture2D(uPressure, vT).x;
+            float B = texture2D(uPressure, vB).x;
+            vec2 velocity = texture2D(uVelocity, vUv).xy;
+            velocity.xy -= vec2(R - L, T - B);
+            gl_FragColor = vec4(velocity, 0.0, 1.0);
+        }
+      `),m=(t.bindBuffer(t.ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,-1,1,1,1,1,-1]),t.STATIC_DRAW),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,0,2,3]),t.STATIC_DRAW),t.vertexAttribPointer(0,2,t.FLOAT,!1,0,0),t.enableVertexAttribArray(0),(e,r=!1)=>{e==null?(t.viewport(0,0,t.drawingBufferWidth,t.drawingBufferHeight),t.bindFramebuffer(t.FRAMEBUFFER,null)):(t.viewport(0,0,e.width,e.height),t.bindFramebuffer(t.FRAMEBUFFER,e.fbo)),r&&(t.clearColor(0,0,0,1),t.clear(t.COLOR_BUFFER_BIT)),t.drawElements(t.TRIANGLES,6,t.UNSIGNED_SHORT,0)});let d,l,N,X,D;const K=new g(T,Ue),O=new g(T,Le),A=new g(T,Pe),x=new g(T,Be),z=new g(T,Ce),M=new g(T,Ie),F=new g(T,Ne),L=new g(T,Xe),b=new g(T,Oe),P=new Fe(T,be);function j(){let e=te(v.SIM_RESOLUTION),r=te(v.DYE_RESOLUTION);const i=E.halfFloatTexType,o=E.formatRGBA,a=E.formatRG,n=E.formatR,u=E.supportLinearFiltering?t.LINEAR:t.NEAREST;t.disable(t.BLEND),d?d=J(d,r.width,r.height,o.internalFormat,o.format,i,u):d=G(r.width,r.height,o.internalFormat,o.format,i,u),l?l=J(l,e.width,e.height,a.internalFormat,a.format,i,u):l=G(e.width,e.height,a.internalFormat,a.format,i,u),N=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),X=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),D=G(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST)}function w(e,r,i,o,a,n){t.activeTexture(t.TEXTURE0);let u=t.createTexture();t.bindTexture(t.TEXTURE_2D,u),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.texImage2D(t.TEXTURE_2D,0,i,e,r,0,o,a,null);let f=t.createFramebuffer();t.bindFramebuffer(t.FRAMEBUFFER,f),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,u,0),t.viewport(0,0,e,r),t.clear(t.COLOR_BUFFER_BIT);let s=1/e,R=1/r;return{texture:u,fbo:f,width:e,height:r,texelSizeX:s,texelSizeY:R,attach(y){return t.activeTexture(t.TEXTURE0+y),t.bindTexture(t.TEXTURE_2D,u),y}}}function G(e,r,i,o,a,n){let u=w(e,r,i,o,a,n),f=w(e,r,i,o,a,n);return{width:e,height:r,texelSizeX:u.texelSizeX,texelSizeY:u.texelSizeY,get read(){return u},set read(s){u=s},get write(){return f},set write(s){f=s},swap(){let s=u;u=f,f=s}}}function ze(e,r,i,o,a,n,u){let f=w(r,i,o,a,n,u);return K.bind(),t.uniform1i(K.uniforms.uTexture,e.attach(0)),m(f),f}function J(e,r,i,o,a,n,u){return e.width===r&&e.height===i||(e.read=ze(e.read,r,i,o,a,n,u),e.write=w(r,i,o,a,n,u),e.width=r,e.height=i,e.texelSizeX=1/r,e.texelSizeY=1/i),e}function Me(){let e=[];v.SHADING&&e.push("SHADING"),P.setKeywords(e)}Me(),j();let Q=Date.now(),B=0;function Z(){if(!q)return;const e=Ge();Ye()&&j(),Ve(e),He(),qe(e),We(null),U.current=requestAnimationFrame(Z)}function Ge(){let e=Date.now(),r=(e-Q)/1e3;return r=Math.min(r,.016666),Q=e,r}function Ye(){let e=p(c.clientWidth),r=p(c.clientHeight);return c.width!==e||c.height!==r?(c.width=e,c.height=r,!0):!1}function Ve(e){B+=e*v.COLOR_UPDATE_SPEED,B>=1&&(B=tt(B,0,1),_.forEach(r=>{r.color=C()}))}function He(){_.forEach(e=>{e.moved&&(e.moved=!1,Ke(e))})}function qe(e){t.disable(t.BLEND),M.bind(),t.uniform2f(M.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(M.uniforms.uVelocity,l.read.attach(0)),m(X),F.bind(),t.uniform2f(F.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(F.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(F.uniforms.uCurl,X.attach(1)),t.uniform1f(F.uniforms.curl,v.CURL),t.uniform1f(F.uniforms.dt,e),m(l.write),l.swap(),z.bind(),t.uniform2f(z.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(z.uniforms.uVelocity,l.read.attach(0)),m(N),O.bind(),t.uniform1i(O.uniforms.uTexture,D.read.attach(0)),t.uniform1f(O.uniforms.value,v.PRESSURE),m(D.write),D.swap(),L.bind(),t.uniform2f(L.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(L.uniforms.uDivergence,N.attach(0));for(let i=0;i<v.PRESSURE_ITERATIONS;i++)t.uniform1i(L.uniforms.uPressure,D.read.attach(1)),m(D.write),D.swap();b.bind(),t.uniform2f(b.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(b.uniforms.uPressure,D.read.attach(0)),t.uniform1i(b.uniforms.uVelocity,l.read.attach(1)),m(l.write),l.swap(),x.bind(),t.uniform2f(x.uniforms.texelSize,l.texelSizeX,l.texelSizeY),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,l.texelSizeX,l.texelSizeY);let r=l.read.attach(0);t.uniform1i(x.uniforms.uVelocity,r),t.uniform1i(x.uniforms.uSource,r),t.uniform1f(x.uniforms.dt,e),t.uniform1f(x.uniforms.dissipation,v.VELOCITY_DISSIPATION),m(l.write),l.swap(),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,d.texelSizeX,d.texelSizeY),t.uniform1i(x.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(x.uniforms.uSource,d.read.attach(1)),t.uniform1f(x.uniforms.dissipation,v.DENSITY_DISSIPATION),m(d.write),d.swap()}function We(e){t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.enable(t.BLEND),ke(e)}function ke(e){let r=t.drawingBufferWidth,i=t.drawingBufferHeight;P.bind(),v.SHADING&&t.uniform2f(P.uniforms.texelSize,1/r,1/i),t.uniform1i(P.uniforms.uTexture,d.read.attach(0)),m(e)}function Ke(e){let r=e.deltaX*v.SPLAT_FORCE,i=e.deltaY*v.SPLAT_FORCE;$(e.texcoordX,e.texcoordY,r,i,e.color)}function je(e){const r=C();r.r*=10,r.g*=10,r.b*=10;let i=10*(Math.random()-.5),o=30*(Math.random()-.5);$(e.texcoordX,e.texcoordY,i,o,r)}function $(e,r,i,o,a){A.bind(),t.uniform1i(A.uniforms.uTarget,l.read.attach(0)),t.uniform1f(A.uniforms.aspectRatio,c.width/c.height),t.uniform2f(A.uniforms.point,e,r),t.uniform3f(A.uniforms.color,i,o,0),t.uniform1f(A.uniforms.radius,Je(v.SPLAT_RADIUS/100)),m(l.write),l.swap(),t.uniform1i(A.uniforms.uTarget,d.read.attach(0)),t.uniform3f(A.uniforms.color,a.r,a.g,a.b),m(d.write),d.swap()}function Je(e){let r=c.width/c.height;return r>1&&(e*=r),e}function ee(e,r,i,o){e.id=r,e.down=!0,e.moved=!1,e.texcoordX=i/c.width,e.texcoordY=1-o/c.height,e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.deltaX=0,e.deltaY=0,e.color=C()}function Y(e,r,i,o){e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.texcoordX=r/c.width,e.texcoordY=1-i/c.height,e.deltaX=Ze(e.texcoordX-e.prevTexcoordX),e.deltaY=$e(e.texcoordY-e.prevTexcoordY),e.moved=Math.abs(e.deltaX)>0||Math.abs(e.deltaY)>0,e.color=o}function Qe(e){e.down=!1}function Ze(e){let r=c.width/c.height;return r<1&&(e*=r),e}function $e(e){let r=c.width/c.height;return r>1&&(e/=r),e}function C(){let e=et(Math.random(),1,1);return e.r*=.15,e.g*=.15,e.b*=.15,e}function et(e,r,i){let o,a,n,u,f,s,R,y;switch(u=Math.floor(e*6),f=e*6-u,s=i*(1-r),R=i*(1-f*r),y=i*(1-(1-f)*r),u%6){case 0:o=i,a=y,n=s;break;case 1:o=R,a=i,n=s;break;case 2:o=s,a=i,n=y;break;case 3:o=s,a=R,n=i;break;case 4:o=y,a=s,n=i;break;case 5:o=i,a=s,n=R;break}return{r:o,g:a,b:n}}function tt(e,r,i){const o=i-r;return(e-r)%o+r}function te(e){let r=t.drawingBufferWidth/t.drawingBufferHeight;r<1&&(r=1/r);const i=Math.round(e),o=Math.round(e*r);return t.drawingBufferWidth>t.drawingBufferHeight?{width:o,height:i}:{width:i,height:o}}function p(e){const r=window.devicePixelRatio||1;return Math.floor(e*r)}function rt(e){if(e.length===0)return 0;let r=0;for(let i=0;i<e.length;i++)r=(r<<5)-r+e.charCodeAt(i),r|=0;return r}function re(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);ee(r,-1,i,o),je(r)}let ie=!1;function oe(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);if(ie)Y(r,i,o,r.color);else{let a=C();Y(r,i,o,a),ie=!0}}function ae(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);ee(i,r[o].identifier,a,n)}}function ne(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);Y(i,a,n,i.color)}}function ue(e){const r=e.changedTouches;let i=_[0];for(let o=0;o<r.length;o++)Qe(i)}return window.addEventListener("mousedown",re),window.addEventListener("mousemove",oe),window.addEventListener("touchstart",ae),window.addEventListener("touchmove",ne,!1),window.addEventListener("touchend",ue),Z(),()=>{q=!1,U.current&&(cancelAnimationFrame(U.current),U.current=null),window.removeEventListener("mousedown",re),window.removeEventListener("mousemove",oe),window.removeEventListener("touchstart",ae),window.removeEventListener("touchmove",ne),window.removeEventListener("touchend",ue)}},[]),le.jsx("div",{style:{position:"fixed",top:0,left:0,zIndex:50,pointerEvents:"none",width:"100%",height:"100%"},children:le.jsx("canvas",{ref:H,id:"fluid",style:{width:"100vw",height:"100vh",display:"block"}})})}ve.__docgenInfo={description:"",methods:[],displayName:"SplashCursor",props:{SIM_RESOLUTION:{defaultValue:{value:"128",computed:!1},required:!1},DYE_RESOLUTION:{defaultValue:{value:"1440",computed:!1},required:!1},CAPTURE_RESOLUTION:{defaultValue:{value:"512",computed:!1},required:!1},DENSITY_DISSIPATION:{defaultValue:{value:"3.5",computed:!1},required:!1},VELOCITY_DISSIPATION:{defaultValue:{value:"2",computed:!1},required:!1},PRESSURE:{defaultValue:{value:"0.1",computed:!1},required:!1},PRESSURE_ITERATIONS:{defaultValue:{value:"20",computed:!1},required:!1},CURL:{defaultValue:{value:"3",computed:!1},required:!1},SPLAT_RADIUS:{defaultValue:{value:"0.2",computed:!1},required:!1},SPLAT_FORCE:{defaultValue:{value:"6000",computed:!1},required:!1},SHADING:{defaultValue:{value:"true",computed:!1},required:!1},COLOR_UPDATE_SPEED:{defaultValue:{value:"10",computed:!1},required:!1},BACK_COLOR:{defaultValue:{value:"{ r: 0.5, g: 0, b: 0 }",computed:!1},required:!1},TRANSPARENT:{defaultValue:{value:"true",computed:!1},required:!1}}};const lt={title:"ReactBits/Animations/SplashCursor",component:ve,parameters:{layout:"fullscreen"},tags:["autodocs"]},I={};var ce,se,fe;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:"{}",...(fe=(se=I.parameters)==null?void 0:se.docs)==null?void 0:fe.source}}};const ct=["Default"];export{I as Default,ct as __namedExportsOrder,lt as default};

package/storybook-static/assets/SpotlightCard-Bi63T6N0.css

@@ -0,0 +1 @@
+._card-spotlight_leen8_1{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}._card-spotlight_leen8_1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}._card-spotlight_leen8_1:hover:before,._card-spotlight_leen8_1:focus-within:before{opacity:.6}

package/storybook-static/assets/SpotlightCard.stories-DBsgFOws.js

@@ -0,0 +1,6 @@
+import{r as m,j as f}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=m.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,g=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${g}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  args: {
+    children: 'Hello World',
+    spotlightColor: 'rgba(255, 255, 255, 0.25)'
+  }
+}`,...(a=(l=t.parameters)==null?void 0:l.docs)==null?void 0:a.source}}};const _=["Default"];export{t as Default,_ as __namedExportsOrder,C as default};

package/storybook-static/assets/Stack-CBKeDK5i.css

@@ -0,0 +1 @@
+._stack-container_1aymn_1{position:relative;width:100%;min-height:100vh;perspective:600px}._card-rotate_1aymn_8{position:absolute;width:100%;min-height:100vh;cursor:grab}._card-rotate-disabled_1aymn_15{position:absolute;width:100%;min-height:100vh;cursor:pointer}._card_1aymn_8{border-radius:1rem;overflow:hidden;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}._card_1aymn_8 img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}._card-image_1aymn_38{width:100%;min-height:100vh;object-fit:cover;pointer-events:none}

package/storybook-static/assets/Stack.stories-DAcB1tOU.js

@@ -0,0 +1,32 @@
+import{r as c,j as t}from"./iframe-Cz1R6gKZ.js";import{m as k}from"./proxy-CAwOFzsk.js";import{u as R}from"./use-motion-value-BgGWOnBX.js";import{u as q}from"./use-transform-CJxjUEuh.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  args: {
+    randomRotation: false,
+    sensitivity: 200,
+    sendToBackOnClick: false,
+    autoplay: false,
+    autoplayDelay: 3000,
+    pauseOnHover: false,
+    mobileClickOnly: false,
+    cards: [<img key="1" src="https://picsum.photos/seed/a/400/300" alt="card-1" style={{
+      width: '100%',
+      height: '100%',
+      objectFit: 'cover',
+      borderRadius: 12
+    }} />, <img key="2" src="https://picsum.photos/seed/b/400/300" alt="card-2" style={{
+      width: '100%',
+      height: '100%',
+      objectFit: 'cover',
+      borderRadius: 12
+    }} />, <img key="3" src="https://picsum.photos/seed/c/400/300" alt="card-3" style={{
+      width: '100%',
+      height: '100%',
+      objectFit: 'cover',
+      borderRadius: 12
+    }} />, <img key="4" src="https://picsum.photos/seed/d/400/300" alt="card-4" style={{
+      width: '100%',
+      height: '100%',
+      objectFit: 'cover',
+      borderRadius: 12
+    }} />]
+  }
+}`,...(V=(C=h.parameters)==null?void 0:C.docs)==null?void 0:V.source}}};const X=["Default"];export{h as Default,X as __namedExportsOrder,W as default};

package/storybook-static/assets/StaggeredMenu-DjV6Ra1C.css

@@ -0,0 +1 @@
+._staggered-menu-wrapper_rbage_1{position:relative;width:100%;min-height:100vh;z-index:40;pointer-events:none}._staggered-menu-wrapper_rbage_1._fixed-wrapper_rbage_9{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}._staggered-menu-header_rbage_19{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:2em;background:transparent;pointer-events:none;z-index:20}._staggered-menu-header_rbage_19>*{pointer-events:auto}._sm-logo_rbage_37{display:flex;align-items:center;-webkit-user-select:none;user-select:none}._sm-logo-img_rbage_43{display:block;height:32px;width:auto;object-fit:contain}._sm-toggle_rbage_50{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;color:#e9e9ef;font-weight:500;line-height:1;overflow:visible}._sm-toggle_rbage_50:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}._sm-line_rbage_70:last-of-type{margin-top:6px}._sm-toggle-textWrap_rbage_74{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}._sm-toggle-textInner_rbage_84{display:flex;flex-direction:column;line-height:1}._sm-toggle-line_rbage_90{display:block;height:1em;line-height:1}._sm-icon_rbage_96{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}._sm-panel-itemWrap_rbage_107{position:relative;overflow:hidden;line-height:1}._sm-icon-line_rbage_113{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}._sm-line_rbage_70{display:none!important}._staggered-menu-panel_rbage_129{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);min-height:100vh;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10;pointer-events:auto}[data-position=left] ._staggered-menu-panel_rbage_129{right:auto;left:0}._sm-prelayers_rbage_151{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5}[data-position=left] ._sm-prelayers_rbage_151{right:auto;left:0}._sm-prelayer_rbage_151{position:absolute;top:0;right:0;min-height:100vh;width:100%;transform:translate(0)}._sm-panel-inner_rbage_175{flex:1;display:flex;flex-direction:column;gap:1.25rem}._sm-socials_rbage_182{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}._sm-socials-title_rbage_190{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000)}._sm-socials-list_rbage_197{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208{opacity:1}._sm-socials-list_rbage_197:hover ._sm-socials-link_rbage_208{opacity:.35}._sm-socials-list_rbage_197:hover ._sm-socials-link_rbage_208:hover{opacity:1}._sm-socials-link_rbage_208:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}._sm-socials-list_rbage_197:focus-within ._sm-socials-link_rbage_208{opacity:.35}._sm-socials-list_rbage_197:focus-within ._sm-socials-link_rbage_208:focus-visible{opacity:1}._sm-socials-link_rbage_208{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}._sm-socials-link_rbage_208:hover{color:var(--sm-accent, #ff0000)}._sm-panel-title_rbage_250{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}._sm-panel-list_rbage_258{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}._sm-panel-item_rbage_107{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208{opacity:1;transition:opacity .3s ease}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197:hover ._sm-socials-link_rbage_208:not(:hover){opacity:.35}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197:focus-within ._sm-socials-link_rbage_208:not(:focus-visible){opacity:.35}._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208:hover,._staggered-menu-panel_rbage_129 ._sm-socials-list_rbage_197 ._sm-socials-link_rbage_208:focus-visible{opacity:1}._sm-panel-itemLabel_rbage_302{display:inline-block;will-change:transform;transform-origin:50% 100%}._sm-panel-item_rbage_107:hover{color:var(--sm-accent, #5227ff)}._sm-panel-list_rbage_258[data-numbering]{counter-reset:smItem}._sm-panel-list_rbage_258[data-numbering] ._sm-panel-item_rbage_107:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media (max-width: 1024px){._staggered-menu-panel_rbage_129{width:100%;left:0;right:0}._staggered-menu-wrapper_rbage_1[data-open] ._sm-logo-img_rbage_43{filter:invert(100%)}}@media (max-width: 640px){._staggered-menu-panel_rbage_129{width:100%;left:0;right:0}._staggered-menu-wrapper_rbage_1[data-open] ._sm-logo-img_rbage_43{filter:invert(100%)}}