nfx-ui 0.16.2 → 0.20.0

package/dist/chunk-PixelBlast-BbJ2VmCL.cjs

@@ -0,0 +1,190 @@
+const de=require("./chunk-rolldown-runtime-Bvb_CV3F.cjs"),ve=require("./chunk-useTheme-DSps5NbC.cjs");let y=require("react");y=de.__toESM(y,1);let ie=require("react/jsx-runtime"),M=require("postprocessing"),a=require("three");var pe="style-module__container___Hh3-c",he={container:pe},xe=()=>{const n=document.createElement("canvas");n.width=64,n.height=64;const l=n.getContext("2d");if(!l)throw new Error("2D context not available");l.fillStyle="black",l.fillRect(0,0,n.width,n.height);const S=new a.Texture(n);S.minFilter=a.LinearFilter,S.magFilter=a.LinearFilter,S.generateMipmaps=!1;const E=[];let d=null;const u=64;let T=.1*64;const k=1/u,z=()=>{l.fillStyle="black",l.fillRect(0,0,n.width,n.height)},F=t=>{const s={x:t.x*64,y:(1-t.y)*64};let f=1;const A=g=>Math.sin(g*Math.PI/2),C=g=>-g*(g-2);t.age<u*.3?f=A(t.age/(u*.3)):f=C(1-(t.age-u*.3)/(u*.7))||0,f*=t.force;const w=`${(t.vx+1)/2*255}, ${(t.vy+1)/2*255}, ${f*255}`,x=320;l.shadowOffsetX=x,l.shadowOffsetY=x,l.shadowBlur=T,l.shadowColor=`rgba(${w},${.22*f})`,l.beginPath(),l.fillStyle="rgba(255,0,0,1)",l.arc(s.x-x,s.y-x,T,0,Math.PI*2),l.fill()};return{canvas:n,texture:S,addTouch:t=>{let s=0,f=0,A=0;if(d){const C=t.x-d.x,w=t.y-d.y;if(C===0&&w===0)return;const x=C*C+w*w,g=Math.sqrt(x);f=C/(g||1),A=w/(g||1),s=Math.min(x*1e4,1)}d={x:t.x,y:t.y},E.push({x:t.x,y:t.y,age:0,force:s,vx:f,vy:A})},update:()=>{z();for(let t=E.length-1;t>=0;t--){const s=E[t],f=s.force*k*(1-s.age/u);s.x+=s.vx*f,s.y+=s.vy*f,s.age++,s.age>u&&E.splice(t,1)}for(let t=0;t<E.length;t++)F(E[t]);S.needsUpdate=!0},set radiusScale(t){T=.1*64*t},get radiusScale(){return T/(.1*64)},size:64}},ge=(P,n)=>new M.Effect("LiquidEffect",`
+    uniform sampler2D uTexture;
+    uniform float uStrength;
+    uniform float uTime;
+    uniform float uFreq;
+
+    void mainUv(inout vec2 uv) {
+      vec4 tex = texture2D(uTexture, uv);
+      float vx = tex.r * 2.0 - 1.0;
+      float vy = tex.g * 2.0 - 1.0;
+      float intensity = tex.b;
+
+      float wave = 0.5 + 0.5 * sin(uTime * uFreq + intensity * 6.2831853);
+
+      float amt = uStrength * intensity * wave;
+
+      uv += vec2(vx, vy) * amt;
+    }
+    `,{uniforms:new Map([["uTexture",new a.Uniform(P)],["uStrength",new a.Uniform(n?.strength??.025)],["uTime",new a.Uniform(0)],["uFreq",new a.Uniform(n?.freq??4.5)]])}),ne={square:0,circle:1,triangle:2,diamond:3},ye=`
+void main() {
+  gl_Position = vec4(position, 1.0);
+}
+`,we=`
+precision highp float;
+
+uniform vec3  uColor;
+uniform vec2  uResolution;
+uniform float uTime;
+uniform float uPixelSize;
+uniform float uScale;
+uniform float uDensity;
+uniform float uPixelJitter;
+uniform int   uEnableRipples;
+uniform float uRippleSpeed;
+uniform float uRippleThickness;
+uniform float uRippleIntensity;
+uniform float uEdgeFade;
+
+uniform int   uShapeType;
+const int SHAPE_SQUARE   = 0;
+const int SHAPE_CIRCLE   = 1;
+const int SHAPE_TRIANGLE = 2;
+const int SHAPE_DIAMOND  = 3;
+
+const int   MAX_CLICKS = 10;
+
+uniform vec2  uClickPos  [MAX_CLICKS];
+uniform float uClickTimes[MAX_CLICKS];
+
+out vec4 fragColor;
+
+float Bayer2(vec2 a) {
+  a = floor(a);
+  return fract(a.x / 2. + a.y * a.y * .75);
+}
+#define Bayer4(a) (Bayer2(.5*(a))*0.25 + Bayer2(a))
+#define Bayer8(a) (Bayer4(.5*(a))*0.25 + Bayer2(a))
+
+#define FBM_OCTAVES     5
+#define FBM_LACUNARITY  1.25
+#define FBM_GAIN        1.0
+
+float hash11(float n){ return fract(sin(n)*43758.5453); }
+
+float vnoise(vec3 p){
+  vec3 ip = floor(p);
+  vec3 fp = fract(p);
+  float n000 = hash11(dot(ip + vec3(0.0,0.0,0.0), vec3(1.0,57.0,113.0)));
+  float n100 = hash11(dot(ip + vec3(1.0,0.0,0.0), vec3(1.0,57.0,113.0)));
+  float n010 = hash11(dot(ip + vec3(0.0,1.0,0.0), vec3(1.0,57.0,113.0)));
+  float n110 = hash11(dot(ip + vec3(1.0,1.0,0.0), vec3(1.0,57.0,113.0)));
+  float n001 = hash11(dot(ip + vec3(0.0,0.0,1.0), vec3(1.0,57.0,113.0)));
+  float n101 = hash11(dot(ip + vec3(1.0,0.0,1.0), vec3(1.0,57.0,113.0)));
+  float n011 = hash11(dot(ip + vec3(0.0,1.0,1.0), vec3(1.0,57.0,113.0)));
+  float n111 = hash11(dot(ip + vec3(1.0,1.0,1.0), vec3(1.0,57.0,113.0)));
+  vec3 w = fp*fp*fp*(fp*(fp*6.0-15.0)+10.0);
+  float x00 = mix(n000, n100, w.x);
+  float x10 = mix(n010, n110, w.x);
+  float x01 = mix(n001, n101, w.x);
+  float x11 = mix(n011, n111, w.x);
+  float y0  = mix(x00, x10, w.y);
+  float y1  = mix(x01, x11, w.y);
+  return mix(y0, y1, w.z) * 2.0 - 1.0;
+}
+
+float fbm2(vec2 uv, float t){
+  vec3 p = vec3(uv * uScale, t);
+  float amp = 1.0;
+  float freq = 1.0;
+  float sum = 1.0;
+  for (int i = 0; i < FBM_OCTAVES; ++i){
+    sum  += amp * vnoise(p * freq);
+    freq *= FBM_LACUNARITY;
+    amp  *= FBM_GAIN;
+  }
+  return sum * 0.5 + 0.5;
+}
+
+float maskCircle(vec2 p, float cov){
+  float r = sqrt(cov) * .25;
+  float d = length(p - 0.5) - r;
+  float aa = 0.5 * fwidth(d);
+  return cov * (1.0 - smoothstep(-aa, aa, d * 2.0));
+}
+
+float maskTriangle(vec2 p, vec2 id, float cov){
+  bool flip = mod(id.x + id.y, 2.0) > 0.5;
+  if (flip) p.x = 1.0 - p.x;
+  float r = sqrt(cov);
+  float d  = p.y - r*(1.0 - p.x);
+  float aa = fwidth(d);
+  return cov * clamp(0.5 - d/aa, 0.0, 1.0);
+}
+
+float maskDiamond(vec2 p, float cov){
+  float r = sqrt(cov) * 0.564;
+  return step(abs(p.x - 0.49) + abs(p.y - 0.49), r);
+}
+
+void main(){
+  float pixelSize = uPixelSize;
+  vec2 fragCoord = gl_FragCoord.xy - uResolution * .5;
+  float aspectRatio = uResolution.x / uResolution.y;
+
+  vec2 pixelId = floor(fragCoord / pixelSize);
+  vec2 pixelUV = fract(fragCoord / pixelSize);
+
+  float cellPixelSize = 8.0 * pixelSize;
+  vec2 cellId = floor(fragCoord / cellPixelSize);
+  vec2 cellCoord = cellId * cellPixelSize;
+  vec2 uv = cellCoord / uResolution * vec2(aspectRatio, 1.0);
+
+  float base = fbm2(uv, uTime * 0.05);
+  base = base * 0.5 - 0.65;
+
+  float feed = base + (uDensity - 0.5) * 0.3;
+
+  float speed     = uRippleSpeed;
+  float thickness = uRippleThickness;
+  const float dampT     = 1.0;
+  const float dampR     = 10.0;
+
+  if (uEnableRipples == 1) {
+    for (int i = 0; i < MAX_CLICKS; ++i){
+      vec2 pos = uClickPos[i];
+      if (pos.x < 0.0) continue;
+      float cellPixelSize = 8.0 * pixelSize;
+      vec2 cuv = (((pos - uResolution * .5 - cellPixelSize * .5) / (uResolution))) * vec2(aspectRatio, 1.0);
+      float t = max(uTime - uClickTimes[i], 0.0);
+      float r = distance(uv, cuv);
+      float waveR = speed * t;
+      float ring  = exp(-pow((r - waveR) / thickness, 2.0));
+      float atten = exp(-dampT * t) * exp(-dampR * r);
+      feed = max(feed, ring * atten * uRippleIntensity);
+    }
+  }
+
+  float bayer = Bayer8(fragCoord / uPixelSize) - 0.5;
+  float bw = step(0.5, feed + bayer);
+
+  float h = fract(sin(dot(floor(fragCoord / uPixelSize), vec2(127.1, 311.7))) * 43758.5453);
+  float jitterScale = 1.0 + (h - 0.5) * uPixelJitter;
+  float coverage = bw * jitterScale;
+  float M;
+  if      (uShapeType == SHAPE_CIRCLE)   M = maskCircle (pixelUV, coverage);
+  else if (uShapeType == SHAPE_TRIANGLE) M = maskTriangle(pixelUV, pixelId, coverage);
+  else if (uShapeType == SHAPE_DIAMOND)  M = maskDiamond(pixelUV, coverage);
+  else                                   M = coverage;
+
+  if (uEdgeFade > 0.0) {
+    vec2 norm = gl_FragCoord.xy / uResolution;
+    float edge = min(min(norm.x, norm.y), min(1.0 - norm.x, 1.0 - norm.y));
+    float fade = smoothstep(0.0, uEdgeFade, edge);
+    M *= fade;
+  }
+
+  vec3 color = uColor;
+
+  // sRGB gamma correction - convert linear to sRGB for accurate color output
+  vec3 srgbColor = mix(
+    color * 12.92,
+    1.055 * pow(color, vec3(1.0 / 2.4)) - 0.055,
+    step(0.0031308, color)
+  );
+
+  fragColor = vec4(srgbColor, M);
+}
+`,$=10,ae=(0,y.memo)(({variant:P="square",pixelSize:n=3,color:l="#DC2626",className:S,style:E,antialias:d=!0,patternScale:u=2,patternDensity:T=1,liquid:k=!1,liquidStrength:z=.1,liquidRadius:F=1,pixelSizeJitter:L=0,enableRipples:U=!0,rippleIntensityScale:t=1,rippleThickness:s=.1,rippleSpeed:f=.3,liquidWobbleSpeed:A=4.5,autoPauseOffscreen:C=!0,speed:w=.5,transparent:x=!0,edgeFade:g=.5,noiseAmount:D=0})=>{const X=(0,y.useRef)(null),se=(0,y.useRef)({visible:!0}),j=(0,y.useRef)(w),m=(0,y.useRef)(null),H=(0,y.useRef)(null);return(0,y.useEffect)(()=>{const R=X.current;if(!R)return;j.current=w;const ue=["antialias","liquid","noiseAmount"],K={antialias:d,liquid:k,noiseAmount:D};let O=!1;if(!m.current)O=!0;else if(H.current){for(const e of ue)if(H.current[e]!==K[e]){O=!0;break}}if(O){if(m.current){const o=m.current;o.resizeObserver?.disconnect(),cancelAnimationFrame(o.raf),o.quad?.geometry.dispose(),o.material.dispose(),o.composer?.dispose(),o.renderer.dispose(),o.renderer.domElement.parentElement===R&&R.removeChild(o.renderer.domElement),m.current=null}const e=document.createElement("canvas"),r=new a.WebGLRenderer({canvas:e,antialias:d,alpha:!0,powerPreference:"high-performance"});r.domElement.style.width="100%",r.domElement.style.height="100%",r.setPixelRatio(Math.min(window.devicePixelRatio||1,1.5)),R.appendChild(r.domElement),x?r.setClearAlpha(0):r.setClearColor(0,1);const v={uResolution:{value:new a.Vector2(0,0)},uTime:{value:0},uColor:{value:new a.Color(l)},uClickPos:{value:Array.from({length:$},()=>new a.Vector2(-1,-1))},uClickTimes:{value:new Float32Array($)},uShapeType:{value:ne[P]??0},uPixelSize:{value:n*r.getPixelRatio()},uScale:{value:u},uDensity:{value:T},uPixelJitter:{value:L},uEnableRipples:{value:U?1:0},uRippleSpeed:{value:f},uRippleThickness:{value:s},uRippleIntensity:{value:t},uEdgeFade:{value:g}},b=new a.Scene,q=new a.OrthographicCamera(-1,1,1,-1,0,1),Y=new a.ShaderMaterial({vertexShader:ye,fragmentShader:we,uniforms:v,transparent:!0,depthTest:!1,depthWrite:!1,glslVersion:a.GLSL3}),ce=new a.PlaneGeometry(2,2),J=new a.Mesh(ce,Y);b.add(J);const W=new a.Clock,Q=()=>{const o=R.clientWidth||1,i=R.clientHeight||1;r.setSize(o,i,!1),v.uResolution.value.set(r.domElement.width,r.domElement.height),m.current?.composer&&m.current.composer.setSize(r.domElement.width,r.domElement.height),v.uPixelSize.value=n*r.getPixelRatio()};Q();const Z=new ResizeObserver(Q);Z.observe(R);const ee=(()=>{if(typeof window<"u"&&window.crypto?.getRandomValues){const o=new Uint32Array(1);return window.crypto.getRandomValues(o),o[0]/4294967295}return Math.random()})()*1e3;let c,_,I;if(k){_=xe(),_.radiusScale=F,c=new M.EffectComposer(r);const o=new M.RenderPass(b,q);I=ge(_.texture,{strength:z,freq:A});const i=new M.EffectPass(q,I);i.renderToScreen=!0,c.addPass(o),c.addPass(i)}if(D>0){c||(c=new M.EffectComposer(r),c.addPass(new M.RenderPass(b,q)));const o=new M.Effect("NoiseEffect","uniform float uTime; uniform float uAmount; float hash(vec2 p){ return fract(sin(dot(p, vec2(127.1,311.7))) * 43758.5453);} void mainUv(inout vec2 uv){} void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){ float n=hash(floor(uv*vec2(1920.0,1080.0))+floor(uTime*60.0)); float g=(n-0.5)*uAmount; outputColor=inputColor+vec4(vec3(g),0.0);} ",{uniforms:new Map([["uTime",new a.Uniform(0)],["uAmount",new a.Uniform(D)]])}),i=new M.EffectPass(q,o);i.renderToScreen=!0,c&&c.passes.length>0&&c.passes.forEach(p=>{const h=p;h.renderToScreen=!1}),c.addPass(i)}c&&c.setSize(r.domElement.width,r.domElement.height);const te=o=>{const i=r.domElement.getBoundingClientRect(),p=r.domElement.width/i.width,h=r.domElement.height/i.height;return{fx:(o.clientX-i.left)*p,fy:(i.height-(o.clientY-i.top))*h,w:r.domElement.width,h:r.domElement.height}},fe=o=>{const{fx:i,fy:p}=te(o),h=m.current?.clickIx??0;v.uClickPos.value[h].set(i,p),v.uClickTimes.value[h]=v.uTime.value,m.current&&(m.current.clickIx=(h+1)%$)},me=o=>{if(!_)return;const{fx:i,fy:p,w:h,h:G}=te(o);_.addTouch({x:i/h,y:p/G})};r.domElement.addEventListener("pointerdown",fe,{passive:!0}),r.domElement.addEventListener("pointermove",me,{passive:!0});let B=0,V=0;const oe=1e3/30,N=o=>{if(C&&!se.current.visible){B=requestAnimationFrame(N);return}const i=o-V;if(i<oe){B=requestAnimationFrame(N);return}if(V=o-i%oe,v.uTime.value=ee+W.getElapsedTime()*j.current,I){const p=I.uniforms.get("uTime");p&&(p.value=v.uTime.value)}c?(_&&_.update(),c.passes.forEach(p=>{const h=p;h.effects&&h.effects.forEach(G=>{const re=G.uniforms?.get("uTime");re&&(re.value=v.uTime.value)})}),c.render()):r.render(b,q),B=requestAnimationFrame(N)};B=requestAnimationFrame(o=>{V=o,N(o)}),m.current={renderer:r,scene:b,camera:q,material:Y,clock:W,clickIx:0,uniforms:v,resizeObserver:Z,raf:B,quad:J,timeOffset:ee,composer:c,touch:_,liquidEffect:I}}else{const e=m.current;if(e.uniforms.uShapeType.value=ne[P]??0,e.uniforms.uPixelSize.value=n*e.renderer.getPixelRatio(),e.uniforms.uColor.value.set(l),e.uniforms.uScale.value=u,e.uniforms.uDensity.value=T,e.uniforms.uPixelJitter.value=L,e.uniforms.uEnableRipples.value=U?1:0,e.uniforms.uRippleIntensity.value=t,e.uniforms.uRippleThickness.value=s,e.uniforms.uRippleSpeed.value=f,e.uniforms.uEdgeFade.value=g,x?e.renderer.setClearAlpha(0):e.renderer.setClearColor(0,1),e.liquidEffect){const r=e.liquidEffect,v=r.uniforms.get("uStrength");v&&(v.value=z);const b=r.uniforms.get("uFreq");b&&(b.value=A)}e.touch&&(e.touch.radiusScale=F)}return H.current=K,()=>{if(m.current&&O||!m.current)return;const e=m.current;e.resizeObserver?.disconnect(),cancelAnimationFrame(e.raf),e.quad?.geometry.dispose(),e.material.dispose(),e.composer?.dispose(),e.renderer.dispose(),e.renderer.domElement.parentElement===R&&R.removeChild(e.renderer.domElement),m.current=null}},[d,k,D,n,u,T,U,t,s,f,L,g,x,z,F,A,C,P,l,w]),(0,ie.jsx)("div",{ref:X,className:`${he.container} ${S??""}`,style:E,"aria-label":"PixelBlast interactive background"})});ae.displayName="PixelBlast";var le=(0,y.memo)(P=>{const{currentTheme:n}=ve.useTheme(),l=(0,y.useMemo)(()=>{const S=n.colors.variables.primary||"#DC2626";return(d=>{if(d.startsWith("#"))return d;const u=d.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);return u?`#${parseInt(u[1],10).toString(16).padStart(2,"0")}${parseInt(u[2],10).toString(16).padStart(2,"0")}${parseInt(u[3],10).toString(16).padStart(2,"0")}`:d})(S)},[n]);return(0,ie.jsx)(ae,{color:l,variant:"square",pixelSize:6,patternScale:2,patternDensity:1,pixelSizeJitter:0,enableRipples:!0,rippleSpeed:.3,rippleThickness:.12,rippleIntensityScale:1.2,liquid:!1,liquidStrength:.12,liquidRadius:1.2,liquidWobbleSpeed:5,speed:.3,edgeFade:.25,transparent:!0,antialias:!1,...P})});le.displayName="PixelBlastBackground";Object.defineProperty(exports,"PixelBlastBackground",{enumerable:!0,get:function(){return le}});
+
+//# sourceMappingURL=chunk-PixelBlast-BbJ2VmCL.cjs.map

package/dist/chunk-PixelBlast-BbJ2VmCL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-PixelBlast-BbJ2VmCL.cjs","names":[],"sources":["../src/designs/animations/PixelBlast/style.module.css","../src/designs/animations/PixelBlast/index.tsx"],"sourcesContent":[".container {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n","// Component inspired by github.com/zavalit/bayer-dithering-webgl-demo\n\nimport React, { memo, useEffect, useMemo, useRef } from \"react\";\nimport { Effect, EffectComposer, EffectPass, RenderPass } from \"postprocessing\";\nimport {\n  Clock,\n  Color,\n  GLSL3,\n  LinearFilter,\n  Mesh,\n  OrthographicCamera,\n  PlaneGeometry,\n  Scene,\n  ShaderMaterial,\n  Texture,\n  Uniform,\n  Vector2,\n  WebGLRenderer,\n} from \"three\";\n\nimport { useTheme } from \"@/themes/hooks/useTheme\";\n\nimport styles from \"./style.module.css\";\n\ntype PixelBlastVariant = \"square\" | \"circle\" | \"triangle\" | \"diamond\";\n\ninterface TouchPoint {\n  x: number;\n  y: number;\n  vx: number;\n  vy: number;\n  force: number;\n  age: number;\n}\n\ninterface TouchTexture {\n  canvas: HTMLCanvasElement;\n  texture: Texture;\n  addTouch: (norm: { x: number; y: number }) => void;\n  update: () => void;\n  radiusScale: number;\n  size: number;\n}\n\ninterface ReinitConfig {\n  antialias: boolean;\n  liquid: boolean;\n  noiseAmount: number;\n}\n\ntype PixelBlastProps = {\n  variant?: PixelBlastVariant;\n  pixelSize?: number;\n  color?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  antialias?: boolean;\n  patternScale?: number;\n  patternDensity?: number;\n  liquid?: boolean;\n  liquidStrength?: number;\n  liquidRadius?: number;\n  pixelSizeJitter?: number;\n  enableRipples?: boolean;\n  rippleIntensityScale?: number;\n  rippleThickness?: number;\n  rippleSpeed?: number;\n  liquidWobbleSpeed?: number;\n  autoPauseOffscreen?: boolean;\n  speed?: number;\n  transparent?: boolean;\n  edgeFade?: number;\n  noiseAmount?: number;\n};\n\nconst createTouchTexture = (): TouchTexture => {\n  const size = 64;\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = size;\n  canvas.height = size;\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) throw new Error(\"2D context not available\");\n  ctx.fillStyle = \"black\";\n  ctx.fillRect(0, 0, canvas.width, canvas.height);\n  const texture = new Texture(canvas);\n  texture.minFilter = LinearFilter;\n  texture.magFilter = LinearFilter;\n  texture.generateMipmaps = false;\n  const trail: TouchPoint[] = [];\n  let last: { x: number; y: number } | null = null;\n  const maxAge = 64;\n  let radius = 0.1 * size;\n  const speed = 1 / maxAge;\n  const clear = () => {\n    ctx.fillStyle = \"black\";\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\n  };\n  const drawPoint = (p: TouchPoint) => {\n    const pos = { x: p.x * size, y: (1 - p.y) * size };\n    let intensity = 1;\n    const easeOutSine = (t: number) => Math.sin((t * Math.PI) / 2);\n    const easeOutQuad = (t: number) => -t * (t - 2);\n    if (p.age < maxAge * 0.3) intensity = easeOutSine(p.age / (maxAge * 0.3));\n    else intensity = easeOutQuad(1 - (p.age - maxAge * 0.3) / (maxAge * 0.7)) || 0;\n    intensity *= p.force;\n    const color = `${((p.vx + 1) / 2) * 255}, ${((p.vy + 1) / 2) * 255}, ${intensity * 255}`;\n    const offset = size * 5;\n    ctx.shadowOffsetX = offset;\n    ctx.shadowOffsetY = offset;\n    ctx.shadowBlur = radius;\n    ctx.shadowColor = `rgba(${color},${0.22 * intensity})`;\n    ctx.beginPath();\n    ctx.fillStyle = \"rgba(255,0,0,1)\";\n    ctx.arc(pos.x - offset, pos.y - offset, radius, 0, Math.PI * 2);\n    ctx.fill();\n  };\n  const addTouch = (norm: { x: number; y: number }) => {\n    let force = 0;\n    let vx = 0;\n    let vy = 0;\n    if (last) {\n      const dx = norm.x - last.x;\n      const dy = norm.y - last.y;\n      if (dx === 0 && dy === 0) return;\n      const dd = dx * dx + dy * dy;\n      const d = Math.sqrt(dd);\n      vx = dx / (d || 1);\n      vy = dy / (d || 1);\n      force = Math.min(dd * 10000, 1);\n    }\n    last = { x: norm.x, y: norm.y };\n    trail.push({ x: norm.x, y: norm.y, age: 0, force, vx, vy });\n  };\n  const update = () => {\n    clear();\n    for (let i = trail.length - 1; i >= 0; i--) {\n      const point = trail[i];\n      const f = point.force * speed * (1 - point.age / maxAge);\n      point.x += point.vx * f;\n      point.y += point.vy * f;\n      point.age++;\n      if (point.age > maxAge) trail.splice(i, 1);\n    }\n    for (let i = 0; i < trail.length; i++) drawPoint(trail[i]);\n    texture.needsUpdate = true;\n  };\n  return {\n    canvas,\n    texture,\n    addTouch,\n    update,\n    set radiusScale(v: number) {\n      radius = 0.1 * size * v;\n    },\n    get radiusScale() {\n      return radius / (0.1 * size);\n    },\n    size,\n  };\n};\n\nconst createLiquidEffect = (texture: Texture, opts?: { strength?: number; freq?: number }) => {\n  const fragment = `\n    uniform sampler2D uTexture;\n    uniform float uStrength;\n    uniform float uTime;\n    uniform float uFreq;\n\n    void mainUv(inout vec2 uv) {\n      vec4 tex = texture2D(uTexture, uv);\n      float vx = tex.r * 2.0 - 1.0;\n      float vy = tex.g * 2.0 - 1.0;\n      float intensity = tex.b;\n\n      float wave = 0.5 + 0.5 * sin(uTime * uFreq + intensity * 6.2831853);\n\n      float amt = uStrength * intensity * wave;\n\n      uv += vec2(vx, vy) * amt;\n    }\n    `;\n  return new Effect(\"LiquidEffect\", fragment, {\n    uniforms: new Map<string, Uniform>([\n      [\"uTexture\", new Uniform(texture)],\n      [\"uStrength\", new Uniform(opts?.strength ?? 0.025)],\n      [\"uTime\", new Uniform(0)],\n      [\"uFreq\", new Uniform(opts?.freq ?? 4.5)],\n    ]),\n  });\n};\n\nconst SHAPE_MAP: Record<PixelBlastVariant, number> = {\n  square: 0,\n  circle: 1,\n  triangle: 2,\n  diamond: 3,\n};\n\nconst VERTEX_SRC = `\nvoid main() {\n  gl_Position = vec4(position, 1.0);\n}\n`;\n\nconst FRAGMENT_SRC = `\nprecision highp float;\n\nuniform vec3  uColor;\nuniform vec2  uResolution;\nuniform float uTime;\nuniform float uPixelSize;\nuniform float uScale;\nuniform float uDensity;\nuniform float uPixelJitter;\nuniform int   uEnableRipples;\nuniform float uRippleSpeed;\nuniform float uRippleThickness;\nuniform float uRippleIntensity;\nuniform float uEdgeFade;\n\nuniform int   uShapeType;\nconst int SHAPE_SQUARE   = 0;\nconst int SHAPE_CIRCLE   = 1;\nconst int SHAPE_TRIANGLE = 2;\nconst int SHAPE_DIAMOND  = 3;\n\nconst int   MAX_CLICKS = 10;\n\nuniform vec2  uClickPos  [MAX_CLICKS];\nuniform float uClickTimes[MAX_CLICKS];\n\nout vec4 fragColor;\n\nfloat Bayer2(vec2 a) {\n  a = floor(a);\n  return fract(a.x / 2. + a.y * a.y * .75);\n}\n#define Bayer4(a) (Bayer2(.5*(a))*0.25 + Bayer2(a))\n#define Bayer8(a) (Bayer4(.5*(a))*0.25 + Bayer2(a))\n\n#define FBM_OCTAVES     5\n#define FBM_LACUNARITY  1.25\n#define FBM_GAIN        1.0\n\nfloat hash11(float n){ return fract(sin(n)*43758.5453); }\n\nfloat vnoise(vec3 p){\n  vec3 ip = floor(p);\n  vec3 fp = fract(p);\n  float n000 = hash11(dot(ip + vec3(0.0,0.0,0.0), vec3(1.0,57.0,113.0)));\n  float n100 = hash11(dot(ip + vec3(1.0,0.0,0.0), vec3(1.0,57.0,113.0)));\n  float n010 = hash11(dot(ip + vec3(0.0,1.0,0.0), vec3(1.0,57.0,113.0)));\n  float n110 = hash11(dot(ip + vec3(1.0,1.0,0.0), vec3(1.0,57.0,113.0)));\n  float n001 = hash11(dot(ip + vec3(0.0,0.0,1.0), vec3(1.0,57.0,113.0)));\n  float n101 = hash11(dot(ip + vec3(1.0,0.0,1.0), vec3(1.0,57.0,113.0)));\n  float n011 = hash11(dot(ip + vec3(0.0,1.0,1.0), vec3(1.0,57.0,113.0)));\n  float n111 = hash11(dot(ip + vec3(1.0,1.0,1.0), vec3(1.0,57.0,113.0)));\n  vec3 w = fp*fp*fp*(fp*(fp*6.0-15.0)+10.0);\n  float x00 = mix(n000, n100, w.x);\n  float x10 = mix(n010, n110, w.x);\n  float x01 = mix(n001, n101, w.x);\n  float x11 = mix(n011, n111, w.x);\n  float y0  = mix(x00, x10, w.y);\n  float y1  = mix(x01, x11, w.y);\n  return mix(y0, y1, w.z) * 2.0 - 1.0;\n}\n\nfloat fbm2(vec2 uv, float t){\n  vec3 p = vec3(uv * uScale, t);\n  float amp = 1.0;\n  float freq = 1.0;\n  float sum = 1.0;\n  for (int i = 0; i < FBM_OCTAVES; ++i){\n    sum  += amp * vnoise(p * freq);\n    freq *= FBM_LACUNARITY;\n    amp  *= FBM_GAIN;\n  }\n  return sum * 0.5 + 0.5;\n}\n\nfloat maskCircle(vec2 p, float cov){\n  float r = sqrt(cov) * .25;\n  float d = length(p - 0.5) - r;\n  float aa = 0.5 * fwidth(d);\n  return cov * (1.0 - smoothstep(-aa, aa, d * 2.0));\n}\n\nfloat maskTriangle(vec2 p, vec2 id, float cov){\n  bool flip = mod(id.x + id.y, 2.0) > 0.5;\n  if (flip) p.x = 1.0 - p.x;\n  float r = sqrt(cov);\n  float d  = p.y - r*(1.0 - p.x);\n  float aa = fwidth(d);\n  return cov * clamp(0.5 - d/aa, 0.0, 1.0);\n}\n\nfloat maskDiamond(vec2 p, float cov){\n  float r = sqrt(cov) * 0.564;\n  return step(abs(p.x - 0.49) + abs(p.y - 0.49), r);\n}\n\nvoid main(){\n  float pixelSize = uPixelSize;\n  vec2 fragCoord = gl_FragCoord.xy - uResolution * .5;\n  float aspectRatio = uResolution.x / uResolution.y;\n\n  vec2 pixelId = floor(fragCoord / pixelSize);\n  vec2 pixelUV = fract(fragCoord / pixelSize);\n\n  float cellPixelSize = 8.0 * pixelSize;\n  vec2 cellId = floor(fragCoord / cellPixelSize);\n  vec2 cellCoord = cellId * cellPixelSize;\n  vec2 uv = cellCoord / uResolution * vec2(aspectRatio, 1.0);\n\n  float base = fbm2(uv, uTime * 0.05);\n  base = base * 0.5 - 0.65;\n\n  float feed = base + (uDensity - 0.5) * 0.3;\n\n  float speed     = uRippleSpeed;\n  float thickness = uRippleThickness;\n  const float dampT     = 1.0;\n  const float dampR     = 10.0;\n\n  if (uEnableRipples == 1) {\n    for (int i = 0; i < MAX_CLICKS; ++i){\n      vec2 pos = uClickPos[i];\n      if (pos.x < 0.0) continue;\n      float cellPixelSize = 8.0 * pixelSize;\n      vec2 cuv = (((pos - uResolution * .5 - cellPixelSize * .5) / (uResolution))) * vec2(aspectRatio, 1.0);\n      float t = max(uTime - uClickTimes[i], 0.0);\n      float r = distance(uv, cuv);\n      float waveR = speed * t;\n      float ring  = exp(-pow((r - waveR) / thickness, 2.0));\n      float atten = exp(-dampT * t) * exp(-dampR * r);\n      feed = max(feed, ring * atten * uRippleIntensity);\n    }\n  }\n\n  float bayer = Bayer8(fragCoord / uPixelSize) - 0.5;\n  float bw = step(0.5, feed + bayer);\n\n  float h = fract(sin(dot(floor(fragCoord / uPixelSize), vec2(127.1, 311.7))) * 43758.5453);\n  float jitterScale = 1.0 + (h - 0.5) * uPixelJitter;\n  float coverage = bw * jitterScale;\n  float M;\n  if      (uShapeType == SHAPE_CIRCLE)   M = maskCircle (pixelUV, coverage);\n  else if (uShapeType == SHAPE_TRIANGLE) M = maskTriangle(pixelUV, pixelId, coverage);\n  else if (uShapeType == SHAPE_DIAMOND)  M = maskDiamond(pixelUV, coverage);\n  else                                   M = coverage;\n\n  if (uEdgeFade > 0.0) {\n    vec2 norm = gl_FragCoord.xy / uResolution;\n    float edge = min(min(norm.x, norm.y), min(1.0 - norm.x, 1.0 - norm.y));\n    float fade = smoothstep(0.0, uEdgeFade, edge);\n    M *= fade;\n  }\n\n  vec3 color = uColor;\n\n  // sRGB gamma correction - convert linear to sRGB for accurate color output\n  vec3 srgbColor = mix(\n    color * 12.92,\n    1.055 * pow(color, vec3(1.0 / 2.4)) - 0.055,\n    step(0.0031308, color)\n  );\n\n  fragColor = vec4(srgbColor, M);\n}\n`;\n\nconst MAX_CLICKS = 10;\n\nconst PixelBlast: React.FC<PixelBlastProps> = memo(\n  ({\n    variant = \"square\",\n    pixelSize = 3,\n    color = \"#DC2626\",\n    className,\n    style,\n    antialias = true,\n    patternScale = 2,\n    patternDensity = 1,\n    liquid = false,\n    liquidStrength = 0.1,\n    liquidRadius = 1,\n    pixelSizeJitter = 0,\n    enableRipples = true,\n    rippleIntensityScale = 1,\n    rippleThickness = 0.1,\n    rippleSpeed = 0.3,\n    liquidWobbleSpeed = 4.5,\n    autoPauseOffscreen = true,\n    speed = 0.5,\n    transparent = true,\n    edgeFade = 0.5,\n    noiseAmount = 0,\n  }) => {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const visibilityRef = useRef({ visible: true });\n    const speedRef = useRef(speed);\n\n    const threeRef = useRef<{\n      renderer: WebGLRenderer;\n      scene: Scene;\n      camera: OrthographicCamera;\n      material: ShaderMaterial;\n      clock: Clock;\n      clickIx: number;\n      uniforms: {\n        uResolution: { value: Vector2 };\n        uTime: { value: number };\n        uColor: { value: Color };\n        uClickPos: { value: Vector2[] };\n        uClickTimes: { value: Float32Array };\n        uShapeType: { value: number };\n        uPixelSize: { value: number };\n        uScale: { value: number };\n        uDensity: { value: number };\n        uPixelJitter: { value: number };\n        uEnableRipples: { value: number };\n        uRippleSpeed: { value: number };\n        uRippleThickness: { value: number };\n        uRippleIntensity: { value: number };\n        uEdgeFade: { value: number };\n      };\n      resizeObserver?: ResizeObserver;\n      raf?: number;\n      quad?: Mesh<PlaneGeometry, ShaderMaterial>;\n      timeOffset?: number;\n      composer?: EffectComposer;\n      touch?: ReturnType<typeof createTouchTexture>;\n      liquidEffect?: Effect;\n    } | null>(null);\n    const prevConfigRef = useRef<ReinitConfig | null>(null);\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return;\n      speedRef.current = speed;\n      const needsReinitKeys: (keyof ReinitConfig)[] = [\"antialias\", \"liquid\", \"noiseAmount\"];\n      const cfg: ReinitConfig = { antialias, liquid, noiseAmount };\n      let mustReinit = false;\n      if (!threeRef.current) mustReinit = true;\n      else if (prevConfigRef.current) {\n        for (const k of needsReinitKeys)\n          if (prevConfigRef.current[k] !== cfg[k]) {\n            mustReinit = true;\n            break;\n          }\n      }\n      if (mustReinit) {\n        if (threeRef.current) {\n          const t = threeRef.current;\n          t.resizeObserver?.disconnect();\n          cancelAnimationFrame(t.raf!);\n          t.quad?.geometry.dispose();\n          t.material.dispose();\n          t.composer?.dispose();\n          t.renderer.dispose();\n          if (t.renderer.domElement.parentElement === container) container.removeChild(t.renderer.domElement);\n          threeRef.current = null;\n        }\n        const canvas = document.createElement(\"canvas\");\n        const renderer = new WebGLRenderer({\n          canvas,\n          antialias,\n          alpha: true,\n          powerPreference: \"high-performance\",\n        });\n        renderer.domElement.style.width = \"100%\";\n        renderer.domElement.style.height = \"100%\";\n        // 降低像素比以提高性能\n        renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 1.5));\n        container.appendChild(renderer.domElement);\n        if (transparent) renderer.setClearAlpha(0);\n        else renderer.setClearColor(0x000000, 1);\n        const uniforms = {\n          uResolution: { value: new Vector2(0, 0) },\n          uTime: { value: 0 },\n          uColor: { value: new Color(color) },\n          uClickPos: {\n            value: Array.from({ length: MAX_CLICKS }, () => new Vector2(-1, -1)),\n          },\n          uClickTimes: { value: new Float32Array(MAX_CLICKS) },\n          uShapeType: { value: SHAPE_MAP[variant] ?? 0 },\n          uPixelSize: { value: pixelSize * renderer.getPixelRatio() },\n          uScale: { value: patternScale },\n          uDensity: { value: patternDensity },\n          uPixelJitter: { value: pixelSizeJitter },\n          uEnableRipples: { value: enableRipples ? 1 : 0 },\n          uRippleSpeed: { value: rippleSpeed },\n          uRippleThickness: { value: rippleThickness },\n          uRippleIntensity: { value: rippleIntensityScale },\n          uEdgeFade: { value: edgeFade },\n        };\n        const scene = new Scene();\n        const camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);\n        const material = new ShaderMaterial({\n          vertexShader: VERTEX_SRC,\n          fragmentShader: FRAGMENT_SRC,\n          uniforms,\n          transparent: true,\n          depthTest: false,\n          depthWrite: false,\n          glslVersion: GLSL3,\n        });\n\n        const quadGeom = new PlaneGeometry(2, 2);\n        const quad = new Mesh(quadGeom, material);\n        scene.add(quad);\n        const clock = new Clock();\n        const setSize = () => {\n          const w = container.clientWidth || 1;\n          const h = container.clientHeight || 1;\n          renderer.setSize(w, h, false);\n          uniforms.uResolution.value.set(renderer.domElement.width, renderer.domElement.height);\n          if (threeRef.current?.composer) threeRef.current.composer.setSize(renderer.domElement.width, renderer.domElement.height);\n          uniforms.uPixelSize.value = pixelSize * renderer.getPixelRatio();\n        };\n        setSize();\n        const ro = new ResizeObserver(setSize);\n        ro.observe(container);\n        const randomFloat = (): number => {\n          if (typeof window !== \"undefined\" && window.crypto?.getRandomValues) {\n            const u32 = new Uint32Array(1);\n            window.crypto.getRandomValues(u32);\n            return u32[0] / 0xffffffff;\n          }\n          return Math.random();\n        };\n        const timeOffset = randomFloat() * 1000;\n        let composer: EffectComposer | undefined;\n        let touch: ReturnType<typeof createTouchTexture> | undefined;\n        let liquidEffect: Effect | undefined;\n        if (liquid) {\n          touch = createTouchTexture();\n          touch.radiusScale = liquidRadius;\n          composer = new EffectComposer(renderer);\n          const renderPass = new RenderPass(scene, camera);\n          liquidEffect = createLiquidEffect(touch.texture, {\n            strength: liquidStrength,\n            freq: liquidWobbleSpeed,\n          });\n          const effectPass = new EffectPass(camera, liquidEffect);\n          effectPass.renderToScreen = true;\n          composer.addPass(renderPass);\n          composer.addPass(effectPass);\n        }\n        if (noiseAmount > 0) {\n          if (!composer) {\n            composer = new EffectComposer(renderer);\n            composer.addPass(new RenderPass(scene, camera));\n          }\n          const noiseEffect = new Effect(\n            \"NoiseEffect\",\n            `uniform float uTime; uniform float uAmount; float hash(vec2 p){ return fract(sin(dot(p, vec2(127.1,311.7))) * 43758.5453);} void mainUv(inout vec2 uv){} void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){ float n=hash(floor(uv*vec2(1920.0,1080.0))+floor(uTime*60.0)); float g=(n-0.5)*uAmount; outputColor=inputColor+vec4(vec3(g),0.0);} `,\n            {\n              uniforms: new Map<string, Uniform>([\n                [\"uTime\", new Uniform(0)],\n                [\"uAmount\", new Uniform(noiseAmount)],\n              ]),\n            },\n          );\n          const noisePass = new EffectPass(camera, noiseEffect);\n          noisePass.renderToScreen = true;\n          if (composer && composer.passes.length > 0) {\n            composer.passes.forEach((p: { renderToScreen?: boolean }) => {\n              const pass = p as { renderToScreen?: boolean };\n              pass.renderToScreen = false;\n            });\n          }\n          composer.addPass(noisePass);\n        }\n        if (composer) composer.setSize(renderer.domElement.width, renderer.domElement.height);\n        const mapToPixels = (e: PointerEvent) => {\n          const rect = renderer.domElement.getBoundingClientRect();\n          const scaleX = renderer.domElement.width / rect.width;\n          const scaleY = renderer.domElement.height / rect.height;\n          const fx = (e.clientX - rect.left) * scaleX;\n          const fy = (rect.height - (e.clientY - rect.top)) * scaleY;\n          return {\n            fx,\n            fy,\n            w: renderer.domElement.width,\n            h: renderer.domElement.height,\n          };\n        };\n        const onPointerDown = (e: PointerEvent) => {\n          const { fx, fy } = mapToPixels(e);\n          const ix = threeRef.current?.clickIx ?? 0;\n          uniforms.uClickPos.value[ix].set(fx, fy);\n          uniforms.uClickTimes.value[ix] = uniforms.uTime.value;\n          if (threeRef.current) threeRef.current.clickIx = (ix + 1) % MAX_CLICKS;\n        };\n        const onPointerMove = (e: PointerEvent) => {\n          if (!touch) return;\n          const { fx, fy, w, h } = mapToPixels(e);\n          touch.addTouch({ x: fx / w, y: fy / h });\n        };\n        renderer.domElement.addEventListener(\"pointerdown\", onPointerDown, {\n          passive: true,\n        });\n        renderer.domElement.addEventListener(\"pointermove\", onPointerMove, {\n          passive: true,\n        });\n        let raf = 0;\n        let lastFrameTime = 0;\n        const targetFPS = 30; // 限制到 30 FPS 以提高性能\n        const frameInterval = 1000 / targetFPS;\n\n        const animate = (currentTime: number) => {\n          if (autoPauseOffscreen && !visibilityRef.current.visible) {\n            raf = requestAnimationFrame(animate);\n            return;\n          }\n\n          // 帧率限制\n          const elapsed = currentTime - lastFrameTime;\n          if (elapsed < frameInterval) {\n            raf = requestAnimationFrame(animate);\n            return;\n          }\n          lastFrameTime = currentTime - (elapsed % frameInterval);\n\n          uniforms.uTime.value = timeOffset + clock.getElapsedTime() * speedRef.current;\n          if (liquidEffect) {\n            const liqEffect = liquidEffect as Effect & { uniforms: Map<string, Uniform> };\n            const timeUniform = liqEffect.uniforms.get(\"uTime\");\n            if (timeUniform) timeUniform.value = uniforms.uTime.value;\n          }\n          if (composer) {\n            if (touch) touch.update();\n            composer.passes.forEach((p: any) => {\n              const pass = p as { effects?: Array<Effect & { uniforms?: Map<string, Uniform> }> };\n              if (pass.effects) {\n                pass.effects.forEach((eff: Effect & { uniforms?: Map<string, Uniform> }) => {\n                  const timeUniform = eff.uniforms?.get(\"uTime\");\n                  if (timeUniform) timeUniform.value = uniforms.uTime.value;\n                });\n              }\n            });\n            composer.render();\n          } else renderer.render(scene, camera);\n          raf = requestAnimationFrame(animate);\n        };\n        raf = requestAnimationFrame((time) => {\n          lastFrameTime = time;\n          animate(time);\n        });\n        threeRef.current = {\n          renderer,\n          scene,\n          camera,\n          material,\n          clock,\n          clickIx: 0,\n          uniforms,\n          resizeObserver: ro,\n          raf,\n          quad,\n          timeOffset,\n          composer,\n          touch,\n          liquidEffect,\n        };\n      } else {\n        const t = threeRef.current!;\n        t.uniforms.uShapeType.value = SHAPE_MAP[variant] ?? 0;\n        t.uniforms.uPixelSize.value = pixelSize * t.renderer.getPixelRatio();\n        t.uniforms.uColor.value.set(color);\n        t.uniforms.uScale.value = patternScale;\n        t.uniforms.uDensity.value = patternDensity;\n        t.uniforms.uPixelJitter.value = pixelSizeJitter;\n        t.uniforms.uEnableRipples.value = enableRipples ? 1 : 0;\n        t.uniforms.uRippleIntensity.value = rippleIntensityScale;\n        t.uniforms.uRippleThickness.value = rippleThickness;\n        t.uniforms.uRippleSpeed.value = rippleSpeed;\n        t.uniforms.uEdgeFade.value = edgeFade;\n        if (transparent) t.renderer.setClearAlpha(0);\n        else t.renderer.setClearColor(0x000000, 1);\n        if (t.liquidEffect) {\n          const liqEffect = t.liquidEffect as Effect & { uniforms: Map<string, Uniform> };\n          const uStrength = liqEffect.uniforms.get(\"uStrength\");\n          if (uStrength) uStrength.value = liquidStrength;\n          const uFreq = liqEffect.uniforms.get(\"uFreq\");\n          if (uFreq) uFreq.value = liquidWobbleSpeed;\n        }\n        if (t.touch) t.touch.radiusScale = liquidRadius;\n      }\n      prevConfigRef.current = cfg;\n      return () => {\n        if (threeRef.current && mustReinit) return;\n        if (!threeRef.current) return;\n        const t = threeRef.current;\n        t.resizeObserver?.disconnect();\n        cancelAnimationFrame(t.raf!);\n        t.quad?.geometry.dispose();\n        t.material.dispose();\n        t.composer?.dispose();\n        t.renderer.dispose();\n        if (t.renderer.domElement.parentElement === container) container.removeChild(t.renderer.domElement);\n        threeRef.current = null;\n      };\n    }, [\n      antialias,\n      liquid,\n      noiseAmount,\n      pixelSize,\n      patternScale,\n      patternDensity,\n      enableRipples,\n      rippleIntensityScale,\n      rippleThickness,\n      rippleSpeed,\n      pixelSizeJitter,\n      edgeFade,\n      transparent,\n      liquidStrength,\n      liquidRadius,\n      liquidWobbleSpeed,\n      autoPauseOffscreen,\n      variant,\n      color,\n      speed,\n    ]);\n\n    return <div ref={containerRef} className={`${styles.container} ${className ?? \"\"}`} style={style} aria-label=\"PixelBlast interactive background\" />;\n  },\n);\n\nPixelBlast.displayName = \"PixelBlast\";\n\nconst PixelBlastBackground: React.FC<Omit<PixelBlastProps, \"color\">> = memo((props) => {\n  const { currentTheme } = useTheme();\n\n  // 从主题中获取颜色\n  const color = useMemo(() => {\n    const primary = currentTheme.colors.variables.primary || \"#DC2626\";\n\n    const toHex = (color: string): string => {\n      if (color.startsWith(\"#\")) {\n        return color;\n      }\n      const match = color.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/);\n      if (match) {\n        const r = parseInt(match[1], 10).toString(16).padStart(2, \"0\");\n        const g = parseInt(match[2], 10).toString(16).padStart(2, \"0\");\n        const b = parseInt(match[3], 10).toString(16).padStart(2, \"0\");\n        return `#${r}${g}${b}`;\n      }\n      return color;\n    };\n\n    return toHex(primary);\n  }, [currentTheme]);\n\n  return (\n    <PixelBlast\n      color={color}\n      variant=\"square\"\n      pixelSize={6}\n      patternScale={2}\n      patternDensity={1}\n      pixelSizeJitter={0}\n      enableRipples\n      rippleSpeed={0.3}\n      rippleThickness={0.12}\n      rippleIntensityScale={1.2}\n      liquid={false}\n      liquidStrength={0.12}\n      liquidRadius={1.2}\n      liquidWobbleSpeed={5}\n      speed={0.3}\n      edgeFade={0.25}\n      transparent\n      antialias={false}\n      {...props}\n    />\n  );\n});\n\nPixelBlastBackground.displayName = \"PixelBlastBackground\";\n\nexport default PixelBlastBackground;\n"],"mappings":"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"}