lazy-vfx 1.0.0 → 1.1.0

package/dist/lazy-vfx.es.js

@@ -1,9 +1,9 @@
-import ye, { useRef as D, useEffect as ge, forwardRef as Re, useState as Ee, useImperativeHandle as Pe, useCallback as Ae, useMemo as be } from "react";
-import { create as he } from "zustand";
-import { useFrame as Se } from "@react-three/fiber";
-import * as p from "three";
-import { useControls as ae, button as ie, folder as Q } from "leva";
-var Z = { exports: {} }, J = {};
+import he, { useRef as F, useEffect as Se, forwardRef as Ae, useState as xe, useImperativeHandle as _e, useCallback as we, useMemo as ae } from "react";
+import { useFrame as ye } from "@react-three/fiber";
+import { Vector3 as te, Quaternion as Re, Euler as se, Matrix4 as Me, Color as Te, PlaneGeometry as Ce, AdditiveBlending as Oe, DynamicDrawUsage as W } from "three";
+import { useControls as ce, button as le, folder as Z } from "leva";
+import { create as je } from "zustand";
+var Q = { exports: {} }, J = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,27 +13,27 @@ var Z = { exports: {} }, J = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var se;
-function _e() {
-  if (se) return J;
-  se = 1;
-  var n = Symbol.for("react.transitional.element"), g = Symbol.for("react.fragment");
-  function l(o, r, a) {
-    var E = null;
-    if (a !== void 0 && (E = "" + a), r.key !== void 0 && (E = "" + r.key), "key" in r) {
-      a = {};
+var ue;
+function ke() {
+  if (ue) return J;
+  ue = 1;
+  var o = Symbol.for("react.transitional.element"), v = Symbol.for("react.fragment");
+  function l(a, r, i) {
+    var p = null;
+    if (i !== void 0 && (p = "" + i), r.key !== void 0 && (p = "" + r.key), "key" in r) {
+      i = {};
       for (var c in r)
-        c !== "key" && (a[c] = r[c]);
-    } else a = r;
-    return r = a.ref, {
-      $$typeof: n,
-      type: o,
-      key: E,
+        c !== "key" && (i[c] = r[c]);
+    } else i = r;
+    return r = i.ref, {
+      $$typeof: o,
+      type: a,
+      key: p,
       ref: r !== void 0 ? r : null,
-      props: a
+      props: i
     };
   }
-  return J.Fragment = g, J.jsx = l, J.jsxs = l, J;
+  return J.Fragment = v, J.jsx = l, J.jsxs = l, J;
 }
 var q = {};
 /**
@@ -45,26 +45,26 @@ var q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ce;
-function we() {
-  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(e) {
+var fe;
+function Fe() {
+  return fe || (fe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === C ? null : e.displayName || e.name || null;
+        return e.$$typeof === M ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case _:
+        case A:
           return "Fragment";
-        case z:
+        case D:
           return "Profiler";
-        case F:
+        case x:
           return "StrictMode";
         case f:
           return "Suspense";
-        case B:
+        case Y:
           return "SuspenseList";
-        case T:
+        case w:
           return "Activity";
       }
       if (typeof e == "object")
@@ -73,64 +73,64 @@ function we() {
         ), e.$$typeof) {
           case h:
             return "Portal";
-          case w:
+          case _:
             return e.displayName || "Context";
           case N:
             return (e._context.displayName || "Context") + ".Consumer";
-          case S:
+          case E:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case X:
-            return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
-          case A:
+          case $:
+            return t = e.displayName || null, t !== null ? t : o(e.type) || "Memo";
+          case y:
             t = e._payload, e = e._init;
             try {
-              return n(e(t));
+              return o(e(t));
             } catch {
             }
         }
       return null;
     }
-    function g(e) {
+    function v(e) {
       return "" + e;
     }
     function l(e) {
       try {
-        g(e);
+        v(e);
         var t = !1;
       } catch {
         t = !0;
       }
       if (t) {
         t = console;
-        var u = t.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var u = t.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return u.call(
           t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          m
-        ), g(e);
+          d
+        ), v(e);
       }
     }
-    function o(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
+    function a(e) {
+      if (e === A) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === y)
         return "<...>";
       try {
-        var t = n(e);
+        var t = o(e);
         return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var e = L.A;
+      var e = C.A;
       return e === null ? null : e.getOwner();
     }
-    function a() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
-      if (I.call(e, "key")) {
+    function p(e) {
+      if (L.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning) return !1;
       }
@@ -148,23 +148,23 @@ function we() {
         configurable: !0
       });
     }
-    function M() {
-      var e = n(this.type);
-      return W[e] || (W[e] = !0, console.error(
+    function T() {
+      var e = o(this.type);
+      return X[e] || (X[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function P(e, t, u, m, H, te) {
-      var v = u.ref;
+    function R(e, t, u, d, H, re) {
+      var m = u.ref;
       return e = {
-        $$typeof: y,
+        $$typeof: S,
         type: e,
         key: t,
         props: u,
-        _owner: m
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: d
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: M
+        get: T
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,64 +184,64 @@ function we() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
+        value: re
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function d(e, t, u, m, H, te) {
-      var v = t.children;
-      if (v !== void 0)
-        if (m)
-          if (U(v)) {
-            for (m = 0; m < v.length; m++)
-              i(v[m]);
-            Object.freeze && Object.freeze(v);
+    function n(e, t, u, d, H, re) {
+      var m = t.children;
+      if (m !== void 0)
+        if (d)
+          if (U(m)) {
+            for (d = 0; d < m.length; d++)
+              P(m[d]);
+            Object.freeze && Object.freeze(m);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else i(v);
-      if (I.call(t, "key")) {
-        v = n(e);
-        var $ = Object.keys(t).filter(function(xe) {
-          return xe !== "key";
+        else P(m);
+      if (L.call(t, "key")) {
+        m = o(e);
+        var B = Object.keys(t).filter(function(Pe) {
+          return Pe !== "key";
         });
-        m = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", k[v + m] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", j[m + d] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          d,
           m,
-          v,
-          $,
-          v
-        ), k[v + m] = !0);
+          B,
+          m
+        ), j[m + d] = !0);
       }
-      if (v = null, u !== void 0 && (l(u), v = "" + u), E(t) && (l(t.key), v = "" + t.key), "key" in t) {
+      if (m = null, u !== void 0 && (l(u), m = "" + u), p(t) && (l(t.key), m = "" + t.key), "key" in t) {
         u = {};
-        for (var re in t)
-          re !== "key" && (u[re] = t[re]);
+        for (var ne in t)
+          ne !== "key" && (u[ne] = t[ne]);
       } else u = t;
-      return v && c(
+      return m && c(
         u,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), P(
+      ), R(
         e,
-        v,
+        m,
         u,
         r(),
         H,
-        te
+        re
       );
     }
-    function i(e) {
-      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function P(e) {
+      z(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === y && (e._payload.status === "fulfilled" ? z(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function x(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === y;
+    function z(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === S;
     }
-    var s = ye, y = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), w = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), L = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, U = Array.isArray, Y = console.createTask ? console.createTask : function() {
+    var s = he, S = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), C = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, U = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     s = {
@@ -249,75 +249,54 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var V, W = {}, O = s.react_stack_bottom_frame.bind(
+    var V, X = {}, O = s.react_stack_bottom_frame.bind(
       s,
-      a
-    )(), G = Y(o(a)), k = {};
-    q.Fragment = _, q.jsx = function(e, t, u) {
-      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return d(
+      i
+    )(), G = I(a(i)), j = {};
+    q.Fragment = A, q.jsx = function(e, t, u) {
+      var d = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return n(
         e,
         t,
         u,
         !1,
-        m ? Error("react-stack-top-frame") : O,
-        m ? Y(o(e)) : G
+        d ? Error("react-stack-top-frame") : O,
+        d ? I(a(e)) : G
       );
     }, q.jsxs = function(e, t, u) {
-      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return d(
+      var d = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return n(
         e,
         t,
         u,
         !0,
-        m ? Error("react-stack-top-frame") : O,
-        m ? Y(o(e)) : G
+        d ? Error("react-stack-top-frame") : O,
+        d ? I(a(e)) : G
       );
     };
   })()), q;
 }
-var le;
-function Me() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? Z.exports = _e() : Z.exports = we()), Z.exports;
+var de;
+function ze() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? Q.exports = ke() : Q.exports = Fe()), Q.exports;
 }
-var R = Me();
-const oe = he((n, g) => ({
-  emitters: {},
-  registerEmitter: (l, o) => {
-    if (g().emitters[l]) {
-      console.warn(`Emitter ${l} already exists`);
-      return;
-    }
-    n((r) => (r.emitters[l] = o, r));
-  },
-  unregisterEmitter: (l) => {
-    n((o) => (delete o.emitters[l], o));
-  },
-  emit: (l, ...o) => {
-    const r = g().emitters[l];
-    if (!r) {
-      console.warn(`Emitter ${l} not found`);
-      return;
-    }
-    r(...o);
-  }
-}));
-function ue(n, g) {
-  return n + Math.floor(Math.random() * (g - n + 1));
+var b = ze();
+function me(o, v) {
+  return o + Math.floor(Math.random() * (v - o + 1));
 }
-function b(n, g) {
-  return n + Math.random() * (g - n);
+function g(o, v) {
+  return o + Math.random() * (v - o);
 }
-const Te = ({ settings: n, onChange: g, onRestart: l }) => {
-  ae("⚙️ Emitter Settings", {
-    Restart: ie(() => l()),
-    Export: ie(() => {
-      const c = JSON.stringify(E.current);
+const De = ({ settings: o, onChange: v, onRestart: l }) => {
+  ce("⚙️ Emitter Settings", {
+    Restart: le(() => l()),
+    Export: le(() => {
+      const c = JSON.stringify(p.current);
       console.log("📋 Values saved to clipboard: ", c), navigator.clipboard.writeText(c);
     })
   });
-  const [{ ...o }, r] = ae(() => ({
-    "🪄 Emitter": Q({
+  const [{ ...a }, r] = ce(() => ({
+    "🪄 Emitter": Z({
       duration: 4,
       delay: 0,
       nbParticles: 2e3,
@@ -355,7 +334,7 @@ const Te = ({ settings: n, onChange: g, onRestart: l }) => {
         label: "startRotationMax"
       }
     }),
-    "✨ Particles": Q({
+    "✨ Particles": Z({
       particlesLifetime: {
         value: [0.1, 1],
         min: 0,
@@ -364,7 +343,7 @@ const Te = ({ settings: n, onChange: g, onRestart: l }) => {
         label: "lifetime"
       }
     }),
-    "🌪 Forces": Q({
+    "🌪 Forces": Z({
       speed: {
         value: [5, 20],
         min: -100,
@@ -395,7 +374,7 @@ const Te = ({ settings: n, onChange: g, onRestart: l }) => {
         step: 0.1
       }
     }),
-    "🎨 Appearance": Q({
+    "🎨 Appearance": Z({
       nbColors: {
         options: [1, 2, 3]
       },
@@ -425,119 +404,142 @@ const Te = ({ settings: n, onChange: g, onRestart: l }) => {
         label: "size"
       }
     })
-  })), a = {
-    ...o,
-    colorStart: [o.colorStart],
-    colorEnd: [o.colorEnd]
+  })), i = {
+    ...a,
+    colorStart: [a.colorStart],
+    colorEnd: [a.colorEnd]
   };
-  delete a.nbColors, delete a.colorStart2, delete a.colorEnd2, delete a.colorStart3, delete a.colorEnd3, o.nbColors > 1 && a.colorStart.push(o.colorStart2), o.nbColors > 1 && a.colorEnd.push(o.colorEnd2), o.nbColors > 2 && a.colorStart.push(o.colorStart3), o.nbColors > 2 && a.colorEnd.push(o.colorEnd3);
-  const E = D(a);
-  E.current = a, ge(() => {
-    var c, M;
-    if (n) {
-      const P = {
-        ...n
+  delete i.nbColors, delete i.colorStart2, delete i.colorEnd2, delete i.colorStart3, delete i.colorEnd3, a.nbColors > 1 && i.colorStart.push(a.colorStart2), a.nbColors > 1 && i.colorEnd.push(a.colorEnd2), a.nbColors > 2 && i.colorStart.push(a.colorStart3), a.nbColors > 2 && i.colorEnd.push(a.colorEnd3);
+  const p = F(i);
+  p.current = i, Se(() => {
+    var c, T;
+    if (o) {
+      const R = {
+        ...o
       };
-      for (let d = 0; d < 2; d++)
-        ((c = n.colorStart) == null ? void 0 : c.length) > d && (P[d === 0 ? "colorStart" : `colorStart${d + 1}`] = n.colorStart[d], P.nbColors = d + 1), ((M = n.colorEnd) == null ? void 0 : M.length) > d && (P[d === 0 ? "colorEnd" : `colorEnd${d + 1}`] = n.colorEnd[d]);
+      for (let n = 0; n < 2; n++)
+        ((c = o.colorStart) == null ? void 0 : c.length) > n && (R[n === 0 ? "colorStart" : `colorStart${n + 1}`] = o.colorStart[n], R.nbColors = n + 1), ((T = o.colorEnd) == null ? void 0 : T.length) > n && (R[n === 0 ? "colorEnd" : `colorEnd${n + 1}`] = o.colorEnd[n]);
       r({
-        ...P
+        ...R
       });
     }
-  }, [n]), g(a);
-}, K = new p.Vector3(), ne = new p.Quaternion(), Ce = new p.Euler(), ee = new p.Euler(), Oe = new p.Vector3(), Le = Re(
-  ({ debug: n = !1, emitter: g, settings: l = {}, ...o }, r) => {
-    const [{
-      duration: a = 1,
-      nParticles: E = 1e3,
-      spawnMode: c = "time",
-      // time, burst
-      loop: M = !1,
-      delay: P = 0,
-      colorStart: d = ["white", "skyblue"],
-      colorEnd: i = [],
-      particlesLifetime: x = [0.1, 1],
-      speed: s = [5, 20],
-      size: y = [0.1, 1],
-      startPositionMin: h = [-1, -1, -1],
-      startPositionMax: _ = [1, 1, 1],
-      startRotationMin: F = [0, 0, 0],
-      startRotationMax: z = [0, 0, 0],
-      rotationSpeedMin: N = [0, 0, 0],
-      rotationSpeedMax: w = [0, 0, 0],
-      directionMin: S = [0, 0, 0],
-      directionMax: f = [0, 0, 0]
-    }, B] = Ee(l), X = oe((U) => U.emit), A = D();
-    Pe(r, () => A.current);
-    const T = D(0), C = D(0);
-    Se(({ clock: U }, Y) => {
-      const V = U.elapsedTime;
-      if (C.current < E || M) {
-        if (!A)
+  }, [o]), v(i);
+}, ie = je((o, v) => ({
+  emitters: {},
+  registerEmitter: (l, a) => {
+    if (v().emitters[l]) {
+      console.warn(`Emitter ${l} already exists`);
+      return;
+    }
+    o((r) => (r.emitters[l] = a, r));
+  },
+  unregisterEmitter: (l) => {
+    o((a) => (delete a.emitters[l], a));
+  },
+  emit: (l, ...a) => {
+    const r = v().emitters[l];
+    if (!r) {
+      console.warn(`Emitter ${l} not found`);
+      return;
+    }
+    r(...a);
+  }
+})), K = new te(), oe = new Re(), Ne = new se(), ee = new se(), Le = new te(), Xe = Ae(
+  ({ debug: o, emitter: v, settings: l = {}, ...a }, r) => {
+    const [
+      {
+        duration: i = 1,
+        nbParticles: p = 1e3,
+        spawnMode: c = "time",
+        // time, burst
+        loop: T = !1,
+        delay: R = 0,
+        colorStart: n = ["white", "skyblue"],
+        colorEnd: P = [],
+        particlesLifetime: z = [0.1, 1],
+        speed: s = [5, 20],
+        size: S = [0.1, 1],
+        startPositionMin: h = [-1, -1, -1],
+        startPositionMax: A = [1, 1, 1],
+        startRotationMin: x = [0, 0, 0],
+        startRotationMax: D = [0, 0, 0],
+        rotationSpeedMin: N = [0, 0, 0],
+        rotationSpeedMax: _ = [0, 0, 0],
+        directionMin: E = [0, 0, 0],
+        directionMax: f = [0, 0, 0]
+      },
+      Y
+    ] = xe(l), $ = ie((U) => U.emit), y = F();
+    _e(r, () => y.current);
+    const w = F(0), M = F(0);
+    ye(({ clock: U }, I) => {
+      const V = U.getElapsedTime();
+      if (w.current < p || T) {
+        if (!y)
           return;
-        const O = (c === "burst" ? E : Math.max(
+        const O = (c === "burst" ? p : Math.max(
           0,
           Math.floor(
-            (T.current - P) / a * E
+            (M.current - R) / i * p
           )
-        )) - C.current;
-        O > 0 && T.current >= P && (X(g, O, () => {
-          A.current.updateWorldMatrix(!0), A.current.matrixWorld.decompose(K, ne, Oe), Ce.setFromQuaternion(ne), ee.setFromQuaternion(ne);
-          const k = b(y[0], y[1]), e = d[ue(0, d.length - 1)];
+        )) - w.current;
+        O > 0 && M.current >= R && ($(v, O, () => {
+          y.current.updateWorldMatrix(!0), y.current.matrixWorld.decompose(K, oe, Le), Ne.setFromQuaternion(oe), ee.setFromQuaternion(oe);
+          const j = g(S[0], S[1]), e = n[me(0, n.length - 1)];
           return {
             position: [
-              K.x + b(h[0], _[0]),
-              K.y + b(h[1], _[1]),
-              K.z + b(h[2], _[2])
+              K.x + g(h[0], A[0]),
+              K.y + g(h[1], A[1]),
+              K.z + g(h[2], A[2])
             ],
             direction: [
-              b(S[0], f[0]),
-              b(S[1], f[1]),
-              b(S[2], f[2])
+              g(E[0], f[0]),
+              g(E[1], f[1]),
+              g(E[2], f[2])
             ],
-            scale: [k, k, k],
+            scale: [j, j, j],
             rotation: [
-              ee.x + b(F[0], z[0]),
-              ee.y + b(F[1], z[1]),
-              ee.z + b(F[2], z[2])
+              ee.x + g(x[0], D[0]),
+              ee.y + g(x[1], D[1]),
+              ee.z + g(x[2], D[2])
             ],
             rotationSpeed: [
-              b(N[0], w[0]),
-              b(N[1], w[1]),
-              b(N[2], w[2])
+              g(N[0], _[0]),
+              g(N[1], _[1]),
+              g(N[2], _[2])
             ],
             lifetime: [
               V,
-              b(x[0], x[1])
+              g(z[0], z[1])
             ],
             colorStart: e,
-            colorEnd: i != null && i.length ? i[ue(0, i.length - 1)] : e,
-            speed: [b(s[0], s[1])]
+            colorEnd: P != null && P.length ? P[me(0, P.length - 1)] : e,
+            speed: [g(s[0], s[1])]
           };
-        }), C.current += O);
+        }), w.current += O);
       }
-      T.current += Y;
+      M.current += I;
     });
-    const L = Ae(() => {
-      C.current = 0, T.current = 0;
-    }, []), I = be(
-      () => n ? /* @__PURE__ */ R.jsx(
-        Te,
+    const C = we(() => {
+      w.current = 0, M.current = 0;
+    }, []), L = ae(
+      () => o ? /* @__PURE__ */ b.jsx(
+        De,
         {
           settings: l,
-          onChange: B,
-          onRestart: L
+          onChange: Y,
+          onRestart: C
         }
       ) : null,
-      [n]
+      [o]
     );
-    return /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-      I,
-      /* @__PURE__ */ R.jsx("object3D", { ...o, ref: A })
+    return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+      L,
+      /* @__PURE__ */ b.jsx("object3D", { ...a, ref: y })
     ] });
   }
 );
-var ke = `varying vec2 vUv;
+var Ue = `varying vec2 vUv;
     varying vec3 vColor;
     varying vec3 vColorEnd;
     varying float vProgress;
@@ -642,7 +644,7 @@ var ke = `varying vec2 vUv;
       vUv = uv;
       vColor = instanceColor;
       vColorEnd = instanceColorEnd;
-    }`, je = `varying vec2 vUv;
+    }`, Ie = `varying vec2 vUv;
     varying vec3 vColor;
     varying vec3 vColorEnd;
     varying float vProgress;
@@ -668,167 +670,174 @@ var ke = `varying vec2 vUv;
         gl_FragColor = vec4(color, alpha);
     #endif
     }`;
-const fe = new p.Vector3(), de = new p.Euler(), me = new p.Quaternion(), ve = new p.Vector3(1, 1, 1), pe = new p.Matrix4(), j = new p.Color(), Ie = ({ name: n, settings: g = {}, alphaMap: l, geometry: o }) => {
-  const { nParticals: r = 1e3, intensity: a = 1, renderMode: E = "mesh", fadeSize: c = [0.1, 0.9], fadeAlpha: M = [0, 1], gravity: P = [0, 0, 0] } = g, d = new p.PlaneGeometry(), i = D(), [x] = Ee({
-    instanceColor: new Float32Array(r * 3),
-    instanceColorEnd: new Float32Array(r * 3),
-    instanceDirection: new Float32Array(r * 3),
-    instanceLifetime: new Float32Array(r * 2),
-    instanceSpeed: new Float32Array(r * 1),
-    instanceRotationSpeed: new Float32Array(r * 3)
-  }), s = D(0), y = D(0), h = D(!1), _ = (S, f) => {
-    const B = i.current.geometry.getAttribute("instanceColor"), X = i.current.geometry.getAttribute("instanceColorEnd"), A = i.current.geometry.getAttribute("instanceDirection"), T = i.current.geometry.getAttribute("instanceLifetime"), C = i.current.geometry.getAttribute("instanceSpeed"), L = i.current.geometry.getAttribute(
+const ve = new te(), pe = new se(), ge = new Re(), Ee = new te(1, 1, 1), be = new Me(), k = new Te(), Ge = ({ name: o, settings: v = {}, alphaMap: l, geometry: a }) => {
+  const {
+    nbParticles: r = 1e3,
+    intensity: i = 1,
+    renderMode: p = "mesh",
+    fadeSize: c = [0.1, 0.9],
+    fadeAlpha: T = [0, 1],
+    gravity: R = [0, 0, 0]
+  } = v, n = F(), P = ae(() => new Ce(0.5, 0.5), []), z = () => {
+    if (!h.current || !n.current)
+      return;
+    [
+      n.current.instanceMatrix,
+      n.current.geometry.getAttribute("instanceColor"),
+      n.current.geometry.getAttribute("instanceColorEnd"),
+      n.current.geometry.getAttribute("instanceDirection"),
+      n.current.geometry.getAttribute("instanceLifetime"),
+      n.current.geometry.getAttribute("instanceSpeed"),
+      n.current.geometry.getAttribute("instanceRotationSpeed")
+    ].forEach((f) => {
+      f.clearUpdateRanges(), S.current > s.current ? (f.addUpdateRange(0, s.current * f.itemSize), f.addUpdateRange(
+        S.current * f.itemSize,
+        r * f.itemSize - S.current * f.itemSize
+      )) : f.addUpdateRange(
+        S.current * f.itemSize,
+        s.current * f.itemSize - S.current * f.itemSize
+      ), f.needsUpdate = !0;
+    }), S.current = s.current, h.current = !1;
+  }, s = F(0), S = F(0), h = F(!1), A = (E, f) => {
+    const Y = n.current.geometry.getAttribute("instanceColor"), $ = n.current.geometry.getAttribute("instanceColorEnd"), y = n.current.geometry.getAttribute("instanceDirection"), w = n.current.geometry.getAttribute("instanceLifetime"), M = n.current.geometry.getAttribute("instanceSpeed"), C = n.current.geometry.getAttribute(
       "instanceRotationSpeed"
     );
-    for (let I = 0; I < S; I++) {
+    for (let L = 0; L < E; L++) {
       s.current >= r && (s.current = 0);
       const {
         scale: U,
-        rotation: Y,
+        rotation: I,
         rotationSpeed: V,
-        position: W,
+        position: X,
         direction: O,
         lifetime: G,
-        colorStart: k,
+        colorStart: j,
         colorEnd: e,
         speed: t
       } = f();
-      fe.set(...W), de.set(...Y), me.setFromEuler(de), ve.set(...U), pe.compose(fe, me, ve), j.set(k), j.set(e), A.set(O, s.current * 3), T.set(G, s.current * 2), C.set([t], s.current), L.set(V, s.current * 3), B.set(
-        [j.r, j.g, j.b],
+      ve.set(...X), pe.set(...I), ge.setFromEuler(pe), Ee.set(...U), be.compose(ve, ge, Ee), n.current.setMatrixAt(s.current, be), k.set(j), Y.set(
+        [k.r, k.g, k.b],
         s.current * 3
-      ), X.set(
-        [j.r, j.g, j.b],
+      ), k.set(e), $.set(
+        [k.r, k.g, k.b],
         s.current * 3
-      ), i.current.setMatrixAt(s.current, pe);
+      ), y.set(O, s.current * 3), w.set(G, s.current * 2), M.set([t], s.current), C.set(V, s.current * 3), s.current++, s.current = s.current % r;
     }
-    h.current = !0, s.current++, s.current = s.current % r;
-  }, F = () => {
-    if (!h.current || !i.current)
-      return;
-    [
-      i.current.instanceMatrix,
-      i.current.geometry.getAttribute("instanceColor"),
-      i.current.geometry.getAttribute("instanceColorEnd"),
-      i.current.geometry.getAttribute("instanceDirection"),
-      i.current.geometry.getAttribute("instanceLifetime"),
-      i.current.geometry.getAttribute("instanceSpeed"),
-      i.current.geometry.getAttribute("instanceRotationSpeed")
-    ].forEach((f) => {
-      f.clearUpdateRanges(), y.current > s.current ? (f.addUpdateRange(0, s.current * f.itemSize), f.addUpdateRange(
-        y.current * f.itemSize,
-        r * f.itemSize - y.current * f.itemSize
-      )) : f.addUpdateRange(
-        y.current * f.itemSize,
-        s.current * f.itemSize - y.current * f.itemSize
-      ), f.needsUpdate = !0;
-    }), y.current = s.current, h.current = !1;
-  }, z = oe((S) => S.registerEmitter), N = oe((S) => S.unregisterEmitter);
-  ge(() => (z(n, _), () => {
-    N(n);
+    n.current.instanceMatrix.needsUpdate = !0, Y.needsUpdate = !0, $.needsUpdate = !0, y.needsUpdate = !0, w.needsUpdate = !0, M.needsUpdate = !0, C.needsUpdate = !0, h.current = !0;
+  }, [x] = xe({
+    instanceColor: new Float32Array(r * 3),
+    instanceColorEnd: new Float32Array(r * 3),
+    instanceDirection: new Float32Array(r * 3),
+    instanceLifetime: new Float32Array(r * 2),
+    instanceSpeed: new Float32Array(r * 1),
+    instanceRotationSpeed: new Float32Array(r * 3)
+  }), D = ie((E) => E.registerEmitter), N = ie((E) => E.unregisterEmitter);
+  Se(() => (D(o, A), () => {
+    N(o);
   }), []);
-  const w = be(
+  const _ = ae(
     () => ({
       uTime: { value: 0 },
-      uIntensity: { value: a },
+      uIntensity: { value: i },
       uFadeSize: { value: c },
-      uFadeAlpha: { value: M },
-      uGravity: { value: P },
+      uFadeAlpha: { value: T },
+      uGravity: { value: R },
       uAlphaMap: { value: l }
     }),
     []
   );
-  return Se(({ clock: S }) => {
-    w && (w.uTime.value = S.elapsedTime);
-  }), /* @__PURE__ */ R.jsxs(
+  return ye(({ clock: E }) => {
+    _ && (_.uTime.value = E.elapsedTime);
+  }), /* @__PURE__ */ b.jsx(b.Fragment, { children: /* @__PURE__ */ b.jsxs(
     "instancedMesh",
     {
-      ref: i,
-      args: [d, null, r],
-      onBeforeRender: F,
+      args: [P, null, r],
+      ref: n,
+      onBeforeRender: z,
       children: [
-        o,
-        /* @__PURE__ */ R.jsx(
+        a,
+        /* @__PURE__ */ b.jsx(
           "shaderMaterial",
           {
-            uniforms: w,
-            vertexShader: ke,
-            fragmentShader: je,
-            blending: p.AdditiveBlending,
+            uniforms: _,
+            vertexShader: Ue,
+            fragmentShader: Ie,
+            blending: Oe,
             depthTest: !1,
             depthWrite: !1,
             transparent: !0,
             defines: {
-              BILLBOARD_MODE: E === "billboard",
-              MESH_MODE: E === "mesh",
+              BILLBOARD_MODE: p === "billboard",
+              MESH_MODE: p === "mesh",
               ALPHAMAP: !!l
             }
           }
         ),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ b.jsx(
           "instancedBufferAttribute",
           {
             attach: "geometry-attributes-instanceColor",
             args: [x.instanceColor],
             itemSize: 3,
             count: r,
-            usage: p.DynamicDrawUsage
+            usage: W
           }
         ),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ b.jsx(
           "instancedBufferAttribute",
           {
             attach: "geometry-attributes-instanceColorEnd",
             args: [x.instanceColorEnd],
             itemSize: 3,
             count: r,
-            usage: p.DynamicDrawUsage
+            usage: W
           }
         ),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ b.jsx(
           "instancedBufferAttribute",
           {
             attach: "geometry-attributes-instanceDirection",
             args: [x.instanceDirection],
             itemSize: 3,
             count: r,
-            usage: p.DynamicDrawUsage
+            usage: W
           }
         ),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ b.jsx(
           "instancedBufferAttribute",
           {
             attach: "geometry-attributes-instanceLifetime",
             args: [x.instanceLifetime],
             itemSize: 2,
             count: r,
-            usage: p.DynamicDrawUsage
+            usage: W
           }
         ),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ b.jsx(
           "instancedBufferAttribute",
           {
             attach: "geometry-attributes-instanceSpeed",
             args: [x.instanceSpeed],
             itemSize: 1,
             count: r,
-            usage: p.DynamicDrawUsage
+            usage: W
           }
         ),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ b.jsx(
           "instancedBufferAttribute",
           {
             attach: "geometry-attributes-instanceRotationSpeed",
             args: [x.instanceRotationSpeed],
             itemSize: 3,
             count: r,
-            usage: p.DynamicDrawUsage
+            usage: W
           }
         )
       ]
     }
-  );
+  ) });
 };
 export {
-  Le as VFXEmitter,
-  Ie as VFXParticles
+  Xe as VFXEmitter,
+  Ge as VFXParticles
 };

package/dist/lazy-vfx.umd.js

@@ -1,4 +1,4 @@
-(function(x,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("zustand"),require("@react-three/fiber"),require("three"),require("leva")):typeof define=="function"&&define.amd?define(["exports","react","zustand","@react-three/fiber","three","leva"],u):(x=typeof globalThis<"u"?globalThis:x||self,u(x.LazyVFX={},x.React,x.zustand,x.Fiber,x.THREE,x.leva))})(this,(function(x,u,ge,ie,Ee,C){"use strict";function be(n){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(d,a,o.get?o:{enumerable:!0,get:()=>n[a]})}}return d.default=n,Object.freeze(d)}const v=be(Ee);var q={exports:{}},G={};/**
+(function(y,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("@react-three/fiber"),require("three"),require("leva"),require("zustand")):typeof define=="function"&&define.amd?define(["exports","react","@react-three/fiber","three","leva","zustand"],c):(y=typeof globalThis<"u"?globalThis:y||self,c(y.LazyVFX={},y.React,y.Fiber,y.THREE,y.leva,y.zustand))})(this,(function(y,c,ie,m,O,ge){"use strict";var q={exports:{}},H={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var se;function Se(){if(se)return G;se=1;var n=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function a(o,r,i){var S=null;if(i!==void 0&&(S=""+i),r.key!==void 0&&(S=""+r.key),"key"in r){i={};for(var l in r)l!=="key"&&(i[l]=r[l])}else i=r;return r=i.ref,{$$typeof:n,type:o,key:S,ref:r!==void 0?r:null,props:i}}return G.Fragment=d,G.jsx=a,G.jsxs=a,G}var H={};/**
+ */var se;function Ee(){if(se)return H;se=1;var o=Symbol.for("react.transitional.element"),g=Symbol.for("react.fragment");function u(a,r,i){var b=null;if(i!==void 0&&(b=""+i),r.key!==void 0&&(b=""+r.key),"key"in r){i={};for(var l in r)l!=="key"&&(i[l]=r[l])}else i=r;return r=i.ref,{$$typeof:o,type:a,key:b,ref:r!==void 0?r:null,props:i}}return H.Fragment=g,H.jsx=u,H.jsxs=u,H}var Q={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,12 +14,12 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ce;function ye(){return ce||(ce=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case M:return"Fragment";case L:return"Profiler";case N:return"StrictMode";case m:return"Suspense";case J:return"SuspenseList";case k:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case w:return"Portal";case T:return e.displayName||"Context";case I:return(e._context.displayName||"Context")+".Consumer";case y:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Q:return t=e.displayName||null,t!==null?t:n(e.type)||"Memo";case A:t=e._payload,e=e._init;try{return n(e(t))}catch{}}return null}function d(e){return""+e}function a(e){try{d(e);var t=!1}catch{t=!0}if(t){t=console;var f=t.error,g=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return f.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",g),d(e)}}function o(e){if(e===M)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===A)return"<...>";try{var t=n(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function r(){var e=U.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function S(e){if(V.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function l(e,t){function f(){B||(B=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}f.isReactWarning=!0,Object.defineProperty(e,"key",{get:f,configurable:!0})}function j(){var e=n(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function _(e,t,f,g,te,oe){var E=f.ref;return e={$$typeof:P,type:e,key:t,props:f,_owner:g},(E!==void 0?E:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:oe}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,t,f,g,te,oe){var E=t.children;if(E!==void 0)if(g)if(Y(E)){for(g=0;g<E.length;g++)s(E[g]);Object.freeze&&Object.freeze(E)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else s(E);if(V.call(t,"key")){E=n(e);var W=Object.keys(t).filter(function(Te){return Te!=="key"});g=0<W.length?"{key: someKey, "+W.join(": ..., ")+": ...}":"{key: someKey}",z[E+g]||(W=0<W.length?"{"+W.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ce;function be(){return ce||(ce=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===j?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case L:return"Profiler";case P:return"StrictMode";case d:return"Suspense";case B:return"SuspenseList";case C:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case M:return"Portal";case T:return e.displayName||"Context";case I:return(e._context.displayName||"Context")+".Consumer";case x:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case W:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case A:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function g(e){return""+e}function u(e){try{g(e);var t=!1}catch{t=!0}if(t){t=console;var f=t.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return f.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),g(e)}}function a(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===A)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function r(){var e=D.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function b(e){if(V.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function l(e,t){function f(){G||(G=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}f.isReactWarning=!0,Object.defineProperty(e,"key",{get:f,configurable:!0})}function F(){var e=o(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function _(e,t,f,v,te,oe){var p=f.ref;return e={$$typeof:R,type:e,key:t,props:f,_owner:v},(p!==void 0?p:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:F}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:oe}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function n(e,t,f,v,te,oe){var p=t.children;if(p!==void 0)if(v)if(Y(p)){for(v=0;v<p.length;v++)w(p[v]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(p);if(V.call(t,"key")){p=o(e);var J=Object.keys(t).filter(function(Me){return Me!=="key"});v=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",U[p+v]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,g,E,W,E),z[E+g]=!0)}if(E=null,f!==void 0&&(a(f),E=""+f),S(t)&&(a(t.key),E=""+t.key),"key"in t){f={};for(var ae in t)ae!=="key"&&(f[ae]=t[ae])}else f=t;return E&&l(f,typeof e=="function"?e.displayName||e.name||"Unknown":e),_(e,E,f,r(),te,oe)}function s(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===A&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===P}var c=u,P=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),M=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),T=Symbol.for("react.context"),y=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),k=Symbol.for("react.activity"),D=Symbol.for("react.client.reference"),U=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,Y=Array.isArray,X=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(e){return e()}};var B,Z={},F=c.react_stack_bottom_frame.bind(c,i)(),K=X(o(i)),z={};H.Fragment=M,H.jsx=function(e,t,f){var g=1e4>U.recentlyCreatedOwnerStacks++;return p(e,t,f,!1,g?Error("react-stack-top-frame"):F,g?X(o(e)):K)},H.jsxs=function(e,t,f){var g=1e4>U.recentlyCreatedOwnerStacks++;return p(e,t,f,!0,g?Error("react-stack-top-frame"):F,g?X(o(e)):K)}})()),H}var le;function xe(){return le||(le=1,process.env.NODE_ENV==="production"?q.exports=Se():q.exports=ye()),q.exports}var R=xe();const re=ge.create((n,d)=>({emitters:{},registerEmitter:(a,o)=>{if(d().emitters[a]){console.warn(`Emitter ${a} already exists`);return}n(r=>(r.emitters[a]=o,r))},unregisterEmitter:a=>{n(o=>(delete o.emitters[a],o))},emit:(a,...o)=>{const r=d().emitters[a];if(!r){console.warn(`Emitter ${a} not found`);return}r(...o)}}));function ue(n,d){return n+Math.floor(Math.random()*(d-n+1))}function b(n,d){return n+Math.random()*(d-n)}const Re=({settings:n,onChange:d,onRestart:a})=>{C.useControls("⚙️ Emitter Settings",{Restart:C.button(()=>a()),Export:C.button(()=>{const l=JSON.stringify(S.current);console.log("📋 Values saved to clipboard: ",l),navigator.clipboard.writeText(l)})});const[{...o},r]=C.useControls(()=>({"🪄 Emitter":C.folder({duration:4,delay:0,nbParticles:2e3,spawnMode:{options:["time","burst"],value:"time"},loop:!1,startPositionMin:{value:[-1,-1,-1],min:-10,max:10,step:.1,label:"startPositionMin"},startPositionMax:{value:[1,1,1],min:-10,max:10,step:.1,label:"startPositionMax"},startRotationMin:{value:[0,0,0],min:-Math.PI*2,max:Math.PI*2,step:.1,label:"startRotationMin"},startRotationMax:{value:[0,0,0],min:-Math.PI*2,max:Math.PI*2,step:.1,label:"startRotationMax"}}),"✨ Particles":C.folder({particlesLifetime:{value:[.1,1],min:0,max:10,step:.1,label:"lifetime"}}),"🌪 Forces":C.folder({speed:{value:[5,20],min:-100,max:100},directionMin:{value:[-1,-1,-1],min:-1,max:1,step:.1},directionMax:{value:[1,1,1],min:-1,max:1,step:.1},rotationSpeedMin:{value:[0,0,0],min:0,max:10,step:.1},rotationSpeedMax:{value:[0,0,0],min:0,max:10,step:.1}}),"🎨 Appearance":C.folder({nbColors:{options:[1,2,3]},colorStart:"#ffffff",colorEnd:"#ffffff",colorStart2:{value:"#ff0000",render:l=>l("🎨 Appearance.nbColors")>1},colorEnd2:{value:"#ffffff",render:l=>l("🎨 Appearance.nbColors")>1},colorStart3:{value:"#ff0000",render:l=>l("🎨 Appearance.nbColors")>2},colorEnd3:{value:"#ff0000",render:l=>l("🎨 Appearance.nbColors")>2},size:{value:[.01,1],min:0,max:5,step:.01,label:"size"}})})),i={...o,colorStart:[o.colorStart],colorEnd:[o.colorEnd]};delete i.nbColors,delete i.colorStart2,delete i.colorEnd2,delete i.colorStart3,delete i.colorEnd3,o.nbColors>1&&i.colorStart.push(o.colorStart2),o.nbColors>1&&i.colorEnd.push(o.colorEnd2),o.nbColors>2&&i.colorStart.push(o.colorStart3),o.nbColors>2&&i.colorEnd.push(o.colorEnd3);const S=u.useRef(i);S.current=i,u.useEffect(()=>{var l,j;if(n){const _={...n};for(let p=0;p<2;p++)((l=n.colorStart)==null?void 0:l.length)>p&&(_[p===0?"colorStart":`colorStart${p+1}`]=n.colorStart[p],_.nbColors=p+1),((j=n.colorEnd)==null?void 0:j.length)>p&&(_[p===0?"colorEnd":`colorEnd${p+1}`]=n.colorEnd[p]);r({..._})}},[n]),d(i)},$=new v.Vector3,ne=new v.Quaternion,he=new v.Euler,ee=new v.Euler,Pe=new v.Vector3,_e=u.forwardRef(({debug:n=!1,emitter:d,settings:a={},...o},r)=>{const[{duration:i=1,nParticles:S=1e3,spawnMode:l="time",loop:j=!1,delay:_=0,colorStart:p=["white","skyblue"],colorEnd:s=[],particlesLifetime:h=[.1,1],speed:c=[5,20],size:P=[.1,1],startPositionMin:w=[-1,-1,-1],startPositionMax:M=[1,1,1],startRotationMin:N=[0,0,0],startRotationMax:L=[0,0,0],rotationSpeedMin:I=[0,0,0],rotationSpeedMax:T=[0,0,0],directionMin:y=[0,0,0],directionMax:m=[0,0,0]},J]=u.useState(a),Q=re(Y=>Y.emit),A=u.useRef();u.useImperativeHandle(r,()=>A.current);const k=u.useRef(0),D=u.useRef(0);ie.useFrame(({clock:Y},X)=>{const B=Y.elapsedTime;if(D.current<S||j){if(!A)return;const F=(l==="burst"?S:Math.max(0,Math.floor((k.current-_)/i*S)))-D.current;F>0&&k.current>=_&&(Q(d,F,()=>{A.current.updateWorldMatrix(!0),A.current.matrixWorld.decompose($,ne,Pe),he.setFromQuaternion(ne),ee.setFromQuaternion(ne);const z=b(P[0],P[1]),e=p[ue(0,p.length-1)];return{position:[$.x+b(w[0],M[0]),$.y+b(w[1],M[1]),$.z+b(w[2],M[2])],direction:[b(y[0],m[0]),b(y[1],m[1]),b(y[2],m[2])],scale:[z,z,z],rotation:[ee.x+b(N[0],L[0]),ee.y+b(N[1],L[1]),ee.z+b(N[2],L[2])],rotationSpeed:[b(I[0],T[0]),b(I[1],T[1]),b(I[2],T[2])],lifetime:[B,b(h[0],h[1])],colorStart:e,colorEnd:s!=null&&s.length?s[ue(0,s.length-1)]:e,speed:[b(c[0],c[1])]}}),D.current+=F)}k.current+=X});const U=u.useCallback(()=>{D.current=0,k.current=0},[]),V=u.useMemo(()=>n?R.jsx(Re,{settings:a,onChange:J,onRestart:U}):null,[n]);return R.jsxs(R.Fragment,{children:[V,R.jsx("object3D",{...o,ref:A})]})});var Ae=`varying vec2 vUv;
+  <%s key={someKey} {...props} />`,v,p,J,p),U[p+v]=!0)}if(p=null,f!==void 0&&(u(f),p=""+f),b(t)&&(u(t.key),p=""+t.key),"key"in t){f={};for(var ae in t)ae!=="key"&&(f[ae]=t[ae])}else f=t;return p&&l(f,typeof e=="function"?e.displayName||e.name||"Unknown":e),_(e,p,f,r(),te,oe)}function w(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===A&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===R}var s=c,R=Symbol.for("react.transitional.element"),M=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),T=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),W=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),C=Symbol.for("react.activity"),j=Symbol.for("react.client.reference"),D=s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,Y=Array.isArray,X=console.createTask?console.createTask:function(){return null};s={react_stack_bottom_frame:function(e){return e()}};var G,Z={},z=s.react_stack_bottom_frame.bind(s,i)(),K=X(a(i)),U={};Q.Fragment=h,Q.jsx=function(e,t,f){var v=1e4>D.recentlyCreatedOwnerStacks++;return n(e,t,f,!1,v?Error("react-stack-top-frame"):z,v?X(a(e)):K)},Q.jsxs=function(e,t,f){var v=1e4>D.recentlyCreatedOwnerStacks++;return n(e,t,f,!0,v?Error("react-stack-top-frame"):z,v?X(a(e)):K)}})()),Q}var le;function Se(){return le||(le=1,process.env.NODE_ENV==="production"?q.exports=Ee():q.exports=be()),q.exports}var S=Se();function ue(o,g){return o+Math.floor(Math.random()*(g-o+1))}function E(o,g){return o+Math.random()*(g-o)}const xe=({settings:o,onChange:g,onRestart:u})=>{O.useControls("⚙️ Emitter Settings",{Restart:O.button(()=>u()),Export:O.button(()=>{const l=JSON.stringify(b.current);console.log("📋 Values saved to clipboard: ",l),navigator.clipboard.writeText(l)})});const[{...a},r]=O.useControls(()=>({"🪄 Emitter":O.folder({duration:4,delay:0,nbParticles:2e3,spawnMode:{options:["time","burst"],value:"time"},loop:!1,startPositionMin:{value:[-1,-1,-1],min:-10,max:10,step:.1,label:"startPositionMin"},startPositionMax:{value:[1,1,1],min:-10,max:10,step:.1,label:"startPositionMax"},startRotationMin:{value:[0,0,0],min:-Math.PI*2,max:Math.PI*2,step:.1,label:"startRotationMin"},startRotationMax:{value:[0,0,0],min:-Math.PI*2,max:Math.PI*2,step:.1,label:"startRotationMax"}}),"✨ Particles":O.folder({particlesLifetime:{value:[.1,1],min:0,max:10,step:.1,label:"lifetime"}}),"🌪 Forces":O.folder({speed:{value:[5,20],min:-100,max:100},directionMin:{value:[-1,-1,-1],min:-1,max:1,step:.1},directionMax:{value:[1,1,1],min:-1,max:1,step:.1},rotationSpeedMin:{value:[0,0,0],min:0,max:10,step:.1},rotationSpeedMax:{value:[0,0,0],min:0,max:10,step:.1}}),"🎨 Appearance":O.folder({nbColors:{options:[1,2,3]},colorStart:"#ffffff",colorEnd:"#ffffff",colorStart2:{value:"#ff0000",render:l=>l("🎨 Appearance.nbColors")>1},colorEnd2:{value:"#ffffff",render:l=>l("🎨 Appearance.nbColors")>1},colorStart3:{value:"#ff0000",render:l=>l("🎨 Appearance.nbColors")>2},colorEnd3:{value:"#ff0000",render:l=>l("🎨 Appearance.nbColors")>2},size:{value:[.01,1],min:0,max:5,step:.01,label:"size"}})})),i={...a,colorStart:[a.colorStart],colorEnd:[a.colorEnd]};delete i.nbColors,delete i.colorStart2,delete i.colorEnd2,delete i.colorStart3,delete i.colorEnd3,a.nbColors>1&&i.colorStart.push(a.colorStart2),a.nbColors>1&&i.colorEnd.push(a.colorEnd2),a.nbColors>2&&i.colorStart.push(a.colorStart3),a.nbColors>2&&i.colorEnd.push(a.colorEnd3);const b=c.useRef(i);b.current=i,c.useEffect(()=>{var l,F;if(o){const _={...o};for(let n=0;n<2;n++)((l=o.colorStart)==null?void 0:l.length)>n&&(_[n===0?"colorStart":`colorStart${n+1}`]=o.colorStart[n],_.nbColors=n+1),((F=o.colorEnd)==null?void 0:F.length)>n&&(_[n===0?"colorEnd":`colorEnd${n+1}`]=o.colorEnd[n]);r({..._})}},[o]),g(i)},re=ge.create((o,g)=>({emitters:{},registerEmitter:(u,a)=>{if(g().emitters[u]){console.warn(`Emitter ${u} already exists`);return}o(r=>(r.emitters[u]=a,r))},unregisterEmitter:u=>{o(a=>(delete a.emitters[u],a))},emit:(u,...a)=>{const r=g().emitters[u];if(!r){console.warn(`Emitter ${u} not found`);return}r(...a)}})),$=new m.Vector3,ne=new m.Quaternion,ye=new m.Euler,ee=new m.Euler,Re=new m.Vector3,Pe=c.forwardRef(({debug:o,emitter:g,settings:u={},...a},r)=>{const[{duration:i=1,nbParticles:b=1e3,spawnMode:l="time",loop:F=!1,delay:_=0,colorStart:n=["white","skyblue"],colorEnd:w=[],particlesLifetime:N=[.1,1],speed:s=[5,20],size:R=[.1,1],startPositionMin:M=[-1,-1,-1],startPositionMax:h=[1,1,1],startRotationMin:P=[0,0,0],startRotationMax:L=[0,0,0],rotationSpeedMin:I=[0,0,0],rotationSpeedMax:T=[0,0,0],directionMin:x=[0,0,0],directionMax:d=[0,0,0]},B]=c.useState(u),W=re(Y=>Y.emit),A=c.useRef();c.useImperativeHandle(r,()=>A.current);const C=c.useRef(0),j=c.useRef(0);ie.useFrame(({clock:Y},X)=>{const G=Y.getElapsedTime();if(C.current<b||F){if(!A)return;const z=(l==="burst"?b:Math.max(0,Math.floor((j.current-_)/i*b)))-C.current;z>0&&j.current>=_&&(W(g,z,()=>{A.current.updateWorldMatrix(!0),A.current.matrixWorld.decompose($,ne,Re),ye.setFromQuaternion(ne),ee.setFromQuaternion(ne);const U=E(R[0],R[1]),e=n[ue(0,n.length-1)];return{position:[$.x+E(M[0],h[0]),$.y+E(M[1],h[1]),$.z+E(M[2],h[2])],direction:[E(x[0],d[0]),E(x[1],d[1]),E(x[2],d[2])],scale:[U,U,U],rotation:[ee.x+E(P[0],L[0]),ee.y+E(P[1],L[1]),ee.z+E(P[2],L[2])],rotationSpeed:[E(I[0],T[0]),E(I[1],T[1]),E(I[2],T[2])],lifetime:[G,E(N[0],N[1])],colorStart:e,colorEnd:w!=null&&w.length?w[ue(0,w.length-1)]:e,speed:[E(s[0],s[1])]}}),C.current+=z)}j.current+=X});const D=c.useCallback(()=>{C.current=0,j.current=0},[]),V=c.useMemo(()=>o?S.jsx(xe,{settings:u,onChange:B,onRestart:D}):null,[o]);return S.jsxs(S.Fragment,{children:[V,S.jsx("object3D",{...a,ref:A})]})});var Ae=`varying vec2 vUv;
     varying vec3 vColor;
     varying vec3 vColorEnd;
     varying float vProgress;
@@ -124,7 +124,7 @@ React keys must be passed directly to JSX without using spread:
       vUv = uv;
       vColor = instanceColor;
       vColorEnd = instanceColorEnd;
-    }`,we=`varying vec2 vUv;
+    }`,_e=`varying vec2 vUv;
     varying vec3 vColor;
     varying vec3 vColorEnd;
     varying float vProgress;
@@ -149,4 +149,4 @@ React keys must be passed directly to JSX without using spread:
     #else
         gl_FragColor = vec4(color, alpha);
     #endif
-    }`;const fe=new v.Vector3,de=new v.Euler,me=new v.Quaternion,ve=new v.Vector3(1,1,1),pe=new v.Matrix4,O=new v.Color,Me=({name:n,settings:d={},alphaMap:a,geometry:o})=>{const{nParticals:r=1e3,intensity:i=1,renderMode:S="mesh",fadeSize:l=[.1,.9],fadeAlpha:j=[0,1],gravity:_=[0,0,0]}=d,p=new v.PlaneGeometry,s=u.useRef(),[h]=u.useState({instanceColor:new Float32Array(r*3),instanceColorEnd:new Float32Array(r*3),instanceDirection:new Float32Array(r*3),instanceLifetime:new Float32Array(r*2),instanceSpeed:new Float32Array(r*1),instanceRotationSpeed:new Float32Array(r*3)}),c=u.useRef(0),P=u.useRef(0),w=u.useRef(!1),M=(y,m)=>{const J=s.current.geometry.getAttribute("instanceColor"),Q=s.current.geometry.getAttribute("instanceColorEnd"),A=s.current.geometry.getAttribute("instanceDirection"),k=s.current.geometry.getAttribute("instanceLifetime"),D=s.current.geometry.getAttribute("instanceSpeed"),U=s.current.geometry.getAttribute("instanceRotationSpeed");for(let V=0;V<y;V++){c.current>=r&&(c.current=0);const{scale:Y,rotation:X,rotationSpeed:B,position:Z,direction:F,lifetime:K,colorStart:z,colorEnd:e,speed:t}=m();fe.set(...Z),de.set(...X),me.setFromEuler(de),ve.set(...Y),pe.compose(fe,me,ve),O.set(z),O.set(e),A.set(F,c.current*3),k.set(K,c.current*2),D.set([t],c.current),U.set(B,c.current*3),J.set([O.r,O.g,O.b],c.current*3),Q.set([O.r,O.g,O.b],c.current*3),s.current.setMatrixAt(c.current,pe)}w.current=!0,c.current++,c.current=c.current%r},N=()=>{if(!w.current||!s.current)return;[s.current.instanceMatrix,s.current.geometry.getAttribute("instanceColor"),s.current.geometry.getAttribute("instanceColorEnd"),s.current.geometry.getAttribute("instanceDirection"),s.current.geometry.getAttribute("instanceLifetime"),s.current.geometry.getAttribute("instanceSpeed"),s.current.geometry.getAttribute("instanceRotationSpeed")].forEach(m=>{m.clearUpdateRanges(),P.current>c.current?(m.addUpdateRange(0,c.current*m.itemSize),m.addUpdateRange(P.current*m.itemSize,r*m.itemSize-P.current*m.itemSize)):m.addUpdateRange(P.current*m.itemSize,c.current*m.itemSize-P.current*m.itemSize),m.needsUpdate=!0}),P.current=c.current,w.current=!1},L=re(y=>y.registerEmitter),I=re(y=>y.unregisterEmitter);u.useEffect(()=>(L(n,M),()=>{I(n)}),[]);const T=u.useMemo(()=>({uTime:{value:0},uIntensity:{value:i},uFadeSize:{value:l},uFadeAlpha:{value:j},uGravity:{value:_},uAlphaMap:{value:a}}),[]);return ie.useFrame(({clock:y})=>{T&&(T.uTime.value=y.elapsedTime)}),R.jsxs("instancedMesh",{ref:s,args:[p,null,r],onBeforeRender:N,children:[o,R.jsx("shaderMaterial",{uniforms:T,vertexShader:Ae,fragmentShader:we,blending:v.AdditiveBlending,depthTest:!1,depthWrite:!1,transparent:!0,defines:{BILLBOARD_MODE:S==="billboard",MESH_MODE:S==="mesh",ALPHAMAP:!!a}}),R.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceColor",args:[h.instanceColor],itemSize:3,count:r,usage:v.DynamicDrawUsage}),R.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceColorEnd",args:[h.instanceColorEnd],itemSize:3,count:r,usage:v.DynamicDrawUsage}),R.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceDirection",args:[h.instanceDirection],itemSize:3,count:r,usage:v.DynamicDrawUsage}),R.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceLifetime",args:[h.instanceLifetime],itemSize:2,count:r,usage:v.DynamicDrawUsage}),R.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceSpeed",args:[h.instanceSpeed],itemSize:1,count:r,usage:v.DynamicDrawUsage}),R.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceRotationSpeed",args:[h.instanceRotationSpeed],itemSize:3,count:r,usage:v.DynamicDrawUsage})]})};x.VFXEmitter=_e,x.VFXParticles=Me,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));
+    }`;const fe=new m.Vector3,de=new m.Euler,me=new m.Quaternion,ve=new m.Vector3(1,1,1),pe=new m.Matrix4,k=new m.Color,we=({name:o,settings:g={},alphaMap:u,geometry:a})=>{const{nbParticles:r=1e3,intensity:i=1,renderMode:b="mesh",fadeSize:l=[.1,.9],fadeAlpha:F=[0,1],gravity:_=[0,0,0]}=g,n=c.useRef(),w=c.useMemo(()=>new m.PlaneGeometry(.5,.5),[]),N=()=>{if(!M.current||!n.current)return;[n.current.instanceMatrix,n.current.geometry.getAttribute("instanceColor"),n.current.geometry.getAttribute("instanceColorEnd"),n.current.geometry.getAttribute("instanceDirection"),n.current.geometry.getAttribute("instanceLifetime"),n.current.geometry.getAttribute("instanceSpeed"),n.current.geometry.getAttribute("instanceRotationSpeed")].forEach(d=>{d.clearUpdateRanges(),R.current>s.current?(d.addUpdateRange(0,s.current*d.itemSize),d.addUpdateRange(R.current*d.itemSize,r*d.itemSize-R.current*d.itemSize)):d.addUpdateRange(R.current*d.itemSize,s.current*d.itemSize-R.current*d.itemSize),d.needsUpdate=!0}),R.current=s.current,M.current=!1},s=c.useRef(0),R=c.useRef(0),M=c.useRef(!1),h=(x,d)=>{const B=n.current.geometry.getAttribute("instanceColor"),W=n.current.geometry.getAttribute("instanceColorEnd"),A=n.current.geometry.getAttribute("instanceDirection"),C=n.current.geometry.getAttribute("instanceLifetime"),j=n.current.geometry.getAttribute("instanceSpeed"),D=n.current.geometry.getAttribute("instanceRotationSpeed");for(let V=0;V<x;V++){s.current>=r&&(s.current=0);const{scale:Y,rotation:X,rotationSpeed:G,position:Z,direction:z,lifetime:K,colorStart:U,colorEnd:e,speed:t}=d();fe.set(...Z),de.set(...X),me.setFromEuler(de),ve.set(...Y),pe.compose(fe,me,ve),n.current.setMatrixAt(s.current,pe),k.set(U),B.set([k.r,k.g,k.b],s.current*3),k.set(e),W.set([k.r,k.g,k.b],s.current*3),A.set(z,s.current*3),C.set(K,s.current*2),j.set([t],s.current),D.set(G,s.current*3),s.current++,s.current=s.current%r}n.current.instanceMatrix.needsUpdate=!0,B.needsUpdate=!0,W.needsUpdate=!0,A.needsUpdate=!0,C.needsUpdate=!0,j.needsUpdate=!0,D.needsUpdate=!0,M.current=!0},[P]=c.useState({instanceColor:new Float32Array(r*3),instanceColorEnd:new Float32Array(r*3),instanceDirection:new Float32Array(r*3),instanceLifetime:new Float32Array(r*2),instanceSpeed:new Float32Array(r*1),instanceRotationSpeed:new Float32Array(r*3)}),L=re(x=>x.registerEmitter),I=re(x=>x.unregisterEmitter);c.useEffect(()=>(L(o,h),()=>{I(o)}),[]);const T=c.useMemo(()=>({uTime:{value:0},uIntensity:{value:i},uFadeSize:{value:l},uFadeAlpha:{value:F},uGravity:{value:_},uAlphaMap:{value:u}}),[]);return ie.useFrame(({clock:x})=>{T&&(T.uTime.value=x.elapsedTime)}),S.jsx(S.Fragment,{children:S.jsxs("instancedMesh",{args:[w,null,r],ref:n,onBeforeRender:N,children:[a,S.jsx("shaderMaterial",{uniforms:T,vertexShader:Ae,fragmentShader:_e,blending:m.AdditiveBlending,depthTest:!1,depthWrite:!1,transparent:!0,defines:{BILLBOARD_MODE:b==="billboard",MESH_MODE:b==="mesh",ALPHAMAP:!!u}}),S.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceColor",args:[P.instanceColor],itemSize:3,count:r,usage:m.DynamicDrawUsage}),S.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceColorEnd",args:[P.instanceColorEnd],itemSize:3,count:r,usage:m.DynamicDrawUsage}),S.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceDirection",args:[P.instanceDirection],itemSize:3,count:r,usage:m.DynamicDrawUsage}),S.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceLifetime",args:[P.instanceLifetime],itemSize:2,count:r,usage:m.DynamicDrawUsage}),S.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceSpeed",args:[P.instanceSpeed],itemSize:1,count:r,usage:m.DynamicDrawUsage}),S.jsx("instancedBufferAttribute",{attach:"geometry-attributes-instanceRotationSpeed",args:[P.instanceRotationSpeed],itemSize:3,count:r,usage:m.DynamicDrawUsage})]})})};y.VFXEmitter=Pe,y.VFXParticles=we,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lazy-vfx",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Effortless high-end visual effects for React and Three.js",
   "keywords": [
     "react",
@@ -14,7 +14,7 @@
     "motion-design"
   ],
   "type": "module",
-"main": "./dist/lazy-vfx.umd.js",
+  "main": "./dist/lazy-vfx.umd.js",
   "module": "./dist/lazy-vfx.es.js",
   "exports": {
     ".": {
@@ -32,11 +32,11 @@
     "prepublishOnly": "pnpm build"
   },
   "peerDependencies": {
+    "@react-three/drei": ">=9.0.0",
+    "@react-three/fiber": ">=8.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "three": ">=0.150.0",
-    "@react-three/fiber": ">=8.0.0",
-    "@react-three/drei": ">=9.0.0"
+    "three": ">=0.150.0"
   },
   "dependencies": {
     "@react-three/postprocessing": "^3.0.4",
@@ -50,12 +50,18 @@
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
     "globals": "^15.15.0",
+    "path": "^0.12.7",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "three": "^0.183.2",
+    "three": "^0.160.0",
     "vite": "^6.2.0",
-    "vite-plugin-glsl": "^1.5.6",
-    "path": "^0.12.7"
+    "vite-plugin-glsl": "^1.5.6"
+  },
+  "overrides": {
+    "postprocessing": "6.36.7"
+  },
+  "resolutions": {
+    "postprocessing": "6.36.7"
   },
   "author": "Sameer Khan",
   "license": "MIT"