@tresjs/post-processing 2.3.0 → 2.3.1

package/dist/tres-post-processing.js

@@ -1,15 +1,15 @@
 /**
  * name: @tresjs/post-processing
- * version: v2.3.0
+ * version: v2.3.1
  * (c) 2025
  * description: Post-processing library for TresJS
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-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 { defineComponent as u, shallowRef as W, provide as Be, computed as L, 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 Ve, NormalPass as Ye, DepthDownsamplingPass as ke, EffectPass as qe, BloomEffect as le, DepthOfFieldEffect as ue, GlitchEffect as X, GlitchMode as Qe, 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 ve, ShockWaveEffect as ge, TiltShiftEffect as xe, DotScreenEffect as be, SepiaEffect as Se, DepthPickingPass as Ke, 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";
+import { HalfFloatType as T, Uniform as M, Vector2 as d, Vector3 as O, Mesh as ze, SphereGeometry as Je, MeshBasicMaterial as We, OrthographicCamera as Ze, BufferGeometry as _e, Float32BufferAttribute as ye, ShaderMaterial as A, UniformsUtils as P, WebGLRenderTarget as D, NoBlending as $e, Clock as et, Color as k, MathUtils as w, DataTexture as tt, RedFormat as ot, FloatType as st, MeshNormalMaterial as at, NearestFilter as F, DepthTexture as rt, Vector4 as it, RawShaderMaterial as nt, ColorManagement as lt, SRGBTransfer as ut, LinearToneMapping as ct, ReinhardToneMapping as dt, CineonToneMapping as ft, ACESFilmicToneMapping as ht, AgXToneMapping as pt, NeutralToneMapping as mt, CustomToneMapping as vt, Texture as Me, LinearFilter as gt, AdditiveBlending as xt } from "three";
+import { useDevicePixelRatio as Ue } from "@vueuse/core";
 class Te {
   static isWebGL2Available() {
     try {
@@ -56,7 +56,7 @@ class Te {
     return console.warn("getWebGLErrorMessage() has been deprecated and will be removed in r178. Use getWebGL2ErrorMessage() instead."), this.getErrorMessage(1);
   }
 }
-const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
+const se = Symbol("effectComposerPmndrs"), Gt = /* @__PURE__ */ u({
   __name: "EffectComposerPmndrs",
   props: {
     enabled: { type: Boolean, default: !0 },
@@ -70,53 +70,53 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
   },
   emits: ["render"],
   setup(r, { expose: e, emit: t }) {
-    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 o = r, s = t, { scene: a, camera: i, renderer: n, sizes: l, render: f } = y(), h = W(null);
+    let v = null, c = null;
+    Be(se, h), e({ composer: h });
     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({
+      h.value && (c = new Ye(a.value, i.value), c.enabled = !1, h.value.addPass(c), o.resolutionScale !== void 0 && Te.isWebGL2Available() && (v = new ke({
         normalBuffer: c.texture,
         resolutionScale: o.resolutionScale
-      }), 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,
+      }), v.enabled = !1, h.value.addPass(v)));
+    }, E = L(() => {
+      const g = new ne(), z = {
+        depthBuffer: o.depthBuffer !== void 0 ? o.depthBuffer : g.inputBuffer.depthBuffer,
+        stencilBuffer: o.stencilBuffer !== void 0 ? o.stencilBuffer : g.inputBuffer.stencilBuffer,
+        multisampling: Te.isWebGL2Available() ? o.multisampling !== void 0 ? o.multisampling : g.multisampling : 0,
         frameBufferType: o.frameBufferType !== void 0 ? o.frameBufferType : T
       };
-      return v.dispose(), z;
+      return g.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());
+      var g;
+      !n.value && !a.value && !i.value || ((g = h.value) == null || g.dispose(), h.value = new ne(n.value, E.value), h.value.addPass(new Ve(a.value, i.value)), o.disableNormalPass || b());
     };
     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());
+    }), S(() => [l.width.value, l.height.value], ([g, z]) => {
+      !g && !z || (h.value ? h.value.setSize(g, z) : re());
     }, {
       immediate: !0
     });
-    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;
+    const { render: je } = G();
+    return je(() => {
+      if (o.enabled && n.value && h.value && l.width.value && l.height.value && f.frames.value > 0) {
+        const g = n.value.autoClear;
+        n.value.autoClear = o.autoClear, o.stencilBuffer && !o.autoClear && n.value.clearStencil(), h.value.render(), s("render", h.value), n.value.autoClear = g;
       }
-      p.frames.value = p.mode.value === "always" ? 1 : Math.max(0, p.frames.value - 1);
+      f.frames.value = f.mode.value === "always" ? 1 : Math.max(0, f.frames.value - 1);
     }), U(() => {
-      var v;
-      (v = f.value) == null || v.dispose();
-    }), (v, z) => Ne(v.$slots, "default");
+      var g;
+      (g = h.value) == null || g.dispose();
+    }), (g, z) => Ne(g.$slots, "default");
   }
-}), h = (r, e, t) => {
+}), p = (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 = () => {
+  const f = () => {
     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));
+  }, h = (c) => {
+    !n.value || !(o != null && o.value) || !i.value || (a.value = r(), s.value = new qe(n.value, a.value), o.value.addPass(s.value, c));
   };
   t && S(
     () => t.map((c) => e[c]),
@@ -125,29 +125,29 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
       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));
+      ~c && (f(), h(c));
     }
   ), x(() => {
     !n.value || !(a != null && a.value) || (a.value.mainCamera = n.value);
   });
-  const g = x(() => {
-    !n.value || !(o != null && o.value) || !i.value || (oe(() => g()), !a.value && f());
+  const v = x(() => {
+    !n.value || !(o != null && o.value) || !i.value || (oe(() => v()), !a.value && h());
   });
   return U(() => {
-    p();
+    f();
   }), {
     pass: s,
     effect: a
   };
-}, We = /([^[.\]])+/g, xt = (r, e) => {
+}, Ge = /([^[.\]])+/g, bt = (r, e) => {
   if (!e)
     return;
-  const t = Array.isArray(e) ? e : e.match(We);
+  const t = Array.isArray(e) ? e : e.match(Ge);
   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);
+  const o = Array.isArray(e) ? e : e.match(Ge);
   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) => {
+}, St = (r, e) => {
   const t = { ...r };
   return e.forEach((o) => delete t[o]), t;
 }, H = (r, e, t, o, s = {}) => S(r, (a) => {
@@ -155,7 +155,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
   if (e.value)
     if (a === void 0) {
       const n = o();
-      Ce(e.value, t, xt(n, t)), (i = n.dispose) == null || i.call(n);
+      Ce(e.value, t, bt(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(
@@ -168,7 +168,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
   e,
   o,
   t
-)), Gt = /* @__PURE__ */ u({
+)), Ht = /* @__PURE__ */ u({
   __name: "BloomPmndrs",
   props: {
     blendFunction: {},
@@ -179,7 +179,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     mipmapBlur: { type: Boolean, default: void 0 }
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new le(t), t, ["mipmapBlur"]);
+    const t = r, { pass: o, effect: s } = p(() => new le(t), t, ["mipmapBlur"]);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -193,7 +193,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Ht = /* @__PURE__ */ u({
+}), Xt = /* @__PURE__ */ u({
   __name: "DepthOfFieldPmndrs",
   props: {
     blendFunction: {},
@@ -207,7 +207,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     resolutionY: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { camera: o } = y(), { pass: s, effect: a } = h(() => new ue(o.value, t), t);
+    const t = r, { camera: o } = y(), { pass: s, effect: a } = p(() => new ue(o.value, t), t);
     return e({ pass: s, effect: a }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -225,7 +225,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Xt = /* @__PURE__ */ u({
+}), It = /* @__PURE__ */ u({
   __name: "GlitchPmndrs",
   props: {
     blendFunction: {},
@@ -241,13 +241,13 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     dtSize: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new X(t), t, ["dtSize"]);
+    const t = r, { pass: o, effect: s } = p(() => 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 ? ke.DISABLED : t.mode;
+          return t.active === !1 ? Qe.DISABLED : t.mode;
         const n = new X(), l = n.mode;
         return n.dispose(), l;
       };
@@ -258,20 +258,20 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
       "blendMode.blendFunction",
       () => new X()
     ), ae(
-      bt(t, ["active", "blendFunction"]),
+      St(t, ["active", "blendFunction"]),
       s,
       () => new X()
     ), () => {
     };
   }
-}), It = /* @__PURE__ */ u({
+}), jt = /* @__PURE__ */ u({
   __name: "NoisePmndrs",
   props: {
     premultiply: { type: Boolean, default: void 0 },
     blendFunction: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new ce(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new ce(t), t);
     e({ pass: o, effect: s });
     const { onBeforeRender: a } = G();
     return a(({ invalidate: i }) => i()), m(
@@ -284,7 +284,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), jt = /* @__PURE__ */ u({
+}), Vt = /* @__PURE__ */ u({
   __name: "OutlinePmndrs",
   props: {
     outlinedObjects: {},
@@ -304,7 +304,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     visibleEdgeColor: {}
   },
   setup(r, { expose: e }) {
-    const t = r, o = (p) => p !== void 0 ? $(p).getHex() : void 0, { camera: s, scene: a } = y(), { pass: i, effect: n } = h(
+    const t = r, o = (f) => f !== void 0 ? $(f).getHex() : void 0, { camera: s, scene: a } = y(), { pass: i, effect: n } = p(
       () => new de(
         a.value,
         s.value,
@@ -332,14 +332,14 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
       [() => t.outlinedObjects, n],
       // watchEffect is intentionally not used here as it would result in an endless loop
       () => {
-        var p;
-        (p = n.value) == null || p.selection.set(t.outlinedObjects || []);
+        var f;
+        (f = n.value) == null || f.selection.set(t.outlinedObjects || []);
       },
       {
         immediate: !0
       }
     );
-    const l = O(() => ({
+    const l = L(() => ({
       hiddenEdgeColor: t.hiddenEdgeColor ? $(t.hiddenEdgeColor) : void 0,
       visibleEdgeColor: t.visibleEdgeColor ? $(t.visibleEdgeColor) : void 0
     }));
@@ -365,13 +365,13 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Vt = /* @__PURE__ */ u({
+}), Yt = /* @__PURE__ */ u({
   __name: "PixelationPmndrs",
   props: {
     granularity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new fe(t.granularity), t);
+    const t = r, { pass: o, effect: s } = p(() => new fe(t.granularity), t);
     return e({ pass: o, effect: s }), ae(
       t,
       s,
@@ -379,7 +379,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Yt = /* @__PURE__ */ u({
+}), kt = /* @__PURE__ */ u({
   __name: "VignettePmndrs",
   props: {
     technique: {},
@@ -388,7 +388,7 @@ const se = Symbol("effectComposerPmndrs"), Ut = /* @__PURE__ */ u({
     darkness: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new he(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new he(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -492,7 +492,7 @@ class Ee extends q {
     this.uniforms.get("offset").value = e;
   }
 }
-const kt = /* @__PURE__ */ u({
+const qt = /* @__PURE__ */ u({
   __name: "BarrelBlurPmndrs",
   props: {
     blendFunction: {},
@@ -500,7 +500,7 @@ const kt = /* @__PURE__ */ u({
     offset: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(
+    const t = r, { pass: o, effect: s } = p(
       () => new Ee({
         ...t,
         offset: Array.isArray(t.offset) ? new d(...t.offset) : t.offset
@@ -518,7 +518,7 @@ const kt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), qt = /* @__PURE__ */ u({
+}), Qt = /* @__PURE__ */ u({
   __name: "ToneMappingPmndrs",
   props: {
     mode: {},
@@ -530,7 +530,7 @@ const kt = /* @__PURE__ */ u({
     whitePoint: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new pe(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new pe(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.mode, "mode"],
@@ -546,7 +546,7 @@ const kt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Qt = /* @__PURE__ */ u({
+}), Kt = /* @__PURE__ */ u({
   __name: "ChromaticAberrationPmndrs",
   props: {
     blendFunction: {},
@@ -555,7 +555,7 @@ const kt = /* @__PURE__ */ u({
     modulationOffset: {}
   },
   setup(r, { expose: e }) {
-    const t = r, o = new K(), { pass: s, effect: a } = h(() => new K({
+    const t = r, o = new K(), { pass: s, effect: a } = p(() => 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.
@@ -574,7 +574,7 @@ const kt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Kt = /* @__PURE__ */ u({
+}), Jt = /* @__PURE__ */ u({
   __name: "HueSaturationPmndrs",
   props: {
     saturation: {},
@@ -582,7 +582,7 @@ const kt = /* @__PURE__ */ u({
     blendFunction: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new me(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new me(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -594,7 +594,7 @@ const kt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Jt = /* @__PURE__ */ u({
+}), Zt = /* @__PURE__ */ u({
   __name: "ScanlinePmndrs",
   props: {
     blendFunction: {},
@@ -603,7 +603,7 @@ const kt = /* @__PURE__ */ u({
     opacity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new J(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new J(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -629,7 +629,7 @@ const kt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), St = `
+}), wt = `
 uniform float radius;
 uniform int sectorCount;
 
@@ -737,7 +737,7 @@ class Pe extends q {
    *
    */
   constructor({ blendFunction: e = Q.NORMAL, radius: t = 1, sectorCount: o = 4 } = {}) {
-    super("KuwaharaEffect", St, {
+    super("KuwaharaEffect", wt, {
       blendFunction: e,
       uniforms: /* @__PURE__ */ new Map([
         ["radius", new M(t)],
@@ -770,7 +770,7 @@ class Pe extends q {
     this.uniforms.get("sectorCount").value = e;
   }
 }
-const Zt = /* @__PURE__ */ u({
+const _t = /* @__PURE__ */ u({
   __name: "KuwaharaPmndrs",
   props: {
     blendFunction: {},
@@ -778,7 +778,7 @@ const Zt = /* @__PURE__ */ u({
     sectorCount: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(
+    const t = r, { pass: o, effect: s } = p(
       () => new Pe(t),
       t
     );
@@ -793,14 +793,14 @@ const Zt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), _t = /* @__PURE__ */ u({
+}), $t = /* @__PURE__ */ u({
   __name: "ColorAveragePmndrs",
   props: {
     blendFunction: {},
     opacity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new Z(t.blendFunction), t);
+    const t = r, { pass: o, effect: s } = p(() => new Z(t.blendFunction), t);
     return e({ pass: o, effect: s }), H(
       () => t.blendFunction,
       s,
@@ -821,7 +821,7 @@ const Zt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), $t = /* @__PURE__ */ u({
+}), eo = /* @__PURE__ */ u({
   __name: "LensDistortionPmndrs",
   props: {
     distortion: {},
@@ -830,8 +830,8 @@ const Zt = /* @__PURE__ */ u({
     skew: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(
-      () => new ge({
+    const t = r, { pass: o, effect: s } = p(
+      () => new ve({
         ...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(),
@@ -842,11 +842,11 @@ const Zt = /* @__PURE__ */ u({
     return e({ pass: o, effect: s }), ae(
       t,
       s,
-      () => new ge()
+      () => new ve()
     ), () => {
     };
   }
-}), eo = /* @__PURE__ */ u({
+}), to = /* @__PURE__ */ u({
   __name: "ShockWavePmndrs",
   props: {
     position: {},
@@ -856,14 +856,14 @@ const Zt = /* @__PURE__ */ u({
     waveSize: {}
   },
   setup(r, { expose: e }) {
-    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),
+    const t = r, { camera: o } = y(), { pass: s, effect: a } = p(
+      () => new ge(o.value, Array.isArray(t.position) ? new O(...t.position) : t.position, t),
       t
     );
     return e({ pass: s, effect: a }), S(
       () => t.position,
       (i) => {
-        a.value && (Array.isArray(i) ? a.value.position.set(...i) : i instanceof L && a.value.position.copy(i));
+        a.value && (Array.isArray(i) ? a.value.position.set(...i) : i instanceof O && a.value.position.copy(i));
       },
       { immediate: !0 }
     ), m(
@@ -874,11 +874,11 @@ const Zt = /* @__PURE__ */ u({
         [() => t.speed, "speed"]
       ],
       a,
-      () => new ve()
+      () => new ge()
     ), () => {
     };
   }
-}), to = /* @__PURE__ */ u({
+}), oo = /* @__PURE__ */ u({
   __name: "TiltShiftPmndrs",
   props: {
     blendFunction: {},
@@ -892,7 +892,7 @@ const Zt = /* @__PURE__ */ u({
     resolutionY: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new xe(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new xe(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -910,7 +910,7 @@ const Zt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), oo = /* @__PURE__ */ u({
+}), so = /* @__PURE__ */ u({
   __name: "DotScreenPmndrs",
   props: {
     angle: {},
@@ -918,7 +918,7 @@ const Zt = /* @__PURE__ */ u({
     blendFunction: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new be(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new be(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -930,14 +930,14 @@ const Zt = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), so = /* @__PURE__ */ u({
+}), ao = /* @__PURE__ */ u({
   __name: "SepiaPmndrs",
   props: {
     blendFunction: {},
     intensity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new Se(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new Se(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -1057,7 +1057,7 @@ class De extends q {
     this.uniforms.get("rotation").value = e;
   }
 }
-const ao = /* @__PURE__ */ u({
+const ro = /* @__PURE__ */ u({
   __name: "LinocutPmndrs",
   props: {
     blendFunction: {},
@@ -1067,7 +1067,7 @@ const ao = /* @__PURE__ */ u({
     rotation: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(
+    const t = r, { pass: o, effect: s } = p(
       () => new De({
         ...t,
         center: t.center instanceof d ? [t.center.x, t.center.y] : t.center
@@ -1087,14 +1087,14 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), ro = /* @__PURE__ */ u({
+}), io = /* @__PURE__ */ u({
   __name: "DepthPickingPassPmndrs",
   props: {
     depthPacking: {},
     mode: {}
   },
   setup(r, { expose: e }) {
-    const t = r, o = te(se), s = new qe(t), a = x(() => {
+    const t = r, o = te(se), s = new Ke(t), a = x(() => {
       o != null && o.value && (oe(() => a()), o.value.addPass(s));
     });
     return U(() => {
@@ -1103,7 +1103,7 @@ const ao = /* @__PURE__ */ u({
     }), e({ pass: s }), () => {
     };
   }
-}), io = /* @__PURE__ */ u({
+}), no = /* @__PURE__ */ u({
   __name: "GodRaysPmndrs",
   props: {
     blendFunction: {},
@@ -1122,11 +1122,16 @@ const ao = /* @__PURE__ */ u({
     clampMax: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { camera: o } = y(), { pass: s, effect: a } = h(
-      () => new _(o.value, ie(t.lightSource), t),
+    const t = r, { camera: o } = y(), s = L(
+      () => t.lightSource ?? new ze(
+        new Je(1e-5),
+        new We({ visible: !1 })
+      )
+    ), { pass: a, effect: i } = p(
+      () => new _(o.value, s.value, t),
       t
     );
-    return e({ pass: s, effect: a }), m(
+    return e({ pass: a, effect: i }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
         [() => t.density, "godRaysMaterial.density"],
@@ -1138,20 +1143,29 @@ const ao = /* @__PURE__ */ u({
         [() => t.resolutionScale, "resolution.scale"],
         [() => t.resolutionX, "resolution.width"],
         [() => t.resolutionY, "resolution.height"],
-        [() => t.kernelSize, "kernelSize"],
-        [() => t.blur, "blur"]
+        [() => t.kernelSize, "blurPass.kernelSize"],
+        [() => t.blur, "blurPass.enabled"]
       ],
-      a,
+      i,
       () => new _()
+    ), S(
+      [() => t.lightSource, i],
+      () => {
+        i.value && (i.value.lightSource = ie(s.value));
+      },
+      { immediate: !0 }
     ), S(
       [() => t.opacity],
       () => {
-        var i, n;
+        var n, l;
         if (t.opacity !== void 0)
-          (i = a.value) == null || i.blendMode.setOpacity(t.opacity);
+          (n = i.value) == null || n.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();
+          const f = new _(
+            o.value,
+            ie(s.value)
+          );
+          (l = i.value) == null || l.blendMode.setOpacity(f.blendMode.getOpacity()), f.dispose();
         }
       },
       {
@@ -1160,7 +1174,7 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), no = /* @__PURE__ */ u({
+}), lo = /* @__PURE__ */ u({
   __name: "ColorDepthPmndrs",
   props: {
     blendFunction: {},
@@ -1168,7 +1182,7 @@ const ao = /* @__PURE__ */ u({
     opacity: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new I(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new I(t), t);
     return e({ pass: o, effect: s }), H(
       () => t.blendFunction,
       s,
@@ -1201,7 +1215,7 @@ const ao = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), lo = /* @__PURE__ */ u({
+}), uo = /* @__PURE__ */ u({
   __name: "GridPmndrs",
   props: {
     blendFunction: {},
@@ -1209,7 +1223,7 @@ const ao = /* @__PURE__ */ u({
     lineWidth: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new we(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new we(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -1298,7 +1312,7 @@ class Le extends q {
     this.uniforms.get("scale").value = e;
   }
 }
-const uo = /* @__PURE__ */ u({
+const co = /* @__PURE__ */ u({
   __name: "FishEyePmndrs",
   props: {
     blendFunction: {},
@@ -1307,11 +1321,11 @@ const uo = /* @__PURE__ */ u({
     scale: {}
   },
   setup(r, { expose: e }) {
-    const t = r, o = O(
+    const t = r, o = L(
       () => Array.isArray(t.lensS) ? new d(...t.lensS) : t.lensS
-    ), s = O(
+    ), s = L(
       () => Array.isArray(t.lensF) ? new d(...t.lensF) : t.lensF
-    ), { pass: a, effect: i } = h(
+    ), { pass: a, effect: i } = p(
       () => new Le({
         ...t,
         lensS: o.value,
@@ -1331,7 +1345,7 @@ const uo = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), co = /* @__PURE__ */ u({
+}), fo = /* @__PURE__ */ u({
   __name: "BrightnessContrastPmndrs",
   props: {
     blendFunction: {},
@@ -1339,7 +1353,7 @@ const uo = /* @__PURE__ */ u({
     contrast: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { pass: o, effect: s } = h(() => new Ae(t), t);
+    const t = r, { pass: o, effect: s } = p(() => new Ae(t), t);
     return e({ pass: o, effect: s }), m(
       [
         [() => t.blendFunction, "blendMode.blendFunction"],
@@ -1351,7 +1365,7 @@ const uo = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Ue = {
+}), He = {
   name: "CopyShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -1401,22 +1415,22 @@ class C {
   dispose() {
   }
 }
-const wt = new Qe(-1, 1, 1, -1, 0, 1);
-class At extends Ke {
+const At = new Ze(-1, 1, 1, -1, 0, 1);
+class yt extends _e {
   constructor() {
     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 yt = new At();
+const Mt = new yt();
 class R {
   constructor(e) {
-    this._mesh = new Je(yt, e);
+    this._mesh = new ze(Mt, e);
   }
   dispose() {
     this._mesh.geometry.dispose();
   }
   render(e) {
-    e.render(this._mesh, wt);
+    e.render(this._mesh, At);
   }
   get material() {
     return this._mesh.material;
@@ -1425,7 +1439,7 @@ class R {
     this._mesh.material = e;
   }
 }
-class Mt extends C {
+class Tt extends C {
   constructor(e, t) {
     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",
@@ -1453,7 +1467,7 @@ class Oe extends C {
     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 Tt extends C {
+class Ct extends C {
   constructor() {
     super(), this.needsSwap = !1;
   }
@@ -1461,14 +1475,14 @@ class Tt extends C {
     e.state.buffers.stencil.setLocked(!1), e.state.buffers.stencil.setTest(!1);
   }
 }
-class Ct {
+class Et {
   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: 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 Mt(Ue), this.copyPass.material.blending = Ze, this.clock = new _e();
+    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 Tt(He), this.copyPass.material.blending = $e, this.clock = new et();
   }
   swapBuffers() {
     const e = this.readBuffer;
@@ -1504,7 +1518,7 @@ class Ct {
           }
           this.swapBuffers();
         }
-        Oe !== void 0 && (i instanceof Oe ? o = !0 : i instanceof Tt && (o = !1));
+        Oe !== void 0 && (i instanceof Oe ? o = !0 : i instanceof Ct && (o = !1));
       }
     }
     this.renderer.setRenderTarget(t);
@@ -1530,7 +1544,7 @@ class Ct {
     this.renderTarget1.dispose(), this.renderTarget2.dispose(), this.copyPass.dispose();
   }
 }
-class Et extends C {
+class Pt 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();
   }
@@ -1541,7 +1555,7 @@ class Et extends C {
     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 Ge = Symbol("effectComposerThree"), fo = /* @__PURE__ */ u({
+const Xe = Symbol("effectComposerThree"), ho = /* @__PURE__ */ u({
   __name: "EffectComposer",
   props: {
     enabled: { type: Boolean, default: !0 },
@@ -1549,25 +1563,25 @@ const Ge = Symbol("effectComposerThree"), fo = /* @__PURE__ */ u({
   },
   setup(r, { expose: e }) {
     const t = r, o = W(null);
-    Be(Ge, o), e({ composer: o });
+    Be(Xe, 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);
+      (c = o.value) == null || c.dispose(), o.value = new Et(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: f } = ze();
+    const { pixelRatio: h } = Ue();
     x(() => {
       var c;
-      (c = o.value) == null || c.setPixelRatio(f.value);
+      (c = o.value) == null || c.setPixelRatio(h.value);
     }), t.withoutRenderPass || x(() => {
-      n.value && i.value && o.value && o.value.addPass(new Et(i.value, n.value));
+      n.value && i.value && o.value && o.value.addPass(new Pt(i.value, n.value));
     });
-    const { render: g } = G();
-    return g(() => {
+    const { render: v } = G();
+    return v(() => {
       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);
     }), U(() => {
       var c;
@@ -1577,26 +1591,26 @@ const Ge = Symbol("effectComposerThree"), fo = /* @__PURE__ */ u({
 }), 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();
+  const o = te(Xe), 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();
+    var f;
+    (f = o == null ? void 0 : o.value) == null || f.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 t && S(
-    () => t.map((p) => e == null ? void 0 : e[p]),
+    () => t.map((f) => e == null ? void 0 : e[f]),
     () => {
       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));
+      const f = o.value.passes.findIndex((h) => h === s.value);
+      ~f && (n(), s.value = r(), o.value.insertPass(s.value, f));
     }
   ), U(() => {
     n();
   }), { pass: s };
-}, Pt = {
+}, Dt = {
   uniforms: {
     tDiffuse: { value: null },
     //diffuse texture
@@ -1694,7 +1708,7 @@ const Ge = Symbol("effectComposerThree"), fo = /* @__PURE__ */ u({
 class Re extends C {
   constructor(e = 64) {
     super();
-    const t = Pt;
+    const t = Dt;
     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,
@@ -1713,14 +1727,14 @@ class Re extends C {
       const i = w.randFloat(0, 1);
       t[a] = i;
     }
-    const s = new $e(t, e, e, et, tt);
+    const s = new tt(t, e, e, ot, st);
     return s.needsUpdate = !0, s;
   }
   dispose() {
     this.material.dispose(), this.heightMap.dispose(), this.fsQuad.dispose();
   }
 }
-const ho = /* @__PURE__ */ u({
+const po = /* @__PURE__ */ u({
   __name: "Glitch",
   props: {
     dtSize: {},
@@ -2041,7 +2055,7 @@ const ho = /* @__PURE__ */ u({
 		}`
   )
 };
-class Dt extends C {
+class Lt extends C {
   constructor(e, t, o) {
     super(), this.uniforms = P.clone(Y.uniforms), this.material = new A({
       uniforms: this.uniforms,
@@ -2062,7 +2076,7 @@ class Dt extends C {
     this.material.dispose(), this.fsQuad.dispose();
   }
 }
-const po = /* @__PURE__ */ u({
+const mo = /* @__PURE__ */ u({
   __name: "Halftone",
   props: {
     shape: {},
@@ -2076,11 +2090,11 @@ const po = /* @__PURE__ */ u({
     blendingMode: {}
   },
   setup(r, { expose: e }) {
-    const t = r, { sizes: o } = y(), s = O(
+    const t = r, { sizes: o } = y(), s = L(
       () => Object.fromEntries(
         Object.entries(t).filter(([i, n]) => n !== void 0)
       )
-    ), { pass: a } = N(() => new Dt(
+    ), { pass: a } = N(() => new Lt(
       o.width.value,
       o.height.value,
       s.value
@@ -2097,7 +2111,7 @@ const po = /* @__PURE__ */ u({
 });
 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;
+    super(), this.pixelSize = e, this.resolution = new d(), this.renderResolution = new d(), this.pixelatedMaterial = this.createPixelatedMaterial(), this.normalMaterial = new at(), 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 rt(), 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();
@@ -2123,7 +2137,7 @@ class Fe extends C {
         tDepth: { value: null },
         tNormal: { value: null },
         resolution: {
-          value: new at(
+          value: new it(
             this.renderResolution.x,
             this.renderResolution.y,
             1 / this.renderResolution.x,
@@ -2242,7 +2256,7 @@ class Fe extends C {
     });
   }
 }
-const mo = /* @__PURE__ */ u({
+const vo = /* @__PURE__ */ u({
   __name: "Pixelation",
   props: {
     pixelSize: {},
@@ -2263,7 +2277,7 @@ const mo = /* @__PURE__ */ u({
     ), () => {
     };
   }
-}), Lt = {
+}), Ot = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2349,11 +2363,11 @@ const mo = /* @__PURE__ */ u({
 		}`
   )
 };
-class Ot extends C {
+class Rt extends C {
   constructor() {
     super();
-    const e = Lt;
-    this.uniforms = P.clone(e.uniforms), this.material = new rt({
+    const e = Ot;
+    this.uniforms = P.clone(e.uniforms), this.material = new nt({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
@@ -2361,7 +2375,7 @@ class Ot extends C {
     }), 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 = {}, 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));
+    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 = {}, lt.getTransfer(this._outputColorSpace) === ut && (this.material.defines.SRGB_TRANSFER = ""), this._toneMapping === ct ? this.material.defines.LINEAR_TONE_MAPPING = "" : this._toneMapping === dt ? this.material.defines.REINHARD_TONE_MAPPING = "" : this._toneMapping === ft ? this.material.defines.CINEON_TONE_MAPPING = "" : this._toneMapping === ht ? this.material.defines.ACES_FILMIC_TONE_MAPPING = "" : this._toneMapping === pt ? this.material.defines.AGX_TONE_MAPPING = "" : this._toneMapping === mt ? this.material.defines.NEUTRAL_TONE_MAPPING = "" : this._toneMapping === vt && (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();
@@ -2370,7 +2384,7 @@ class Ot extends C {
 const go = /* @__PURE__ */ u({
   __name: "Output",
   setup(r, { expose: e }) {
-    const { pass: t } = N(() => new Ot());
+    const { pass: t } = N(() => new Rt());
     return e({ pass: t }), () => {
     };
   }
@@ -2815,7 +2829,7 @@ const go = /* @__PURE__ */ u({
 		}`
   )
 };
-class Rt extends C {
+class Ft extends C {
   constructor(e, t) {
     super(), this.edgesRT = new D(e, t, {
       depthBuffer: !1,
@@ -2827,7 +2841,7 @@ class Rt extends C {
     const o = this, s = new Image();
     s.src = this.getAreaTexture(), s.onload = function() {
       o.areaTexture.needsUpdate = !0;
-    }, 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;
+    }, this.areaTexture = new Me(), this.areaTexture.name = "SMAAPass.area", this.areaTexture.image = s, this.areaTexture.minFilter = gt, this.areaTexture.generateMipmaps = !1, this.areaTexture.flipY = !1;
     const a = new Image();
     a.src = this.getSearchTexture(), a.onload = function() {
       o.searchTexture.needsUpdate = !0;
@@ -2863,20 +2877,20 @@ class Rt extends C {
     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 vo = /* @__PURE__ */ u({
+const xo = /* @__PURE__ */ u({
   __name: "SMAA",
   props: {
     width: {},
     height: {}
   },
   setup(r, { expose: e }) {
-    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);
+    const t = r, { sizes: o } = y(), { pixelRatio: s } = Ue(), a = L(() => t.width ?? o.width.value * s.value), i = L(() => t.height ?? o.height.value * s.value), { pass: n } = N(() => new Ft(a.value, i.value), t);
     return e({ pass: n }), x(() => {
       n.value.setSize(a.value, i.value);
     }), () => {
     };
   }
-}), He = {
+}), Ie = {
   name: "LuminosityHighPassShader",
   shaderID: "luminosityHighPass",
   uniforms: {
@@ -2932,13 +2946,13 @@ class B extends C {
     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++) {
+    for (let v = 0; v < this.nMips; v++) {
       const c = new D(a, i, { type: T });
-      c.texture.name = "UnrealBloomPass.h" + g, c.texture.generateMipmaps = !1, this.renderTargetsHorizontal.push(c);
+      c.texture.name = "UnrealBloomPass.h" + v, 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);
+      b.texture.name = "UnrealBloomPass.v" + v, b.texture.generateMipmaps = !1, this.renderTargetsVertical.push(b), a = Math.round(a / 2), i = Math.round(i / 2);
     }
-    const n = He;
+    const n = Ie;
     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,
@@ -2946,21 +2960,21 @@ class B extends C {
     }), this.separableBlurMaterials = [];
     const l = [3, 5, 7, 9, 11];
     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);
+    for (let v = 0; v < this.nMips; v++)
+      this.separableBlurMaterials.push(this.getSeparableBlurMaterial(l[v])), this.separableBlurMaterials[v].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 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({
+    const f = [1, 0.8, 0.6, 0.4, 0.2];
+    this.compositeMaterial.uniforms.bloomFactors.value = f, 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 h = He;
+    this.copyUniforms = P.clone(h.uniforms), this.blendMaterial = new A({
       uniforms: this.copyUniforms,
-      vertexShader: f.vertexShader,
-      fragmentShader: f.fragmentShader,
-      blending: gt,
+      vertexShader: h.vertexShader,
+      fragmentShader: h.fragmentShader,
+      blending: xt,
       depthTest: !1,
       depthWrite: !1,
       transparent: !0
-    }), this.enabled = !0, this.needsSwap = !1, this._oldClearColor = new k(), this.oldClearAlpha = 1, this.basic = new vt(), this.fsQuad = new R(null);
+    }), this.enabled = !0, this.needsSwap = !1, this._oldClearColor = new k(), this.oldClearAlpha = 1, this.basic = new We(), this.fsQuad = new R(null);
   }
   dispose() {
     for (let e = 0; e < this.renderTargetsHorizontal.length; e++)
@@ -3080,7 +3094,7 @@ class B extends C {
 }
 B.BlurDirectionX = new d(1, 0);
 B.BlurDirectionY = new d(0, 1);
-const xo = /* @__PURE__ */ u({
+const bo = /* @__PURE__ */ u({
   __name: "UnrealBloom",
   props: {
     radius: { default: 0 },
@@ -3102,46 +3116,46 @@ const xo = /* @__PURE__ */ u({
       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;
+      s.value.threshold = t.threshold ?? ((a = Ie.uniforms.luminosityThreshold) == null ? void 0 : a.value) ?? 1;
     }), () => {
     };
   }
 });
 export {
-  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,
+  qt as BarrelBlurPmndrs,
+  Ht as BloomPmndrs,
+  fo as BrightnessContrastPmndrs,
+  Kt as ChromaticAberrationPmndrs,
+  $t as ColorAveragePmndrs,
+  lo as ColorDepthPmndrs,
+  Xt as DepthOfFieldPmndrs,
+  io as DepthPickingPassPmndrs,
+  so as DotScreenPmndrs,
+  ho as EffectComposer,
+  Gt as EffectComposerPmndrs,
+  co as FishEyePmndrs,
+  po as Glitch,
+  It as GlitchPmndrs,
+  no as GodRaysPmndrs,
+  uo as GridPmndrs,
+  mo as Halftone,
+  Jt as HueSaturationPmndrs,
+  _t as KuwaharaPmndrs,
+  eo as LensDistortionPmndrs,
+  ro as LinocutPmndrs,
+  jt as NoisePmndrs,
+  Vt 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,
+  vo as Pixelation,
+  Yt as PixelationPmndrs,
+  xo as SMAA,
+  Zt as ScanlinePmndrs,
+  ao as SepiaPmndrs,
+  to as ShockWavePmndrs,
+  oo as TiltShiftPmndrs,
+  Qt as ToneMappingPmndrs,
+  bo as UnrealBloom,
+  kt as VignettePmndrs,
   N as useEffect,
-  h as useEffectPmndrs
+  p as useEffectPmndrs
 };