@tresjs/post-processing 2.4.0 → 3.0.0-next.0

package/dist/tres-post-processing.js

@@ -1,14 +1,14 @@
 /**
  * name: @tresjs/post-processing
- * version: v2.4.0
+ * version: v3.0.0-next.0
  * (c) 2025
  * description: Post-processing library for TresJS
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { defineComponent as u, shallowRef as H, provide as He, computed as O, watch as g, onUnmounted as W, renderSlot as Ie, inject as J, watchEffect as w, nextTick as ce, toRaw as fe } from "vue";
-import { EffectComposer as he, RenderPass as Je, NormalPass as Ze, DepthDownsamplingPass as _e, EffectPass as Xe, BloomEffect as pe, DepthOfFieldEffect as me, GlitchEffect as j, GlitchMode as $e, NoiseEffect as ve, OutlineEffect as ge, PixelationEffect as xe, VignetteEffect as be, Effect as Z, BlendFunction as _, ToneMappingEffect as Se, ChromaticAberrationEffect as ee, HueSaturationEffect as we, ScanlineEffect as te, ColorAverageEffect as oe, LensDistortionEffect as Ae, ShockWaveEffect as ye, TiltShiftEffect as Me, DotScreenEffect as Te, SepiaEffect as Ce, DepthPickingPass as et, GodRaysEffect as se, ColorDepthEffect as V, GridEffect as Ee, BrightnessContrastEffect as Pe, SMAAEffect as ae, TextureEffect as q, FXAAEffect as re, ASCIIEffect as ne, ASCIITexture as tt } from "postprocessing";
-import { useTresContext as y, useLoop as I, normalizeColor as ie } from "@tresjs/core";
-import { HalfFloatType as P, Uniform as C, Vector2 as f, Vector3 as B, Mesh as je, SphereGeometry as ot, MeshBasicMaterial as Ve, OrthographicCamera as st, BufferGeometry as at, Float32BufferAttribute as De, ShaderMaterial as T, UniformsUtils as L, WebGLRenderTarget as F, NoBlending as rt, Clock as nt, Color as K, MathUtils as M, DataTexture as it, RedFormat as lt, FloatType as ut, MeshNormalMaterial as ct, NearestFilter as N, DepthTexture as dt, Vector4 as ft, RawShaderMaterial as ht, ColorManagement as pt, SRGBTransfer as mt, LinearToneMapping as vt, ReinhardToneMapping as gt, CineonToneMapping as xt, ACESFilmicToneMapping as bt, AgXToneMapping as St, NeutralToneMapping as wt, CustomToneMapping as At, Texture as Le, LinearFilter as yt, AdditiveBlending as Mt } from "three";
+import { defineComponent as c, shallowRef as U, provide as He, computed as F, watch as g, onUnmounted as z, renderSlot as Ie, inject as Q, watchEffect as S, nextTick as ue, toRaw as fe } from "vue";
+import { EffectComposer as he, RenderPass as Je, NormalPass as Ze, DepthDownsamplingPass as _e, EffectPass as Xe, BloomEffect as pe, DepthOfFieldEffect as me, GlitchEffect as I, GlitchMode as $e, NoiseEffect as ve, OutlineEffect as ge, PixelationEffect as xe, VignetteEffect as be, Effect as K, BlendFunction as J, ToneMappingEffect as we, ChromaticAberrationEffect as $, HueSaturationEffect as Se, ScanlineEffect as ee, ColorAverageEffect as te, LensDistortionEffect as Ae, ShockWaveEffect as ye, TiltShiftEffect as Me, DotScreenEffect as Te, SepiaEffect as Ce, DepthPickingPass as et, GodRaysEffect as oe, ColorDepthEffect as X, GridEffect as Ee, BrightnessContrastEffect as Pe, SMAAEffect as se, TextureEffect as Y, FXAAEffect as ae, ASCIIEffect as re, ASCIITexture as tt } from "postprocessing";
+import { useTresContext as G, useTres as C, useLoop as ce, normalizeColor as ie } from "@tresjs/core";
+import { HalfFloatType as E, Uniform as T, Vector2 as f, Vector3 as O, Mesh as je, SphereGeometry as ot, MeshBasicMaterial as Ve, OrthographicCamera as st, BufferGeometry as at, Float32BufferAttribute as De, ShaderMaterial as M, UniformsUtils as D, WebGLRenderTarget as L, NoBlending as rt, Clock as it, Color as q, MathUtils as y, DataTexture as nt, RedFormat as lt, FloatType as ut, MeshNormalMaterial as ct, NearestFilter as B, DepthTexture as dt, Vector4 as ft, RawShaderMaterial as ht, ColorManagement as pt, SRGBTransfer as mt, LinearToneMapping as vt, ReinhardToneMapping as gt, CineonToneMapping as xt, ACESFilmicToneMapping as bt, AgXToneMapping as wt, NeutralToneMapping as St, CustomToneMapping as At, Texture as Le, LinearFilter as yt, AdditiveBlending as Mt } from "three";
 import { useDevicePixelRatio as Ye } from "@vueuse/core";
 class Fe {
   static isWebGL2Available() {
@@ -56,7 +56,7 @@ class Fe {
     return console.warn("getWebGLErrorMessage() has been deprecated and will be removed in r178. Use getWebGL2ErrorMessage() instead."), this.getErrorMessage(1);
   }
 }
-const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
+const Z = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ c({
   __name: "EffectComposerPmndrs",
   props: {
     enabled: { type: Boolean, default: !0 },
@@ -66,109 +66,106 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     resolutionScale: {},
     autoClear: { type: Boolean, default: !0 },
     multisampling: { default: 0 },
-    frameBufferType: { default: P }
+    frameBufferType: { default: E }
   },
   emits: ["render"],
-  setup(n, { expose: t, emit: e }) {
-    const o = n, s = e, { scene: a, camera: r, renderer: i, sizes: l, render: d } = y(), p = H(null);
-    let b = null, c = null;
-    He($, p), t({ composer: p });
-    const S = () => {
-      p.value && (c = new Ze(a.value, r.value), c.enabled = !1, p.value.addPass(c), o.resolutionScale !== void 0 && Fe.isWebGL2Available() && (b = new _e({
-        normalBuffer: c.texture,
+  setup(i, { expose: t, emit: e }) {
+    const o = i, s = e, { scene: a, camera: r, renderer: n, sizes: u } = G(), l = U(null);
+    let d = null, x = null;
+    He(Z, l), t({ composer: l });
+    const b = () => {
+      l.value && (x = new Ze(a.value, r.activeCamera.value), x.enabled = !1, l.value.addPass(x), o.resolutionScale !== void 0 && Fe.isWebGL2Available() && (d = new _e({
+        normalBuffer: x.texture,
         resolutionScale: o.resolutionScale
-      }), b.enabled = !1, p.value.addPass(b)));
-    }, m = O(() => {
-      const x = new he(), G = {
-        depthBuffer: o.depthBuffer !== void 0 ? o.depthBuffer : x.inputBuffer.depthBuffer,
-        stencilBuffer: o.stencilBuffer !== void 0 ? o.stencilBuffer : x.inputBuffer.stencilBuffer,
-        multisampling: Fe.isWebGL2Available() ? o.multisampling !== void 0 ? o.multisampling : x.multisampling : 0,
-        frameBufferType: o.frameBufferType !== void 0 ? o.frameBufferType : P
+      }), d.enabled = !1, l.value.addPass(d)));
+    }, A = F(() => {
+      const p = new he(), w = {
+        depthBuffer: o.depthBuffer !== void 0 ? o.depthBuffer : p.inputBuffer.depthBuffer,
+        stencilBuffer: o.stencilBuffer !== void 0 ? o.stencilBuffer : p.inputBuffer.stencilBuffer,
+        multisampling: Fe.isWebGL2Available() ? o.multisampling !== void 0 ? o.multisampling : p.multisampling : 0,
+        frameBufferType: o.frameBufferType !== void 0 ? o.frameBufferType : E
       };
-      return x.dispose(), G;
-    }), A = () => {
-      var x;
-      !i.value && !a.value && !r.value || ((x = p.value) == null || x.dispose(), p.value = new he(i.value, m.value), p.value.addPass(new Je(a.value, r.value)), o.disableNormalPass || S());
+      return p.dispose(), w;
+    }), m = () => {
+      var p;
+      !n.instance && !a.value && !r.activeCamera.value || ((p = l.value) == null || p.dispose(), l.value = new he(n.instance, A.value), l.value.addPass(new Je(a.value, r.activeCamera.value)), o.disableNormalPass || b());
     };
-    g([i, a, r, () => o.disableNormalPass], () => {
-      !l.width.value || !l.height.value || A();
-    }), g(() => [l.width.value, l.height.value], ([x, G]) => {
-      !x && !G || (p.value ? p.value.setSize(x, G) : A());
+    return g([a, r.activeCamera, () => o.disableNormalPass], () => {
+      !u.width.value || !u.height.value || m();
+    }), g(() => [u.width.value, u.height.value], ([p, w]) => {
+      !p && !w || (l.value ? l.value.setSize(p, w) : m());
     }, {
       immediate: !0
-    });
-    const { render: E } = I();
-    return E(() => {
-      if (o.enabled && i.value && p.value && l.width.value && l.height.value && d.frames.value > 0) {
-        const x = i.value.autoClear;
-        i.value.autoClear = o.autoClear, o.stencilBuffer && !o.autoClear && i.value.clearStencil(), p.value.render(), s("render", p.value), i.value.autoClear = x;
+    }), n.replaceRenderFunction((p) => {
+      if (o.enabled && n.instance && l.value && u.width.value && u.height.value) {
+        const w = n.instance.autoClear;
+        n.instance.autoClear = o.autoClear, o.stencilBuffer && !o.autoClear && n.instance.clearStencil(), l.value.render(), s("render", l.value), n.instance.autoClear = w, p();
       }
-      d.frames.value = d.mode.value === "always" ? 1 : Math.max(0, d.frames.value - 1);
-    }), W(() => {
-      var x;
-      (x = p.value) == null || x.dispose();
-    }), (x, G) => Ie(x.$slots, "default");
-  }
-}), h = (n, t, e) => {
-  const o = J($), s = H(null), a = H(null), { scene: r, camera: i, invalidate: l } = y();
-  g(t, () => l());
-  const d = () => {
-    var c, S, m;
-    s.value && ((c = o == null ? void 0 : o.value) == null || c.removePass(s.value)), (S = a.value) == null || S.dispose(), (m = s.value) == null || m.dispose();
-  }, p = (c) => {
-    !i.value || !(o != null && o.value) || !r.value || (a.value = n(), s.value = new Xe(i.value, a.value), o.value.addPass(s.value, c));
+    }), z(() => {
+      var p;
+      (p = l.value) == null || p.dispose();
+    }), (p, w) => Ie(p.$slots, "default");
+  }
+}), h = (i, t, e) => {
+  const o = Q(Z), s = U(null), a = U(null), { scene: r, camera: n, invalidate: u } = C();
+  g(t, () => u());
+  const l = () => {
+    var b, A, m;
+    s.value && ((b = o == null ? void 0 : o.value) == null || b.removePass(s.value)), (A = a.value) == null || A.dispose(), (m = s.value) == null || m.dispose();
+  }, d = (b) => {
+    !n.value || !(o != null && o.value) || !r.value || (a.value = i(), s.value = new Xe(n.value, a.value), o.value.addPass(s.value, b));
   };
   e && g(
-    () => e.map((c) => t[c]),
+    () => e.map((b) => t[b]),
     () => {
-      var S;
+      var A;
       if (!(o != null && o.value))
         return;
-      const c = (S = o.value) == null ? void 0 : S.passes.findIndex((m) => m === s.value);
-      ~c && (d(), p(c));
+      const b = (A = o.value) == null ? void 0 : A.passes.findIndex((m) => m === s.value);
+      ~b && (l(), d(b));
     }
-  ), w(() => {
-    !i.value || !(a != null && a.value) || (a.value.mainCamera = i.value);
+  ), S(() => {
+    !n.value || !(a != null && a.value) || (a.value.mainCamera = n.value);
   });
-  const b = w(() => {
-    !i.value || !(o != null && o.value) || !r.value || (ce(() => b()), !a.value && p());
+  const x = S(() => {
+    !n.value || !(o != null && o.value) || !r.value || (ue(() => x()), !a.value && d());
   });
-  return W(() => {
-    d();
+  return z(() => {
+    l();
   }), {
     pass: s,
     effect: a
   };
-}, ke = /([^[.\]])+/g, Tt = (n, t) => {
+}, ke = /([^[.\]])+/g, Tt = (i, t) => {
   if (!t)
     return;
   const e = Array.isArray(t) ? t : t.match(ke);
-  return e == null ? void 0 : e.reduce((o, s) => o && o[s], n);
-}, Oe = (n, t, e) => {
+  return e == null ? void 0 : e.reduce((o, s) => o && o[s], i);
+}, Oe = (i, t, e) => {
   const o = Array.isArray(t) ? t : t.match(ke);
-  o && o.reduce((s, a, r) => (s[a] === void 0 && (s[a] = {}), r === o.length - 1 && (s[a] = e), s[a]), n);
-}, Ct = (n, t) => {
-  const e = { ...n };
+  o && o.reduce((s, a, r) => (s[a] === void 0 && (s[a] = {}), r === o.length - 1 && (s[a] = e), s[a]), i);
+}, Ct = (i, t) => {
+  const e = { ...i };
   return t.forEach((o) => delete e[o]), e;
-}, X = (n, t, e, o, s = {}) => g(n, (a) => {
+}, H = (i, t, e, o, s = {}) => g(i, (a) => {
   var r;
   if (t.value)
     if (a === void 0) {
-      const i = o();
-      Oe(t.value, e, Tt(i, e)), (r = i.dispose) == null || r.call(i);
+      const n = o();
+      Oe(t.value, e, Tt(n, e)), (r = n.dispose) == null || r.call(n);
     } else
-      Oe(t.value, e, n());
-}, s), v = (n, t, e) => n.map(([o, s]) => X(
+      Oe(t.value, e, i());
+}, s), v = (i, t, e) => i.map(([o, s]) => H(
   o,
   t,
   s,
   e
-)), de = (n, t, e) => Object.keys(n).map((o) => X(
-  () => n[o],
+)), de = (i, t, e) => Object.keys(i).map((o) => H(
+  () => i[o],
   t,
   o,
   e
-)), kt = /* @__PURE__ */ u({
+)), kt = /* @__PURE__ */ c({
   __name: "BloomPmndrs",
   props: {
     blendFunction: {},
@@ -178,8 +175,8 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     luminanceSmoothing: {},
     mipmapBlur: { type: Boolean, default: void 0 }
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new pe(e), e, ["mipmapBlur"]);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new pe(e), e, ["mipmapBlur"]);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -193,7 +190,7 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), qt = /* @__PURE__ */ u({
+}), qt = /* @__PURE__ */ c({
   __name: "DepthOfFieldPmndrs",
   props: {
     blendFunction: {},
@@ -206,8 +203,8 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     resolutionX: {},
     resolutionY: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { camera: o } = y(), { pass: s, effect: a } = h(() => new me(o.value, e), e);
+  setup(i, { expose: t }) {
+    const e = i, { camera: o } = C(), { pass: s, effect: a } = h(() => new me(o.value, e), e);
     return t({ pass: s, effect: a }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -225,7 +222,7 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Qt = /* @__PURE__ */ u({
+}), Qt = /* @__PURE__ */ c({
   __name: "GlitchPmndrs",
   props: {
     blendFunction: {},
@@ -240,41 +237,41 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     perturbationMap: {},
     dtSize: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new j(e), e, ["dtSize"]);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new I(e), e, ["dtSize"]);
     t({ pass: o, effect: s });
-    const { onBeforeRender: a } = I();
-    return a(({ invalidate: r }) => r()), w(() => {
-      const r = () => {
+    const { invalidate: a } = C(), { onBeforeRender: r } = ce();
+    return r(() => a()), S(() => {
+      const n = () => {
         if (e.mode !== void 0)
           return e.active === !1 ? $e.DISABLED : e.mode;
-        const i = new j(), l = i.mode;
-        return i.dispose(), l;
+        const u = new I(), l = u.mode;
+        return u.dispose(), l;
       };
-      s.value && (s.value.mode = r());
-    }), X(
+      s.value && (s.value.mode = n());
+    }), H(
       () => e.blendFunction,
       s,
       "blendMode.blendFunction",
-      () => new j()
+      () => new I()
     ), de(
       Ct(e, ["active", "blendFunction"]),
       s,
-      () => new j()
+      () => new I()
     ), () => {
     };
   }
-}), Kt = /* @__PURE__ */ u({
+}), Kt = /* @__PURE__ */ c({
   __name: "NoisePmndrs",
   props: {
     premultiply: { type: Boolean, default: void 0 },
     blendFunction: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new ve(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new ve(e), e);
     t({ pass: o, effect: s });
-    const { onBeforeRender: a } = I();
-    return a(({ invalidate: r }) => r()), v(
+    const { invalidate: a } = C(), { onBeforeRender: r } = ce();
+    return r(() => a()), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
         [() => e.premultiply, "premultiply"]
@@ -284,7 +281,7 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Jt = /* @__PURE__ */ u({
+}), Jt = /* @__PURE__ */ c({
   __name: "OutlinePmndrs",
   props: {
     outlinedObjects: {},
@@ -303,8 +300,8 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     hiddenEdgeColor: {},
     visibleEdgeColor: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, o = (d) => d !== void 0 ? ie(d).getHex() : void 0, { camera: s, scene: a } = y(), { pass: r, effect: i } = h(
+  setup(i, { expose: t }) {
+    const e = i, o = (l) => l !== void 0 ? ie(l).getHex() : void 0, { camera: s, scene: a } = C(), { pass: r, effect: n } = h(
       () => new ge(
         a.value,
         s.value,
@@ -328,18 +325,18 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
       ),
       e
     );
-    t({ pass: r, effect: i }), g(
-      [() => e.outlinedObjects, i],
+    t({ pass: r, effect: n }), g(
+      [() => e.outlinedObjects, n],
       // watchEffect is intentionally not used here as it would result in an endless loop
       () => {
-        var d;
-        (d = i.value) == null || d.selection.set(e.outlinedObjects || []);
+        var l;
+        (l = n.value) == null || l.selection.set(e.outlinedObjects || []);
       },
       {
         immediate: !0
       }
     );
-    const l = O(() => ({
+    const u = F(() => ({
       hiddenEdgeColor: e.hiddenEdgeColor ? ie(e.hiddenEdgeColor) : void 0,
       visibleEdgeColor: e.visibleEdgeColor ? ie(e.visibleEdgeColor) : void 0
     }));
@@ -357,21 +354,21 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
         [() => e.resolutionY, "resolution.height"],
         [() => e.patternTexture, "patternTexture"],
         [() => e.resolutionScale, "resolution.scale"],
-        [() => l.value.hiddenEdgeColor, "hiddenEdgeColor"],
-        [() => l.value.visibleEdgeColor, "visibleEdgeColor"]
+        [() => u.value.hiddenEdgeColor, "hiddenEdgeColor"],
+        [() => u.value.visibleEdgeColor, "visibleEdgeColor"]
       ],
-      i,
+      n,
       () => new ge()
     ), () => {
     };
   }
-}), Zt = /* @__PURE__ */ u({
+}), Zt = /* @__PURE__ */ c({
   __name: "PixelationPmndrs",
   props: {
     granularity: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new xe(e.granularity), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new xe(e.granularity), e);
     return t({ pass: o, effect: s }), de(
       e,
       s,
@@ -379,7 +376,7 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), _t = /* @__PURE__ */ u({
+}), _t = /* @__PURE__ */ c({
   __name: "VignettePmndrs",
   props: {
     technique: {},
@@ -387,8 +384,8 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     offset: {},
     darkness: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new be(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new be(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -402,7 +399,7 @@ const $ = Symbol("effectComposerPmndrs"), Yt = /* @__PURE__ */ u({
     };
   }
 });
-class Be extends Z {
+class Re extends K {
   /**
    * Creates a new BarrelBlurEffect instance.
    *
@@ -412,7 +409,7 @@ class Be 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: t = _.NORMAL, amount: e = 0.15, offset: o = new f(0.5, 0.5) } = {}) {
+  constructor({ blendFunction: t = J.NORMAL, amount: e = 0.15, offset: o = new f(0.5, 0.5) } = {}) {
     super("BarrelBlurEffect", `
     uniform float amount;
     uniform vec2 offset;
@@ -460,9 +457,9 @@ class Be extends Z {
       `, {
       blendFunction: t,
       uniforms: /* @__PURE__ */ new Map([
-        ["amount", new C(e)],
+        ["amount", new T(e)],
         // Uniform controlling the intensity of distortion
-        ["offset", new C(o)]
+        ["offset", new T(o)]
         // Uniform controlling the offset of distortion
       ])
     });
@@ -492,16 +489,16 @@ class Be extends Z {
     this.uniforms.get("offset").value = t;
   }
 }
-const $t = /* @__PURE__ */ u({
+const $t = /* @__PURE__ */ c({
   __name: "BarrelBlurPmndrs",
   props: {
     blendFunction: {},
     amount: {},
     offset: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(
-      () => new Be({
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(
+      () => new Re({
         ...e,
         offset: Array.isArray(e.offset) ? new f(...e.offset) : e.offset
       }),
@@ -514,11 +511,11 @@ const $t = /* @__PURE__ */ u({
         [() => e.offset, "offset"]
       ],
       s,
-      () => new Be()
+      () => new Re()
     ), () => {
     };
   }
-}), eo = /* @__PURE__ */ u({
+}), eo = /* @__PURE__ */ c({
   __name: "ToneMappingPmndrs",
   props: {
     mode: {},
@@ -529,8 +526,8 @@ const $t = /* @__PURE__ */ u({
     minLuminance: {},
     whitePoint: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new Se(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new we(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.mode, "mode"],
@@ -542,11 +539,11 @@ const $t = /* @__PURE__ */ u({
         [() => e.whitePoint, "whitePoint"]
       ],
       s,
-      () => new Se()
+      () => new we()
     ), () => {
     };
   }
-}), to = /* @__PURE__ */ u({
+}), to = /* @__PURE__ */ c({
   __name: "ChromaticAberrationPmndrs",
   props: {
     blendFunction: {},
@@ -554,8 +551,8 @@ const $t = /* @__PURE__ */ u({
     radialModulation: { type: Boolean, default: void 0 },
     modulationOffset: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, o = new ee(), { pass: s, effect: a } = h(() => new ee({
+  setup(i, { expose: t }) {
+    const e = i, o = new $(), { pass: s, effect: a } = h(() => new $({
       ...e,
       // 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.
@@ -570,19 +567,19 @@ const $t = /* @__PURE__ */ u({
         [() => e.modulationOffset, "modulationOffset"]
       ],
       a,
-      () => new ee()
+      () => new $()
     ), () => {
     };
   }
-}), oo = /* @__PURE__ */ u({
+}), oo = /* @__PURE__ */ c({
   __name: "HueSaturationPmndrs",
   props: {
     saturation: {},
     hue: {},
     blendFunction: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new we(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Se(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -590,11 +587,11 @@ const $t = /* @__PURE__ */ u({
         [() => e.saturation, "saturation"]
       ],
       s,
-      () => new we()
+      () => new Se()
     ), () => {
     };
   }
-}), so = /* @__PURE__ */ u({
+}), so = /* @__PURE__ */ c({
   __name: "ScanlinePmndrs",
   props: {
     blendFunction: {},
@@ -602,8 +599,8 @@ const $t = /* @__PURE__ */ u({
     scrollSpeed: {},
     opacity: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new te(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new ee(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -611,7 +608,7 @@ const $t = /* @__PURE__ */ u({
         [() => e.scrollSpeed, "scrollSpeed"]
       ],
       s,
-      () => new te()
+      () => new ee()
     ), g(
       [() => e.opacity],
       () => {
@@ -619,8 +616,8 @@ const $t = /* @__PURE__ */ u({
         if (e.opacity !== void 0)
           (a = s.value) == null || a.blendMode.setOpacity(e.opacity);
         else {
-          const i = new te();
-          (r = s.value) == null || r.blendMode.setOpacity(i.blendMode.getOpacity()), i.dispose();
+          const n = new ee();
+          (r = s.value) == null || r.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
         }
       },
       {
@@ -726,7 +723,7 @@ void mainImage(const in vec4 inputColor, const in vec2 uv, out vec4 outputColor)
     outputColor = vec4(finalColor, inputColor.a);
 }
 `;
-class Re extends Z {
+class Be extends K {
   /**
    * Creates a new KuwaharaEffect instance.
    *
@@ -736,12 +733,12 @@ class Re extends Z {
    * @param {number} [options.sectorCount] - Number of sectors.
    *
    */
-  constructor({ blendFunction: t = _.NORMAL, radius: e = 1, sectorCount: o = 4 } = {}) {
+  constructor({ blendFunction: t = J.NORMAL, radius: e = 1, sectorCount: o = 4 } = {}) {
     super("KuwaharaEffect", Et, {
       blendFunction: t,
       uniforms: /* @__PURE__ */ new Map([
-        ["radius", new C(e)],
-        ["sectorCount", new C(o)]
+        ["radius", new T(e)],
+        ["sectorCount", new T(o)]
       ])
     });
   }
@@ -770,16 +767,16 @@ class Re extends Z {
     this.uniforms.get("sectorCount").value = t;
   }
 }
-const ao = /* @__PURE__ */ u({
+const ao = /* @__PURE__ */ c({
   __name: "KuwaharaPmndrs",
   props: {
     blendFunction: {},
     radius: {},
     sectorCount: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(
-      () => new Re(e),
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(
+      () => new Be(e),
       e
     );
     return t({ pass: o, effect: s }), v(
@@ -789,23 +786,23 @@ const ao = /* @__PURE__ */ u({
         [() => e.sectorCount, "sectorCount"]
       ],
       s,
-      () => new Re()
+      () => new Be()
     ), () => {
     };
   }
-}), ro = /* @__PURE__ */ u({
+}), ro = /* @__PURE__ */ c({
   __name: "ColorAveragePmndrs",
   props: {
     blendFunction: {},
     opacity: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new oe(e.blendFunction), e);
-    return t({ pass: o, effect: s }), X(
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new te(e.blendFunction), e);
+    return t({ pass: o, effect: s }), H(
       () => e.blendFunction,
       s,
       "blendMode.blendFunction",
-      () => new oe()
+      () => new te()
     ), g(
       [s, () => e.opacity],
       () => {
@@ -814,14 +811,14 @@ const ao = /* @__PURE__ */ u({
           if (e.opacity !== void 0)
             (a = s.value) == null || a.blendMode.setOpacity(e.opacity);
           else {
-            const i = new oe();
-            (r = s.value) == null || r.blendMode.setOpacity(i.blendMode.getOpacity()), i.dispose();
+            const n = new te();
+            (r = s.value) == null || r.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
           }
       }
     ), () => {
     };
   }
-}), no = /* @__PURE__ */ u({
+}), io = /* @__PURE__ */ c({
   __name: "LensDistortionPmndrs",
   props: {
     distortion: {},
@@ -829,8 +826,8 @@ const ao = /* @__PURE__ */ u({
     focalLength: {},
     skew: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(
       () => new Ae({
         ...e,
         distortion: e.distortion ? Array.isArray(e.distortion) ? new f(...e.distortion) : e.distortion : new f(),
@@ -846,7 +843,7 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), io = /* @__PURE__ */ u({
+}), no = /* @__PURE__ */ c({
   __name: "ShockWavePmndrs",
   props: {
     position: {},
@@ -855,15 +852,15 @@ const ao = /* @__PURE__ */ u({
     maxRadius: {},
     waveSize: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { camera: o } = y(), { pass: s, effect: a } = h(
-      () => new ye(o.value, Array.isArray(e.position) ? new B(...e.position) : e.position, e),
+  setup(i, { expose: t }) {
+    const e = i, { camera: o } = C(), { pass: s, effect: a } = h(
+      () => new ye(o.value, Array.isArray(e.position) ? new O(...e.position) : e.position, e),
       e
     );
     return t({ pass: s, effect: a }), g(
       () => e.position,
       (r) => {
-        a.value && (Array.isArray(r) ? a.value.position.set(...r) : r instanceof B && a.value.position.copy(r));
+        a.value && (Array.isArray(r) ? a.value.position.set(...r) : r instanceof O && a.value.position.copy(r));
       },
       { immediate: !0 }
     ), v(
@@ -878,7 +875,7 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), lo = /* @__PURE__ */ u({
+}), lo = /* @__PURE__ */ c({
   __name: "TiltShiftPmndrs",
   props: {
     blendFunction: {},
@@ -891,8 +888,8 @@ const ao = /* @__PURE__ */ u({
     resolutionX: {},
     resolutionY: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new Me(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Me(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -910,15 +907,15 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), uo = /* @__PURE__ */ u({
+}), uo = /* @__PURE__ */ c({
   __name: "DotScreenPmndrs",
   props: {
     angle: {},
     scale: {},
     blendFunction: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new Te(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Te(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -930,14 +927,14 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), co = /* @__PURE__ */ u({
+}), co = /* @__PURE__ */ c({
   __name: "SepiaPmndrs",
   props: {
     blendFunction: {},
     intensity: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new Ce(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Ce(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -949,14 +946,14 @@ const ao = /* @__PURE__ */ u({
     };
   }
 });
-class Ne extends Z {
+class Ne extends K {
   /**
    * Creates a new LinocutEffect instance.
    *
    * @param {LinocutPmndrsProps} [options] - Configuration options for the effect.
    *
    */
-  constructor({ blendFunction: t = _.NORMAL, scale: e = 0.85, noiseScale: o = 0, center: s = [0.5, 0.5], rotation: a = 0 } = {}) {
+  constructor({ blendFunction: t = J.NORMAL, scale: e = 0.85, noiseScale: o = 0, center: s = [0.5, 0.5], rotation: a = 0 } = {}) {
     const r = Array.isArray(s) ? new f().fromArray(s) : s;
     super("LinocutEffect", `
     uniform float scale;
@@ -1021,10 +1018,10 @@ class Ne extends Z {
     `, {
       blendFunction: t,
       uniforms: /* @__PURE__ */ new Map([
-        ["scale", new C(e)],
-        ["noiseScale", new C(o)],
-        ["center", new C(r)],
-        ["rotation", new C(a)]
+        ["scale", new T(e)],
+        ["noiseScale", new T(o)],
+        ["center", new T(r)],
+        ["rotation", new T(a)]
       ])
     });
   }
@@ -1057,7 +1054,7 @@ class Ne extends Z {
     this.uniforms.get("rotation").value = t;
   }
 }
-const fo = /* @__PURE__ */ u({
+const fo = /* @__PURE__ */ c({
   __name: "LinocutPmndrs",
   props: {
     blendFunction: {},
@@ -1066,8 +1063,8 @@ const fo = /* @__PURE__ */ u({
     center: {},
     rotation: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(
       () => new Ne({
         ...e,
         center: e.center instanceof f ? [e.center.x, e.center.y] : e.center
@@ -1087,23 +1084,23 @@ const fo = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), ho = /* @__PURE__ */ u({
+}), ho = /* @__PURE__ */ c({
   __name: "DepthPickingPassPmndrs",
   props: {
     depthPacking: {},
     mode: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, o = J($), s = new et(e), a = w(() => {
-      o != null && o.value && (ce(() => a()), o.value.addPass(s));
+  setup(i, { expose: t }) {
+    const e = i, o = Q(Z), s = new et(e), a = S(() => {
+      o != null && o.value && (ue(() => a()), o.value.addPass(s));
     });
-    return W(() => {
+    return z(() => {
       var r;
       !(o != null && o.value) || !s || ((r = o == null ? void 0 : o.value) == null || r.removePass(s), s.dispose());
     }), t({ pass: s }), () => {
     };
   }
-}), po = /* @__PURE__ */ u({
+}), po = /* @__PURE__ */ c({
   __name: "GodRaysPmndrs",
   props: {
     blendFunction: {},
@@ -1121,14 +1118,14 @@ const fo = /* @__PURE__ */ u({
     samples: {},
     clampMax: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { camera: o } = y(), s = O(
+  setup(i, { expose: t }) {
+    const e = i, { camera: o } = C(), s = F(
       () => e.lightSource ?? new je(
         new ot(1e-5),
         new Ve({ visible: !1 })
       )
     ), { pass: a, effect: r } = h(
-      () => new se(o.value, s.value, e),
+      () => new oe(o.value, s.value, e),
       e
     );
     return t({ pass: a, effect: r }), v(
@@ -1147,7 +1144,7 @@ const fo = /* @__PURE__ */ u({
         [() => e.blur, "blurPass.enabled"]
       ],
       r,
-      () => new se()
+      () => new oe()
     ), g(
       [() => e.lightSource, r],
       () => {
@@ -1157,15 +1154,15 @@ const fo = /* @__PURE__ */ u({
     ), g(
       [() => e.opacity],
       () => {
-        var i, l;
+        var n, u;
         if (e.opacity !== void 0)
-          (i = r.value) == null || i.blendMode.setOpacity(e.opacity);
+          (n = r.value) == null || n.blendMode.setOpacity(e.opacity);
         else {
-          const d = new se(
+          const l = new oe(
             o.value,
             fe(s.value)
           );
-          (l = r.value) == null || l.blendMode.setOpacity(d.blendMode.getOpacity()), d.dispose();
+          (u = r.value) == null || u.blendMode.setOpacity(l.blendMode.getOpacity()), l.dispose();
         }
       },
       {
@@ -1174,20 +1171,20 @@ const fo = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), mo = /* @__PURE__ */ u({
+}), mo = /* @__PURE__ */ c({
   __name: "ColorDepthPmndrs",
   props: {
     blendFunction: {},
     bits: {},
     opacity: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new V(e), e);
-    return t({ pass: o, effect: s }), X(
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new X(e), e);
+    return t({ pass: o, effect: s }), H(
       () => e.blendFunction,
       s,
       "blendMode.blendFunction",
-      () => new V()
+      () => new X()
     ), g(
       [s, () => e.bits],
       () => {
@@ -1196,8 +1193,8 @@ const fo = /* @__PURE__ */ u({
           if (e.bits !== void 0)
             (a = s.value) == null || a.setBitDepth(e.bits);
           else {
-            const i = new V();
-            (r = s.value) == null || r.setBitDepth(i.getBitDepth()), i.dispose();
+            const n = new X();
+            (r = s.value) == null || r.setBitDepth(n.getBitDepth()), n.dispose();
           }
       }
     ), g(
@@ -1208,22 +1205,22 @@ const fo = /* @__PURE__ */ u({
           if (e.opacity !== void 0)
             (a = s.value) == null || a.blendMode.setOpacity(e.opacity);
           else {
-            const i = new V();
-            (r = s.value) == null || r.blendMode.setOpacity(i.blendMode.getOpacity()), i.dispose();
+            const n = new X();
+            (r = s.value) == null || r.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
           }
       }
     ), () => {
     };
   }
-}), vo = /* @__PURE__ */ u({
+}), vo = /* @__PURE__ */ c({
   __name: "GridPmndrs",
   props: {
     blendFunction: {},
     scale: {},
     lineWidth: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new Ee(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Ee(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -1236,7 +1233,7 @@ const fo = /* @__PURE__ */ u({
     };
   }
 });
-class ze extends Z {
+class ze extends K {
   /**
    * Creates a new FishEyeEffect instance.
    *
@@ -1247,7 +1244,7 @@ class ze extends Z {
    * @param {number} [options.scale] - Scale.
    *
    */
-  constructor({ blendFunction: t = _.NORMAL, lensS: e = new f(1, 1), lensF: o = new f(0, 1), scale: s = 1 } = {}) {
+  constructor({ blendFunction: t = J.NORMAL, lensS: e = new f(1, 1), lensF: o = new f(0, 1), scale: s = 1 } = {}) {
     super("FishEyeEffect", `
       uniform vec2 lensS;
       uniform vec2 lensF;
@@ -1269,9 +1266,9 @@ class ze extends Z {
       `, {
       blendFunction: t,
       uniforms: /* @__PURE__ */ new Map([
-        ["lensS", new C(e)],
-        ["lensF", new C(o)],
-        ["scale", new C(s)]
+        ["lensS", new T(e)],
+        ["lensF", new T(o)],
+        ["scale", new T(s)]
       ])
     });
   }
@@ -1312,7 +1309,7 @@ class ze extends Z {
     this.uniforms.get("scale").value = t;
   }
 }
-const go = /* @__PURE__ */ u({
+const go = /* @__PURE__ */ c({
   __name: "FishEyePmndrs",
   props: {
     blendFunction: {},
@@ -1320,10 +1317,10 @@ const go = /* @__PURE__ */ u({
     lensF: {},
     scale: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, o = O(
+  setup(i, { expose: t }) {
+    const e = i, o = F(
       () => Array.isArray(e.lensS) ? new f(...e.lensS) : e.lensS
-    ), s = O(
+    ), s = F(
       () => Array.isArray(e.lensF) ? new f(...e.lensF) : e.lensF
     ), { pass: a, effect: r } = h(
       () => new ze({
@@ -1345,15 +1342,15 @@ const go = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), xo = /* @__PURE__ */ u({
+}), xo = /* @__PURE__ */ c({
   __name: "BrightnessContrastPmndrs",
   props: {
     blendFunction: {},
     brightness: {},
     contrast: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new Pe(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Pe(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -1365,11 +1362,11 @@ const go = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), le = {
+}), ne = {
   OFF: 0,
   EDGES: 1,
   WEIGHTS: 2
-}, bo = /* @__PURE__ */ u({
+}, bo = /* @__PURE__ */ c({
   __name: "SMAAPmndrs",
   props: {
     blendFunction: {},
@@ -1379,10 +1376,10 @@ const go = /* @__PURE__ */ u({
     predicationMode: {},
     debug: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new ae(e), e), { camera: a } = y(), r = J($);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new se(e), e), { camera: a } = C(), r = Q(Z);
     t({ pass: o, effect: s });
-    const i = new ae();
+    const n = new se();
     v(
       [
         [() => Number(e.blendFunction), "blendMode.blendFunction"],
@@ -1390,11 +1387,11 @@ const go = /* @__PURE__ */ u({
         [() => Number(e.edgeDetectionMode), "edgeDetectionMaterial.edgeDetectionMode"]
       ],
       s,
-      () => new ae()
+      () => new se()
     ), g(
       [s, () => e.opacity],
       () => {
-        s.value && (e.opacity !== void 0 ? s.value.blendMode.setOpacity(e.opacity) : s.value.blendMode.setOpacity(i.blendMode.getOpacity()));
+        s.value && (e.opacity !== void 0 ? s.value.blendMode.setOpacity(e.opacity) : s.value.blendMode.setOpacity(n.blendMode.getOpacity()));
       },
       { immediate: !0 }
     ), g(
@@ -1403,32 +1400,32 @@ const go = /* @__PURE__ */ u({
         s.value && s.value.applyPreset(Number(e.preset));
       }
     );
-    let l = null, d = null;
-    const p = (m) => {
+    let u = null, l = null;
+    const d = (m) => {
       if (!s.value)
         return null;
-      const A = m === "edges" ? s.value.edgesTexture : s.value.weightsTexture, E = new Xe(a.value, s.value, new q({ texture: A }));
-      return E.renderToScreen = !1, E.enabled = !1, E.fullscreenMaterial.encodeOutput = !1, E;
-    }, b = (m) => {
-      m === "edges" && !l ? l = p("edges") : m === "weights" && !d && (d = p("weights"));
-    }, c = (m, A) => {
-      !m || !(r != null && r.value) || m.enabled !== A && (m.enabled = A, m.renderToScreen = A, A && !(r != null && r.value.passes.includes(m)) ? r == null || r.value.addPass(m) : !A && (r != null && r.value.passes.includes(m)) && (r == null || r.value.removePass(m), m.dispose()));
-    }, S = (m) => {
+      const p = m === "edges" ? s.value.edgesTexture : s.value.weightsTexture, w = new Xe(a.value, s.value, new Y({ texture: p }));
+      return w.renderToScreen = !1, w.enabled = !1, w.fullscreenMaterial.encodeOutput = !1, w;
+    }, x = (m) => {
+      m === "edges" && !u ? u = d("edges") : m === "weights" && !l && (l = d("weights"));
+    }, b = (m, p) => {
+      !m || !(r != null && r.value) || m.enabled !== p && (m.enabled = p, m.renderToScreen = p, p && !(r != null && r.value.passes.includes(m)) ? r == null || r.value.addPass(m) : !p && (r != null && r.value.passes.includes(m)) && (r == null || r.value.removePass(m), m.dispose()));
+    }, A = (m) => {
       if (!o.value)
         return;
-      const A = m === le.OFF, E = m === le.EDGES, x = m === le.WEIGHTS;
-      o.value.enabled = A, o.value.renderToScreen = A, E && b("edges"), x && b("weights"), c(l, E), c(d, x), E || (l = null), x || (d = null);
+      const p = m === ne.OFF, w = m === ne.EDGES, _ = m === ne.WEIGHTS;
+      o.value.enabled = p, o.value.renderToScreen = p, w && x("edges"), _ && x("weights"), b(u, w), b(l, _), w || (u = null), _ || (l = null);
     };
     return g(
       () => e.debug,
       () => {
-        !o.value || e.debug === void 0 || S(e.debug);
+        !o.value || e.debug === void 0 || A(e.debug);
       },
       { immediate: !0 }
     ), () => {
     };
   }
-}), So = /* @__PURE__ */ u({
+}), wo = /* @__PURE__ */ c({
   __name: "FXAAPmndrs",
   props: {
     blendFunction: {},
@@ -1438,8 +1435,8 @@ const go = /* @__PURE__ */ u({
     maxEdgeThreshold: {},
     subpixelQuality: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new re(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new ae(e), e);
     return t({ pass: o, effect: s }), v(
       [
         [() => e.blendFunction, "blendMode.blendFunction"],
@@ -1449,7 +1446,7 @@ const go = /* @__PURE__ */ u({
         [() => e.subpixelQuality, "subpixelQuality"]
       ],
       s,
-      () => new re()
+      () => new ae()
     ), g(
       [s, () => e.opacity],
       () => {
@@ -1458,23 +1455,23 @@ const go = /* @__PURE__ */ u({
           if (e.opacity !== void 0)
             (a = s.value) == null || a.blendMode.setOpacity(e.opacity);
           else {
-            const i = new re();
-            (r = s.value) == null || r.blendMode.setOpacity(i.blendMode.getOpacity()), i.dispose();
+            const n = new ae();
+            (r = s.value) == null || r.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
           }
       },
       { immediate: !0 }
     ), () => {
     };
   }
-}), wo = /* @__PURE__ */ u({
+}), So = /* @__PURE__ */ c({
   __name: "TexturePmndrs",
   props: {
     blendFunction: {},
     texture: {},
     opacity: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o, effect: s } = h(() => new q(e), e);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o, effect: s } = h(() => new Y(e), e);
     return t({
       pass: o,
       effect: s
@@ -1483,7 +1480,7 @@ const go = /* @__PURE__ */ u({
         [() => e.blendFunction, "blendMode.blendFunction"]
       ],
       s,
-      () => new q()
+      () => new Y()
     ), g(
       [() => e.opacity],
       () => {
@@ -1491,8 +1488,8 @@ const go = /* @__PURE__ */ u({
         if (e.opacity !== void 0)
           (a = s.value) == null || a.blendMode.setOpacity(e.opacity);
         else {
-          const i = new q();
-          (r = s.value) == null || r.blendMode.setOpacity(i.blendMode.getOpacity()), i.dispose();
+          const n = new Y();
+          (r = s.value) == null || r.blendMode.setOpacity(n.blendMode.getOpacity()), n.dispose();
         }
       },
       {
@@ -1501,7 +1498,7 @@ const go = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Ao = /* @__PURE__ */ u({
+}), Ao = /* @__PURE__ */ c({
   __name: "ASCIIPmndrs",
   props: {
     blendFunction: {},
@@ -1512,9 +1509,9 @@ const go = /* @__PURE__ */ u({
     useSceneColor: { type: Boolean },
     asciiTexture: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, o = new ne(), { asciiTexture: s, ...a } = e, { pass: r, effect: i } = h(() => new ne(a), e);
-    return t({ pass: r, effect: i }), W(() => {
+  setup(i, { expose: t }) {
+    const e = i, o = new re(), { asciiTexture: s, ...a } = e, { pass: r, effect: n } = h(() => new re(a), e);
+    return t({ pass: r, effect: n }), z(() => {
       o.dispose();
     }), v(
       [
@@ -1522,39 +1519,39 @@ const go = /* @__PURE__ */ u({
         [() => e.cellSize, "cellSize"],
         [() => e.inverted, "inverted"]
       ],
-      i,
-      () => new ne()
+      n,
+      () => new re()
     ), g(
-      [i, () => e.useSceneColor],
+      [n, () => e.useSceneColor],
       () => {
-        i.value && (e.useSceneColor ? i.value.color = null : i.value.color = e.color ?? o.color);
+        n.value && (e.useSceneColor ? n.value.color = null : n.value.color = e.color ?? o.color);
       },
       { immediate: !0 }
     ), g(
-      [i, () => e.opacity],
+      [n, () => e.opacity],
       () => {
-        i.value && i.value.blendMode.setOpacity(e.opacity ?? o.blendMode.getOpacity());
+        n.value && n.value.blendMode.setOpacity(e.opacity ?? o.blendMode.getOpacity());
       },
       { immediate: !0 }
     ), g(
-      [i, () => e.color],
+      [n, () => e.color],
       () => {
-        i.value && (e.useSceneColor || (i.value.color = e.color ?? null));
+        n.value && (e.useSceneColor || (n.value.color = e.color ?? null));
       },
       { immediate: !0 }
     ), g(
-      [i, () => e.asciiTexture],
+      [n, () => e.asciiTexture],
       () => {
-        if (!i.value)
+        if (!n.value)
           return;
-        const l = e.asciiTexture ? new tt(e.asciiTexture) : o.asciiTexture;
-        i.value.asciiTexture = l;
+        const u = e.asciiTexture ? new tt(e.asciiTexture) : o.asciiTexture;
+        n.value.asciiTexture = u;
       },
       { immediate: !0 }
     ), g(
-      [i, () => e.blendFunction],
+      [n, () => e.blendFunction],
       () => {
-        i.value && (i.value.blendMode.blendFunction = e.blendFunction ? Number(e.blendFunction) : Number(o.blendMode.blendFunction));
+        n.value && (n.value.blendMode.blendFunction = e.blendFunction ? Number(e.blendFunction) : Number(o.blendMode.blendFunction));
       },
       { immediate: !0 }
     ), () => {
@@ -1598,7 +1595,7 @@ const go = /* @__PURE__ */ u({
 		}`
   )
 };
-class D {
+class P {
   constructor() {
     this.isPass = !0, this.enabled = !0, this.needsSwap = !0, this.clear = !1, this.renderToScreen = !1;
   }
@@ -1634,9 +1631,9 @@ class R {
     this._mesh.material = t;
   }
 }
-class Ft extends D {
+class Ft extends P {
   constructor(t, e) {
-    super(), this.textureID = e !== void 0 ? e : "tDiffuse", t instanceof T ? (this.uniforms = t.uniforms, this.material = t) : t && (this.uniforms = L.clone(t.uniforms), this.material = new T({
+    super(), this.textureID = e !== void 0 ? e : "tDiffuse", t instanceof M ? (this.uniforms = t.uniforms, this.material = t) : t && (this.uniforms = D.clone(t.uniforms), this.material = new M({
       name: t.name !== void 0 ? t.name : "unspecified",
       defines: Object.assign({}, t.defines),
       uniforms: this.uniforms,
@@ -1651,18 +1648,18 @@ class Ft extends D {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-class We extends D {
+class We extends P {
   constructor(t, e) {
     super(), this.scene = t, this.camera = e, this.clear = !0, this.needsSwap = !1, this.inverse = !1;
   }
   render(t, e, o) {
     const s = t.getContext(), a = t.state;
     a.buffers.color.setMask(!1), a.buffers.depth.setMask(!1), a.buffers.color.setLocked(!0), a.buffers.depth.setLocked(!0);
-    let r, i;
-    this.inverse ? (r = 0, i = 1) : (r = 1, i = 0), a.buffers.stencil.setTest(!0), a.buffers.stencil.setOp(s.REPLACE, s.REPLACE, s.REPLACE), a.buffers.stencil.setFunc(s.ALWAYS, r, 4294967295), a.buffers.stencil.setClear(i), a.buffers.stencil.setLocked(!0), t.setRenderTarget(o), this.clear && t.clear(), t.render(this.scene, this.camera), t.setRenderTarget(e), this.clear && t.clear(), t.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);
+    let r, n;
+    this.inverse ? (r = 0, n = 1) : (r = 1, n = 0), a.buffers.stencil.setTest(!0), a.buffers.stencil.setOp(s.REPLACE, s.REPLACE, s.REPLACE), a.buffers.stencil.setFunc(s.ALWAYS, r, 4294967295), a.buffers.stencil.setClear(n), a.buffers.stencil.setLocked(!0), t.setRenderTarget(o), this.clear && t.clear(), t.render(this.scene, this.camera), t.setRenderTarget(e), this.clear && t.clear(), t.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 Ot extends D {
+class Ot extends P {
   constructor() {
     super(), this.needsSwap = !1;
   }
@@ -1670,14 +1667,14 @@ class Ot extends D {
     t.state.buffers.stencil.setLocked(!1), t.state.buffers.stencil.setTest(!1);
   }
 }
-class Bt {
+class Rt {
   constructor(t, e) {
     if (this.renderer = t, this._pixelRatio = t.getPixelRatio(), e === void 0) {
       const o = t.getSize(new f());
-      this._width = o.width, this._height = o.height, e = new F(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: P }), e.texture.name = "EffectComposer.rt1";
+      this._width = o.width, this._height = o.height, e = new L(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: E }), e.texture.name = "EffectComposer.rt1";
     } else
       this._width = e.width, this._height = e.height;
-    this.renderTarget1 = e, this.renderTarget2 = e.clone(), this.renderTarget2.texture.name = "EffectComposer.rt2", this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2, this.renderToScreen = !0, this.passes = [], this.copyPass = new Ft(qe), this.copyPass.material.blending = rt, this.clock = new nt();
+    this.renderTarget1 = e, this.renderTarget2 = e.clone(), this.renderTarget2.texture.name = "EffectComposer.rt2", this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2, this.renderToScreen = !0, this.passes = [], this.copyPass = new Ft(qe), this.copyPass.material.blending = rt, this.clock = new it();
   }
   swapBuffers() {
     const t = this.readBuffer;
@@ -1708,8 +1705,8 @@ class Bt {
       if (r.enabled !== !1) {
         if (r.renderToScreen = this.renderToScreen && this.isLastEnabledPass(s), r.render(this.renderer, this.writeBuffer, this.readBuffer, t, o), r.needsSwap) {
           if (o) {
-            const i = this.renderer.getContext(), l = this.renderer.state.buffers.stencil;
-            l.setFunc(i.NOTEQUAL, 1, 4294967295), this.copyPass.render(this.renderer, this.writeBuffer, this.readBuffer, t), l.setFunc(i.EQUAL, 1, 4294967295);
+            const n = this.renderer.getContext(), u = this.renderer.state.buffers.stencil;
+            u.setFunc(n.NOTEQUAL, 1, 4294967295), this.copyPass.render(this.renderer, this.writeBuffer, this.readBuffer, t), u.setFunc(n.EQUAL, 1, 4294967295);
           }
           this.swapBuffers();
         }
@@ -1739,9 +1736,9 @@ class Bt {
     this.renderTarget1.dispose(), this.renderTarget2.dispose(), this.copyPass.dispose();
   }
 }
-class Rt extends D {
+class Bt extends P {
   constructor(t, e, o = null, s = null, a = null) {
-    super(), this.scene = t, this.camera = e, this.overrideMaterial = o, this.clearColor = s, this.clearAlpha = a, this.clear = !0, this.clearDepth = !1, this.needsSwap = !1, this._oldClearColor = new K();
+    super(), this.scene = t, this.camera = e, this.overrideMaterial = o, this.clearColor = s, this.clearAlpha = a, this.clear = !0, this.clearDepth = !1, this.needsSwap = !1, this._oldClearColor = new q();
   }
   render(t, e, o) {
     const s = t.autoClear;
@@ -1750,60 +1747,58 @@ class Rt extends D {
     this.overrideMaterial !== null && (r = this.scene.overrideMaterial, this.scene.overrideMaterial = this.overrideMaterial), this.clearColor !== null && (t.getClearColor(this._oldClearColor), t.setClearColor(this.clearColor, t.getClearAlpha())), this.clearAlpha !== null && (a = t.getClearAlpha(), t.setClearAlpha(this.clearAlpha)), this.clearDepth == !0 && t.clearDepth(), t.setRenderTarget(this.renderToScreen ? null : o), this.clear === !0 && t.clear(t.autoClearColor, t.autoClearDepth, t.autoClearStencil), t.render(this.scene, this.camera), this.clearColor !== null && t.setClearColor(this._oldClearColor), this.clearAlpha !== null && t.setClearAlpha(a), this.overrideMaterial !== null && (this.scene.overrideMaterial = r), t.autoClear = s;
   }
 }
-const Qe = Symbol("effectComposerThree"), yo = /* @__PURE__ */ u({
+const Qe = Symbol("effectComposerThree"), yo = /* @__PURE__ */ c({
   __name: "EffectComposer",
   props: {
     enabled: { type: Boolean, default: !0 },
     withoutRenderPass: { type: Boolean }
   },
-  setup(n, { expose: t }) {
-    const e = n, o = H(null);
+  setup(i, { expose: t }) {
+    const e = i, o = U(null);
     He(Qe, o), t({ composer: o });
-    const { renderer: s, sizes: a, scene: r, camera: i, render: l } = y();
-    w(() => {
-      var c;
-      (c = o.value) == null || c.dispose(), o.value = new Bt(s.value);
-    }), w(() => {
-      var m;
-      const { width: c, height: S } = a;
-      S.value && c.value && ((m = o.value) == null || m.setSize(c.value, S.value));
-    });
-    const { pixelRatio: p } = Ye();
-    w(() => {
-      var c;
-      (c = o.value) == null || c.setPixelRatio(p.value);
-    }), e.withoutRenderPass || w(() => {
-      i.value && r.value && o.value && o.value.addPass(new Rt(r.value, i.value));
+    const { renderer: s, sizes: a, scene: r, camera: n } = G();
+    S(() => {
+      var d;
+      (d = o.value) == null || d.dispose(), o.value = new Rt(s.instance);
+    }), S(() => {
+      var b;
+      const { width: d, height: x } = a;
+      x.value && d.value && ((b = o.value) == null || b.setSize(d.value, x.value));
     });
-    const { render: b } = I();
-    return b(() => {
-      l.frames.value > 0 && o.value && e.enabled && o.value.render(), l.frames.value = l.mode.value === "always" ? 1 : Math.max(0, l.frames.value - 1);
-    }), W(() => {
-      var c;
-      (c = o.value) == null || c.dispose();
-    }), (c, S) => Ie(c.$slots, "default");
-  }
-}), U = (n, t, e) => {
+    const { pixelRatio: l } = Ye();
+    return S(() => {
+      var d;
+      (d = o.value) == null || d.setPixelRatio(l.value);
+    }), e.withoutRenderPass || S(() => {
+      n.activeCamera.value && r.value && o.value && o.value.addPass(new Bt(r.value, n.activeCamera.value));
+    }), s.replaceRenderFunction((d) => {
+      o.value && e.enabled && (o.value.render(), d());
+    }), z(() => {
+      var d;
+      (d = o.value) == null || d.dispose();
+    }), (d, x) => Ie(d.$slots, "default");
+  }
+}), W = (i, t, e) => {
   if (!t && e)
     throw new Error("passDependencies is required when dependencyFieldsTriggeringRecreation is provided");
-  const o = J(Qe), s = H(n()), { sizes: a, invalidate: r } = y();
+  const o = Q(Qe), s = U(i()), { sizes: a, invalidate: r } = C();
   t && g(t, () => r());
-  const i = () => {
-    var d;
-    (d = o == null ? void 0 : o.value) == null || d.removePass(s.value), s.value.dispose();
-  }, l = w(() => {
-    !(o != null && o.value) || !a.height.value || !a.width.value || (o.value.addPass(s.value), ce(() => l()));
+  const n = () => {
+    var l;
+    (l = o == null ? void 0 : o.value) == null || l.removePass(s.value), s.value.dispose();
+  }, u = S(() => {
+    !(o != null && o.value) || !a.height.value || !a.width.value || (o.value.addPass(s.value), ue(() => u()));
   });
   return e && g(
-    () => e.map((d) => t == null ? void 0 : t[d]),
+    () => e.map((l) => t == null ? void 0 : t[l]),
     () => {
       if (!(o != null && o.value))
         return;
-      const d = o.value.passes.findIndex((p) => p === s.value);
-      ~d && (i(), s.value = n(), o.value.insertPass(s.value, d));
+      const l = o.value.passes.findIndex((d) => d === s.value);
+      ~l && (n(), s.value = i(), o.value.insertPass(s.value, l));
     }
-  ), W(() => {
-    i();
+  ), z(() => {
+    n();
   }), { pass: s };
 }, Nt = {
   uniforms: {
@@ -1900,54 +1895,53 @@ const Qe = Symbol("effectComposerThree"), yo = /* @__PURE__ */ u({
 		}`
   )
 };
-class Ue extends D {
+class Ue extends P {
   constructor(t = 64) {
     super();
     const e = Nt;
-    this.uniforms = L.clone(e.uniforms), this.heightMap = this.generateHeightmap(t), this.uniforms.tDisp.value = this.heightMap, this.material = new T({
+    this.uniforms = D.clone(e.uniforms), this.heightMap = this.generateHeightmap(t), this.uniforms.tDisp.value = this.heightMap, this.material = new M({
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
       fragmentShader: e.fragmentShader
     }), this.fsQuad = new R(this.material), this.goWild = !1, this.curF = 0, this.generateTrigger();
   }
   render(t, e, 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 = M.randFloat(-Math.PI, Math.PI), this.uniforms.seed_x.value = M.randFloat(-1, 1), this.uniforms.seed_y.value = M.randFloat(-1, 1), this.uniforms.distortion_x.value = M.randFloat(0, 1), this.uniforms.distortion_y.value = M.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 = M.randFloat(-Math.PI, Math.PI), this.uniforms.distortion_x.value = M.randFloat(0, 1), this.uniforms.distortion_y.value = M.randFloat(0, 1), this.uniforms.seed_x.value = M.randFloat(-0.3, 0.3), this.uniforms.seed_y.value = M.randFloat(-0.3, 0.3)) : this.goWild == !1 && (this.uniforms.byp.value = 1), this.curF++, this.renderToScreen ? (t.setRenderTarget(null), this.fsQuad.render(t)) : (t.setRenderTarget(e), this.clear && t.clear(), this.fsQuad.render(t));
+    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 = y.randFloat(-Math.PI, Math.PI), this.uniforms.seed_x.value = y.randFloat(-1, 1), this.uniforms.seed_y.value = y.randFloat(-1, 1), this.uniforms.distortion_x.value = y.randFloat(0, 1), this.uniforms.distortion_y.value = y.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 = y.randFloat(-Math.PI, Math.PI), this.uniforms.distortion_x.value = y.randFloat(0, 1), this.uniforms.distortion_y.value = y.randFloat(0, 1), this.uniforms.seed_x.value = y.randFloat(-0.3, 0.3), this.uniforms.seed_y.value = y.randFloat(-0.3, 0.3)) : this.goWild == !1 && (this.uniforms.byp.value = 1), this.curF++, this.renderToScreen ? (t.setRenderTarget(null), this.fsQuad.render(t)) : (t.setRenderTarget(e), this.clear && t.clear(), this.fsQuad.render(t));
   }
   generateTrigger() {
-    this.randX = M.randInt(120, 240);
+    this.randX = y.randInt(120, 240);
   }
   generateHeightmap(t) {
     const e = new Float32Array(t * t), o = t * t;
     for (let a = 0; a < o; a++) {
-      const r = M.randFloat(0, 1);
+      const r = y.randFloat(0, 1);
       e[a] = r;
     }
-    const s = new it(e, t, t, lt, ut);
+    const s = new nt(e, t, t, lt, ut);
     return s.needsUpdate = !0, s;
   }
   dispose() {
     this.material.dispose(), this.heightMap.dispose(), this.fsQuad.dispose();
   }
 }
-const Mo = /* @__PURE__ */ u({
+const Mo = /* @__PURE__ */ c({
   __name: "Glitch",
   props: {
     dtSize: {},
     goWild: { type: Boolean }
   },
-  setup(n, { expose: t }) {
-    const e = n, { pass: o } = U(() => new Ue(e.dtSize), e, ["dtSize"]);
+  setup(i, { expose: t }) {
+    const e = i, { pass: o } = W(() => new Ue(e.dtSize), e, ["dtSize"]), { invalidate: s } = C();
     t({ pass: o });
-    const { onBeforeRender: s } = I();
-    return s(({ invalidate: a }) => a()), v(
+    const { onBeforeRender: a } = ce();
+    return a(() => s()), v(
       [[() => e.goWild, "goWild"]],
       o,
       () => new Ue()
     ), () => {
     };
   }
-}), Q = {
-  name: "HalftoneShader",
+}), k = {
   uniforms: {
     tDiffuse: { value: null },
     shape: { value: 1 },
@@ -2250,12 +2244,12 @@ const Mo = /* @__PURE__ */ u({
 		}`
   )
 };
-class zt extends D {
+class zt extends P {
   constructor(t, e, o) {
-    super(), this.uniforms = L.clone(Q.uniforms), this.material = new T({
+    super(), this.uniforms = D.clone(k.uniforms), this.material = new M({
       uniforms: this.uniforms,
-      fragmentShader: Q.fragmentShader,
-      vertexShader: Q.vertexShader
+      fragmentShader: k.fragmentShader,
+      vertexShader: k.vertexShader
     }), this.uniforms.width.value = t, this.uniforms.height.value = e;
     for (const s in o)
       o.hasOwnProperty(s) && this.uniforms.hasOwnProperty(s) && (this.uniforms[s].value = o[s]);
@@ -2271,7 +2265,7 @@ class zt extends D {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-const To = /* @__PURE__ */ u({
+const To = /* @__PURE__ */ c({
   __name: "Halftone",
   props: {
     shape: {},
@@ -2284,29 +2278,29 @@ const To = /* @__PURE__ */ u({
     greyscale: { type: Boolean },
     blendingMode: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { sizes: o } = y(), s = O(
+  setup(i, { expose: t }) {
+    const e = i, { sizes: o } = G(), s = F(
       () => Object.fromEntries(
-        Object.entries(e).filter(([r, i]) => i !== void 0)
+        Object.entries(e).filter(([r, n]) => n !== void 0)
       )
-    ), { pass: a } = U(() => new zt(
+    ), { pass: a } = W(() => new zt(
       o.width.value,
       o.height.value,
       s.value
     ), e);
-    return t({ pass: a }), w(() => {
+    return t({ pass: a }), S(() => {
       a.value.setSize(o.width.value, o.height.value);
-    }), w(() => {
-      Object.entries(e).forEach(([r, i]) => {
-        r in a.value.uniforms && (a.value.uniforms[r].value = i ?? Q.uniforms[r].value);
+    }), S(() => {
+      Object.entries(e).forEach(([r, n]) => {
+        r in a.value.uniforms && (a.value.uniforms[r].value = n ?? k.uniforms[r].value);
       });
     }), () => {
     };
   }
 });
-class Ge extends D {
+class Ge extends P {
   constructor(t, e, o, s = {}) {
-    super(), this.pixelSize = t, this.resolution = new f(), this.renderResolution = new f(), this.pixelatedMaterial = this.createPixelatedMaterial(), this.normalMaterial = new ct(), this.fsQuad = new R(this.pixelatedMaterial), this.scene = e, this.camera = o, this.normalEdgeStrength = s.normalEdgeStrength || 0.3, this.depthEdgeStrength = s.depthEdgeStrength || 0.4, this.beautyRenderTarget = new F(), this.beautyRenderTarget.texture.minFilter = N, this.beautyRenderTarget.texture.magFilter = N, this.beautyRenderTarget.texture.type = P, this.beautyRenderTarget.depthTexture = new dt(), this.normalRenderTarget = new F(), this.normalRenderTarget.texture.minFilter = N, this.normalRenderTarget.texture.magFilter = N, this.normalRenderTarget.texture.type = P;
+    super(), this.pixelSize = t, this.resolution = new f(), this.renderResolution = new f(), this.pixelatedMaterial = this.createPixelatedMaterial(), this.normalMaterial = new ct(), this.fsQuad = new R(this.pixelatedMaterial), this.scene = e, this.camera = o, this.normalEdgeStrength = s.normalEdgeStrength || 0.3, this.depthEdgeStrength = s.depthEdgeStrength || 0.4, this.beautyRenderTarget = new L(), this.beautyRenderTarget.texture.minFilter = B, this.beautyRenderTarget.texture.magFilter = B, this.beautyRenderTarget.texture.type = E, this.beautyRenderTarget.depthTexture = new dt(), this.normalRenderTarget = new L(), this.normalRenderTarget.texture.minFilter = B, this.normalRenderTarget.texture.magFilter = B, this.normalRenderTarget.texture.type = E;
   }
   dispose() {
     this.beautyRenderTarget.dispose(), this.normalRenderTarget.dispose(), this.pixelatedMaterial.dispose(), this.normalMaterial.dispose(), this.fsQuad.dispose();
@@ -2326,7 +2320,7 @@ class Ge extends D {
     t.setRenderTarget(this.normalRenderTarget), this.scene.overrideMaterial = this.normalMaterial, t.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 ? t.setRenderTarget(null) : (t.setRenderTarget(e), this.clear && t.clear()), this.fsQuad.render(t);
   }
   createPixelatedMaterial() {
-    return new T({
+    return new M({
       uniforms: {
         tDiffuse: { value: null },
         tDepth: { value: null },
@@ -2451,16 +2445,16 @@ class Ge extends D {
     });
   }
 }
-const Co = /* @__PURE__ */ u({
+const Co = /* @__PURE__ */ c({
   __name: "Pixelation",
   props: {
     pixelSize: {},
     depthEdgeStrength: {},
     normalEdgeStrength: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { scene: o, camera: s } = y(), { pass: a } = U(() => new Ge(e.pixelSize, o.value, s.value), e);
-    return t({ pass: a }), w(() => {
+  setup(i, { expose: t }) {
+    const e = i, { scene: o, camera: s } = C(), { pass: a } = W(() => new Ge(e.pixelSize, o.value, s.value), e);
+    return t({ pass: a }), S(() => {
       a.value.setPixelSize(e.pixelSize);
     }), v(
       [
@@ -2558,11 +2552,11 @@ const Co = /* @__PURE__ */ u({
 		}`
   )
 };
-class Ut extends D {
+class Ut extends P {
   constructor() {
     super();
     const t = Wt;
-    this.uniforms = L.clone(t.uniforms), this.material = new ht({
+    this.uniforms = D.clone(t.uniforms), this.material = new ht({
       name: t.name,
       uniforms: this.uniforms,
       vertexShader: t.vertexShader,
@@ -2570,21 +2564,20 @@ class Ut extends D {
     }), this.fsQuad = new R(this.material), this._outputColorSpace = null, this._toneMapping = null;
   }
   render(t, e, o) {
-    this.uniforms.tDiffuse.value = o.texture, this.uniforms.toneMappingExposure.value = t.toneMappingExposure, (this._outputColorSpace !== t.outputColorSpace || this._toneMapping !== t.toneMapping) && (this._outputColorSpace = t.outputColorSpace, this._toneMapping = t.toneMapping, this.material.defines = {}, pt.getTransfer(this._outputColorSpace) === mt && (this.material.defines.SRGB_TRANSFER = ""), this._toneMapping === vt ? this.material.defines.LINEAR_TONE_MAPPING = "" : this._toneMapping === gt ? this.material.defines.REINHARD_TONE_MAPPING = "" : this._toneMapping === xt ? this.material.defines.CINEON_TONE_MAPPING = "" : this._toneMapping === bt ? this.material.defines.ACES_FILMIC_TONE_MAPPING = "" : this._toneMapping === St ? this.material.defines.AGX_TONE_MAPPING = "" : this._toneMapping === wt ? this.material.defines.NEUTRAL_TONE_MAPPING = "" : this._toneMapping === At && (this.material.defines.CUSTOM_TONE_MAPPING = ""), this.material.needsUpdate = !0), this.renderToScreen === !0 ? (t.setRenderTarget(null), this.fsQuad.render(t)) : (t.setRenderTarget(e), this.clear && t.clear(t.autoClearColor, t.autoClearDepth, t.autoClearStencil), this.fsQuad.render(t));
+    this.uniforms.tDiffuse.value = o.texture, this.uniforms.toneMappingExposure.value = t.toneMappingExposure, (this._outputColorSpace !== t.outputColorSpace || this._toneMapping !== t.toneMapping) && (this._outputColorSpace = t.outputColorSpace, this._toneMapping = t.toneMapping, this.material.defines = {}, pt.getTransfer(this._outputColorSpace) === mt && (this.material.defines.SRGB_TRANSFER = ""), this._toneMapping === vt ? this.material.defines.LINEAR_TONE_MAPPING = "" : this._toneMapping === gt ? this.material.defines.REINHARD_TONE_MAPPING = "" : this._toneMapping === xt ? this.material.defines.CINEON_TONE_MAPPING = "" : this._toneMapping === bt ? this.material.defines.ACES_FILMIC_TONE_MAPPING = "" : this._toneMapping === wt ? this.material.defines.AGX_TONE_MAPPING = "" : this._toneMapping === St ? this.material.defines.NEUTRAL_TONE_MAPPING = "" : this._toneMapping === At && (this.material.defines.CUSTOM_TONE_MAPPING = ""), this.material.needsUpdate = !0), this.renderToScreen === !0 ? (t.setRenderTarget(null), this.fsQuad.render(t)) : (t.setRenderTarget(e), this.clear && t.clear(t.autoClearColor, t.autoClearDepth, t.autoClearStencil), this.fsQuad.render(t));
   }
   dispose() {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-const Eo = /* @__PURE__ */ u({
+const Eo = /* @__PURE__ */ c({
   __name: "Output",
-  setup(n, { expose: t }) {
-    const { pass: e } = U(() => new Ut());
+  setup(i, { expose: t }) {
+    const { pass: e } = W(() => new Ut());
     return t({ pass: e }), () => {
     };
   }
-}), Y = {
-  name: "SMAAEdgesShader",
+}), j = {
   defines: {
     SMAA_THRESHOLD: "0.1"
   },
@@ -2684,8 +2677,7 @@ const Eo = /* @__PURE__ */ u({
 
 		}`
   )
-}, k = {
-  name: "SMAAWeightsShader",
+}, V = {
   defines: {
     SMAA_MAX_SEARCH_STEPS: "8",
     SMAA_AREATEX_MAX_DISTANCE: "16",
@@ -2934,8 +2926,7 @@ const Eo = /* @__PURE__ */ u({
 
 		}`
   )
-}, ue = {
-  name: "SMAABlendShader",
+}, le = {
   uniforms: {
     tDiffuse: { value: null },
     tColor: { value: null },
@@ -3024,14 +3015,14 @@ const Eo = /* @__PURE__ */ u({
 		}`
   )
 };
-class Gt extends D {
+class Gt extends P {
   constructor(t, e) {
-    super(), this.edgesRT = new F(t, e, {
+    super(), this.edgesRT = new L(t, e, {
       depthBuffer: !1,
-      type: P
-    }), this.edgesRT.texture.name = "SMAAPass.edges", this.weightsRT = new F(t, e, {
+      type: E
+    }), this.edgesRT.texture.name = "SMAAPass.edges", this.weightsRT = new L(t, e, {
       depthBuffer: !1,
-      type: P
+      type: E
     }), this.weightsRT.texture.name = "SMAAPass.weights";
     const o = this, s = new Image();
     s.src = this.getAreaTexture(), s.onload = function() {
@@ -3040,20 +3031,20 @@ class Gt extends D {
     const a = new Image();
     a.src = this.getSearchTexture(), a.onload = function() {
       o.searchTexture.needsUpdate = !0;
-    }, this.searchTexture = new Le(), this.searchTexture.name = "SMAAPass.search", this.searchTexture.image = a, this.searchTexture.magFilter = N, this.searchTexture.minFilter = N, this.searchTexture.generateMipmaps = !1, this.searchTexture.flipY = !1, this.uniformsEdges = L.clone(Y.uniforms), this.uniformsEdges.resolution.value.set(1 / t, 1 / e), this.materialEdges = new T({
-      defines: Object.assign({}, Y.defines),
+    }, this.searchTexture = new Le(), this.searchTexture.name = "SMAAPass.search", this.searchTexture.image = a, this.searchTexture.magFilter = B, this.searchTexture.minFilter = B, this.searchTexture.generateMipmaps = !1, this.searchTexture.flipY = !1, this.uniformsEdges = D.clone(j.uniforms), this.uniformsEdges.resolution.value.set(1 / t, 1 / e), this.materialEdges = new M({
+      defines: Object.assign({}, j.defines),
       uniforms: this.uniformsEdges,
-      vertexShader: Y.vertexShader,
-      fragmentShader: Y.fragmentShader
-    }), this.uniformsWeights = L.clone(k.uniforms), this.uniformsWeights.resolution.value.set(1 / t, 1 / e), this.uniformsWeights.tDiffuse.value = this.edgesRT.texture, this.uniformsWeights.tArea.value = this.areaTexture, this.uniformsWeights.tSearch.value = this.searchTexture, this.materialWeights = new T({
-      defines: Object.assign({}, k.defines),
+      vertexShader: j.vertexShader,
+      fragmentShader: j.fragmentShader
+    }), this.uniformsWeights = D.clone(V.uniforms), this.uniformsWeights.resolution.value.set(1 / t, 1 / e), this.uniformsWeights.tDiffuse.value = this.edgesRT.texture, this.uniformsWeights.tArea.value = this.areaTexture, this.uniformsWeights.tSearch.value = this.searchTexture, this.materialWeights = new M({
+      defines: Object.assign({}, V.defines),
       uniforms: this.uniformsWeights,
-      vertexShader: k.vertexShader,
-      fragmentShader: k.fragmentShader
-    }), this.uniformsBlend = L.clone(ue.uniforms), this.uniformsBlend.resolution.value.set(1 / t, 1 / e), this.uniformsBlend.tDiffuse.value = this.weightsRT.texture, this.materialBlend = new T({
+      vertexShader: V.vertexShader,
+      fragmentShader: V.fragmentShader
+    }), this.uniformsBlend = D.clone(le.uniforms), this.uniformsBlend.resolution.value.set(1 / t, 1 / e), this.uniformsBlend.tDiffuse.value = this.weightsRT.texture, this.materialBlend = new M({
       uniforms: this.uniformsBlend,
-      vertexShader: ue.vertexShader,
-      fragmentShader: ue.fragmentShader
+      vertexShader: le.vertexShader,
+      fragmentShader: le.fragmentShader
     }), this.fsQuad = new R(null);
   }
   render(t, e, o) {
@@ -3072,27 +3063,25 @@ class Gt extends D {
     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 Po = /* @__PURE__ */ u({
+const Po = /* @__PURE__ */ c({
   __name: "SMAA",
   props: {
     width: {},
     height: {}
   },
-  setup(n, { expose: t }) {
-    const e = n, { sizes: o } = y(), { pixelRatio: s } = Ye(), a = O(() => e.width ?? o.width.value * s.value), r = O(() => e.height ?? o.height.value * s.value), { pass: i } = U(() => new Gt(a.value, r.value), e);
-    return t({ pass: i }), w(() => {
-      i.value.setSize(a.value, r.value);
+  setup(i, { expose: t }) {
+    const e = i, { sizes: o } = G(), { pixelRatio: s } = Ye(), a = F(() => e.width ?? o.width.value * s.value), r = F(() => e.height ?? o.height.value * s.value), { pass: n } = W(() => new Gt(a.value, r.value), e);
+    return t({ pass: n }), S(() => {
+      n.value.setSize(a.value, r.value);
     }), () => {
     };
   }
 }), Ke = {
-  name: "LuminosityHighPassShader",
-  shaderID: "luminosityHighPass",
   uniforms: {
     tDiffuse: { value: null },
     luminosityThreshold: { value: 1 },
     smoothWidth: { value: 1 },
-    defaultColor: { value: new K(0) },
+    defaultColor: { value: new q(0) },
     defaultOpacity: { value: 0 }
   },
   vertexShader: (
@@ -3136,40 +3125,40 @@ const Po = /* @__PURE__ */ u({
 		}`
   )
 };
-class z extends D {
+class N extends P {
   constructor(t, e, o, s) {
-    super(), this.strength = e !== void 0 ? e : 1, this.radius = o, this.threshold = s, this.resolution = t !== void 0 ? new f(t.x, t.y) : new f(256, 256), this.clearColor = new K(0, 0, 0), this.renderTargetsHorizontal = [], this.renderTargetsVertical = [], this.nMips = 5;
+    super(), this.strength = e !== void 0 ? e : 1, this.radius = o, this.threshold = s, this.resolution = t !== void 0 ? new f(t.x, t.y) : new f(256, 256), this.clearColor = new q(0, 0, 0), this.renderTargetsHorizontal = [], this.renderTargetsVertical = [], this.nMips = 5;
     let a = Math.round(this.resolution.x / 2), r = Math.round(this.resolution.y / 2);
-    this.renderTargetBright = new F(a, r, { type: P }), this.renderTargetBright.texture.name = "UnrealBloomPass.bright", this.renderTargetBright.texture.generateMipmaps = !1;
-    for (let b = 0; b < this.nMips; b++) {
-      const c = new F(a, r, { type: P });
-      c.texture.name = "UnrealBloomPass.h" + b, c.texture.generateMipmaps = !1, this.renderTargetsHorizontal.push(c);
-      const S = new F(a, r, { type: P });
-      S.texture.name = "UnrealBloomPass.v" + b, S.texture.generateMipmaps = !1, this.renderTargetsVertical.push(S), a = Math.round(a / 2), r = Math.round(r / 2);
+    this.renderTargetBright = new L(a, r, { type: E }), this.renderTargetBright.texture.name = "UnrealBloomPass.bright", this.renderTargetBright.texture.generateMipmaps = !1;
+    for (let x = 0; x < this.nMips; x++) {
+      const b = new L(a, r, { type: E });
+      b.texture.name = "UnrealBloomPass.h" + x, b.texture.generateMipmaps = !1, this.renderTargetsHorizontal.push(b);
+      const A = new L(a, r, { type: E });
+      A.texture.name = "UnrealBloomPass.v" + x, A.texture.generateMipmaps = !1, this.renderTargetsVertical.push(A), a = Math.round(a / 2), r = Math.round(r / 2);
     }
-    const i = Ke;
-    this.highPassUniforms = L.clone(i.uniforms), this.highPassUniforms.luminosityThreshold.value = s, this.highPassUniforms.smoothWidth.value = 0.01, this.materialHighPassFilter = new T({
+    const n = Ke;
+    this.highPassUniforms = D.clone(n.uniforms), this.highPassUniforms.luminosityThreshold.value = s, this.highPassUniforms.smoothWidth.value = 0.01, this.materialHighPassFilter = new M({
       uniforms: this.highPassUniforms,
-      vertexShader: i.vertexShader,
-      fragmentShader: i.fragmentShader
+      vertexShader: n.vertexShader,
+      fragmentShader: n.fragmentShader
     }), this.separableBlurMaterials = [];
-    const l = [3, 5, 7, 9, 11];
+    const u = [3, 5, 7, 9, 11];
     a = Math.round(this.resolution.x / 2), r = Math.round(this.resolution.y / 2);
-    for (let b = 0; b < this.nMips; b++)
-      this.separableBlurMaterials.push(this.getSeparableBlurMaterial(l[b])), this.separableBlurMaterials[b].uniforms.invSize.value = new f(1 / a, 1 / r), a = Math.round(a / 2), r = Math.round(r / 2);
+    for (let x = 0; x < this.nMips; x++)
+      this.separableBlurMaterials.push(this.getSeparableBlurMaterial(u[x])), this.separableBlurMaterials[x].uniforms.invSize.value = new f(1 / a, 1 / r), a = Math.round(a / 2), r = Math.round(r / 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 = e, this.compositeMaterial.uniforms.bloomRadius.value = 0.1;
-    const d = [1, 0.8, 0.6, 0.4, 0.2];
-    this.compositeMaterial.uniforms.bloomFactors.value = d, this.bloomTintColors = [new B(1, 1, 1), new B(1, 1, 1), new B(1, 1, 1), new B(1, 1, 1), new B(1, 1, 1)], this.compositeMaterial.uniforms.bloomTintColors.value = this.bloomTintColors;
-    const p = qe;
-    this.copyUniforms = L.clone(p.uniforms), this.blendMaterial = new T({
+    const l = [1, 0.8, 0.6, 0.4, 0.2];
+    this.compositeMaterial.uniforms.bloomFactors.value = l, this.bloomTintColors = [new O(1, 1, 1), new O(1, 1, 1), new O(1, 1, 1), new O(1, 1, 1), new O(1, 1, 1)], this.compositeMaterial.uniforms.bloomTintColors.value = this.bloomTintColors;
+    const d = qe;
+    this.copyUniforms = D.clone(d.uniforms), this.blendMaterial = new M({
       uniforms: this.copyUniforms,
-      vertexShader: p.vertexShader,
-      fragmentShader: p.fragmentShader,
+      vertexShader: d.vertexShader,
+      fragmentShader: d.fragmentShader,
       blending: Mt,
       depthTest: !1,
       depthWrite: !1,
       transparent: !0
-    }), this.enabled = !0, this.needsSwap = !1, this._oldClearColor = new K(), this.oldClearAlpha = 1, this.basic = new Ve(), this.fsQuad = new R(null);
+    }), this.enabled = !0, this.needsSwap = !1, this._oldClearColor = new q(), this.oldClearAlpha = 1, this.basic = new Ve(), this.fsQuad = new R(null);
   }
   dispose() {
     for (let t = 0; t < this.renderTargetsHorizontal.length; t++)
@@ -3191,16 +3180,16 @@ class z extends D {
     t.getClearColor(this._oldClearColor), this.oldClearAlpha = t.getClearAlpha();
     const r = t.autoClear;
     t.autoClear = !1, t.setClearColor(this.clearColor, 0), a && t.state.buffers.stencil.setTest(!1), this.renderToScreen && (this.fsQuad.material = this.basic, this.basic.map = o.texture, t.setRenderTarget(null), t.clear(), this.fsQuad.render(t)), this.highPassUniforms.tDiffuse.value = o.texture, this.highPassUniforms.luminosityThreshold.value = this.threshold, this.fsQuad.material = this.materialHighPassFilter, t.setRenderTarget(this.renderTargetBright), t.clear(), this.fsQuad.render(t);
-    let i = this.renderTargetBright;
-    for (let l = 0; l < this.nMips; l++)
-      this.fsQuad.material = this.separableBlurMaterials[l], this.separableBlurMaterials[l].uniforms.colorTexture.value = i.texture, this.separableBlurMaterials[l].uniforms.direction.value = z.BlurDirectionX, t.setRenderTarget(this.renderTargetsHorizontal[l]), t.clear(), this.fsQuad.render(t), this.separableBlurMaterials[l].uniforms.colorTexture.value = this.renderTargetsHorizontal[l].texture, this.separableBlurMaterials[l].uniforms.direction.value = z.BlurDirectionY, t.setRenderTarget(this.renderTargetsVertical[l]), t.clear(), this.fsQuad.render(t), i = this.renderTargetsVertical[l];
+    let n = this.renderTargetBright;
+    for (let u = 0; u < this.nMips; u++)
+      this.fsQuad.material = this.separableBlurMaterials[u], this.separableBlurMaterials[u].uniforms.colorTexture.value = n.texture, this.separableBlurMaterials[u].uniforms.direction.value = N.BlurDirectionX, t.setRenderTarget(this.renderTargetsHorizontal[u]), t.clear(), this.fsQuad.render(t), this.separableBlurMaterials[u].uniforms.colorTexture.value = this.renderTargetsHorizontal[u].texture, this.separableBlurMaterials[u].uniforms.direction.value = N.BlurDirectionY, t.setRenderTarget(this.renderTargetsVertical[u]), t.clear(), this.fsQuad.render(t), n = this.renderTargetsVertical[u];
     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, t.setRenderTarget(this.renderTargetsHorizontal[0]), t.clear(), this.fsQuad.render(t), this.fsQuad.material = this.blendMaterial, this.copyUniforms.tDiffuse.value = this.renderTargetsHorizontal[0].texture, a && t.state.buffers.stencil.setTest(!0), this.renderToScreen ? (t.setRenderTarget(null), this.fsQuad.render(t)) : (t.setRenderTarget(o), this.fsQuad.render(t)), t.setClearColor(this._oldClearColor, this.oldClearAlpha), t.autoClear = r;
   }
   getSeparableBlurMaterial(t) {
     const e = [];
     for (let o = 0; o < t; o++)
       e.push(0.39894 * Math.exp(-0.5 * o * o / (t * t)) / t);
-    return new T({
+    return new M({
       defines: {
         KERNEL_RADIUS: t
       },
@@ -3241,7 +3230,7 @@ class z extends D {
     });
   }
   getCompositeMaterial(t) {
-    return new T({
+    return new M({
       defines: {
         NUM_MIPS: t
       },
@@ -3287,29 +3276,29 @@ class z extends D {
     });
   }
 }
-z.BlurDirectionX = new f(1, 0);
-z.BlurDirectionY = new f(0, 1);
-const Do = /* @__PURE__ */ u({
+N.BlurDirectionX = new f(1, 0);
+N.BlurDirectionY = new f(0, 1);
+const Do = /* @__PURE__ */ c({
   __name: "UnrealBloom",
   props: {
     radius: { default: 0 },
     strength: { default: 1 },
     threshold: { default: 0 }
   },
-  setup(n, { expose: t }) {
-    const e = n, { sizes: o } = y(), { pass: s } = U(() => new z(
+  setup(i, { expose: t }) {
+    const e = i, { sizes: o } = G(), { pass: s } = W(() => new N(
       new f(o.width.value, o.height.value),
       e.radius,
       e.strength,
       e.threshold
     ), e);
-    return t({ pass: s }), w(() => {
+    return t({ pass: s }), S(() => {
       var a;
       s.value.radius = e.radius ?? ((a = s.value.getCompositeMaterial().uniforms.bloomRadius) == null ? void 0 : a.value) ?? 0.1;
-    }), w(() => {
+    }), S(() => {
       var a;
       s.value.strength = e.strength ?? ((a = s.value.getCompositeMaterial().uniforms.bloomStrength) == null ? void 0 : a.value) ?? 1;
-    }), w(() => {
+    }), S(() => {
       var a;
       s.value.threshold = e.threshold ?? ((a = Ke.uniforms.luminosityThreshold) == null ? void 0 : a.value) ?? 1;
     }), () => {
@@ -3329,7 +3318,7 @@ export {
   uo as DotScreenPmndrs,
   yo as EffectComposer,
   Yt as EffectComposerPmndrs,
-  So as FXAAPmndrs,
+  wo as FXAAPmndrs,
   go as FishEyePmndrs,
   Mo as Glitch,
   Qt as GlitchPmndrs,
@@ -3338,7 +3327,7 @@ export {
   To as Halftone,
   oo as HueSaturationPmndrs,
   ao as KuwaharaPmndrs,
-  no as LensDistortionPmndrs,
+  io as LensDistortionPmndrs,
   fo as LinocutPmndrs,
   Kt as NoisePmndrs,
   Jt as OutlinePmndrs,
@@ -3349,12 +3338,12 @@ export {
   bo as SMAAPmndrs,
   so as ScanlinePmndrs,
   co as SepiaPmndrs,
-  io as ShockWavePmndrs,
-  wo as TexturePmndrs,
+  no as ShockWavePmndrs,
+  So as TexturePmndrs,
   lo as TiltShiftPmndrs,
   eo as ToneMappingPmndrs,
   Do as UnrealBloom,
   _t as VignettePmndrs,
-  U as useEffect,
+  W as useEffect,
   h as useEffectPmndrs
 };