micugl 0.0.7 → 0.0.8

package/dist/BasePingPongShaderComponent-FY62Kl02.mjs

@@ -1,273 +0,0 @@
-import { jsx as A } from "react/jsx-runtime";
-import { useRef as F, useCallback as S, useEffect as R, useMemo as z } from "react";
-import { W as _, u as v } from "./useUniformUpdaters-D5WtqZpp.mjs";
-class W {
-  constructor(e) {
-    this.passes = [], this.pingPongIds = /* @__PURE__ */ new Set(), this.webglManager = e;
-  }
-  addPass(e) {
-    this.passes.push(e), e.outputFramebuffer && this.pingPongIds.add(e.outputFramebuffer), e.inputTextures.forEach((s) => {
-      s.bindingType === "readwrite" && this.pingPongIds.add(s.id);
-    });
-  }
-  clearPasses() {
-    this.passes = [], this.pingPongIds.clear();
-  }
-  execute(e) {
-    const s = this.webglManager.context, u = this.webglManager.fbo;
-    for (const r of this.passes) {
-      if (r.outputFramebuffer)
-        if (this.pingPongIds.has(r.outputFramebuffer)) {
-          const { write: t } = u.getPingPongIndices(r.outputFramebuffer);
-          u.bindFramebuffer(r.outputFramebuffer, t);
-        } else
-          u.bindFramebuffer(r.outputFramebuffer);
-      else
-        u.bindFramebuffer(null);
-      this.webglManager.prepareRender(r.programId, r.renderOptions), r.inputTextures.forEach((t) => {
-        let i = t.bindingType === "read" ? 0 : 1;
-        if (this.pingPongIds.has(t.id)) {
-          const { read: o, write: p } = u.getPingPongIndices(t.id);
-          i = t.bindingType === "read" || t.bindingType === "readwrite" ? o : p;
-        }
-        u.bindTexture(t.id, t.textureUnit, i), this.webglManager.setUniform(
-          r.programId,
-          `u_${t.id}`,
-          t.textureUnit,
-          "sampler2D"
-        );
-      }), this.webglManager.updateUniforms(r.programId, e), r.uniforms && Object.entries(r.uniforms).forEach(([t, i]) => {
-        const o = typeof i.value == "function" ? i.value(e, s.canvas.width, s.canvas.height) : i.value;
-        this.webglManager.setUniform(
-          r.programId,
-          t,
-          o,
-          i.type
-        );
-      }), s.drawArrays(s.TRIANGLE_STRIP, 0, 4), r.outputFramebuffer && this.pingPongIds.has(r.outputFramebuffer) && u.swapTextures(r.outputFramebuffer), r.inputTextures.forEach((t) => {
-        t.bindingType === "readwrite" && this.pingPongIds.has(t.id) && u.swapTextures(t.id);
-      });
-    }
-  }
-  initializeResources() {
-    for (const e of this.passes) {
-      const s = this.webglManager.resources.get(e.programId);
-      s && !s.buffers.a_position && (this.webglManager.createBuffer(
-        e.programId,
-        "a_position",
-        new Float32Array([
-          -1,
-          -1,
-          1,
-          -1,
-          -1,
-          1,
-          1,
-          1
-        ])
-      ), this.webglManager.setAttributeOnce(e.programId, "a_position", {
-        name: "a_position",
-        size: 2,
-        type: "FLOAT",
-        normalized: !1,
-        stride: 0,
-        offset: 0
-      }));
-    }
-  }
-}
-const C = "", N = {}, j = ({
-  programConfigs: a,
-  passes: e,
-  framebuffers: s,
-  className: u = C,
-  style: r = N,
-  useDevicePixelRatio: t = !0
-}) => {
-  const i = F(null), o = F(null), p = F(null), l = F(null), g = F(0), h = F((n) => {
-    const f = o.current, c = p.current;
-    if (!f || !c) return;
-    const m = n - g.current;
-    c.execute(m), l.current = requestAnimationFrame(h.current);
-  }), b = S(() => {
-    if (!i.current || !o.current) return;
-    const n = window.innerWidth, f = window.innerHeight;
-    o.current.setSize(n, f, t);
-    const c = o.current, m = c.context.canvas;
-    Object.entries(s ?? []).forEach(([d, w]) => {
-      const T = w.width || m.width, E = w.height || m.height;
-      c.fbo.resizeFramebuffer(d, T, E);
-    });
-  }, [s, t]);
-  return R(() => {
-    if (i.current)
-      try {
-        const n = new _(i.current);
-        o.current = n, Object.entries(a).forEach(([c, m]) => {
-          n.createProgram(c, m);
-        }), Object.entries(s ?? []).forEach(([c, m]) => {
-          n.fbo.createFramebuffer(c, m);
-        });
-        const f = new W(n);
-        return p.current = f, e.forEach((c) => {
-          f.addPass(c);
-        }), f.initializeResources(), b(), g.current = performance.now(), l.current = requestAnimationFrame(h.current), window.addEventListener("resize", b), () => {
-          window.removeEventListener("resize", b), l.current && cancelAnimationFrame(l.current), o.current && o.current.destroyAll();
-        };
-      } catch (n) {
-        return console.error("Failed to initialize WebGL:", n), () => {
-        };
-      }
-  }, [a, e, s, b]), R(() => {
-    const n = p.current;
-    n && (n.clearPasses(), e.forEach((f) => {
-      n.addPass(f);
-    }), n.initializeResources());
-  }, [e]), /* @__PURE__ */ A(
-    "canvas",
-    {
-      ref: i,
-      className: u,
-      style: {
-        width: "100%",
-        height: "100%",
-        display: "block",
-        ...r
-      }
-    }
-  );
-}, G = ({
-  programId: a,
-  secondaryProgramId: e,
-  iterations: s = 1,
-  uniforms: u,
-  secondaryUniforms: r = {},
-  framebufferOptions: t = {
-    width: 0,
-    height: 0,
-    textureCount: 2,
-    textureOptions: {
-      minFilter: WebGLRenderingContext.LINEAR,
-      magFilter: WebGLRenderingContext.LINEAR
-    }
-  },
-  renderOptions: i = { clear: !0 },
-  customPasses: o
-}) => {
-  const p = v(a, u), l = v(
-    e ?? `${a}-secondary`,
-    r
-  );
-  return z(() => {
-    const g = `${a}-fb-a`, h = `${a}-fb-b`, b = {
-      [g]: t,
-      [h]: t
-    };
-    let n = [];
-    if (o)
-      n = o;
-    else {
-      n.push({
-        programId: a,
-        inputTextures: [],
-        outputFramebuffer: g,
-        renderOptions: i
-      });
-      for (let d = 0; d < s; d++) {
-        const w = e && d % 2 === 1 ? e : a, T = d % 2 === 0 ? g : h, E = d % 2 === 0 ? h : g, P = e && d % 2 === 1 ? l[e] : p[a], U = {};
-        P.forEach((y) => {
-          const L = y.updateFn;
-          U[y.name] = {
-            type: y.type,
-            value: (M, I, x) => L(M, I, x)
-          };
-        }), n.push({
-          programId: w,
-          inputTextures: [{
-            id: T,
-            textureUnit: 0,
-            bindingType: "read"
-          }],
-          outputFramebuffer: E,
-          uniforms: U,
-          renderOptions: i
-        });
-      }
-      const f = s % 2 === 0 ? h : g, c = {};
-      (e ? l[e] : p[a]).forEach((d) => {
-        const w = d.updateFn;
-        c[d.name] = {
-          type: d.type,
-          value: (T, E, P) => w(T, E, P)
-        };
-      }), n.push({
-        programId: e ?? a,
-        inputTextures: [{
-          id: f,
-          textureUnit: 0,
-          bindingType: "read"
-        }],
-        outputFramebuffer: null,
-        uniforms: c,
-        renderOptions: i
-      });
-    }
-    return { passes: n, framebuffers: b };
-  }, [
-    a,
-    e,
-    s,
-    p,
-    l,
-    t,
-    i,
-    o
-  ]);
-}, O = {
-  clear: !0,
-  clearColor: [0, 0, 0, 1]
-}, k = ({
-  programId: a,
-  shaderConfig: e,
-  secondaryProgramId: s,
-  secondaryShaderConfig: u,
-  iterations: r = 1,
-  uniforms: t,
-  secondaryUniforms: i,
-  framebufferOptions: o,
-  className: p = "",
-  style: l,
-  customPasses: g,
-  renderOptions: h = O
-}) => {
-  const b = s ?? `${a}-secondary`, n = {
-    [a]: e
-  };
-  u && (n[b] = u);
-  const { passes: f, framebuffers: c } = G({
-    programId: a,
-    secondaryProgramId: u ? b : void 0,
-    iterations: r,
-    uniforms: t,
-    secondaryUniforms: i,
-    framebufferOptions: o,
-    renderOptions: h,
-    customPasses: g
-  });
-  return /* @__PURE__ */ A(
-    j,
-    {
-      programConfigs: n,
-      passes: f,
-      framebuffers: c,
-      className: p,
-      style: l
-    }
-  );
-};
-export {
-  k as B,
-  W as P,
-  j as a,
-  G as u
-};

package/dist/BaseShaderComponent-BSBIvn4B.js

@@ -1 +0,0 @@
-"use strict";const n=require("react"),S=require("react/jsx-runtime"),h=require("./useUniformUpdaters-DGX0mf9g.js"),F={},U="",D={},I={},b=({programConfigs:i,renderCallback:l,renderOptions:s=F,className:d=U,style:f=D,uniformUpdaters:R=I,useFastPath:g=!1,useDevicePixelRatio:A=!0})=>{const E=n.useRef(null),a=n.useRef(null),T=n.useRef(null),u=n.useRef(null),L=n.useRef(0),p=n.useRef(t=>{const e=a.current,r=T.current;if(!e||!r)return;const m=t-L.current,c=e.context;if(g)e.fastRender(r,m,s.clear),c.drawArrays(c.TRIANGLE_STRIP,0,4);else{const o=e.resources.get(r);if(!o)return;e.prepareRender(r,s),_(m,o,c)}u.current=requestAnimationFrame(p.current)}),_=n.useCallback((t,e,r)=>{l(t,e,r)},[l]);n.useEffect(()=>{p.current=t=>{const e=a.current,r=T.current;if(!e||!r)return;const m=t-L.current,c=e.context;if(g)e.fastRender(r,m,s.clear),c.drawArrays(c.TRIANGLE_STRIP,0,4);else{const o=e.resources.get(r);if(!o)return;e.prepareRender(r,s),_(m,o,c)}u.current=requestAnimationFrame(p.current)}},[s,g,_]);const w=n.useCallback(()=>{if(!E.current||!a.current)return;const t=window.innerWidth,e=window.innerHeight;a.current.setSize(t,e,A)},[A]);return n.useEffect(()=>{if(E.current)try{const t=new h.WebGLManager(E.current);a.current=t,w();const e=Object.entries(i);if(e.length>0){const[r,m]=e[0];t.createProgram(r,m),t.createBuffer(r,"a_position",new Float32Array([-1,-1,1,-1,-1,1,1,1])),T.current=r,t.setAttributeOnce(r,"a_position",{name:"a_position",size:2,type:"FLOAT",normalized:!1,stride:0,offset:0});const c=R[r];c&&c.forEach(o=>{t.registerUniformUpdater(r,o.name,o.type,o.updateFn)})}return L.current=performance.now(),u.current=requestAnimationFrame(p.current),window.addEventListener("resize",w),()=>{window.removeEventListener("resize",w),u.current&&cancelAnimationFrame(u.current),a.current&&a.current.destroyAll()}}catch(t){return console.error("Failed to initialize WebGL:",t),()=>{}}},[i,R,w]),S.jsx("canvas",{ref:E,className:d,style:f})},k=()=>{const[i,l]=n.useState(!1);return n.useEffect(()=>{const s=()=>{const f=document.documentElement.classList.contains("dark");l(f)};s();const d=new MutationObserver(f=>{f.forEach(R=>{R.attributeName==="class"&&s()})});return d.observe(document.documentElement,{attributes:!0}),()=>{d.disconnect()}},[]),i},N={clear:!0,clearColor:[0,0,0,1]},M=({programId:i,shaderConfig:l,uniforms:s,className:d="",style:f,renderOptions:R=N})=>{const g={[i]:l},A=h.useUniformUpdaters(i,s),E=(a,T,u)=>{u.drawArrays(u.TRIANGLE_STRIP,0,4)};return S.jsx(b,{programConfigs:g,renderCallback:E,uniformUpdaters:A,className:d,style:f,useFastPath:!0,renderOptions:R})};exports.BaseShaderComponent=M;exports.ShaderEngine=b;exports.useDarkMode=k;

package/dist/BaseShaderComponent-Be_evz2F.mjs

@@ -1,151 +0,0 @@
-import { useRef as E, useCallback as b, useEffect as S, useState as h } from "react";
-import { jsx as F } from "react/jsx-runtime";
-import { W as I, u as D } from "./useUniformUpdaters-D5WtqZpp.mjs";
-const U = {}, k = "", N = {}, v = {}, y = ({
-  programConfigs: i,
-  renderCallback: f,
-  renderOptions: n = U,
-  className: l = k,
-  style: u = N,
-  uniformUpdaters: d = v,
-  useFastPath: R = !1,
-  useDevicePixelRatio: A = !0
-}) => {
-  const g = E(null), c = E(null), p = E(null), a = E(null), L = E(0), T = E((t) => {
-    const e = c.current, r = p.current;
-    if (!e || !r) return;
-    const m = t - L.current, s = e.context;
-    if (R)
-      e.fastRender(r, m, n.clear), s.drawArrays(s.TRIANGLE_STRIP, 0, 4);
-    else {
-      const o = e.resources.get(r);
-      if (!o) return;
-      e.prepareRender(r, n), _(m, o, s);
-    }
-    a.current = requestAnimationFrame(T.current);
-  }), _ = b((t, e, r) => {
-    f(t, e, r);
-  }, [f]);
-  S(() => {
-    T.current = (t) => {
-      const e = c.current, r = p.current;
-      if (!e || !r) return;
-      const m = t - L.current, s = e.context;
-      if (R)
-        e.fastRender(r, m, n.clear), s.drawArrays(s.TRIANGLE_STRIP, 0, 4);
-      else {
-        const o = e.resources.get(r);
-        if (!o) return;
-        e.prepareRender(r, n), _(m, o, s);
-      }
-      a.current = requestAnimationFrame(T.current);
-    };
-  }, [n, R, _]);
-  const w = b(() => {
-    if (!g.current || !c.current) return;
-    const t = window.innerWidth, e = window.innerHeight;
-    c.current.setSize(t, e, A);
-  }, [A]);
-  return S(() => {
-    if (g.current)
-      try {
-        const t = new I(g.current);
-        c.current = t, w();
-        const e = Object.entries(i);
-        if (e.length > 0) {
-          const [r, m] = e[0];
-          t.createProgram(r, m), t.createBuffer(
-            r,
-            "a_position",
-            new Float32Array([
-              -1,
-              -1,
-              1,
-              -1,
-              -1,
-              1,
-              1,
-              1
-            ])
-          ), p.current = r, t.setAttributeOnce(r, "a_position", {
-            name: "a_position",
-            size: 2,
-            type: "FLOAT",
-            normalized: !1,
-            stride: 0,
-            offset: 0
-          });
-          const s = d[r];
-          s && s.forEach((o) => {
-            t.registerUniformUpdater(
-              r,
-              o.name,
-              o.type,
-              o.updateFn
-            );
-          });
-        }
-        return L.current = performance.now(), a.current = requestAnimationFrame(T.current), window.addEventListener("resize", w), () => {
-          window.removeEventListener("resize", w), a.current && cancelAnimationFrame(a.current), c.current && c.current.destroyAll();
-        };
-      } catch (t) {
-        return console.error("Failed to initialize WebGL:", t), () => {
-        };
-      }
-  }, [i, d, w]), /* @__PURE__ */ F(
-    "canvas",
-    {
-      ref: g,
-      className: l,
-      style: u
-    }
-  );
-}, G = () => {
-  const [i, f] = h(!1);
-  return S(() => {
-    const n = () => {
-      const u = document.documentElement.classList.contains("dark");
-      f(u);
-    };
-    n();
-    const l = new MutationObserver((u) => {
-      u.forEach((d) => {
-        d.attributeName === "class" && n();
-      });
-    });
-    return l.observe(document.documentElement, { attributes: !0 }), () => {
-      l.disconnect();
-    };
-  }, []), i;
-}, M = {
-  clear: !0,
-  clearColor: [0, 0, 0, 1]
-}, O = ({
-  programId: i,
-  shaderConfig: f,
-  uniforms: n,
-  className: l = "",
-  style: u,
-  renderOptions: d = M
-}) => {
-  const R = { [i]: f }, A = D(i, n);
-  return /* @__PURE__ */ F(
-    y,
-    {
-      programConfigs: R,
-      renderCallback: (c, p, a) => {
-        a.drawArrays(a.TRIANGLE_STRIP, 0, 4);
-      },
-      uniformUpdaters: A,
-      className: l,
-      style: u,
-      useFastPath: !0,
-      renderOptions: d
-    }
-  );
-};
-export {
-  O as B,
-  y as S,
-  G as u
-};

package/dist/SimpleRippleScene--B1BrlxP.js

@@ -1,80 +0,0 @@
-"use strict";const E=require("react/jsx-runtime"),f=require("./useUniformUpdaters-DGX0mf9g.js"),F=require("./BasePingPongShaderComponent-BvRm7-g5.js"),i=require("react"),c=`
-  attribute vec2 a_position;
-  varying vec2 v_texCoord;
-  void main() {
-    gl_Position = vec4(a_position, 0.0, 1.0);
-    v_texCoord = a_position * 0.5 + 0.5;
-  }
-`,g=`
-  precision highp float;
-  
-  uniform vec2 u_resolution;
-  uniform float u_time;
-  uniform sampler2D u_texture0;
-  uniform vec2 u_mouse;
-  uniform float u_mouseForce;
-  uniform float u_damping;
-  
-  varying vec2 v_texCoord;
-  
-  void main() {
-    vec2 uv = v_texCoord;
-    vec2 texelSize = 1.0 / u_resolution;
-    
-    vec4 state = texture2D(u_texture0, uv);
-    float height = state.r;
-    float velocity = state.g;
-    
-    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;
-    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;
-    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;
-    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;
-    
-    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;
-    newVelocity *= u_damping;
-    
-    float newHeight = height + newVelocity;
-    
-    vec2 mouseVec = u_mouse - uv;
-    float mouseDistance = length(mouseVec);
-    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {
-        newHeight += 0.5;
-    }
-    
-    float startTime = mod(u_time * 0.001, 10.0);
-    if (startTime < 0.2) {
-        vec2 center = vec2(0.5, 0.5);
-        float centerDist = length(uv - center);
-        if (centerDist < 0.05) {
-            newHeight += 0.5 * (1.0 - startTime * 5.0);
-        }
-    }
-    
-    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);
-  }
-`,p=`
-  precision highp float;
-  
-  uniform vec2 u_resolution;
-  uniform float u_time;
-  uniform sampler2D u_texture0;
-  uniform vec3 u_color1;
-  uniform vec3 u_color2;
-  
-  varying vec2 v_texCoord;
-  
-  void main() {
-    vec2 uv = v_texCoord;
-    
-    vec4 state = texture2D(u_texture0, uv);
-    float height = state.r;
-    
-    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);
-    
-    float t = u_time * 0.001;
-    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);
-    color *= brightness;
-    
-    gl_FragColor = vec4(color, 1.0);
-  }
-`,V=[.1,.3,.1],P=[.3,.2,.4],b=({damping:_=.99,mouseForce:x=.5,color1:S=V,color2:y=P,iterations:C=2,className:w="",style:D})=>{const u=i.useRef([.5,.5]),o=i.useRef(!1),L=f.createShaderConfig({vertexShader:c,fragmentShader:g,uniformNames:{u_texture0:"sampler2D",u_mouse:"vec2",u_mouseForce:"float",u_damping:"float"}}),R=f.createShaderConfig({vertexShader:c,fragmentShader:p,uniformNames:{u_texture0:"sampler2D",u_color1:"vec3",u_color2:"vec3"}});return i.useEffect(()=>{const s=e=>{const t=e.target.getBoundingClientRect(),n=(e.clientX-t.left)/t.width,r=1-(e.clientY-t.top)/t.height;u.current=[n,r]},a=()=>{o.current=!0},l=()=>{o.current=!1},v=e=>{if(e.touches.length>0){e.preventDefault();const t=e.target.getBoundingClientRect(),n=(e.touches[0].clientX-t.left)/t.width,r=1-(e.touches[0].clientY-t.top)/t.height;u.current=[n,r],o.current=!0}},m=e=>{if(e.touches.length>0&&o.current){e.preventDefault();const t=e.target.getBoundingClientRect(),n=(e.touches[0].clientX-t.left)/t.width,r=1-(e.touches[0].clientY-t.top)/t.height;u.current=[n,r]}},d=()=>{o.current=!1};return document.addEventListener("mousemove",s),document.addEventListener("mousedown",a),document.addEventListener("mouseup",l),document.addEventListener("touchstart",v,{passive:!1}),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",d),()=>{document.removeEventListener("mousemove",s),document.removeEventListener("mousedown",a),document.removeEventListener("mouseup",l),document.removeEventListener("touchstart",v),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",d)}},[]),E.jsx(F.BasePingPongShaderComponent,{programId:"ripple-simulation",shaderConfig:L,secondaryProgramId:"ripple-render",secondaryShaderConfig:R,iterations:C,className:w,style:D,framebufferOptions:{width:0,height:0,textureCount:2,textureOptions:{minFilter:WebGLRenderingContext.LINEAR,magFilter:WebGLRenderingContext.LINEAR}},uniforms:{u_mouse:{type:"vec2",value:()=>new Float32Array(u.current)},u_mouseForce:{type:"float",value:()=>o.current?x:0},u_damping:{type:"float",value:_}},secondaryUniforms:{u_color1:{type:"vec3",value:new Float32Array(S)},u_color2:{type:"vec3",value:new Float32Array(y)}}})};exports.SimpleRipple=b;exports.rippleRenderShader=p;exports.rippleSimulationShader=g;exports.rippleVertexShader=c;

package/dist/SimpleRippleScene-Ba-EPdTJ.mjs

@@ -1,197 +0,0 @@
-import { jsx as L } from "react/jsx-runtime";
-import { c as d } from "./useUniformUpdaters-D5WtqZpp.mjs";
-import { B as E } from "./BasePingPongShaderComponent-FY62Kl02.mjs";
-import R, { useRef as h } from "react";
-const f = (
-  /* glsl */
-  `
-  attribute vec2 a_position;
-  varying vec2 v_texCoord;
-  void main() {
-    gl_Position = vec4(a_position, 0.0, 1.0);
-    v_texCoord = a_position * 0.5 + 0.5;
-  }
-`
-), F = (
-  /* glsl */
-  `
-  precision highp float;
-  
-  uniform vec2 u_resolution;
-  uniform float u_time;
-  uniform sampler2D u_texture0;
-  uniform vec2 u_mouse;
-  uniform float u_mouseForce;
-  uniform float u_damping;
-  
-  varying vec2 v_texCoord;
-  
-  void main() {
-    vec2 uv = v_texCoord;
-    vec2 texelSize = 1.0 / u_resolution;
-    
-    vec4 state = texture2D(u_texture0, uv);
-    float height = state.r;
-    float velocity = state.g;
-    
-    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;
-    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;
-    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;
-    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;
-    
-    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;
-    newVelocity *= u_damping;
-    
-    float newHeight = height + newVelocity;
-    
-    vec2 mouseVec = u_mouse - uv;
-    float mouseDistance = length(mouseVec);
-    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {
-        newHeight += 0.5;
-    }
-    
-    float startTime = mod(u_time * 0.001, 10.0);
-    if (startTime < 0.2) {
-        vec2 center = vec2(0.5, 0.5);
-        float centerDist = length(uv - center);
-        if (centerDist < 0.05) {
-            newHeight += 0.5 * (1.0 - startTime * 5.0);
-        }
-    }
-    
-    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);
-  }
-`
-), b = (
-  /* glsl */
-  `
-  precision highp float;
-  
-  uniform vec2 u_resolution;
-  uniform float u_time;
-  uniform sampler2D u_texture0;
-  uniform vec3 u_color1;
-  uniform vec3 u_color2;
-  
-  varying vec2 v_texCoord;
-  
-  void main() {
-    vec2 uv = v_texCoord;
-    
-    vec4 state = texture2D(u_texture0, uv);
-    float height = state.r;
-    
-    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);
-    
-    float t = u_time * 0.001;
-    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);
-    color *= brightness;
-    
-    gl_FragColor = vec4(color, 1.0);
-  }
-`
-), V = [0.1, 0.3, 0.1], M = [0.3, 0.2, 0.4], B = ({
-  damping: g = 0.99,
-  mouseForce: p = 0.5,
-  color1: _ = V,
-  color2: x = M,
-  iterations: y = 2,
-  className: C = "",
-  style: w
-}) => {
-  const u = h([0.5, 0.5]), o = h(!1), S = d({
-    vertexShader: f,
-    fragmentShader: F,
-    uniformNames: {
-      u_texture0: "sampler2D",
-      u_mouse: "vec2",
-      u_mouseForce: "float",
-      u_damping: "float"
-    }
-  }), D = d({
-    vertexShader: f,
-    fragmentShader: b,
-    uniformNames: {
-      u_texture0: "sampler2D",
-      u_color1: "vec3",
-      u_color2: "vec3"
-    }
-  });
-  return R.useEffect(() => {
-    const c = (e) => {
-      const t = e.target.getBoundingClientRect(), n = (e.clientX - t.left) / t.width, r = 1 - (e.clientY - t.top) / t.height;
-      u.current = [n, r];
-    }, i = () => {
-      o.current = !0;
-    }, s = () => {
-      o.current = !1;
-    }, a = (e) => {
-      if (e.touches.length > 0) {
-        e.preventDefault();
-        const t = e.target.getBoundingClientRect(), n = (e.touches[0].clientX - t.left) / t.width, r = 1 - (e.touches[0].clientY - t.top) / t.height;
-        u.current = [n, r], o.current = !0;
-      }
-    }, l = (e) => {
-      if (e.touches.length > 0 && o.current) {
-        e.preventDefault();
-        const t = e.target.getBoundingClientRect(), n = (e.touches[0].clientX - t.left) / t.width, r = 1 - (e.touches[0].clientY - t.top) / t.height;
-        u.current = [n, r];
-      }
-    }, m = () => {
-      o.current = !1;
-    };
-    return document.addEventListener("mousemove", c), document.addEventListener("mousedown", i), document.addEventListener("mouseup", s), document.addEventListener("touchstart", a, { passive: !1 }), document.addEventListener("touchmove", l, { passive: !1 }), document.addEventListener("touchend", m), () => {
-      document.removeEventListener("mousemove", c), document.removeEventListener("mousedown", i), document.removeEventListener("mouseup", s), document.removeEventListener("touchstart", a), document.removeEventListener("touchmove", l), document.removeEventListener("touchend", m);
-    };
-  }, []), /* @__PURE__ */ L(
-    E,
-    {
-      programId: "ripple-simulation",
-      shaderConfig: S,
-      secondaryProgramId: "ripple-render",
-      secondaryShaderConfig: D,
-      iterations: y,
-      className: C,
-      style: w,
-      framebufferOptions: {
-        width: 0,
-        height: 0,
-        textureCount: 2,
-        textureOptions: {
-          minFilter: WebGLRenderingContext.LINEAR,
-          magFilter: WebGLRenderingContext.LINEAR
-        }
-      },
-      uniforms: {
-        u_mouse: {
-          type: "vec2",
-          value: () => new Float32Array(u.current)
-        },
-        u_mouseForce: {
-          type: "float",
-          value: () => o.current ? p : 0
-        },
-        u_damping: {
-          type: "float",
-          value: g
-        }
-      },
-      secondaryUniforms: {
-        u_color1: {
-          type: "vec3",
-          value: new Float32Array(_)
-        },
-        u_color2: {
-          type: "vec3",
-          value: new Float32Array(x)
-        }
-      }
-    }
-  );
-};
-export {
-  B as S,
-  F as a,
-  b,
-  f as r
-};