@tresjs/post-processing 2.1.0 → 2.3.0

package/dist/tres-post-processing.js

@@ -1,46 +1,16 @@
 /**
  * name: @tresjs/post-processing
- * version: v2.1.0
+ * version: v2.3.0
  * (c) 2025
  * description: Post-processing library for TresJS
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { watch as C, defineComponent as c, shallowRef as z, provide as Ce, computed as F, onUnmounted as V, renderSlot as Ee, inject as De, watchEffect as v, nextTick as Pe } from "vue";
-import { EffectComposer as oe, RenderPass as We, NormalPass as Ue, DepthDownsamplingPass as He, EffectPass as Ge, BloomEffect as ae, DepthOfFieldEffect as se, GlitchEffect as Y, GlitchMode as Xe, NoiseEffect as re, OutlineEffect as ie, PixelationEffect as ne, VignetteEffect as le, Effect as Z, BlendFunction as _, ToneMappingEffect as ue, ChromaticAberrationEffect as q, HueSaturationEffect as ce, ScanlineEffect as k, ColorAverageEffect as Q, LensDistortionEffect as de, ShockWaveEffect as fe, TiltShiftEffect as he, DotScreenEffect as pe, SepiaEffect as me } from "postprocessing";
-import { useTresContext as A, useLoop as W, normalizeColor as K } from "@tresjs/core";
-import { HalfFloatType as w, Uniform as E, Vector2 as d, Vector3 as P, OrthographicCamera as Ie, BufferGeometry as je, Float32BufferAttribute as ge, Mesh as Ve, ShaderMaterial as S, UniformsUtils as M, WebGLRenderTarget as D, NoBlending as Ye, Clock as qe, Color as j, MathUtils as b, DataTexture as ke, RedFormat as Qe, FloatType as Ke, MeshNormalMaterial as Je, NearestFilter as O, DepthTexture as Ze, Vector4 as _e, RawShaderMaterial as $e, ColorManagement as et, SRGBTransfer as tt, LinearToneMapping as ot, ReinhardToneMapping as at, CineonToneMapping as st, ACESFilmicToneMapping as rt, AgXToneMapping as it, NeutralToneMapping as nt, Texture as ve, LinearFilter as lt, AdditiveBlending as ut, MeshBasicMaterial as ct } from "three";
-import { useDevicePixelRatio as Le } from "@vueuse/core";
-const Oe = /([^[.\]])+/g, dt = (r, e) => {
-  if (!e)
-    return;
-  const t = Array.isArray(e) ? e : e.match(Oe);
-  return t == null ? void 0 : t.reduce((o, a) => o && o[a], r);
-}, xe = (r, e, t) => {
-  const o = Array.isArray(e) ? e : e.match(Oe);
-  o && o.reduce((a, s, i) => (a[s] === void 0 && (a[s] = {}), i === o.length - 1 && (a[s] = t), a[s]), r);
-}, $ = (r, e) => {
-  const t = { ...r };
-  return e.forEach((o) => delete t[o]), t;
-}, ee = (r, e, t, o, a = {}) => C(r, (s) => {
-  var i;
-  if (e.value)
-    if (s === void 0) {
-      const n = o();
-      xe(e.value, t, dt(n, t)), (i = n.dispose) == null || i.call(n);
-    } else
-      xe(e.value, t, r());
-}, a), g = (r, e, t) => r.map(([o, a]) => ee(
-  o,
-  e,
-  a,
-  t
-)), U = (r, e, t) => Object.keys(r).map((o) => ee(
-  () => r[o],
-  e,
-  o,
-  t
-));
-class be {
+import { defineComponent as u, shallowRef as W, provide as Be, computed as O, watch as S, onUnmounted as U, renderSlot as Ne, inject as te, watchEffect as x, nextTick as oe, toRaw as ie } from "vue";
+import { EffectComposer as ne, RenderPass as Ie, NormalPass as je, DepthDownsamplingPass as Ve, EffectPass as Ye, BloomEffect as le, DepthOfFieldEffect as ue, GlitchEffect as X, GlitchMode as ke, NoiseEffect as ce, OutlineEffect as de, PixelationEffect as fe, VignetteEffect as he, Effect as q, BlendFunction as Q, ToneMappingEffect as pe, ChromaticAberrationEffect as K, HueSaturationEffect as me, ScanlineEffect as J, ColorAverageEffect as Z, LensDistortionEffect as ge, ShockWaveEffect as ve, TiltShiftEffect as xe, DotScreenEffect as be, SepiaEffect as Se, DepthPickingPass as qe, GodRaysEffect as _, ColorDepthEffect as I, GridEffect as we, BrightnessContrastEffect as Ae } from "postprocessing";
+import { useTresContext as y, useLoop as G, normalizeColor as $ } from "@tresjs/core";
+import { HalfFloatType as T, Uniform as M, Vector2 as d, Vector3 as L, OrthographicCamera as Qe, BufferGeometry as Ke, Float32BufferAttribute as ye, Mesh as Je, ShaderMaterial as A, UniformsUtils as P, WebGLRenderTarget as D, NoBlending as Ze, Clock as _e, Color as k, MathUtils as w, DataTexture as $e, RedFormat as et, FloatType as tt, MeshNormalMaterial as ot, NearestFilter as F, DepthTexture as st, Vector4 as at, RawShaderMaterial as rt, ColorManagement as it, SRGBTransfer as nt, LinearToneMapping as lt, ReinhardToneMapping as ut, CineonToneMapping as ct, ACESFilmicToneMapping as dt, AgXToneMapping as ft, NeutralToneMapping as ht, CustomToneMapping as pt, Texture as Me, LinearFilter as mt, AdditiveBlending as gt, MeshBasicMaterial as vt } from "three";
+import { useDevicePixelRatio as ze } from "@vueuse/core";
+class Te {
   static isWebGL2Available() {
     try {
       const e = document.createElement("canvas");
@@ -68,9 +38,9 @@ class be {
       1: window.WebGLRenderingContext,
       2: window.WebGL2RenderingContext
     };
-    let a = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
-    const s = document.createElement("div");
-    return s.id = "webglmessage", s.style.fontFamily = "monospace", s.style.fontSize = "13px", s.style.fontWeight = "normal", s.style.textAlign = "center", s.style.background = "#fff", s.style.color = "#000", s.style.padding = "1.5em", s.style.width = "400px", s.style.margin = "5em auto 0", o[e] ? a = a.replace("$0", "graphics card") : a = a.replace("$0", "browser"), a = a.replace("$1", t[e]), s.innerHTML = a, s;
+    let s = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
+    const a = document.createElement("div");
+    return a.id = "webglmessage", a.style.fontFamily = "monospace", a.style.fontSize = "13px", a.style.fontWeight = "normal", a.style.textAlign = "center", a.style.background = "#fff", a.style.color = "#000", a.style.padding = "1.5em", a.style.width = "400px", a.style.margin = "5em auto 0", o[e] ? s = s.replace("$0", "graphics card") : s = s.replace("$0", "browser"), s = s.replace("$1", t[e]), a.innerHTML = s, a;
   }
   // @deprecated, r168
   static isWebGLAvailable() {
@@ -86,7 +56,7 @@ class be {
     return console.warn("getWebGLErrorMessage() has been deprecated and will be removed in r178. Use getWebGL2ErrorMessage() instead."), this.getErrorMessage(1);
   }
 }
-const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
+const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
   __name: "EffectComposerPmndrs",
   props: {
     enabled: { type: Boolean, default: !0 },
@@ -96,65 +66,109 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
     resolutionScale: {},
     autoClear: { type: Boolean, default: !0 },
     multisampling: { default: 0 },
-    frameBufferType: { default: w }
+    frameBufferType: { default: T }
   },
   emits: ["render"],
   setup(r, { expose: e, emit: t }) {
-    const o = r, a = t, { scene: s, camera: i, renderer: n, sizes: l, render: x } = A(), u = z(null);
-    let p = null, f = null;
-    Ce(Re, u), e({ composer: u });
-    const y = () => {
-      u.value && (f = new Ue(s.value, i.value), f.enabled = !1, u.value.addPass(f), o.resolutionScale !== void 0 && be.isWebGL2Available() && (p = new He({
-        normalBuffer: f.texture,
+    const o = r, s = t, { scene: a, camera: i, renderer: n, sizes: l, render: p } = y(), f = W(null);
+    let g = null, c = null;
+    Be(se, f), e({ composer: f });
+    const b = () => {
+      f.value && (c = new je(a.value, i.value), c.enabled = !1, f.value.addPass(c), o.resolutionScale !== void 0 && Te.isWebGL2Available() && (g = new Ve({
+        normalBuffer: c.texture,
         resolutionScale: o.resolutionScale
-      }), p.enabled = !1, u.value.addPass(p)));
-    }, H = F(() => {
-      const m = new oe(), N = {
-        depthBuffer: o.depthBuffer !== void 0 ? o.depthBuffer : m.inputBuffer.depthBuffer,
-        stencilBuffer: o.stencilBuffer !== void 0 ? o.stencilBuffer : m.inputBuffer.stencilBuffer,
-        multisampling: be.isWebGL2Available() ? o.multisampling !== void 0 ? o.multisampling : m.multisampling : 0,
-        frameBufferType: o.frameBufferType !== void 0 ? o.frameBufferType : w
+      }), g.enabled = !1, f.value.addPass(g)));
+    }, E = O(() => {
+      const v = new ne(), z = {
+        depthBuffer: o.depthBuffer !== void 0 ? o.depthBuffer : v.inputBuffer.depthBuffer,
+        stencilBuffer: o.stencilBuffer !== void 0 ? o.stencilBuffer : v.inputBuffer.stencilBuffer,
+        multisampling: Te.isWebGL2Available() ? o.multisampling !== void 0 ? o.multisampling : v.multisampling : 0,
+        frameBufferType: o.frameBufferType !== void 0 ? o.frameBufferType : T
       };
-      return m.dispose(), N;
-    }), te = () => {
-      var m;
-      !n.value && !s.value && !i.value || ((m = u.value) == null || m.dispose(), u.value = new oe(n.value, H.value), u.value.addPass(new We(s.value, i.value)), o.disableNormalPass || y());
+      return v.dispose(), z;
+    }), re = () => {
+      var v;
+      !n.value && !a.value && !i.value || ((v = f.value) == null || v.dispose(), f.value = new ne(n.value, E.value), f.value.addPass(new Ie(a.value, i.value)), o.disableNormalPass || b());
     };
-    C([n, s, i, () => o.disableNormalPass], () => {
-      !l.width.value || !l.height.value || te();
-    }), C(() => [l.width.value, l.height.value], ([m, N]) => {
-      !m && !N || (u.value ? u.value.setSize(m, N) : te());
+    S([n, a, i, () => o.disableNormalPass], () => {
+      !l.width.value || !l.height.value || re();
+    }), S(() => [l.width.value, l.height.value], ([v, z]) => {
+      !v && !z || (f.value ? f.value.setSize(v, z) : re());
     }, {
       immediate: !0
     });
-    const { render: Fe } = W();
-    return Fe(() => {
-      if (o.enabled && n.value && u.value && l.width.value && l.height.value && x.frames.value > 0) {
-        const m = n.value.autoClear;
-        n.value.autoClear = o.autoClear, o.stencilBuffer && !o.autoClear && n.value.clearStencil(), u.value.render(), a("render", u.value), n.value.autoClear = m;
+    const { render: Xe } = G();
+    return Xe(() => {
+      if (o.enabled && n.value && f.value && l.width.value && l.height.value && p.frames.value > 0) {
+        const v = n.value.autoClear;
+        n.value.autoClear = o.autoClear, o.stencilBuffer && !o.autoClear && n.value.clearStencil(), f.value.render(), s("render", f.value), n.value.autoClear = v;
       }
-      x.frames.value = x.mode.value === "always" ? 1 : Math.max(0, x.frames.value - 1);
-    }), V(() => {
-      var m;
-      (m = u.value) == null || m.dispose();
-    }), (m, N) => Ee(m.$slots, "default");
-  }
-}), h = (r, e) => {
-  const t = De(Re), o = z(null), a = z(null), { scene: s, camera: i, invalidate: n } = A();
-  e && C(e, () => n()), v(() => {
-    !i.value || !(a != null && a.value) || (a.value.mainCamera = i.value);
+      p.frames.value = p.mode.value === "always" ? 1 : Math.max(0, p.frames.value - 1);
+    }), U(() => {
+      var v;
+      (v = f.value) == null || v.dispose();
+    }), (v, z) => Ne(v.$slots, "default");
+  }
+}), h = (r, e, t) => {
+  const o = te(se), s = W(null), a = W(null), { scene: i, camera: n, invalidate: l } = y();
+  S(e, () => l());
+  const p = () => {
+    var c, b, E;
+    s.value && ((c = o == null ? void 0 : o.value) == null || c.removePass(s.value)), (b = a.value) == null || b.dispose(), (E = s.value) == null || E.dispose();
+  }, f = (c) => {
+    !n.value || !(o != null && o.value) || !i.value || (a.value = r(), s.value = new Ye(n.value, a.value), o.value.addPass(s.value, c));
+  };
+  t && S(
+    () => t.map((c) => e[c]),
+    () => {
+      var b;
+      if (!(o != null && o.value))
+        return;
+      const c = (b = o.value) == null ? void 0 : b.passes.findIndex((E) => E === s.value);
+      ~c && (p(), f(c));
+    }
+  ), x(() => {
+    !n.value || !(a != null && a.value) || (a.value.mainCamera = n.value);
   });
-  const l = v(() => {
-    !i.value || !(t != null && t.value) || !s.value || (Pe(() => l()), !a.value && (a.value = r(), o.value = new Ge(i.value, a.value), t.value.addPass(o.value)));
+  const g = x(() => {
+    !n.value || !(o != null && o.value) || !i.value || (oe(() => g()), !a.value && f());
   });
-  return V(() => {
-    var x, u, p;
-    o.value && ((x = t == null ? void 0 : t.value) == null || x.removePass(o.value)), (u = a.value) == null || u.dispose(), (p = o.value) == null || p.dispose();
+  return U(() => {
+    p();
   }), {
-    pass: o,
+    pass: s,
     effect: a
   };
-}, Ot = /* @__PURE__ */ c({
+}, We = /([^[.\]])+/g, xt = (r, e) => {
+  if (!e)
+    return;
+  const t = Array.isArray(e) ? e : e.match(We);
+  return t == null ? void 0 : t.reduce((o, s) => o && o[s], r);
+}, Ce = (r, e, t) => {
+  const o = Array.isArray(e) ? e : e.match(We);
+  o && o.reduce((s, a, i) => (s[a] === void 0 && (s[a] = {}), i === o.length - 1 && (s[a] = t), s[a]), r);
+}, bt = (r, e) => {
+  const t = { ...r };
+  return e.forEach((o) => delete t[o]), t;
+}, H = (r, e, t, o, s = {}) => S(r, (a) => {
+  var i;
+  if (e.value)
+    if (a === void 0) {
+      const n = o();
+      Ce(e.value, t, xt(n, t)), (i = n.dispose) == null || i.call(n);
+    } else
+      Ce(e.value, t, r());
+}, s), m = (r, e, t) => r.map(([o, s]) => H(
+  o,
+  e,
+  s,
+  t
+)), ae = (r, e, t) => Object.keys(r).map((o) => H(
+  () => r[o],
+  e,
+  o,
+  t
+)), Gt = /* @__PURE__ */ u({
   __name: "BloomPmndrs",
   props: {
     blendFunction: {},
@@ -165,21 +179,21 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
     mipmapBlur: { type: Boolean, default: void 0 }
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new ae(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new le(t), t, ["mipmapBlur"]);
+    return e({ pass: o, effect: s }), m(
       [
-        // blendFunction is not updated, because it has no setter in BloomEffect
+        [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.intensity, "intensity"],
         [() => t.kernelSize, "kernelSize"],
         [() => t.luminanceSmoothing, "luminanceMaterial.smoothing"],
         [() => t.luminanceThreshold, "luminanceMaterial.threshold"]
       ],
-      a,
-      () => new ae()
+      s,
+      () => new le()
     ), () => {
     };
   }
-}), Rt = /* @__PURE__ */ c({
+}), Ht = /* @__PURE__ */ u({
   __name: "DepthOfFieldPmndrs",
   props: {
     blendFunction: {},
@@ -193,10 +207,10 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
     resolutionY: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { camera: o } = A(), { pass: a, effect: s } = h(() => new se(o.value, t), t);
-    return e({ pass: a, effect: s }), g(
+    const t = r, { camera: o } = y(), { pass: s, effect: a } = h(() => new ue(o.value, t), t);
+    return e({ pass: s, effect: a }), m(
       [
-        // blendFunction is not updated, because it has no setter in BloomEffect
+        [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.worldFocusDistance, "circleOfConfusionMaterial.worldFocusDistance"],
         [() => t.focusDistance, "circleOfConfusionMaterial.focusDistance"],
         [() => t.worldFocusRange, "circleOfConfusionMaterial.worldFocusRange"],
@@ -206,12 +220,12 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
         [() => t.resolutionX, "resolution.width"],
         [() => t.resolutionY, "resolution.height"]
       ],
-      s,
-      () => new se()
+      a,
+      () => new ue()
     ), () => {
     };
   }
-}), Bt = /* @__PURE__ */ c({
+}), Xt = /* @__PURE__ */ u({
   __name: "GlitchPmndrs",
   props: {
     blendFunction: {},
@@ -227,42 +241,50 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
     dtSize: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new Y(t), t);
-    e({ pass: o, effect: a });
-    const { onBeforeRender: s } = W();
-    return s(({ invalidate: i }) => i()), v(() => {
+    const t = r, { pass: o, effect: s } = h(() => new X(t), t, ["dtSize"]);
+    e({ pass: o, effect: s });
+    const { onBeforeRender: a } = G();
+    return a(({ invalidate: i }) => i()), x(() => {
       const i = () => {
         if (t.mode !== void 0)
-          return t.active === !1 ? Xe.DISABLED : t.mode;
-        const n = new Y(), l = n.mode;
+          return t.active === !1 ? ke.DISABLED : t.mode;
+        const n = new X(), l = n.mode;
         return n.dispose(), l;
       };
-      a.value && (a.value.mode = i());
-    }), U(
-      $(t, ["active", "mode", "blendFunction"]),
-      a,
-      () => new Y()
+      s.value && (s.value.mode = i());
+    }), H(
+      () => t.blendFunction,
+      s,
+      "blendMode.blendFunction",
+      () => new X()
+    ), ae(
+      bt(t, ["active", "blendFunction"]),
+      s,
+      () => new X()
     ), () => {
     };
   }
-}), Nt = /* @__PURE__ */ c({
+}), It = /* @__PURE__ */ u({
   __name: "NoisePmndrs",
   props: {
     premultiply: { type: Boolean, default: void 0 },
     blendFunction: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new re(t), t);
-    e({ pass: o, effect: a });
-    const { onBeforeRender: s } = W();
-    return s(({ invalidate: i }) => i()), U(
-      $(t, ["blendFunction"]),
-      a,
-      () => new re()
+    const t = r, { pass: o, effect: s } = h(() => new ce(t), t);
+    e({ pass: o, effect: s });
+    const { onBeforeRender: a } = G();
+    return a(({ invalidate: i }) => i()), m(
+      [
+        [() => t.blendFunction, "blendMode.blendFunction"],
+        [() => t.premultiply, "premultiply"]
+      ],
+      s,
+      () => new ce()
     ), () => {
     };
   }
-}), zt = /* @__PURE__ */ c({
+}), jt = /* @__PURE__ */ u({
   __name: "OutlinePmndrs",
   props: {
     outlinedObjects: {},
@@ -282,46 +304,48 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
     visibleEdgeColor: {}
   },
   setup(r, { expose: e }) {
-    const t = r, o = (u) => u !== void 0 ? K(u).getHex() : void 0, { camera: a, scene: s } = A(), i = {
-      blur: t.blur,
-      xRay: t.xRay,
-      kernelSize: t.kernelSize,
-      pulseSpeed: t.pulseSpeed,
-      resolutionX: t.resolutionX,
-      resolutionY: t.resolutionY,
-      patternScale: t.patternScale,
-      edgeStrength: t.edgeStrength,
-      blendFunction: t.blendFunction,
-      multisampling: t.multisampling,
-      patternTexture: t.patternTexture,
-      resolutionScale: t.resolutionScale,
-      hiddenEdgeColor: o(t.hiddenEdgeColor),
-      visibleEdgeColor: o(t.visibleEdgeColor)
-    }, { pass: n, effect: l } = h(() => new ie(s.value, a.value, i), t);
-    e({ pass: n, effect: l }), C(
-      [() => t.outlinedObjects, l],
+    const t = r, o = (p) => p !== void 0 ? $(p).getHex() : void 0, { camera: s, scene: a } = y(), { pass: i, effect: n } = h(
+      () => new de(
+        a.value,
+        s.value,
+        {
+          blur: t.blur,
+          xRay: t.xRay,
+          kernelSize: t.kernelSize,
+          pulseSpeed: t.pulseSpeed,
+          resolutionX: t.resolutionX,
+          resolutionY: t.resolutionY,
+          patternScale: t.patternScale,
+          edgeStrength: t.edgeStrength,
+          blendFunction: t.blendFunction,
+          multisampling: t.multisampling,
+          patternTexture: t.patternTexture,
+          resolutionScale: t.resolutionScale,
+          hiddenEdgeColor: o(t.hiddenEdgeColor),
+          visibleEdgeColor: o(t.visibleEdgeColor)
+          // width and height are explicitly omitted, because they are deprecated in postprocessing's OutlineEffect
+        }
+      ),
+      t
+    );
+    e({ pass: i, effect: n }), S(
+      [() => t.outlinedObjects, n],
       // watchEffect is intentionally not used here as it would result in an endless loop
       () => {
-        var u;
-        (u = l.value) == null || u.selection.set(t.outlinedObjects || []);
+        var p;
+        (p = n.value) == null || p.selection.set(t.outlinedObjects || []);
       },
       {
         immediate: !0
       }
     );
-    const x = F(() => ({
-      hiddenEdgeColor: t.hiddenEdgeColor ? K(t.hiddenEdgeColor) : void 0,
-      visibleEdgeColor: t.visibleEdgeColor ? K(t.visibleEdgeColor) : void 0
+    const l = O(() => ({
+      hiddenEdgeColor: t.hiddenEdgeColor ? $(t.hiddenEdgeColor) : void 0,
+      visibleEdgeColor: t.visibleEdgeColor ? $(t.visibleEdgeColor) : void 0
     }));
-    return g(
+    return m(
       [
-        /* some properties are not updated because of different reasons:
-            resolutionX - has no setter in OutlineEffect
-            resolutionY - has no setter in OutlineEffect
-            blendFunction - has no setter in OutlineEffect
-            patternTexture - different type in constructor and in setter
-            resolutionScale - has no setter in OutlineEffect
-          */
+        [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.blur, "blur"],
         [() => t.xRay, "xRay"],
         [() => t.pulseSpeed, "pulseSpeed"],
@@ -329,29 +353,33 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
         [() => t.edgeStrength, "edgeStrength"],
         [() => t.patternScale, "patternScale"],
         [() => t.multisampling, "multisampling"],
-        [() => x.value.hiddenEdgeColor, "hiddenEdgeColor"],
-        [() => x.value.visibleEdgeColor, "visibleEdgeColor"]
+        [() => t.resolutionX, "resolution.width"],
+        [() => t.resolutionY, "resolution.height"],
+        [() => t.patternTexture, "patternTexture"],
+        [() => t.resolutionScale, "resolution.scale"],
+        [() => l.value.hiddenEdgeColor, "hiddenEdgeColor"],
+        [() => l.value.visibleEdgeColor, "visibleEdgeColor"]
       ],
-      l,
-      () => new ie()
+      n,
+      () => new de()
     ), () => {
     };
   }
-}), Ft = /* @__PURE__ */ c({
+}), Vt = /* @__PURE__ */ u({
   __name: "PixelationPmndrs",
   props: {
     granularity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new ne(t.granularity), t);
-    return e({ pass: o, effect: a }), U(
+    const t = r, { pass: o, effect: s } = h(() => new fe(t.granularity), t);
+    return e({ pass: o, effect: s }), ae(
       t,
-      a,
-      () => new ne()
+      s,
+      () => new fe()
     ), () => {
     };
   }
-}), Wt = /* @__PURE__ */ c({
+}), Yt = /* @__PURE__ */ u({
   __name: "VignettePmndrs",
   props: {
     technique: {},
@@ -360,16 +388,21 @@ const Re = Symbol("effectComposerPmndrs"), Lt = /* @__PURE__ */ c({
     darkness: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new le(t), t);
-    return e({ pass: o, effect: a }), U(
-      $(t, ["blendFunction"]),
-      a,
-      () => new le()
+    const t = r, { pass: o, effect: s } = h(() => new he(t), t);
+    return e({ pass: o, effect: s }), m(
+      [
+        [() => t.blendFunction, "blendMode.blendFunction"],
+        [() => t.offset, "offset"],
+        [() => t.darkness, "darkness"],
+        [() => t.technique, "technique"]
+      ],
+      s,
+      () => new he()
     ), () => {
     };
   }
 });
-class Se extends Z {
+class Ee extends q {
   /**
    * Creates a new BarrelBlurEffect instance.
    *
@@ -379,7 +412,7 @@ class Se extends Z {
    * @param {Vector2} [options.offset] - Offset of the barrel distortion center (0 to 1 for both x and y). This allows you to change the position of the distortion effect.
    *
    */
-  constructor({ blendFunction: e = _.NORMAL, amount: t = 0.15, offset: o = new d(0.5, 0.5) } = {}) {
+  constructor({ blendFunction: e = Q.NORMAL, amount: t = 0.15, offset: o = new d(0.5, 0.5) } = {}) {
     super("BarrelBlurEffect", `
     uniform float amount;
     uniform vec2 offset;
@@ -427,9 +460,9 @@ class Se extends Z {
       `, {
       blendFunction: e,
       uniforms: /* @__PURE__ */ new Map([
-        ["amount", new E(t)],
+        ["amount", new M(t)],
         // Uniform controlling the intensity of distortion
-        ["offset", new E(o)]
+        ["offset", new M(o)]
         // Uniform controlling the offset of distortion
       ])
     });
@@ -459,7 +492,7 @@ class Se extends Z {
     this.uniforms.get("offset").value = e;
   }
 }
-const Ut = /* @__PURE__ */ c({
+const kt = /* @__PURE__ */ u({
   __name: "BarrelBlurPmndrs",
   props: {
     blendFunction: {},
@@ -467,25 +500,25 @@ const Ut = /* @__PURE__ */ c({
     offset: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(
-      () => new Se({
+    const t = r, { pass: o, effect: s } = h(
+      () => new Ee({
         ...t,
         offset: Array.isArray(t.offset) ? new d(...t.offset) : t.offset
       }),
       t
     );
-    return e({ pass: o, effect: a }), g(
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.amount, "amount"],
         [() => t.offset, "offset"]
       ],
-      a,
-      () => new Se()
+      s,
+      () => new Ee()
     ), () => {
     };
   }
-}), Ht = /* @__PURE__ */ c({
+}), qt = /* @__PURE__ */ u({
   __name: "ToneMappingPmndrs",
   props: {
     mode: {},
@@ -497,8 +530,8 @@ const Ut = /* @__PURE__ */ c({
     whitePoint: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new ue(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new pe(t), t);
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.mode, "mode"],
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -508,12 +541,12 @@ const Ut = /* @__PURE__ */ c({
         [() => t.minLuminance, "adaptiveLuminanceMaterial.minLuminance"],
         [() => t.whitePoint, "whitePoint"]
       ],
-      a,
-      () => new ue()
+      s,
+      () => new pe()
     ), () => {
     };
   }
-}), Gt = /* @__PURE__ */ c({
+}), Qt = /* @__PURE__ */ u({
   __name: "ChromaticAberrationPmndrs",
   props: {
     blendFunction: {},
@@ -522,26 +555,26 @@ const Ut = /* @__PURE__ */ c({
     modulationOffset: {}
   },
   setup(r, { expose: e }) {
-    const t = r, o = new q(), { pass: a, effect: s } = h(() => new q({
+    const t = r, o = new K(), { pass: s, effect: a } = h(() => new K({
       ...t,
       // Unfortunately, these defaults must be set this way as the type in postprocessing is not correct.
       // The arguments are optional in the actual constructor, but not in the type.
       radialModulation: t.radialModulation ?? o.radialModulation,
       modulationOffset: t.modulationOffset ?? o.modulationOffset
     }), t);
-    return o.dispose(), e({ pass: a, effect: s }), g(
+    return o.dispose(), e({ pass: s, effect: a }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.offset, "offset"],
         [() => t.radialModulation, "radialModulation"],
         [() => t.modulationOffset, "modulationOffset"]
       ],
-      s,
-      () => new q()
+      a,
+      () => new K()
     ), () => {
     };
   }
-}), Xt = /* @__PURE__ */ c({
+}), Kt = /* @__PURE__ */ u({
   __name: "HueSaturationPmndrs",
   props: {
     saturation: {},
@@ -549,19 +582,19 @@ const Ut = /* @__PURE__ */ c({
     blendFunction: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new ce(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new me(t), t);
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.hue, "hue"],
         [() => t.saturation, "saturation"]
       ],
-      a,
-      () => new ce()
+      s,
+      () => new me()
     ), () => {
     };
   }
-}), It = /* @__PURE__ */ c({
+}), Jt = /* @__PURE__ */ u({
   __name: "ScanlinePmndrs",
   props: {
     blendFunction: {},
@@ -570,24 +603,24 @@ const Ut = /* @__PURE__ */ c({
     opacity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new k(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new J(t), t);
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.density, "density"],
         [() => t.scrollSpeed, "scrollSpeed"]
       ],
-      a,
-      () => new k()
-    ), C(
+      s,
+      () => new J()
+    ), S(
       [() => t.opacity],
       () => {
-        var s, i;
+        var a, i;
         if (t.opacity !== void 0)
-          (s = a.value) == null || s.blendMode.setOpacity(t.opacity);
+          (a = s.value) == null || a.blendMode.setOpacity(t.opacity);
         else {
-          const n = new k();
-          (i = a.value) == null || i.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
+          const n = new J();
+          (i = s.value) == null || i.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
         }
       },
       {
@@ -596,7 +629,7 @@ const Ut = /* @__PURE__ */ c({
     ), () => {
     };
   }
-}), ft = `
+}), St = `
 uniform float radius;
 uniform int sectorCount;
 
@@ -693,7 +726,7 @@ void mainImage(const in vec4 inputColor, const in vec2 uv, out vec4 outputColor)
     outputColor = vec4(finalColor, inputColor.a);
 }
 `;
-class Ae extends Z {
+class Pe extends q {
   /**
    * Creates a new KuwaharaEffect instance.
    *
@@ -703,12 +736,12 @@ class Ae extends Z {
    * @param {number} [options.sectorCount] - Number of sectors.
    *
    */
-  constructor({ blendFunction: e = _.NORMAL, radius: t = 1, sectorCount: o = 4 } = {}) {
-    super("KuwaharaEffect", ft, {
+  constructor({ blendFunction: e = Q.NORMAL, radius: t = 1, sectorCount: o = 4 } = {}) {
+    super("KuwaharaEffect", St, {
       blendFunction: e,
       uniforms: /* @__PURE__ */ new Map([
-        ["radius", new E(t)],
-        ["sectorCount", new E(o)]
+        ["radius", new M(t)],
+        ["sectorCount", new M(o)]
       ])
     });
   }
@@ -737,7 +770,7 @@ class Ae extends Z {
     this.uniforms.get("sectorCount").value = e;
   }
 }
-const jt = /* @__PURE__ */ c({
+const Zt = /* @__PURE__ */ u({
   __name: "KuwaharaPmndrs",
   props: {
     blendFunction: {},
@@ -745,50 +778,50 @@ const jt = /* @__PURE__ */ c({
     sectorCount: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(
-      () => new Ae(t),
+    const t = r, { pass: o, effect: s } = h(
+      () => new Pe(t),
       t
     );
-    return e({ pass: o, effect: a }), g(
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.radius, "radius"],
         [() => t.sectorCount, "sectorCount"]
       ],
-      a,
-      () => new Ae()
+      s,
+      () => new Pe()
     ), () => {
     };
   }
-}), Vt = /* @__PURE__ */ c({
+}), _t = /* @__PURE__ */ u({
   __name: "ColorAveragePmndrs",
   props: {
     blendFunction: {},
     opacity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new Q(t.blendFunction), t);
-    return e({ pass: o, effect: a }), ee(
+    const t = r, { pass: o, effect: s } = h(() => new Z(t.blendFunction), t);
+    return e({ pass: o, effect: s }), H(
       () => t.blendFunction,
-      a,
+      s,
       "blendMode.blendFunction",
-      () => new Q()
-    ), C(
-      [a, () => t.opacity],
+      () => new Z()
+    ), S(
+      [s, () => t.opacity],
       () => {
-        var s, i;
-        if (a.value)
+        var a, i;
+        if (s.value)
           if (t.opacity !== void 0)
-            (s = a.value) == null || s.blendMode.setOpacity(t.opacity);
+            (a = s.value) == null || a.blendMode.setOpacity(t.opacity);
           else {
-            const n = new Q();
-            (i = a.value) == null || i.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
+            const n = new Z();
+            (i = s.value) == null || i.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
           }
       }
     ), () => {
     };
   }
-}), Yt = /* @__PURE__ */ c({
+}), $t = /* @__PURE__ */ u({
   __name: "LensDistortionPmndrs",
   props: {
     distortion: {},
@@ -797,8 +830,8 @@ const jt = /* @__PURE__ */ c({
     skew: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(
-      () => new de({
+    const t = r, { pass: o, effect: s } = h(
+      () => new ge({
         ...t,
         distortion: t.distortion ? Array.isArray(t.distortion) ? new d(...t.distortion) : t.distortion : new d(),
         principalPoint: t.principalPoint ? Array.isArray(t.principalPoint) ? new d(...t.principalPoint) : t.principalPoint : new d(),
@@ -806,14 +839,14 @@ const jt = /* @__PURE__ */ c({
       }),
       t
     );
-    return e({ pass: o, effect: a }), U(
+    return e({ pass: o, effect: s }), ae(
       t,
-      a,
-      () => new de()
+      s,
+      () => new ge()
     ), () => {
     };
   }
-}), qt = /* @__PURE__ */ c({
+}), eo = /* @__PURE__ */ u({
   __name: "ShockWavePmndrs",
   props: {
     position: {},
@@ -823,29 +856,29 @@ const jt = /* @__PURE__ */ c({
     waveSize: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { camera: o } = A(), { pass: a, effect: s } = h(
-      () => new fe(o.value, Array.isArray(t.position) ? new P(...t.position) : t.position, t),
+    const t = r, { camera: o } = y(), { pass: s, effect: a } = h(
+      () => new ve(o.value, Array.isArray(t.position) ? new L(...t.position) : t.position, t),
       t
     );
-    return e({ pass: a, effect: s }), C(
+    return e({ pass: s, effect: a }), S(
       () => t.position,
       (i) => {
-        s.value && (Array.isArray(i) ? s.value.position.set(...i) : i instanceof P && s.value.position.copy(i));
+        a.value && (Array.isArray(i) ? a.value.position.set(...i) : i instanceof L && a.value.position.copy(i));
       },
       { immediate: !0 }
-    ), g(
+    ), m(
       [
         [() => t.amplitude, "amplitude"],
         [() => t.waveSize, "waveSize"],
         [() => t.maxRadius, "maxRadius"],
         [() => t.speed, "speed"]
       ],
-      s,
-      () => new fe()
+      a,
+      () => new ve()
     ), () => {
     };
   }
-}), kt = /* @__PURE__ */ c({
+}), to = /* @__PURE__ */ u({
   __name: "TiltShiftPmndrs",
   props: {
     blendFunction: {},
@@ -859,8 +892,8 @@ const jt = /* @__PURE__ */ c({
     resolutionY: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new he(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new xe(t), t);
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.offset, "offset"],
@@ -872,12 +905,12 @@ const jt = /* @__PURE__ */ c({
         [() => t.resolutionX, "resolution.width"],
         [() => t.resolutionY, "resolution.height"]
       ],
-      a,
-      () => new he()
+      s,
+      () => new xe()
     ), () => {
     };
   }
-}), Qt = /* @__PURE__ */ c({
+}), oo = /* @__PURE__ */ u({
   __name: "DotScreenPmndrs",
   props: {
     angle: {},
@@ -885,46 +918,46 @@ const jt = /* @__PURE__ */ c({
     blendFunction: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new pe(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new be(t), t);
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.angle, "angle"],
         [() => t.scale, "scale"]
       ],
-      a,
-      () => new pe()
+      s,
+      () => new be()
     ), () => {
     };
   }
-}), Kt = /* @__PURE__ */ c({
+}), so = /* @__PURE__ */ u({
   __name: "SepiaPmndrs",
   props: {
     blendFunction: {},
     intensity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(() => new me(t), t);
-    return e({ pass: o, effect: a }), g(
+    const t = r, { pass: o, effect: s } = h(() => new Se(t), t);
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.intensity, "intensity"]
       ],
-      a,
-      () => new me()
+      s,
+      () => new Se()
     ), () => {
     };
   }
 });
-class we extends Z {
+class De extends q {
   /**
    * Creates a new LinocutEffect instance.
    *
    * @param {LinocutPmndrsProps} [options] - Configuration options for the effect.
    *
    */
-  constructor({ blendFunction: e = _.NORMAL, scale: t = 0.85, noiseScale: o = 0, center: a = [0.5, 0.5], rotation: s = 0 } = {}) {
-    const i = Array.isArray(a) ? new d().fromArray(a) : a;
+  constructor({ blendFunction: e = Q.NORMAL, scale: t = 0.85, noiseScale: o = 0, center: s = [0.5, 0.5], rotation: a = 0 } = {}) {
+    const i = Array.isArray(s) ? new d().fromArray(s) : s;
     super("LinocutEffect", `
     uniform float scale;
     uniform float noiseScale;
@@ -988,10 +1021,10 @@ class we extends Z {
     `, {
       blendFunction: e,
       uniforms: /* @__PURE__ */ new Map([
-        ["scale", new E(t)],
-        ["noiseScale", new E(o)],
-        ["center", new E(i)],
-        ["rotation", new E(s)]
+        ["scale", new M(t)],
+        ["noiseScale", new M(o)],
+        ["center", new M(i)],
+        ["rotation", new M(a)]
       ])
     });
   }
@@ -1024,7 +1057,7 @@ class we extends Z {
     this.uniforms.get("rotation").value = e;
   }
 }
-const Jt = /* @__PURE__ */ c({
+const ao = /* @__PURE__ */ u({
   __name: "LinocutPmndrs",
   props: {
     blendFunction: {},
@@ -1034,14 +1067,14 @@ const Jt = /* @__PURE__ */ c({
     rotation: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: a } = h(
-      () => new we({
+    const t = r, { pass: o, effect: s } = h(
+      () => new De({
         ...t,
         center: t.center instanceof d ? [t.center.x, t.center.y] : t.center
       }),
       t
     );
-    return e({ pass: o, effect: a }), g(
+    return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.scale, "scale"],
@@ -1049,12 +1082,276 @@ const Jt = /* @__PURE__ */ c({
         [() => t.center, "center"],
         [() => t.rotation, "rotation"]
       ],
+      s,
+      () => new De()
+    ), () => {
+    };
+  }
+}), ro = /* @__PURE__ */ u({
+  __name: "DepthPickingPassPmndrs",
+  props: {
+    depthPacking: {},
+    mode: {}
+  },
+  setup(r, { expose: e }) {
+    const t = r, o = te(se), s = new qe(t), a = x(() => {
+      o != null && o.value && (oe(() => a()), o.value.addPass(s));
+    });
+    return U(() => {
+      var i;
+      !(o != null && o.value) || !s || ((i = o == null ? void 0 : o.value) == null || i.removePass(s), s.dispose());
+    }), e({ pass: s }), () => {
+    };
+  }
+}), io = /* @__PURE__ */ u({
+  __name: "GodRaysPmndrs",
+  props: {
+    blendFunction: {},
+    lightSource: {},
+    opacity: {},
+    density: {},
+    decay: {},
+    kernelSize: {},
+    resolutionScale: {},
+    blur: { type: Boolean },
+    resolutionX: {},
+    resolutionY: {},
+    weight: {},
+    exposure: {},
+    samples: {},
+    clampMax: {}
+  },
+  setup(r, { expose: e }) {
+    const t = r, { camera: o } = y(), { pass: s, effect: a } = h(
+      () => new _(o.value, ie(t.lightSource), t),
+      t
+    );
+    return e({ pass: s, effect: a }), m(
+      [
+        [() => t.blendFunction, "blendMode.blendFunction"],
+        [() => t.density, "godRaysMaterial.density"],
+        [() => t.decay, "godRaysMaterial.decay"],
+        [() => t.weight, "godRaysMaterial.weight"],
+        [() => t.exposure, "godRaysMaterial.exposure"],
+        [() => t.samples, "godRaysMaterial.samples"],
+        [() => t.clampMax, "godRaysMaterial.maxIntensity"],
+        [() => t.resolutionScale, "resolution.scale"],
+        [() => t.resolutionX, "resolution.width"],
+        [() => t.resolutionY, "resolution.height"],
+        [() => t.kernelSize, "kernelSize"],
+        [() => t.blur, "blur"]
+      ],
       a,
+      () => new _()
+    ), S(
+      [() => t.opacity],
+      () => {
+        var i, n;
+        if (t.opacity !== void 0)
+          (i = a.value) == null || i.blendMode.setOpacity(t.opacity);
+        else {
+          const l = new _(o.value, ie(t.lightSource));
+          (n = a.value) == null || n.blendMode.setOpacity(l.blendMode.getOpacity()), l.dispose();
+        }
+      },
+      {
+        immediate: !0
+      }
+    ), () => {
+    };
+  }
+}), no = /* @__PURE__ */ u({
+  __name: "ColorDepthPmndrs",
+  props: {
+    blendFunction: {},
+    bits: {},
+    opacity: {}
+  },
+  setup(r, { expose: e }) {
+    const t = r, { pass: o, effect: s } = h(() => new I(t), t);
+    return e({ pass: o, effect: s }), H(
+      () => t.blendFunction,
+      s,
+      "blendMode.blendFunction",
+      () => new I()
+    ), S(
+      [s, () => t.bits],
+      () => {
+        var a, i;
+        if (s.value)
+          if (t.bits !== void 0)
+            (a = s.value) == null || a.setBitDepth(t.bits);
+          else {
+            const n = new I();
+            (i = s.value) == null || i.setBitDepth(n.getBitDepth()), n.dispose();
+          }
+      }
+    ), S(
+      [s, () => t.opacity],
+      () => {
+        var a, i;
+        if (s.value)
+          if (t.opacity !== void 0)
+            (a = s.value) == null || a.blendMode.setOpacity(t.opacity);
+          else {
+            const n = new I();
+            (i = s.value) == null || i.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
+          }
+      }
+    ), () => {
+    };
+  }
+}), lo = /* @__PURE__ */ u({
+  __name: "GridPmndrs",
+  props: {
+    blendFunction: {},
+    scale: {},
+    lineWidth: {}
+  },
+  setup(r, { expose: e }) {
+    const t = r, { pass: o, effect: s } = h(() => new we(t), t);
+    return e({ pass: o, effect: s }), m(
+      [
+        [() => t.blendFunction, "blendMode.blendFunction"],
+        [() => t.scale, "scale"],
+        [() => t.lineWidth, "lineWidth"]
+      ],
+      s,
       () => new we()
     ), () => {
     };
   }
-}), Be = {
+});
+class Le extends q {
+  /**
+   * Creates a new FishEyeEffect instance.
+   *
+   * @param {object} [options] - Configuration options for the effect.
+   * @param {BlendFunction} [options.blendFunction] - Blend mode.
+   * @param {Vector2} [options.lensS] - Lens scale.
+   * @param {Vector2} [options.lensF] - Lens factor.
+   * @param {number} [options.scale] - Scale.
+   *
+   */
+  constructor({ blendFunction: e = Q.NORMAL, lensS: t = new d(1, 1), lensF: o = new d(0, 1), scale: s = 1 } = {}) {
+    super("FishEyeEffect", `
+      uniform vec2 lensS;
+      uniform vec2 lensF;
+      uniform float scale;
+
+      void mainUv(inout vec2 uv) {
+          vec2 newUv = uv * 2.0 - 1.0;
+          newUv.x = newUv.x + ((pow(newUv.y, 2.0) / scale) * newUv.x / scale) * -lensF.x;
+          newUv.y = newUv.y + ((pow(newUv.x, 2.0) / scale) * newUv.y / scale) * -lensF.y;
+          newUv = newUv * lensS;
+          newUv = newUv / scale * 0.5 + 0.5;
+
+          uv = newUv;
+      }
+
+      void mainImage(const in vec4 inputColor, const in vec2 uv, out vec4 outputColor) {
+          outputColor = vec4(inputColor.rgb, inputColor.a); // Preserves original alpha
+      }
+      `, {
+      blendFunction: e,
+      uniforms: /* @__PURE__ */ new Map([
+        ["lensS", new M(t)],
+        ["lensF", new M(o)],
+        ["scale", new M(s)]
+      ])
+    });
+  }
+  /**
+   * The lensS.
+   *
+   * @type {Vector2}
+   */
+  get lensS() {
+    var e;
+    return (e = this.uniforms.get("lensS")) == null ? void 0 : e.value;
+  }
+  set lensS(e) {
+    this.uniforms.get("lensS").value = e;
+  }
+  /**
+   * The lensF.
+   *
+   * @type {Vector2}
+   */
+  get lensF() {
+    var e;
+    return (e = this.uniforms.get("lensF")) == null ? void 0 : e.value;
+  }
+  set lensF(e) {
+    this.uniforms.get("lensF").value = e;
+  }
+  /**
+   * The scale.
+   *
+   * @type {number}
+   */
+  get scale() {
+    var e;
+    return (e = this.uniforms.get("scale")) == null ? void 0 : e.value;
+  }
+  set scale(e) {
+    this.uniforms.get("scale").value = e;
+  }
+}
+const uo = /* @__PURE__ */ u({
+  __name: "FishEyePmndrs",
+  props: {
+    blendFunction: {},
+    lensS: {},
+    lensF: {},
+    scale: {}
+  },
+  setup(r, { expose: e }) {
+    const t = r, o = O(
+      () => Array.isArray(t.lensS) ? new d(...t.lensS) : t.lensS
+    ), s = O(
+      () => Array.isArray(t.lensF) ? new d(...t.lensF) : t.lensF
+    ), { pass: a, effect: i } = h(
+      () => new Le({
+        ...t,
+        lensS: o.value,
+        lensF: s.value
+      }),
+      t
+    );
+    return e({ pass: a, effect: i }), m(
+      [
+        [() => t.blendFunction, "blendMode.blendFunction"],
+        [() => o.value, "lensS"],
+        [() => s.value, "lensF"],
+        [() => t.scale, "scale"]
+      ],
+      i,
+      () => new Le()
+    ), () => {
+    };
+  }
+}), co = /* @__PURE__ */ u({
+  __name: "BrightnessContrastPmndrs",
+  props: {
+    blendFunction: {},
+    brightness: {},
+    contrast: {}
+  },
+  setup(r, { expose: e }) {
+    const t = r, { pass: o, effect: s } = h(() => new Ae(t), t);
+    return e({ pass: o, effect: s }), m(
+      [
+        [() => t.blendFunction, "blendMode.blendFunction"],
+        [() => t.brightness, "brightness"],
+        [() => t.contrast, "contrast"]
+      ],
+      s,
+      () => new Ae()
+    ), () => {
+    };
+  }
+}), Ue = {
   name: "CopyShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -1092,7 +1389,7 @@ const Jt = /* @__PURE__ */ c({
 		}`
   )
 };
-class T {
+class C {
   constructor() {
     this.isPass = !0, this.enabled = !0, this.needsSwap = !0, this.clear = !1, this.renderToScreen = !1;
   }
@@ -1104,22 +1401,22 @@ class T {
   dispose() {
   }
 }
-const ht = new Ie(-1, 1, 1, -1, 0, 1);
-class pt extends je {
+const wt = new Qe(-1, 1, 1, -1, 0, 1);
+class At extends Ke {
   constructor() {
-    super(), this.setAttribute("position", new ge([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3)), this.setAttribute("uv", new ge([0, 2, 0, 0, 2, 0], 2));
+    super(), this.setAttribute("position", new ye([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3)), this.setAttribute("uv", new ye([0, 2, 0, 0, 2, 0], 2));
   }
 }
-const mt = new pt();
-class L {
+const yt = new At();
+class R {
   constructor(e) {
-    this._mesh = new Ve(mt, e);
+    this._mesh = new Je(yt, e);
   }
   dispose() {
     this._mesh.geometry.dispose();
   }
   render(e) {
-    e.render(this._mesh, ht);
+    e.render(this._mesh, wt);
   }
   get material() {
     return this._mesh.material;
@@ -1128,15 +1425,15 @@ class L {
     this._mesh.material = e;
   }
 }
-class gt extends T {
+class Mt extends C {
   constructor(e, t) {
-    super(), this.textureID = t !== void 0 ? t : "tDiffuse", e instanceof S ? (this.uniforms = e.uniforms, this.material = e) : e && (this.uniforms = M.clone(e.uniforms), this.material = new S({
+    super(), this.textureID = t !== void 0 ? t : "tDiffuse", e instanceof A ? (this.uniforms = e.uniforms, this.material = e) : e && (this.uniforms = P.clone(e.uniforms), this.material = new A({
       name: e.name !== void 0 ? e.name : "unspecified",
       defines: Object.assign({}, e.defines),
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
       fragmentShader: e.fragmentShader
-    })), this.fsQuad = new L(this.material);
+    })), this.fsQuad = new R(this.material);
   }
   render(e, t, o) {
     this.uniforms[this.textureID] && (this.uniforms[this.textureID].value = o.texture), this.fsQuad.material = this.material, this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(e.autoClearColor, e.autoClearDepth, e.autoClearStencil), this.fsQuad.render(e));
@@ -1145,18 +1442,18 @@ class gt extends T {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-class Te extends T {
+class Oe extends C {
   constructor(e, t) {
     super(), this.scene = e, this.camera = t, this.clear = !0, this.needsSwap = !1, this.inverse = !1;
   }
   render(e, t, o) {
-    const a = e.getContext(), s = e.state;
-    s.buffers.color.setMask(!1), s.buffers.depth.setMask(!1), s.buffers.color.setLocked(!0), s.buffers.depth.setLocked(!0);
+    const s = e.getContext(), a = e.state;
+    a.buffers.color.setMask(!1), a.buffers.depth.setMask(!1), a.buffers.color.setLocked(!0), a.buffers.depth.setLocked(!0);
     let i, n;
-    this.inverse ? (i = 0, n = 1) : (i = 1, n = 0), s.buffers.stencil.setTest(!0), s.buffers.stencil.setOp(a.REPLACE, a.REPLACE, a.REPLACE), s.buffers.stencil.setFunc(a.ALWAYS, i, 4294967295), s.buffers.stencil.setClear(n), s.buffers.stencil.setLocked(!0), e.setRenderTarget(o), this.clear && e.clear(), e.render(this.scene, this.camera), e.setRenderTarget(t), this.clear && e.clear(), e.render(this.scene, this.camera), s.buffers.color.setLocked(!1), s.buffers.depth.setLocked(!1), s.buffers.color.setMask(!0), s.buffers.depth.setMask(!0), s.buffers.stencil.setLocked(!1), s.buffers.stencil.setFunc(a.EQUAL, 1, 4294967295), s.buffers.stencil.setOp(a.KEEP, a.KEEP, a.KEEP), s.buffers.stencil.setLocked(!0);
+    this.inverse ? (i = 0, n = 1) : (i = 1, n = 0), a.buffers.stencil.setTest(!0), a.buffers.stencil.setOp(s.REPLACE, s.REPLACE, s.REPLACE), a.buffers.stencil.setFunc(s.ALWAYS, i, 4294967295), a.buffers.stencil.setClear(n), a.buffers.stencil.setLocked(!0), e.setRenderTarget(o), this.clear && e.clear(), e.render(this.scene, this.camera), e.setRenderTarget(t), this.clear && e.clear(), e.render(this.scene, this.camera), a.buffers.color.setLocked(!1), a.buffers.depth.setLocked(!1), a.buffers.color.setMask(!0), a.buffers.depth.setMask(!0), a.buffers.stencil.setLocked(!1), a.buffers.stencil.setFunc(s.EQUAL, 1, 4294967295), a.buffers.stencil.setOp(s.KEEP, s.KEEP, s.KEEP), a.buffers.stencil.setLocked(!0);
   }
 }
-class vt extends T {
+class Tt extends C {
   constructor() {
     super(), this.needsSwap = !1;
   }
@@ -1164,14 +1461,14 @@ class vt extends T {
     e.state.buffers.stencil.setLocked(!1), e.state.buffers.stencil.setTest(!1);
   }
 }
-class xt {
+class Ct {
   constructor(e, t) {
     if (this.renderer = e, this._pixelRatio = e.getPixelRatio(), t === void 0) {
       const o = e.getSize(new d());
-      this._width = o.width, this._height = o.height, t = new D(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: w }), t.texture.name = "EffectComposer.rt1";
+      this._width = o.width, this._height = o.height, t = new D(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: T }), t.texture.name = "EffectComposer.rt1";
     } else
       this._width = t.width, this._height = t.height;
-    this.renderTarget1 = t, this.renderTarget2 = t.clone(), this.renderTarget2.texture.name = "EffectComposer.rt2", this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2, this.renderToScreen = !0, this.passes = [], this.copyPass = new gt(Be), this.copyPass.material.blending = Ye, this.clock = new qe();
+    this.renderTarget1 = t, this.renderTarget2 = t.clone(), this.renderTarget2.texture.name = "EffectComposer.rt2", this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2, this.renderToScreen = !0, this.passes = [], this.copyPass = new Mt(Ue), this.copyPass.material.blending = Ze, this.clock = new _e();
   }
   swapBuffers() {
     const e = this.readBuffer;
@@ -1197,17 +1494,17 @@ class xt {
     e === void 0 && (e = this.clock.getDelta());
     const t = this.renderer.getRenderTarget();
     let o = !1;
-    for (let a = 0, s = this.passes.length; a < s; a++) {
-      const i = this.passes[a];
+    for (let s = 0, a = this.passes.length; s < a; s++) {
+      const i = this.passes[s];
       if (i.enabled !== !1) {
-        if (i.renderToScreen = this.renderToScreen && this.isLastEnabledPass(a), i.render(this.renderer, this.writeBuffer, this.readBuffer, e, o), i.needsSwap) {
+        if (i.renderToScreen = this.renderToScreen && this.isLastEnabledPass(s), i.render(this.renderer, this.writeBuffer, this.readBuffer, e, o), i.needsSwap) {
           if (o) {
             const n = this.renderer.getContext(), l = this.renderer.state.buffers.stencil;
             l.setFunc(n.NOTEQUAL, 1, 4294967295), this.copyPass.render(this.renderer, this.writeBuffer, this.readBuffer, e), l.setFunc(n.EQUAL, 1, 4294967295);
           }
           this.swapBuffers();
         }
-        Te !== void 0 && (i instanceof Te ? o = !0 : i instanceof vt && (o = !1));
+        Oe !== void 0 && (i instanceof Oe ? o = !0 : i instanceof Tt && (o = !1));
       }
     }
     this.renderer.setRenderTarget(t);
@@ -1221,10 +1518,10 @@ class xt {
   }
   setSize(e, t) {
     this._width = e, this._height = t;
-    const o = this._width * this._pixelRatio, a = this._height * this._pixelRatio;
-    this.renderTarget1.setSize(o, a), this.renderTarget2.setSize(o, a);
-    for (let s = 0; s < this.passes.length; s++)
-      this.passes[s].setSize(o, a);
+    const o = this._width * this._pixelRatio, s = this._height * this._pixelRatio;
+    this.renderTarget1.setSize(o, s), this.renderTarget2.setSize(o, s);
+    for (let a = 0; a < this.passes.length; a++)
+      this.passes[a].setSize(o, s);
   }
   setPixelRatio(e) {
     this._pixelRatio = e, this.setSize(this._width, this._height);
@@ -1233,61 +1530,73 @@ class xt {
     this.renderTarget1.dispose(), this.renderTarget2.dispose(), this.copyPass.dispose();
   }
 }
-class bt extends T {
-  constructor(e, t, o = null, a = null, s = null) {
-    super(), this.scene = e, this.camera = t, this.overrideMaterial = o, this.clearColor = a, this.clearAlpha = s, this.clear = !0, this.clearDepth = !1, this.needsSwap = !1, this._oldClearColor = new j();
+class Et extends C {
+  constructor(e, t, o = null, s = null, a = null) {
+    super(), this.scene = e, this.camera = t, this.overrideMaterial = o, this.clearColor = s, this.clearAlpha = a, this.clear = !0, this.clearDepth = !1, this.needsSwap = !1, this._oldClearColor = new k();
   }
   render(e, t, o) {
-    const a = e.autoClear;
+    const s = e.autoClear;
     e.autoClear = !1;
-    let s, i;
-    this.overrideMaterial !== null && (i = this.scene.overrideMaterial, this.scene.overrideMaterial = this.overrideMaterial), this.clearColor !== null && (e.getClearColor(this._oldClearColor), e.setClearColor(this.clearColor, e.getClearAlpha())), this.clearAlpha !== null && (s = e.getClearAlpha(), e.setClearAlpha(this.clearAlpha)), this.clearDepth == !0 && e.clearDepth(), e.setRenderTarget(this.renderToScreen ? null : o), this.clear === !0 && e.clear(e.autoClearColor, e.autoClearDepth, e.autoClearStencil), e.render(this.scene, this.camera), this.clearColor !== null && e.setClearColor(this._oldClearColor), this.clearAlpha !== null && e.setClearAlpha(s), this.overrideMaterial !== null && (this.scene.overrideMaterial = i), e.autoClear = a;
+    let a, i;
+    this.overrideMaterial !== null && (i = this.scene.overrideMaterial, this.scene.overrideMaterial = this.overrideMaterial), this.clearColor !== null && (e.getClearColor(this._oldClearColor), e.setClearColor(this.clearColor, e.getClearAlpha())), this.clearAlpha !== null && (a = e.getClearAlpha(), e.setClearAlpha(this.clearAlpha)), this.clearDepth == !0 && e.clearDepth(), e.setRenderTarget(this.renderToScreen ? null : o), this.clear === !0 && e.clear(e.autoClearColor, e.autoClearDepth, e.autoClearStencil), e.render(this.scene, this.camera), this.clearColor !== null && e.setClearColor(this._oldClearColor), this.clearAlpha !== null && e.setClearAlpha(a), this.overrideMaterial !== null && (this.scene.overrideMaterial = i), e.autoClear = s;
   }
 }
-const Ne = Symbol("effectComposerThree"), Zt = /* @__PURE__ */ c({
+const Ge = Symbol("effectComposerThree"), fo = /* @__PURE__ */ u({
   __name: "EffectComposer",
   props: {
     enabled: { type: Boolean, default: !0 },
     withoutRenderPass: { type: Boolean }
   },
   setup(r, { expose: e }) {
-    const t = r, o = z(null);
-    Ce(Ne, o), e({ composer: o });
-    const { renderer: a, sizes: s, scene: i, camera: n, render: l } = A();
-    v(() => {
-      var f;
-      (f = o.value) == null || f.dispose(), o.value = new xt(a.value);
-    }), v(() => {
-      var H;
-      const { width: f, height: y } = s;
-      y.value && f.value && ((H = o.value) == null || H.setSize(f.value, y.value));
+    const t = r, o = W(null);
+    Be(Ge, o), e({ composer: o });
+    const { renderer: s, sizes: a, scene: i, camera: n, render: l } = y();
+    x(() => {
+      var c;
+      (c = o.value) == null || c.dispose(), o.value = new Ct(s.value);
+    }), x(() => {
+      var E;
+      const { width: c, height: b } = a;
+      b.value && c.value && ((E = o.value) == null || E.setSize(c.value, b.value));
     });
-    const { pixelRatio: u } = Le();
-    v(() => {
-      var f;
-      (f = o.value) == null || f.setPixelRatio(u.value);
-    }), t.withoutRenderPass || v(() => {
-      n.value && i.value && o.value && o.value.addPass(new bt(i.value, n.value));
+    const { pixelRatio: f } = ze();
+    x(() => {
+      var c;
+      (c = o.value) == null || c.setPixelRatio(f.value);
+    }), t.withoutRenderPass || x(() => {
+      n.value && i.value && o.value && o.value.addPass(new Et(i.value, n.value));
     });
-    const { render: p } = W();
-    return p(() => {
+    const { render: g } = G();
+    return g(() => {
       l.frames.value > 0 && o.value && t.enabled && o.value.render(), l.frames.value = l.mode.value === "always" ? 1 : Math.max(0, l.frames.value - 1);
-    }), V(() => {
-      var f;
-      (f = o.value) == null || f.dispose();
-    }), (f, y) => Ee(f.$slots, "default");
-  }
-}), B = (r, e) => {
-  const t = De(Ne), o = z(r()), { sizes: a, invalidate: s } = A();
-  e && C(e, () => s());
-  const i = v(() => {
-    !(t != null && t.value) || !a.height.value || !a.width.value || (t.value.addPass(o.value), Pe(() => i()));
+    }), U(() => {
+      var c;
+      (c = o.value) == null || c.dispose();
+    }), (c, b) => Ne(c.$slots, "default");
+  }
+}), N = (r, e, t) => {
+  if (!e && t)
+    throw new Error("passDependencies is required when dependencyFieldsTriggeringRecreation is provided");
+  const o = te(Ge), s = W(r()), { sizes: a, invalidate: i } = y();
+  e && S(e, () => i());
+  const n = () => {
+    var p;
+    (p = o == null ? void 0 : o.value) == null || p.removePass(s.value), s.value.dispose();
+  }, l = x(() => {
+    !(o != null && o.value) || !a.height.value || !a.width.value || (o.value.addPass(s.value), oe(() => l()));
   });
-  return V(() => {
-    var n;
-    (n = t == null ? void 0 : t.value) == null || n.removePass(o.value), o.value.dispose();
-  }), { pass: o };
-}, St = {
+  return t && S(
+    () => t.map((p) => e == null ? void 0 : e[p]),
+    () => {
+      if (!(o != null && o.value))
+        return;
+      const p = o.value.passes.findIndex((f) => f === s.value);
+      ~p && (n(), s.value = r(), o.value.insertPass(s.value, p));
+    }
+  ), U(() => {
+    n();
+  }), { pass: s };
+}, Pt = {
   uniforms: {
     tDiffuse: { value: null },
     //diffuse texture
@@ -1382,53 +1691,53 @@ const Ne = Symbol("effectComposerThree"), Zt = /* @__PURE__ */ c({
 		}`
   )
 };
-class ye extends T {
+class Re extends C {
   constructor(e = 64) {
     super();
-    const t = St;
-    this.uniforms = M.clone(t.uniforms), this.heightMap = this.generateHeightmap(e), this.uniforms.tDisp.value = this.heightMap, this.material = new S({
+    const t = Pt;
+    this.uniforms = P.clone(t.uniforms), this.heightMap = this.generateHeightmap(e), this.uniforms.tDisp.value = this.heightMap, this.material = new A({
       uniforms: this.uniforms,
       vertexShader: t.vertexShader,
       fragmentShader: t.fragmentShader
-    }), this.fsQuad = new L(this.material), this.goWild = !1, this.curF = 0, this.generateTrigger();
+    }), this.fsQuad = new R(this.material), this.goWild = !1, this.curF = 0, this.generateTrigger();
   }
   render(e, t, o) {
-    this.uniforms.tDiffuse.value = o.texture, this.uniforms.seed.value = Math.random(), this.uniforms.byp.value = 0, this.curF % this.randX == 0 || this.goWild == !0 ? (this.uniforms.amount.value = Math.random() / 30, this.uniforms.angle.value = b.randFloat(-Math.PI, Math.PI), this.uniforms.seed_x.value = b.randFloat(-1, 1), this.uniforms.seed_y.value = b.randFloat(-1, 1), this.uniforms.distortion_x.value = b.randFloat(0, 1), this.uniforms.distortion_y.value = b.randFloat(0, 1), this.curF = 0, this.generateTrigger()) : this.curF % this.randX < this.randX / 5 ? (this.uniforms.amount.value = Math.random() / 90, this.uniforms.angle.value = b.randFloat(-Math.PI, Math.PI), this.uniforms.distortion_x.value = b.randFloat(0, 1), this.uniforms.distortion_y.value = b.randFloat(0, 1), this.uniforms.seed_x.value = b.randFloat(-0.3, 0.3), this.uniforms.seed_y.value = b.randFloat(-0.3, 0.3)) : this.goWild == !1 && (this.uniforms.byp.value = 1), this.curF++, this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(), this.fsQuad.render(e));
+    this.uniforms.tDiffuse.value = o.texture, this.uniforms.seed.value = Math.random(), this.uniforms.byp.value = 0, this.curF % this.randX == 0 || this.goWild == !0 ? (this.uniforms.amount.value = Math.random() / 30, this.uniforms.angle.value = w.randFloat(-Math.PI, Math.PI), this.uniforms.seed_x.value = w.randFloat(-1, 1), this.uniforms.seed_y.value = w.randFloat(-1, 1), this.uniforms.distortion_x.value = w.randFloat(0, 1), this.uniforms.distortion_y.value = w.randFloat(0, 1), this.curF = 0, this.generateTrigger()) : this.curF % this.randX < this.randX / 5 ? (this.uniforms.amount.value = Math.random() / 90, this.uniforms.angle.value = w.randFloat(-Math.PI, Math.PI), this.uniforms.distortion_x.value = w.randFloat(0, 1), this.uniforms.distortion_y.value = w.randFloat(0, 1), this.uniforms.seed_x.value = w.randFloat(-0.3, 0.3), this.uniforms.seed_y.value = w.randFloat(-0.3, 0.3)) : this.goWild == !1 && (this.uniforms.byp.value = 1), this.curF++, this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(), this.fsQuad.render(e));
   }
   generateTrigger() {
-    this.randX = b.randInt(120, 240);
+    this.randX = w.randInt(120, 240);
   }
   generateHeightmap(e) {
     const t = new Float32Array(e * e), o = e * e;
-    for (let s = 0; s < o; s++) {
-      const i = b.randFloat(0, 1);
-      t[s] = i;
+    for (let a = 0; a < o; a++) {
+      const i = w.randFloat(0, 1);
+      t[a] = i;
     }
-    const a = new ke(t, e, e, Qe, Ke);
-    return a.needsUpdate = !0, a;
+    const s = new $e(t, e, e, et, tt);
+    return s.needsUpdate = !0, s;
   }
   dispose() {
     this.material.dispose(), this.heightMap.dispose(), this.fsQuad.dispose();
   }
 }
-const _t = /* @__PURE__ */ c({
+const ho = /* @__PURE__ */ u({
   __name: "Glitch",
   props: {
     dtSize: {},
     goWild: { type: Boolean }
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o } = B(() => new ye(t.dtSize), t);
+    const t = r, { pass: o } = N(() => new Re(t.dtSize), t, ["dtSize"]);
     e({ pass: o });
-    const { onBeforeRender: a } = W();
-    return a(({ invalidate: s }) => s()), g(
+    const { onBeforeRender: s } = G();
+    return s(({ invalidate: a }) => a()), m(
       [[() => t.goWild, "goWild"]],
       o,
-      () => new ye()
+      () => new Re()
     ), () => {
     };
   }
-}), I = {
+}), Y = {
   name: "HalftoneShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -1732,16 +2041,16 @@ const _t = /* @__PURE__ */ c({
 		}`
   )
 };
-class At extends T {
+class Dt extends C {
   constructor(e, t, o) {
-    super(), this.uniforms = M.clone(I.uniforms), this.material = new S({
+    super(), this.uniforms = P.clone(Y.uniforms), this.material = new A({
       uniforms: this.uniforms,
-      fragmentShader: I.fragmentShader,
-      vertexShader: I.vertexShader
+      fragmentShader: Y.fragmentShader,
+      vertexShader: Y.vertexShader
     }), this.uniforms.width.value = e, this.uniforms.height.value = t;
-    for (const a in o)
-      o.hasOwnProperty(a) && this.uniforms.hasOwnProperty(a) && (this.uniforms[a].value = o[a]);
-    this.fsQuad = new L(this.material);
+    for (const s in o)
+      o.hasOwnProperty(s) && this.uniforms.hasOwnProperty(s) && (this.uniforms[s].value = o[s]);
+    this.fsQuad = new R(this.material);
   }
   render(e, t, o) {
     this.material.uniforms.tDiffuse.value = o.texture, this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(), this.fsQuad.render(e));
@@ -1753,7 +2062,7 @@ class At extends T {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-const $t = /* @__PURE__ */ c({
+const po = /* @__PURE__ */ u({
   __name: "Halftone",
   props: {
     shape: {},
@@ -1767,36 +2076,36 @@ const $t = /* @__PURE__ */ c({
     blendingMode: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { sizes: o } = A(), a = F(
+    const t = r, { sizes: o } = y(), s = O(
       () => Object.fromEntries(
         Object.entries(t).filter(([i, n]) => n !== void 0)
       )
-    ), { pass: s } = B(() => new At(
+    ), { pass: a } = N(() => new Dt(
       o.width.value,
       o.height.value,
-      a.value
+      s.value
     ), t);
-    return e({ pass: s }), v(() => {
-      s.value.setSize(o.width.value, o.height.value);
-    }), v(() => {
+    return e({ pass: a }), x(() => {
+      a.value.setSize(o.width.value, o.height.value);
+    }), x(() => {
       Object.entries(t).forEach(([i, n]) => {
-        i in s.value.uniforms && (s.value.uniforms[i].value = n ?? I.uniforms[i].value);
+        i in a.value.uniforms && (a.value.uniforms[i].value = n ?? Y.uniforms[i].value);
       });
     }), () => {
     };
   }
 });
-class Me extends T {
-  constructor(e, t, o, a = {}) {
-    super(), this.pixelSize = e, this.resolution = new d(), this.renderResolution = new d(), this.pixelatedMaterial = this.createPixelatedMaterial(), this.normalMaterial = new Je(), this.fsQuad = new L(this.pixelatedMaterial), this.scene = t, this.camera = o, this.normalEdgeStrength = a.normalEdgeStrength || 0.3, this.depthEdgeStrength = a.depthEdgeStrength || 0.4, this.beautyRenderTarget = new D(), this.beautyRenderTarget.texture.minFilter = O, this.beautyRenderTarget.texture.magFilter = O, this.beautyRenderTarget.texture.type = w, this.beautyRenderTarget.depthTexture = new Ze(), this.normalRenderTarget = new D(), this.normalRenderTarget.texture.minFilter = O, this.normalRenderTarget.texture.magFilter = O, this.normalRenderTarget.texture.type = w;
+class Fe extends C {
+  constructor(e, t, o, s = {}) {
+    super(), this.pixelSize = e, this.resolution = new d(), this.renderResolution = new d(), this.pixelatedMaterial = this.createPixelatedMaterial(), this.normalMaterial = new ot(), this.fsQuad = new R(this.pixelatedMaterial), this.scene = t, this.camera = o, this.normalEdgeStrength = s.normalEdgeStrength || 0.3, this.depthEdgeStrength = s.depthEdgeStrength || 0.4, this.beautyRenderTarget = new D(), this.beautyRenderTarget.texture.minFilter = F, this.beautyRenderTarget.texture.magFilter = F, this.beautyRenderTarget.texture.type = T, this.beautyRenderTarget.depthTexture = new st(), this.normalRenderTarget = new D(), this.normalRenderTarget.texture.minFilter = F, this.normalRenderTarget.texture.magFilter = F, this.normalRenderTarget.texture.type = T;
   }
   dispose() {
     this.beautyRenderTarget.dispose(), this.normalRenderTarget.dispose(), this.pixelatedMaterial.dispose(), this.normalMaterial.dispose(), this.fsQuad.dispose();
   }
   setSize(e, t) {
     this.resolution.set(e, t), this.renderResolution.set(e / this.pixelSize | 0, t / this.pixelSize | 0);
-    const { x: o, y: a } = this.renderResolution;
-    this.beautyRenderTarget.setSize(o, a), this.normalRenderTarget.setSize(o, a), this.fsQuad.material.uniforms.resolution.value.set(o, a, 1 / o, 1 / a);
+    const { x: o, y: s } = this.renderResolution;
+    this.beautyRenderTarget.setSize(o, s), this.normalRenderTarget.setSize(o, s), this.fsQuad.material.uniforms.resolution.value.set(o, s, 1 / o, 1 / s);
   }
   setPixelSize(e) {
     this.pixelSize = e, this.setSize(this.resolution.x, this.resolution.y);
@@ -1804,17 +2113,17 @@ class Me extends T {
   render(e, t) {
     const o = this.fsQuad.material.uniforms;
     o.normalEdgeStrength.value = this.normalEdgeStrength, o.depthEdgeStrength.value = this.depthEdgeStrength, e.setRenderTarget(this.beautyRenderTarget), e.render(this.scene, this.camera);
-    const a = this.scene.overrideMaterial;
-    e.setRenderTarget(this.normalRenderTarget), this.scene.overrideMaterial = this.normalMaterial, e.render(this.scene, this.camera), this.scene.overrideMaterial = a, o.tDiffuse.value = this.beautyRenderTarget.texture, o.tDepth.value = this.beautyRenderTarget.depthTexture, o.tNormal.value = this.normalRenderTarget.texture, this.renderToScreen ? e.setRenderTarget(null) : (e.setRenderTarget(t), this.clear && e.clear()), this.fsQuad.render(e);
+    const s = this.scene.overrideMaterial;
+    e.setRenderTarget(this.normalRenderTarget), this.scene.overrideMaterial = this.normalMaterial, e.render(this.scene, this.camera), this.scene.overrideMaterial = s, o.tDiffuse.value = this.beautyRenderTarget.texture, o.tDepth.value = this.beautyRenderTarget.depthTexture, o.tNormal.value = this.normalRenderTarget.texture, this.renderToScreen ? e.setRenderTarget(null) : (e.setRenderTarget(t), this.clear && e.clear()), this.fsQuad.render(e);
   }
   createPixelatedMaterial() {
-    return new S({
+    return new A({
       uniforms: {
         tDiffuse: { value: null },
         tDepth: { value: null },
         tNormal: { value: null },
         resolution: {
-          value: new _e(
+          value: new at(
             this.renderResolution.x,
             this.renderResolution.y,
             1 / this.renderResolution.x,
@@ -1933,7 +2242,7 @@ class Me extends T {
     });
   }
 }
-const eo = /* @__PURE__ */ c({
+const mo = /* @__PURE__ */ u({
   __name: "Pixelation",
   props: {
     pixelSize: {},
@@ -1941,20 +2250,20 @@ const eo = /* @__PURE__ */ c({
     normalEdgeStrength: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { scene: o, camera: a } = A(), { pass: s } = B(() => new Me(t.pixelSize, o.value, a.value), t);
-    return e({ pass: s }), v(() => {
-      s.value.setPixelSize(t.pixelSize);
-    }), g(
+    const t = r, { scene: o, camera: s } = y(), { pass: a } = N(() => new Fe(t.pixelSize, o.value, s.value), t);
+    return e({ pass: a }), x(() => {
+      a.value.setPixelSize(t.pixelSize);
+    }), m(
       [
         [() => t.depthEdgeStrength, "depthEdgeStrength"],
         [() => t.normalEdgeStrength, "normalEdgeStrength"]
       ],
-      s,
-      () => new Me(1, o.value, a.value)
+      a,
+      () => new Fe(1, o.value, s.value)
     ), () => {
     };
   }
-}), wt = {
+}), Lt = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -1983,7 +2292,7 @@ const eo = /* @__PURE__ */ c({
   fragmentShader: (
     /* glsl */
     `
-	
+
 		precision highp float;
 
 		uniform sampler2D tDiffuse;
@@ -2023,6 +2332,10 @@ const eo = /* @__PURE__ */ c({
 
 				gl_FragColor.rgb = NeutralToneMapping( gl_FragColor.rgb );
 
+			#elif defined( CUSTOM_TONE_MAPPING )
+
+				gl_FragColor.rgb = CustomToneMapping( gl_FragColor.rgb );
+
 			#endif
 
 			// color space
@@ -2036,32 +2349,32 @@ const eo = /* @__PURE__ */ c({
 		}`
   )
 };
-class Tt extends T {
+class Ot extends C {
   constructor() {
     super();
-    const e = wt;
-    this.uniforms = M.clone(e.uniforms), this.material = new $e({
+    const e = Lt;
+    this.uniforms = P.clone(e.uniforms), this.material = new rt({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
       fragmentShader: e.fragmentShader
-    }), this.fsQuad = new L(this.material), this._outputColorSpace = null, this._toneMapping = null;
+    }), this.fsQuad = new R(this.material), this._outputColorSpace = null, this._toneMapping = null;
   }
   render(e, t, o) {
-    this.uniforms.tDiffuse.value = o.texture, this.uniforms.toneMappingExposure.value = e.toneMappingExposure, (this._outputColorSpace !== e.outputColorSpace || this._toneMapping !== e.toneMapping) && (this._outputColorSpace = e.outputColorSpace, this._toneMapping = e.toneMapping, this.material.defines = {}, et.getTransfer(this._outputColorSpace) === tt && (this.material.defines.SRGB_TRANSFER = ""), this._toneMapping === ot ? this.material.defines.LINEAR_TONE_MAPPING = "" : this._toneMapping === at ? this.material.defines.REINHARD_TONE_MAPPING = "" : this._toneMapping === st ? this.material.defines.CINEON_TONE_MAPPING = "" : this._toneMapping === rt ? this.material.defines.ACES_FILMIC_TONE_MAPPING = "" : this._toneMapping === it ? this.material.defines.AGX_TONE_MAPPING = "" : this._toneMapping === nt && (this.material.defines.NEUTRAL_TONE_MAPPING = ""), this.material.needsUpdate = !0), this.renderToScreen === !0 ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(e.autoClearColor, e.autoClearDepth, e.autoClearStencil), this.fsQuad.render(e));
+    this.uniforms.tDiffuse.value = o.texture, this.uniforms.toneMappingExposure.value = e.toneMappingExposure, (this._outputColorSpace !== e.outputColorSpace || this._toneMapping !== e.toneMapping) && (this._outputColorSpace = e.outputColorSpace, this._toneMapping = e.toneMapping, this.material.defines = {}, it.getTransfer(this._outputColorSpace) === nt && (this.material.defines.SRGB_TRANSFER = ""), this._toneMapping === lt ? this.material.defines.LINEAR_TONE_MAPPING = "" : this._toneMapping === ut ? this.material.defines.REINHARD_TONE_MAPPING = "" : this._toneMapping === ct ? this.material.defines.CINEON_TONE_MAPPING = "" : this._toneMapping === dt ? this.material.defines.ACES_FILMIC_TONE_MAPPING = "" : this._toneMapping === ft ? this.material.defines.AGX_TONE_MAPPING = "" : this._toneMapping === ht ? this.material.defines.NEUTRAL_TONE_MAPPING = "" : this._toneMapping === pt && (this.material.defines.CUSTOM_TONE_MAPPING = ""), this.material.needsUpdate = !0), this.renderToScreen === !0 ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(e.autoClearColor, e.autoClearDepth, e.autoClearStencil), this.fsQuad.render(e));
   }
   dispose() {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-const to = /* @__PURE__ */ c({
+const go = /* @__PURE__ */ u({
   __name: "Output",
   setup(r, { expose: e }) {
-    const { pass: t } = B(() => new Tt());
+    const { pass: t } = N(() => new Ot());
     return e({ pass: t }), () => {
     };
   }
-}), G = {
+}), j = {
   name: "SMAAEdgesShader",
   defines: {
     SMAA_THRESHOLD: "0.1"
@@ -2162,7 +2475,7 @@ const to = /* @__PURE__ */ c({
 
 		}`
   )
-}, X = {
+}, V = {
   name: "SMAAWeightsShader",
   defines: {
     SMAA_MAX_SEARCH_STEPS: "8",
@@ -2412,7 +2725,7 @@ const to = /* @__PURE__ */ c({
 
 		}`
   )
-}, J = {
+}, ee = {
   name: "SMAABlendShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2502,37 +2815,37 @@ const to = /* @__PURE__ */ c({
 		}`
   )
 };
-class yt extends T {
+class Rt extends C {
   constructor(e, t) {
     super(), this.edgesRT = new D(e, t, {
       depthBuffer: !1,
-      type: w
+      type: T
     }), this.edgesRT.texture.name = "SMAAPass.edges", this.weightsRT = new D(e, t, {
       depthBuffer: !1,
-      type: w
+      type: T
     }), this.weightsRT.texture.name = "SMAAPass.weights";
-    const o = this, a = new Image();
-    a.src = this.getAreaTexture(), a.onload = function() {
+    const o = this, s = new Image();
+    s.src = this.getAreaTexture(), s.onload = function() {
       o.areaTexture.needsUpdate = !0;
-    }, this.areaTexture = new ve(), this.areaTexture.name = "SMAAPass.area", this.areaTexture.image = a, this.areaTexture.minFilter = lt, this.areaTexture.generateMipmaps = !1, this.areaTexture.flipY = !1;
-    const s = new Image();
-    s.src = this.getSearchTexture(), s.onload = function() {
+    }, this.areaTexture = new Me(), this.areaTexture.name = "SMAAPass.area", this.areaTexture.image = s, this.areaTexture.minFilter = mt, this.areaTexture.generateMipmaps = !1, this.areaTexture.flipY = !1;
+    const a = new Image();
+    a.src = this.getSearchTexture(), a.onload = function() {
       o.searchTexture.needsUpdate = !0;
-    }, this.searchTexture = new ve(), this.searchTexture.name = "SMAAPass.search", this.searchTexture.image = s, this.searchTexture.magFilter = O, this.searchTexture.minFilter = O, this.searchTexture.generateMipmaps = !1, this.searchTexture.flipY = !1, this.uniformsEdges = M.clone(G.uniforms), this.uniformsEdges.resolution.value.set(1 / e, 1 / t), this.materialEdges = new S({
-      defines: Object.assign({}, G.defines),
+    }, this.searchTexture = new Me(), this.searchTexture.name = "SMAAPass.search", this.searchTexture.image = a, this.searchTexture.magFilter = F, this.searchTexture.minFilter = F, this.searchTexture.generateMipmaps = !1, this.searchTexture.flipY = !1, this.uniformsEdges = P.clone(j.uniforms), this.uniformsEdges.resolution.value.set(1 / e, 1 / t), this.materialEdges = new A({
+      defines: Object.assign({}, j.defines),
       uniforms: this.uniformsEdges,
-      vertexShader: G.vertexShader,
-      fragmentShader: G.fragmentShader
-    }), this.uniformsWeights = M.clone(X.uniforms), this.uniformsWeights.resolution.value.set(1 / e, 1 / t), this.uniformsWeights.tDiffuse.value = this.edgesRT.texture, this.uniformsWeights.tArea.value = this.areaTexture, this.uniformsWeights.tSearch.value = this.searchTexture, this.materialWeights = new S({
-      defines: Object.assign({}, X.defines),
+      vertexShader: j.vertexShader,
+      fragmentShader: j.fragmentShader
+    }), this.uniformsWeights = P.clone(V.uniforms), this.uniformsWeights.resolution.value.set(1 / e, 1 / t), this.uniformsWeights.tDiffuse.value = this.edgesRT.texture, this.uniformsWeights.tArea.value = this.areaTexture, this.uniformsWeights.tSearch.value = this.searchTexture, this.materialWeights = new A({
+      defines: Object.assign({}, V.defines),
       uniforms: this.uniformsWeights,
-      vertexShader: X.vertexShader,
-      fragmentShader: X.fragmentShader
-    }), this.uniformsBlend = M.clone(J.uniforms), this.uniformsBlend.resolution.value.set(1 / e, 1 / t), this.uniformsBlend.tDiffuse.value = this.weightsRT.texture, this.materialBlend = new S({
+      vertexShader: V.vertexShader,
+      fragmentShader: V.fragmentShader
+    }), this.uniformsBlend = P.clone(ee.uniforms), this.uniformsBlend.resolution.value.set(1 / e, 1 / t), this.uniformsBlend.tDiffuse.value = this.weightsRT.texture, this.materialBlend = new A({
       uniforms: this.uniformsBlend,
-      vertexShader: J.vertexShader,
-      fragmentShader: J.fragmentShader
-    }), this.fsQuad = new L(null);
+      vertexShader: ee.vertexShader,
+      fragmentShader: ee.fragmentShader
+    }), this.fsQuad = new R(null);
   }
   render(e, t, o) {
     this.uniformsEdges.tDiffuse.value = o.texture, this.fsQuad.material = this.materialEdges, e.setRenderTarget(this.edgesRT), this.clear && e.clear(), this.fsQuad.render(e), this.fsQuad.material = this.materialWeights, e.setRenderTarget(this.weightsRT), this.clear && e.clear(), this.fsQuad.render(e), this.uniformsBlend.tColor.value = o.texture, this.fsQuad.material = this.materialBlend, this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(t), this.clear && e.clear(), this.fsQuad.render(e));
@@ -2550,27 +2863,27 @@ class yt extends T {
     this.edgesRT.dispose(), this.weightsRT.dispose(), this.areaTexture.dispose(), this.searchTexture.dispose(), this.materialEdges.dispose(), this.materialWeights.dispose(), this.materialBlend.dispose(), this.fsQuad.dispose();
   }
 }
-const oo = /* @__PURE__ */ c({
+const vo = /* @__PURE__ */ u({
   __name: "SMAA",
   props: {
     width: {},
     height: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { sizes: o } = A(), { pixelRatio: a } = Le(), s = F(() => t.width ?? o.width.value * a.value), i = F(() => t.height ?? o.height.value * a.value), { pass: n } = B(() => new yt(s.value, i.value), t);
-    return e({ pass: n }), v(() => {
-      n.value.setSize(s.value, i.value);
+    const t = r, { sizes: o } = y(), { pixelRatio: s } = ze(), a = O(() => t.width ?? o.width.value * s.value), i = O(() => t.height ?? o.height.value * s.value), { pass: n } = N(() => new Rt(a.value, i.value), t);
+    return e({ pass: n }), x(() => {
+      n.value.setSize(a.value, i.value);
     }), () => {
     };
   }
-}), ze = {
+}), He = {
   name: "LuminosityHighPassShader",
   shaderID: "luminosityHighPass",
   uniforms: {
     tDiffuse: { value: null },
     luminosityThreshold: { value: 1 },
     smoothWidth: { value: 1 },
-    defaultColor: { value: new j(0) },
+    defaultColor: { value: new k(0) },
     defaultOpacity: { value: 0 }
   },
   vertexShader: (
@@ -2614,40 +2927,40 @@ const oo = /* @__PURE__ */ c({
 		}`
   )
 };
-class R extends T {
-  constructor(e, t, o, a) {
-    super(), this.strength = t !== void 0 ? t : 1, this.radius = o, this.threshold = a, this.resolution = e !== void 0 ? new d(e.x, e.y) : new d(256, 256), this.clearColor = new j(0, 0, 0), this.renderTargetsHorizontal = [], this.renderTargetsVertical = [], this.nMips = 5;
-    let s = Math.round(this.resolution.x / 2), i = Math.round(this.resolution.y / 2);
-    this.renderTargetBright = new D(s, i, { type: w }), this.renderTargetBright.texture.name = "UnrealBloomPass.bright", this.renderTargetBright.texture.generateMipmaps = !1;
-    for (let p = 0; p < this.nMips; p++) {
-      const f = new D(s, i, { type: w });
-      f.texture.name = "UnrealBloomPass.h" + p, f.texture.generateMipmaps = !1, this.renderTargetsHorizontal.push(f);
-      const y = new D(s, i, { type: w });
-      y.texture.name = "UnrealBloomPass.v" + p, y.texture.generateMipmaps = !1, this.renderTargetsVertical.push(y), s = Math.round(s / 2), i = Math.round(i / 2);
+class B extends C {
+  constructor(e, t, o, s) {
+    super(), this.strength = t !== void 0 ? t : 1, this.radius = o, this.threshold = s, this.resolution = e !== void 0 ? new d(e.x, e.y) : new d(256, 256), this.clearColor = new k(0, 0, 0), this.renderTargetsHorizontal = [], this.renderTargetsVertical = [], this.nMips = 5;
+    let a = Math.round(this.resolution.x / 2), i = Math.round(this.resolution.y / 2);
+    this.renderTargetBright = new D(a, i, { type: T }), this.renderTargetBright.texture.name = "UnrealBloomPass.bright", this.renderTargetBright.texture.generateMipmaps = !1;
+    for (let g = 0; g < this.nMips; g++) {
+      const c = new D(a, i, { type: T });
+      c.texture.name = "UnrealBloomPass.h" + g, c.texture.generateMipmaps = !1, this.renderTargetsHorizontal.push(c);
+      const b = new D(a, i, { type: T });
+      b.texture.name = "UnrealBloomPass.v" + g, b.texture.generateMipmaps = !1, this.renderTargetsVertical.push(b), a = Math.round(a / 2), i = Math.round(i / 2);
     }
-    const n = ze;
-    this.highPassUniforms = M.clone(n.uniforms), this.highPassUniforms.luminosityThreshold.value = a, this.highPassUniforms.smoothWidth.value = 0.01, this.materialHighPassFilter = new S({
+    const n = He;
+    this.highPassUniforms = P.clone(n.uniforms), this.highPassUniforms.luminosityThreshold.value = s, this.highPassUniforms.smoothWidth.value = 0.01, this.materialHighPassFilter = new A({
       uniforms: this.highPassUniforms,
       vertexShader: n.vertexShader,
       fragmentShader: n.fragmentShader
     }), this.separableBlurMaterials = [];
     const l = [3, 5, 7, 9, 11];
-    s = Math.round(this.resolution.x / 2), i = Math.round(this.resolution.y / 2);
-    for (let p = 0; p < this.nMips; p++)
-      this.separableBlurMaterials.push(this.getSeparableBlurMaterial(l[p])), this.separableBlurMaterials[p].uniforms.invSize.value = new d(1 / s, 1 / i), s = Math.round(s / 2), i = Math.round(i / 2);
+    a = Math.round(this.resolution.x / 2), i = Math.round(this.resolution.y / 2);
+    for (let g = 0; g < this.nMips; g++)
+      this.separableBlurMaterials.push(this.getSeparableBlurMaterial(l[g])), this.separableBlurMaterials[g].uniforms.invSize.value = new d(1 / a, 1 / i), a = Math.round(a / 2), i = Math.round(i / 2);
     this.compositeMaterial = this.getCompositeMaterial(this.nMips), this.compositeMaterial.uniforms.blurTexture1.value = this.renderTargetsVertical[0].texture, this.compositeMaterial.uniforms.blurTexture2.value = this.renderTargetsVertical[1].texture, this.compositeMaterial.uniforms.blurTexture3.value = this.renderTargetsVertical[2].texture, this.compositeMaterial.uniforms.blurTexture4.value = this.renderTargetsVertical[3].texture, this.compositeMaterial.uniforms.blurTexture5.value = this.renderTargetsVertical[4].texture, this.compositeMaterial.uniforms.bloomStrength.value = t, this.compositeMaterial.uniforms.bloomRadius.value = 0.1;
-    const x = [1, 0.8, 0.6, 0.4, 0.2];
-    this.compositeMaterial.uniforms.bloomFactors.value = x, this.bloomTintColors = [new P(1, 1, 1), new P(1, 1, 1), new P(1, 1, 1), new P(1, 1, 1), new P(1, 1, 1)], this.compositeMaterial.uniforms.bloomTintColors.value = this.bloomTintColors;
-    const u = Be;
-    this.copyUniforms = M.clone(u.uniforms), this.blendMaterial = new S({
+    const p = [1, 0.8, 0.6, 0.4, 0.2];
+    this.compositeMaterial.uniforms.bloomFactors.value = p, this.bloomTintColors = [new L(1, 1, 1), new L(1, 1, 1), new L(1, 1, 1), new L(1, 1, 1), new L(1, 1, 1)], this.compositeMaterial.uniforms.bloomTintColors.value = this.bloomTintColors;
+    const f = Ue;
+    this.copyUniforms = P.clone(f.uniforms), this.blendMaterial = new A({
       uniforms: this.copyUniforms,
-      vertexShader: u.vertexShader,
-      fragmentShader: u.fragmentShader,
-      blending: ut,
+      vertexShader: f.vertexShader,
+      fragmentShader: f.fragmentShader,
+      blending: gt,
       depthTest: !1,
       depthWrite: !1,
       transparent: !0
-    }), this.enabled = !0, this.needsSwap = !1, this._oldClearColor = new j(), this.oldClearAlpha = 1, this.basic = new ct(), this.fsQuad = new L(null);
+    }), this.enabled = !0, this.needsSwap = !1, this._oldClearColor = new k(), this.oldClearAlpha = 1, this.basic = new vt(), this.fsQuad = new R(null);
   }
   dispose() {
     for (let e = 0; e < this.renderTargetsHorizontal.length; e++)
@@ -2660,25 +2973,25 @@ class R extends T {
     this.compositeMaterial.dispose(), this.blendMaterial.dispose(), this.basic.dispose(), this.fsQuad.dispose();
   }
   setSize(e, t) {
-    let o = Math.round(e / 2), a = Math.round(t / 2);
-    this.renderTargetBright.setSize(o, a);
-    for (let s = 0; s < this.nMips; s++)
-      this.renderTargetsHorizontal[s].setSize(o, a), this.renderTargetsVertical[s].setSize(o, a), this.separableBlurMaterials[s].uniforms.invSize.value = new d(1 / o, 1 / a), o = Math.round(o / 2), a = Math.round(a / 2);
+    let o = Math.round(e / 2), s = Math.round(t / 2);
+    this.renderTargetBright.setSize(o, s);
+    for (let a = 0; a < this.nMips; a++)
+      this.renderTargetsHorizontal[a].setSize(o, s), this.renderTargetsVertical[a].setSize(o, s), this.separableBlurMaterials[a].uniforms.invSize.value = new d(1 / o, 1 / s), o = Math.round(o / 2), s = Math.round(s / 2);
   }
-  render(e, t, o, a, s) {
+  render(e, t, o, s, a) {
     e.getClearColor(this._oldClearColor), this.oldClearAlpha = e.getClearAlpha();
     const i = e.autoClear;
-    e.autoClear = !1, e.setClearColor(this.clearColor, 0), s && e.state.buffers.stencil.setTest(!1), this.renderToScreen && (this.fsQuad.material = this.basic, this.basic.map = o.texture, e.setRenderTarget(null), e.clear(), this.fsQuad.render(e)), this.highPassUniforms.tDiffuse.value = o.texture, this.highPassUniforms.luminosityThreshold.value = this.threshold, this.fsQuad.material = this.materialHighPassFilter, e.setRenderTarget(this.renderTargetBright), e.clear(), this.fsQuad.render(e);
+    e.autoClear = !1, e.setClearColor(this.clearColor, 0), a && e.state.buffers.stencil.setTest(!1), this.renderToScreen && (this.fsQuad.material = this.basic, this.basic.map = o.texture, e.setRenderTarget(null), e.clear(), this.fsQuad.render(e)), this.highPassUniforms.tDiffuse.value = o.texture, this.highPassUniforms.luminosityThreshold.value = this.threshold, this.fsQuad.material = this.materialHighPassFilter, e.setRenderTarget(this.renderTargetBright), e.clear(), this.fsQuad.render(e);
     let n = this.renderTargetBright;
     for (let l = 0; l < this.nMips; l++)
-      this.fsQuad.material = this.separableBlurMaterials[l], this.separableBlurMaterials[l].uniforms.colorTexture.value = n.texture, this.separableBlurMaterials[l].uniforms.direction.value = R.BlurDirectionX, e.setRenderTarget(this.renderTargetsHorizontal[l]), e.clear(), this.fsQuad.render(e), this.separableBlurMaterials[l].uniforms.colorTexture.value = this.renderTargetsHorizontal[l].texture, this.separableBlurMaterials[l].uniforms.direction.value = R.BlurDirectionY, e.setRenderTarget(this.renderTargetsVertical[l]), e.clear(), this.fsQuad.render(e), n = this.renderTargetsVertical[l];
-    this.fsQuad.material = this.compositeMaterial, this.compositeMaterial.uniforms.bloomStrength.value = this.strength, this.compositeMaterial.uniforms.bloomRadius.value = this.radius, this.compositeMaterial.uniforms.bloomTintColors.value = this.bloomTintColors, e.setRenderTarget(this.renderTargetsHorizontal[0]), e.clear(), this.fsQuad.render(e), this.fsQuad.material = this.blendMaterial, this.copyUniforms.tDiffuse.value = this.renderTargetsHorizontal[0].texture, s && e.state.buffers.stencil.setTest(!0), this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(o), this.fsQuad.render(e)), e.setClearColor(this._oldClearColor, this.oldClearAlpha), e.autoClear = i;
+      this.fsQuad.material = this.separableBlurMaterials[l], this.separableBlurMaterials[l].uniforms.colorTexture.value = n.texture, this.separableBlurMaterials[l].uniforms.direction.value = B.BlurDirectionX, e.setRenderTarget(this.renderTargetsHorizontal[l]), e.clear(), this.fsQuad.render(e), this.separableBlurMaterials[l].uniforms.colorTexture.value = this.renderTargetsHorizontal[l].texture, this.separableBlurMaterials[l].uniforms.direction.value = B.BlurDirectionY, e.setRenderTarget(this.renderTargetsVertical[l]), e.clear(), this.fsQuad.render(e), n = this.renderTargetsVertical[l];
+    this.fsQuad.material = this.compositeMaterial, this.compositeMaterial.uniforms.bloomStrength.value = this.strength, this.compositeMaterial.uniforms.bloomRadius.value = this.radius, this.compositeMaterial.uniforms.bloomTintColors.value = this.bloomTintColors, e.setRenderTarget(this.renderTargetsHorizontal[0]), e.clear(), this.fsQuad.render(e), this.fsQuad.material = this.blendMaterial, this.copyUniforms.tDiffuse.value = this.renderTargetsHorizontal[0].texture, a && e.state.buffers.stencil.setTest(!0), this.renderToScreen ? (e.setRenderTarget(null), this.fsQuad.render(e)) : (e.setRenderTarget(o), this.fsQuad.render(e)), e.setClearColor(this._oldClearColor, this.oldClearAlpha), e.autoClear = i;
   }
   getSeparableBlurMaterial(e) {
     const t = [];
     for (let o = 0; o < e; o++)
       t.push(0.39894 * Math.exp(-0.5 * o * o / (e * e)) / e);
-    return new S({
+    return new A({
       defines: {
         KERNEL_RADIUS: e
       },
@@ -2719,7 +3032,7 @@ class R extends T {
     });
   }
   getCompositeMaterial(e) {
-    return new S({
+    return new A({
       defines: {
         NUM_MIPS: e
       },
@@ -2765,9 +3078,9 @@ class R extends T {
     });
   }
 }
-R.BlurDirectionX = new d(1, 0);
-R.BlurDirectionY = new d(0, 1);
-const ao = /* @__PURE__ */ c({
+B.BlurDirectionX = new d(1, 0);
+B.BlurDirectionY = new d(0, 1);
+const xo = /* @__PURE__ */ u({
   __name: "UnrealBloom",
   props: {
     radius: { default: 0 },
@@ -2775,54 +3088,60 @@ const ao = /* @__PURE__ */ c({
     threshold: { default: 0 }
   },
   setup(r, { expose: e }) {
-    const t = r, { sizes: o } = A(), { pass: a } = B(() => new R(
+    const t = r, { sizes: o } = y(), { pass: s } = N(() => new B(
       new d(o.width.value, o.height.value),
       t.radius,
       t.strength,
       t.threshold
     ), t);
-    return e({ pass: a }), v(() => {
-      var s;
-      a.value.radius = t.radius ?? ((s = a.value.getCompositeMaterial().uniforms.bloomRadius) == null ? void 0 : s.value) ?? 0.1;
-    }), v(() => {
-      var s;
-      a.value.strength = t.strength ?? ((s = a.value.getCompositeMaterial().uniforms.bloomStrength) == null ? void 0 : s.value) ?? 1;
-    }), v(() => {
-      var s;
-      a.value.threshold = t.threshold ?? ((s = ze.uniforms.luminosityThreshold) == null ? void 0 : s.value) ?? 1;
+    return e({ pass: s }), x(() => {
+      var a;
+      s.value.radius = t.radius ?? ((a = s.value.getCompositeMaterial().uniforms.bloomRadius) == null ? void 0 : a.value) ?? 0.1;
+    }), x(() => {
+      var a;
+      s.value.strength = t.strength ?? ((a = s.value.getCompositeMaterial().uniforms.bloomStrength) == null ? void 0 : a.value) ?? 1;
+    }), x(() => {
+      var a;
+      s.value.threshold = t.threshold ?? ((a = He.uniforms.luminosityThreshold) == null ? void 0 : a.value) ?? 1;
     }), () => {
     };
   }
 });
 export {
-  Ut as BarrelBlurPmndrs,
-  Ot as BloomPmndrs,
-  Gt as ChromaticAberrationPmndrs,
-  Vt as ColorAveragePmndrs,
-  Rt as DepthOfFieldPmndrs,
-  Qt as DotScreenPmndrs,
-  Zt as EffectComposer,
-  Lt as EffectComposerPmndrs,
-  _t as Glitch,
-  Bt as GlitchPmndrs,
-  $t as Halftone,
-  Xt as HueSaturationPmndrs,
-  jt as KuwaharaPmndrs,
-  Yt as LensDistortionPmndrs,
-  Jt as LinocutPmndrs,
-  Nt as NoisePmndrs,
-  zt as OutlinePmndrs,
-  to as Output,
-  eo as Pixelation,
-  Ft as PixelationPmndrs,
-  oo as SMAA,
-  It as ScanlinePmndrs,
-  Kt as SepiaPmndrs,
-  qt as ShockWavePmndrs,
-  kt as TiltShiftPmndrs,
-  Ht as ToneMappingPmndrs,
-  ao as UnrealBloom,
-  Wt as VignettePmndrs,
-  B as useEffect,
+  kt as BarrelBlurPmndrs,
+  Gt as BloomPmndrs,
+  co as BrightnessContrastPmndrs,
+  Qt as ChromaticAberrationPmndrs,
+  _t as ColorAveragePmndrs,
+  no as ColorDepthPmndrs,
+  Ht as DepthOfFieldPmndrs,
+  ro as DepthPickingPassPmndrs,
+  oo as DotScreenPmndrs,
+  fo as EffectComposer,
+  Ut as EffectComposerPmndrs,
+  uo as FishEyePmndrs,
+  ho as Glitch,
+  Xt as GlitchPmndrs,
+  io as GodRaysPmndrs,
+  lo as GridPmndrs,
+  po as Halftone,
+  Kt as HueSaturationPmndrs,
+  Zt as KuwaharaPmndrs,
+  $t as LensDistortionPmndrs,
+  ao as LinocutPmndrs,
+  It as NoisePmndrs,
+  jt as OutlinePmndrs,
+  go as Output,
+  mo as Pixelation,
+  Vt as PixelationPmndrs,
+  vo as SMAA,
+  Jt as ScanlinePmndrs,
+  so as SepiaPmndrs,
+  eo as ShockWavePmndrs,
+  to as TiltShiftPmndrs,
+  qt as ToneMappingPmndrs,
+  xo as UnrealBloom,
+  Yt as VignettePmndrs,
+  N as useEffect,
   h as useEffectPmndrs
 };