3d-shape-particle-text 1.0.0 → 1.0.2

package/dist/3d-shape-particle-text.es.js

@@ -1,6 +1,6 @@
-import lt, { useRef as rt, useEffect as dt } from "react";
+import hr, { useRef as ir, useEffect as vr } from "react";
 import * as f from "three";
-var nt = { exports: {} }, Ae = {};
+var Qe = { exports: {} }, $e = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var nt = { exports: {} }, Ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ot;
-function ht() {
-  if (ot) return Ae;
-  ot = 1;
-  var pe = lt, Y = Symbol.for("react.element"), ve = Symbol.for("react.fragment"), P = Object.prototype.hasOwnProperty, j = pe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, me = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function oe(N, R, H) {
-    var w, M = {}, U = null, se = null;
-    H !== void 0 && (U = "" + H), R.key !== void 0 && (U = "" + R.key), R.ref !== void 0 && (se = R.ref);
-    for (w in R) P.call(R, w) && !me.hasOwnProperty(w) && (M[w] = R[w]);
-    if (N && N.defaultProps) for (w in R = N.defaultProps, R) M[w] === void 0 && (M[w] = R[w]);
-    return { $$typeof: Y, type: N, key: U, ref: se, props: M, _owner: j.current };
+var or;
+function gr() {
+  if (or) return $e;
+  or = 1;
+  var n = hr, l = Symbol.for("react.element"), d = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function O(j, E, T) {
+    var w, M = {}, C = null, H = null;
+    T !== void 0 && (C = "" + T), E.key !== void 0 && (C = "" + E.key), E.ref !== void 0 && (H = E.ref);
+    for (w in E) i.call(E, w) && !g.hasOwnProperty(w) && (M[w] = E[w]);
+    if (j && j.defaultProps) for (w in E = j.defaultProps, E) M[w] === void 0 && (M[w] = E[w]);
+    return { $$typeof: l, type: j, key: C, ref: H, props: M, _owner: a.current };
   }
-  return Ae.Fragment = ve, Ae.jsx = oe, Ae.jsxs = oe, Ae;
+  return $e.Fragment = d, $e.jsx = O, $e.jsxs = O, $e;
 }
-var Ce = {};
+var Be = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,54 +34,54 @@ var Ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var st;
-function pt() {
-  return st || (st = 1, process.env.NODE_ENV !== "production" && function() {
-    var pe = lt, Y = Symbol.for("react.element"), ve = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), me = Symbol.for("react.profiler"), oe = Symbol.for("react.provider"), N = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), se = Symbol.for("react.offscreen"), Pe = Symbol.iterator, Fe = "@@iterator";
-    function K(e) {
+var sr;
+function yr() {
+  return sr || (sr = 1, process.env.NODE_ENV !== "production" && (function() {
+    var n = hr, l = Symbol.for("react.element"), d = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), O = Symbol.for("react.provider"), j = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), H = Symbol.for("react.offscreen"), ee = Symbol.iterator, le = "@@iterator";
+    function G(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = Pe && e[Pe] || e[Fe];
-      return typeof t == "function" ? t : null;
+      var r = ee && e[ee] || e[le];
+      return typeof r == "function" ? r : null;
     }
-    var Z = pe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var z = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(e) {
       {
-        for (var t = arguments.length, r = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
-          r[s - 1] = arguments[s];
-        Xe("error", e, r);
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
+          t[c - 1] = arguments[c];
+        me("error", e, t);
       }
     }
-    function Xe(e, t, r) {
+    function me(e, r, t) {
       {
-        var s = Z.ReactDebugCurrentFrame, h = s.getStackAddendum();
-        h !== "" && (t += "%s", r = r.concat([h]));
-        var d = r.map(function(l) {
-          return String(l);
+        var c = z.ReactDebugCurrentFrame, v = c.getStackAddendum();
+        v !== "" && (r += "%s", t = t.concat([v]));
+        var b = t.map(function(m) {
+          return String(m);
         });
-        d.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, d);
+        b.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, b);
       }
     }
-    var Je = !1, De = !1, ge = !1, x = !1, ce = !1, be;
-    be = Symbol.for("react.module.reference");
-    function at(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === P || e === me || ce || e === j || e === H || e === w || x || e === se || Je || De || ge || typeof e == "object" && e !== null && (e.$$typeof === U || e.$$typeof === M || e.$$typeof === oe || e.$$typeof === N || e.$$typeof === R || // This needs to include all possible module reference object
+    var J = !1, Y = !1, ue = !1, _e = !1, $ = !1, R;
+    R = Symbol.for("react.module.reference");
+    function re(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === g || $ || e === a || e === T || e === w || _e || e === H || J || Y || ue || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === M || e.$$typeof === O || e.$$typeof === j || e.$$typeof === E || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === be || e.getModuleId !== void 0));
+      e.$$typeof === R || e.getModuleId !== void 0));
     }
-    function te(e, t, r) {
-      var s = e.displayName;
-      if (s)
-        return s;
-      var h = t.displayName || t.name || "";
-      return h !== "" ? r + "(" + h + ")" : r;
+    function ve(e, r, t) {
+      var c = e.displayName;
+      if (c)
+        return c;
+      var v = r.displayName || r.name || "";
+      return v !== "" ? t + "(" + v + ")" : t;
     }
-    function Q(e) {
+    function Pe(e) {
       return e.displayName || "Context";
     }
-    function g(e) {
+    function te(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -89,36 +89,36 @@ function pt() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case P:
+        case i:
           return "Fragment";
-        case ve:
+        case d:
           return "Portal";
-        case me:
+        case g:
           return "Profiler";
-        case j:
+        case a:
           return "StrictMode";
-        case H:
+        case T:
           return "Suspense";
         case w:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case N:
-            var t = e;
-            return Q(t) + ".Consumer";
-          case oe:
+          case j:
             var r = e;
-            return Q(r._context) + ".Provider";
-          case R:
-            return te(e, e.render, "ForwardRef");
+            return Pe(r) + ".Consumer";
+          case O:
+            var t = e;
+            return Pe(t._context) + ".Provider";
+          case E:
+            return ve(e, e.render, "ForwardRef");
           case M:
-            var s = e.displayName || null;
-            return s !== null ? s : g(e.type) || "Memo";
-          case U: {
-            var h = e, d = h._payload, l = h._init;
+            var c = e.displayName || null;
+            return c !== null ? c : te(e.type) || "Memo";
+          case C: {
+            var v = e, b = v._payload, m = v._init;
             try {
-              return g(l(d));
+              return te(m(b));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function pt() {
         }
       return null;
     }
-    var F = Object.assign, D = 0, le, L, Me, ye, we, W, T;
-    function p() {
+    var A = Object.assign, B = 0, V, U, q, fe, Z, ge, I;
+    function Ae() {
     }
-    p.__reactDisabledLog = !0;
-    function it() {
+    Ae.__reactDisabledLog = !0;
+    function Fe() {
       {
-        if (D === 0) {
-          le = console.log, L = console.info, Me = console.warn, ye = console.error, we = console.group, W = console.groupCollapsed, T = console.groupEnd;
+        if (B === 0) {
+          V = console.log, U = console.info, q = console.warn, fe = console.error, Z = console.group, ge = console.groupCollapsed, I = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: p,
+            value: Ae,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,332 +150,332 @@ function pt() {
             groupEnd: e
           });
         }
-        D++;
+        B++;
       }
     }
-    function G() {
+    function Le() {
       {
-        if (D--, D === 0) {
+        if (B--, B === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: F({}, e, {
-              value: le
+            log: A({}, e, {
+              value: V
             }),
-            info: F({}, e, {
-              value: L
+            info: A({}, e, {
+              value: U
             }),
-            warn: F({}, e, {
-              value: Me
+            warn: A({}, e, {
+              value: q
             }),
-            error: F({}, e, {
-              value: ye
+            error: A({}, e, {
+              value: fe
             }),
-            group: F({}, e, {
-              value: we
+            group: A({}, e, {
+              value: Z
             }),
-            groupCollapsed: F({}, e, {
-              value: W
+            groupCollapsed: A({}, e, {
+              value: ge
             }),
-            groupEnd: F({}, e, {
-              value: T
+            groupEnd: A({}, e, {
+              value: I
             })
           });
         }
-        D < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        B < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Te = Z.ReactCurrentDispatcher, Se;
-    function xe(e, t, r) {
+    var F = z.ReactCurrentDispatcher, L;
+    function y(e, r, t) {
       {
-        if (Se === void 0)
+        if (L === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var s = h.stack.trim().match(/\n( *(at )?)/);
-            Se = s && s[1] || "";
+          } catch (v) {
+            var c = v.stack.trim().match(/\n( *(at )?)/);
+            L = c && c[1] || "";
           }
         return `
-` + Se + e;
+` + L + e;
       }
     }
-    var q = !1, Ee;
+    var We = !1, xe;
     {
-      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new Ke();
+      var er = typeof WeakMap == "function" ? WeakMap : Map;
+      xe = new er();
     }
-    function Le(e, t) {
-      if (!e || q)
+    function Ve(e, r) {
+      if (!e || We)
         return "";
       {
-        var r = Ee.get(e);
-        if (r !== void 0)
-          return r;
+        var t = xe.get(e);
+        if (t !== void 0)
+          return t;
       }
-      var s;
-      q = !0;
-      var h = Error.prepareStackTrace;
+      var c;
+      We = !0;
+      var v = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var d;
-      d = Te.current, Te.current = null, it();
+      var b;
+      b = F.current, F.current = null, Fe();
       try {
-        if (t) {
-          var l = function() {
+        if (r) {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(l.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(l, []);
-            } catch (C) {
-              s = C;
+              Reflect.construct(m, []);
+            } catch (D) {
+              c = D;
             }
-            Reflect.construct(e, [], l);
+            Reflect.construct(e, [], m);
           } else {
             try {
-              l.call();
-            } catch (C) {
-              s = C;
+              m.call();
+            } catch (D) {
+              c = D;
             }
-            e.call(l.prototype);
+            e.call(m.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (C) {
-            s = C;
+          } catch (D) {
+            c = D;
           }
           e();
         }
-      } catch (C) {
-        if (C && s && typeof C.stack == "string") {
-          for (var u = C.stack.split(`
-`), A = s.stack.split(`
-`), b = u.length - 1, y = A.length - 1; b >= 1 && y >= 0 && u[b] !== A[y]; )
-            y--;
-          for (; b >= 1 && y >= 0; b--, y--)
-            if (u[b] !== A[y]) {
-              if (b !== 1 || y !== 1)
+      } catch (D) {
+        if (D && c && typeof D.stack == "string") {
+          for (var p = D.stack.split(`
+`), k = c.stack.split(`
+`), P = p.length - 1, x = k.length - 1; P >= 1 && x >= 0 && p[P] !== k[x]; )
+            x--;
+          for (; P >= 1 && x >= 0; P--, x--)
+            if (p[P] !== k[x]) {
+              if (P !== 1 || x !== 1)
                 do
-                  if (b--, y--, y < 0 || u[b] !== A[y]) {
-                    var V = `
-` + u[b].replace(" at new ", " at ");
-                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && Ee.set(e, V), V;
+                  if (P--, x--, x < 0 || p[P] !== k[x]) {
+                    var N = `
+` + p[P].replace(" at new ", " at ");
+                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && xe.set(e, N), N;
                   }
-                while (b >= 1 && y >= 0);
+                while (P >= 1 && x >= 0);
               break;
             }
         }
       } finally {
-        q = !1, Te.current = d, G(), Error.prepareStackTrace = h;
+        We = !1, F.current = b, Le(), Error.prepareStackTrace = v;
       }
-      var _e = e ? e.displayName || e.name : "", he = _e ? xe(_e) : "";
-      return typeof e == "function" && Ee.set(e, he), he;
+      var ke = e ? e.displayName || e.name : "", Ee = ke ? y(ke) : "";
+      return typeof e == "function" && xe.set(e, Ee), Ee;
     }
-    function Ze(e, t, r) {
-      return Le(e, !1);
+    function ne(e, r, t) {
+      return Ve(e, !1);
     }
-    function We(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
+    function rr(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function ue(e, t, r) {
+    function Te(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Le(e, We(e));
+        return Ve(e, rr(e));
       if (typeof e == "string")
-        return xe(e);
+        return y(e);
       switch (e) {
-        case H:
-          return xe("Suspense");
+        case T:
+          return y("Suspense");
         case w:
-          return xe("SuspenseList");
+          return y("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case R:
-            return Ze(e.render);
+          case E:
+            return ne(e.render);
           case M:
-            return ue(e.type, t, r);
-          case U: {
-            var s = e, h = s._payload, d = s._init;
+            return Te(e.type, r, t);
+          case C: {
+            var c = e, v = c._payload, b = c._init;
             try {
-              return ue(d(h), t, r);
+              return Te(b(v), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var re = Object.prototype.hasOwnProperty, fe = {}, X = Z.ReactDebugCurrentFrame;
-    function ne(e) {
+    var ye = Object.prototype.hasOwnProperty, Ue = {}, De = z.ReactDebugCurrentFrame;
+    function be(e) {
       if (e) {
-        var t = e._owner, r = ue(e.type, e._source, t ? t.type : null);
-        X.setExtraStackFrame(r);
+        var r = e._owner, t = Te(e.type, e._source, r ? r.type : null);
+        De.setExtraStackFrame(t);
       } else
-        X.setExtraStackFrame(null);
+        De.setExtraStackFrame(null);
     }
-    function Qe(e, t, r, s, h) {
+    function qe(e, r, t, c, v) {
       {
-        var d = Function.call.bind(re);
-        for (var l in e)
-          if (d(e, l)) {
-            var u = void 0;
+        var b = Function.call.bind(ye);
+        for (var m in e)
+          if (b(e, m)) {
+            var p = void 0;
             try {
-              if (typeof e[l] != "function") {
-                var A = Error((s || "React class") + ": " + r + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw A.name = "Invariant Violation", A;
+              if (typeof e[m] != "function") {
+                var k = Error((c || "React class") + ": " + t + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw k.name = "Invariant Violation", k;
               }
-              u = e[l](t, l, s, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (b) {
-              u = b;
+              p = e[m](r, m, c, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (P) {
+              p = P;
             }
-            u && !(u instanceof Error) && (ne(h), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", r, l, typeof u), ne(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, ne(h), _("Failed %s type: %s", r, u.message), ne(null));
+            p && !(p instanceof Error) && (be(v), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", t, m, typeof p), be(null)), p instanceof Error && !(p.message in Ue) && (Ue[p.message] = !0, be(v), _("Failed %s type: %s", t, p.message), be(null));
           }
       }
     }
-    var Ge = Array.isArray;
-    function Oe(e) {
-      return Ge(e);
+    var Me = Array.isArray;
+    function X(e) {
+      return Me(e);
     }
-    function et(e) {
+    function Ie(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, r = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
       }
     }
-    function Re(e) {
+    function tr(e) {
       try {
-        return de(e), !1;
+        return Ne(e), !1;
       } catch {
         return !0;
       }
     }
-    function de(e) {
+    function Ne(e) {
       return "" + e;
     }
-    function ee(e) {
-      if (Re(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", et(e)), de(e);
+    function He(e) {
+      if (tr(e))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ie(e)), Ne(e);
     }
-    var je = Z.ReactCurrentOwner, ae = {
+    var we = z.ReactCurrentOwner, Se = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ie, J;
-    function Ye(e) {
-      if (re.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
+    }, ae, Ge;
+    function de(e) {
+      if (ye.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function $e(e) {
-      if (re.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
+    function nr(e) {
+      if (ye.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function ke(e, t) {
-      typeof e.ref == "string" && je.current;
+    function ie(e, r) {
+      typeof e.ref == "string" && we.current;
     }
-    function ze(e, t) {
+    function Je(e, r) {
       {
-        var r = function() {
-          Ie || (Ie = !0, _("%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://reactjs.org/link/special-props)", t));
+        var t = function() {
+          ae || (ae = !0, _("%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://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: r,
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
           configurable: !0
         });
       }
     }
-    function Be(e, t) {
+    function Xe(e, r) {
       {
-        var r = function() {
-          J || (J = !0, _("%s: `ref` 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://reactjs.org/link/special-props)", t));
+        var t = function() {
+          Ge || (Ge = !0, _("%s: `ref` 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://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: r,
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
           configurable: !0
         });
       }
     }
-    var Ve = function(e, t, r, s, h, d, l) {
-      var u = {
+    var ze = function(e, r, t, c, v, b, m) {
+      var p = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: Y,
+        $$typeof: l,
         // Built-in properties that belong on the element
         type: e,
-        key: t,
-        ref: r,
-        props: l,
+        key: r,
+        ref: t,
+        props: m,
         // Record the component responsible for creating this element.
-        _owner: d
+        _owner: b
       };
-      return u._store = {}, Object.defineProperty(u._store, "validated", {
+      return p._store = {}, Object.defineProperty(p._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(u, "_self", {
+      }), Object.defineProperty(p, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: s
-      }), Object.defineProperty(u, "_source", {
+        value: c
+      }), Object.defineProperty(p, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+        value: v
+      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     };
-    function Ue(e, t, r, s, h) {
+    function Ke(e, r, t, c, v) {
       {
-        var d, l = {}, u = null, A = null;
-        r !== void 0 && (ee(r), u = "" + r), $e(t) && (ee(t.key), u = "" + t.key), Ye(t) && (A = t.ref, ke(t, h));
-        for (d in t)
-          re.call(t, d) && !ae.hasOwnProperty(d) && (l[d] = t[d]);
+        var b, m = {}, p = null, k = null;
+        t !== void 0 && (He(t), p = "" + t), nr(r) && (He(r.key), p = "" + r.key), de(r) && (k = r.ref, ie(r, v));
+        for (b in r)
+          ye.call(r, b) && !Se.hasOwnProperty(b) && (m[b] = r[b]);
         if (e && e.defaultProps) {
-          var b = e.defaultProps;
-          for (d in b)
-            l[d] === void 0 && (l[d] = b[d]);
+          var P = e.defaultProps;
+          for (b in P)
+            m[b] === void 0 && (m[b] = P[b]);
         }
-        if (u || A) {
-          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          u && ze(l, y), A && Be(l, y);
+        if (p || k) {
+          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          p && Je(m, x), k && Xe(m, x);
         }
-        return Ve(e, u, A, h, s, je.current, l);
+        return ze(e, p, k, v, c, we.current, m);
       }
     }
-    var n = Z.ReactCurrentOwner, a = Z.ReactDebugCurrentFrame;
-    function o(e) {
+    var Oe = z.ReactCurrentOwner, Ye = z.ReactDebugCurrentFrame;
+    function oe(e) {
       if (e) {
-        var t = e._owner, r = ue(e.type, e._source, t ? t.type : null);
-        a.setExtraStackFrame(r);
+        var r = e._owner, t = Te(e.type, e._source, r ? r.type : null);
+        Ye.setExtraStackFrame(t);
       } else
-        a.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
-    var c;
-    c = !1;
-    function i(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === Y;
+    var o;
+    o = !1;
+    function s(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === l;
     }
-    function m() {
+    function u() {
       {
-        if (n.current) {
-          var e = g(n.current.type);
+        if (Oe.current) {
+          var e = te(Oe.current.type);
           if (e)
             return `
 
@@ -487,470 +487,523 @@ Check the render method of \`` + e + "`.";
     function S(e) {
       return "";
     }
-    var v = {};
-    function k(e) {
+    var h = {};
+    function se(e) {
       {
-        var t = m();
-        if (!t) {
-          var r = typeof e == "string" ? e : e.displayName || e.name;
-          r && (t = `
+        var r = u();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
 
-Check the top-level render call using <` + r + ">.");
+Check the top-level render call using <` + t + ">.");
         }
-        return t;
+        return r;
       }
     }
-    function E(e, t) {
+    function Ce(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = k(t);
-        if (v[r])
+        var t = se(r);
+        if (h[t])
           return;
-        v[r] = !0;
-        var s = "";
-        e && e._owner && e._owner !== n.current && (s = " It was passed a child from " + g(e._owner.type) + "."), o(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, s), o(null);
+        h[t] = !0;
+        var c = "";
+        e && e._owner && e._owner !== Oe.current && (c = " It was passed a child from " + te(e._owner.type) + "."), oe(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, c), oe(null);
       }
     }
-    function $(e, t) {
+    function W(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (Oe(e))
-          for (var r = 0; r < e.length; r++) {
-            var s = e[r];
-            i(s) && E(s, t);
+        if (X(e))
+          for (var t = 0; t < e.length; t++) {
+            var c = e[t];
+            s(c) && Ce(c, r);
           }
-        else if (i(e))
+        else if (s(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var h = K(e);
-          if (typeof h == "function" && h !== e.entries)
-            for (var d = h.call(e), l; !(l = d.next()).done; )
-              i(l.value) && E(l.value, t);
+          var v = G(e);
+          if (typeof v == "function" && v !== e.entries)
+            for (var b = v.call(e), m; !(m = b.next()).done; )
+              s(m.value) && Ce(m.value, r);
         }
       }
     }
-    function z(e) {
+    function Q(e) {
       {
-        var t = e.type;
-        if (t == null || typeof t == "string")
+        var r = e.type;
+        if (r == null || typeof r == "string")
           return;
-        var r;
-        if (typeof t == "function")
-          r = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === R || // Note: Memo only checks outer props here.
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === E || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === M))
-          r = t.propTypes;
+        r.$$typeof === M))
+          t = r.propTypes;
         else
           return;
-        if (r) {
-          var s = g(t);
-          Qe(r, e.props, "prop", s, e);
-        } else if (t.PropTypes !== void 0 && !c) {
-          c = !0;
-          var h = g(t);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+        if (t) {
+          var c = te(r);
+          qe(t, e.props, "prop", c, e);
+        } else if (r.PropTypes !== void 0 && !o) {
+          o = !0;
+          var v = te(r);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ie(e) {
+    function ce(e) {
       {
-        for (var t = Object.keys(e.props), r = 0; r < t.length; r++) {
-          var s = t[r];
-          if (s !== "children" && s !== "key") {
-            o(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), o(null);
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var c = r[t];
+          if (c !== "children" && c !== "key") {
+            oe(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), oe(null);
             break;
           }
         }
-        e.ref !== null && (o(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), o(null));
+        e.ref !== null && (oe(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), oe(null));
       }
     }
-    var O = {};
-    function I(e, t, r, s, h, d) {
+    var je = {};
+    function Re(e, r, t, c, v, b) {
       {
-        var l = at(e);
-        if (!l) {
-          var u = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var A = S();
-          A ? u += A : u += m();
-          var b;
-          e === null ? b = "null" : Oe(e) ? b = "array" : e !== void 0 && e.$$typeof === Y ? (b = "<" + (g(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : b = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, u);
+        var m = re(e);
+        if (!m) {
+          var p = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var k = S();
+          k ? p += k : p += u();
+          var P;
+          e === null ? P = "null" : X(e) ? P = "array" : e !== void 0 && e.$$typeof === l ? (P = "<" + (te(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, p);
         }
-        var y = Ue(e, t, r, h, d);
-        if (y == null)
-          return y;
-        if (l) {
-          var V = t.children;
-          if (V !== void 0)
-            if (s)
-              if (Oe(V)) {
-                for (var _e = 0; _e < V.length; _e++)
-                  $(V[_e], e);
-                Object.freeze && Object.freeze(V);
+        var x = Ke(e, r, t, v, b);
+        if (x == null)
+          return x;
+        if (m) {
+          var N = r.children;
+          if (N !== void 0)
+            if (c)
+              if (X(N)) {
+                for (var ke = 0; ke < N.length; ke++)
+                  W(N[ke], e);
+                Object.freeze && Object.freeze(N);
               } else
                 _("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
-              $(V, e);
+              W(N, e);
         }
-        if (re.call(t, "key")) {
-          var he = g(e), C = Object.keys(t).filter(function(ft) {
-            return ft !== "key";
-          }), tt = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!O[he + tt]) {
-            var ut = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
+        if (ye.call(r, "key")) {
+          var Ee = te(e), D = Object.keys(r).filter(function(mr) {
+            return mr !== "key";
+          }), ar = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!je[Ee + ar]) {
+            var pr = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
             _(`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} />`, tt, he, ut, he), O[he + tt] = !0;
+  <%s key={someKey} {...props} />`, ar, Ee, pr, Ee), je[Ee + ar] = !0;
           }
         }
-        return e === P ? ie(y) : z(y), y;
+        return e === i ? ce(x) : Q(x), x;
       }
     }
-    function B(e, t, r) {
-      return I(e, t, r, !0);
+    function Ze(e, r, t) {
+      return Re(e, r, t, !0);
     }
-    function qe(e, t, r) {
-      return I(e, t, r, !1);
+    function K(e, r, t) {
+      return Re(e, r, t, !1);
     }
-    var Ne = qe, He = B;
-    Ce.Fragment = P, Ce.jsx = Ne, Ce.jsxs = He;
-  }()), Ce;
+    var he = K, pe = Ze;
+    Be.Fragment = i, Be.jsx = he, Be.jsxs = pe;
+  })()), Be;
+}
+var cr;
+function br() {
+  return cr || (cr = 1, process.env.NODE_ENV === "production" ? Qe.exports = gr() : Qe.exports = yr()), Qe.exports;
 }
-process.env.NODE_ENV === "production" ? nt.exports = ht() : nt.exports = pt();
-var ct = nt.exports;
-const mt = ({
-  text: pe = "AI",
-  particleCount: Y = 24e3,
-  particleSize: ve = 0.01,
-  primaryColor: P = { r: 0.396, g: 0.239, b: 0.82 },
+var lr = br();
+const wr = (n) => n ? {
+  error: (...l) => console.error(...l),
+  warn: (...l) => console.warn(...l)
+} : {
+  error: () => {
+  },
+  warn: () => {
+  }
+}, ur = (n, l) => {
+  if (!n) return l;
+  if (typeof n == "string") {
+    const d = new f.Color(n);
+    return { r: d.r, g: d.g, b: d.b };
+  }
+  return typeof n == "object" && typeof n.r == "number" ? n : l;
+}, Rr = (n) => {
+  if (!(!n || n.__shapeParticleTextPatched)) {
+    if (Object.defineProperty(n, "__shapeParticleTextPatched", {
+      value: !0,
+      configurable: !0
+    }), typeof n.getShaderPrecisionFormat == "function" && !n.getShaderPrecisionFormat.__shapeParticleTextPatched) {
+      const l = n.getShaderPrecisionFormat.bind(n), d = (...i) => {
+        try {
+          const a = l(...i);
+          if (a && typeof a.precision == "number") return a;
+        } catch {
+        }
+        return { rangeMin: 127, rangeMax: 127, precision: 23 };
+      };
+      Object.defineProperty(d, "__shapeParticleTextPatched", { value: !0 }), Object.defineProperty(n, "getShaderPrecisionFormat", { value: d, configurable: !0 });
+    }
+    if (typeof n.getParameter == "function" && !n.getParameter.__shapeParticleTextPatched) {
+      const l = n.getParameter.bind(n), d = (...i) => {
+        let a;
+        try {
+          a = l(...i);
+        } catch {
+          a = void 0;
+        }
+        const g = i[0];
+        return a ?? (g === 7938 ? "WebGL 1.0 (Three.js Mock)" : g === 35724 ? "WebGL GLSL ES 1.0 (Three.js Mock)" : g === 7936 ? "Three.js Mock Vendor" : g === 7937 ? "Three.js Mock Renderer" : g === 34921 || g === 34930 || g === 35657 || g === 35658 ? 16 : "");
+      };
+      Object.defineProperty(d, "__shapeParticleTextPatched", { value: !0 }), Object.defineProperty(n, "getParameter", { value: d, configurable: !0 });
+    }
+    if (typeof n.getExtension == "function" && !n.getExtension.__shapeParticleTextPatched) {
+      const l = n.getExtension.bind(n), d = (...i) => {
+        let a;
+        try {
+          a = l(...i);
+        } catch {
+          a = null;
+        }
+        return a === null && i[0] === "WEBGL_debug_renderer_info" ? null : a;
+      };
+      Object.defineProperty(d, "__shapeParticleTextPatched", { value: !0 }), Object.defineProperty(n, "getExtension", { value: d, configurable: !0 });
+    }
+  }
+}, fr = ({ canvas: n, context: l, contextAttributes: d, log: i }) => {
+  try {
+    const a = new f.WebGLRenderer({
+      canvas: n,
+      context: l,
+      precision: "mediump",
+      ...d
+    });
+    return a.capabilities && (a.capabilities.isWebGL2 || (a.capabilities.isWebGL2 = !0), a.capabilities.precision || (a.capabilities.precision = "mediump")), a;
+  } catch (a) {
+    return i.warn("ShapeParticleText: Failed to initialize WebGL renderer", a), null;
+  }
+}, Er = ({ canvas: n, context: l, contextAttributes: d, log: i }) => {
+  const a = fr({ canvas: n, context: l, contextAttributes: d, log: { warn: () => {
+  } } });
+  if (a) return a;
+  Rr(l);
+  const g = fr({ canvas: n, context: l, contextAttributes: d, log: i });
+  if (g) return g;
+  i.warn("ShapeParticleText: Failed to initialize custom context renderer, attempting hard fallback...");
+  try {
+    return new f.WebGLRenderer({ canvas: n });
+  } catch (O) {
+    return i.error("ShapeParticleText: Fatal error initializing WebGL renderer:", O), null;
+  }
+}, _r = (n, l = 1.5) => {
+  const d = n && n.trim().length > 0 ? n : "AI", i = document.createElement("canvas"), a = i.getContext("2d");
+  i.width = 1024, i.height = 512, a.fillStyle = "white", a.textAlign = "center", a.textBaseline = "middle";
+  let g = 350;
+  a.font = `bold ${g}px Arial`;
+  const O = i.width * 0.85;
+  let j = a.measureText(d);
+  for (; (j.width > O || g > i.height * 0.7) && g > 20; )
+    g -= 10, a.font = `bold ${g}px Arial`, j = a.measureText(d);
+  a.fillText(d, i.width / 2, i.height / 2);
+  const E = a.getImageData(0, 0, i.width, i.height), T = [], w = 3, M = 220;
+  let C = 1 / 0, H = -1 / 0, ee = 1 / 0, le = -1 / 0;
+  for (let Y = 0; Y < i.height; Y += w)
+    for (let ue = 0; ue < i.width; ue += w) {
+      const _e = (Math.floor(Y) * i.width + Math.floor(ue)) * 4;
+      if (E.data[_e + 3] > 160) {
+        const $ = (ue - i.width / 2) / M * l, R = -(Y - i.height / 2) / M * l, re = (Math.random() - 0.5) * 0.25;
+        T.push({ x: $, y: R, z: re }), $ < C && (C = $), $ > H && (H = $), R < ee && (ee = R), R > le && (le = R);
+      }
+    }
+  const G = H - C, z = le - ee, _ = 3.2, me = 2.5;
+  let J = 1;
+  return G > _ && (J = _ / G), z * J > me && (J = me / z), J < 1 && T.forEach((Y) => {
+    Y.x *= J, Y.y *= J, Y.z *= J;
+  }), T;
+}, Pr = ({ textParticlesData: n, actualCount: l }) => {
+  const d = [];
+  if (n.length > 0)
+    if (n.length > l) {
+      const i = n.length / l;
+      for (let a = 0; a < l; a++) {
+        const g = Math.floor(a * i), O = n[Math.min(g, n.length - 1)];
+        d.push(O.x, O.y, O.z);
+      }
+    } else
+      for (let i = 0; i < l; i++)
+        if (i < n.length)
+          d.push(n[i].x, n[i].y, n[i].z);
+        else {
+          const a = n[Math.floor(Math.random() * n.length)];
+          d.push(
+            a.x + (Math.random() - 0.5) * 0.5,
+            a.y + (Math.random() - 0.5) * 0.5,
+            a.z + (Math.random() - 0.5) * 0.3
+          );
+        }
+  else
+    for (let i = 0; i < l; i++)
+      d.push(0, 0, 0);
+  return d;
+}, dr = (n) => new f.Vector3(
+  (Math.random() - 0.5) * n,
+  (Math.random() - 0.5) * n,
+  (Math.random() - 0.5) * n
+), xr = ({ start: n, end: l, zapSpread: d, zapWidth: i, lightningColor: a }) => {
+  const g = n.clone().lerp(l, 0.3).add(dr(d)), O = n.clone().lerp(l, 0.7).add(dr(d)), j = new f.CatmullRomCurve3([n, g, O, l]), E = new f.TubeGeometry(j, 12, i, 4, !1);
+  let T;
+  a ? a.r !== void 0 ? T = new f.Color(a.r, a.g, a.b) : T = new f.Color(a) : T = new f.Color().setHSL(0.7 + Math.random() * 0.08, 1, 0.7 + Math.random() * 0.15);
+  const w = new f.MeshBasicMaterial({
+    color: T,
+    transparent: !0,
+    opacity: 0.85,
+    blending: f.AdditiveBlending
+  }), M = new f.Mesh(E, w), C = {
+    line: M,
+    material: w,
+    life: 0,
+    maxLife: 0.5 + Math.random() * 0.9,
+    flickerSpeed: 18 + Math.random() * 20,
+    phase: Math.random() * Math.PI * 2
+  };
+  return { line: M, material: w, segment: C };
+}, Mr = ({
+  text: n = "AI",
+  particleCount: l = 24e3,
+  particleSize: d = 0.01,
+  primaryColor: i = { r: 0.396, g: 0.239, b: 0.82 },
   // #653DD1
-  secondaryColor: j = { r: 0.537, g: 0.239, b: 0.82 },
+  secondaryColor: a = { r: 0.537, g: 0.239, b: 0.82 },
   // Purple variant
-  backgroundColor: me = "#000000",
-  transparent: oe = !1,
-  morphDuration: N = 2.5,
-  rotationSpeed: R = 0.4,
-  hoverIntensity: H = 0.05,
+  backgroundColor: g = "#000000",
+  transparent: O = !1,
+  morphDuration: j = 2.5,
+  rotationSpeed: E = 0.4,
+  hoverIntensity: T = 0.05,
   lightningIntensity: w = 1,
   lightningColor: M = null,
   // Optional hex or {r,g,b} object. If null, uses random colors
-  zapSpread: U = 0.7,
+  zapSpread: C = 0.7,
   // Amplitude/Spread of lightning
-  zapWidth: se = 0.02,
+  zapWidth: H = 0.02,
   // Thickness of lightning
-  cameraDistance: Pe = 5.5,
-  globeOpacity: Fe = 0.08,
-  globeColor: K = null,
+  cameraDistance: ee = 5.5,
+  globeOpacity: le = 0.08,
+  globeColor: G = null,
   // Optional override for globe color
-  showGlobe: Z = !0,
+  showGlobe: z = !0,
   glowEffect: _ = !0,
-  className: Xe = "",
-  style: Je = {}
+  debug: me = !1,
+  className: J = "",
+  style: Y = {},
+  ...ue
 }) => {
-  const De = rt(null), ge = rt(null);
-  return rt([]), dt(() => {
-    const x = De.current;
-    if (!x) {
-      console.error("ShapeParticleText: Canvas element not found");
+  const _e = ir(null), $ = ir(null);
+  return vr(() => {
+    const R = _e.current, re = wr(me);
+    if (!R) {
+      re.error("ShapeParticleText: Canvas element not found");
       return;
     }
-    let ce = !0;
-    const be = [];
+    let ve = !0;
+    const Pe = [];
     return (() => {
-      var Ve, Ue;
-      if (!ce) return;
-      const te = new f.Scene(), Q = new f.PerspectiveCamera(50, x.offsetWidth / x.offsetHeight, 0.1, 1e3);
-      let g;
+      var Ye, oe;
+      if (!ve) return;
+      const A = new f.Scene(), B = new f.PerspectiveCamera(50, R.offsetWidth / R.offsetHeight, 0.1, 1e3);
+      let V;
       try {
-        const n = {
+        const o = {
           alpha: !0,
           antialias: !0,
           powerPreference: "default"
-        }, a = x.getContext("webgl2", n) || x.getContext("webgl", n) || x.getContext("experimental-webgl", n);
-        if (!a) {
-          console.error("ShapeParticleText: WebGL not supported in this environment");
-          return;
-        }
-        const o = (c, i) => {
-          const m = Object.getOwnPropertyDescriptor(c, i);
-          return m && !m.writable && !m.configurable;
         };
-        if (!a.getShaderPrecisionFormat._isPatched) {
-          const c = a.getShaderPrecisionFormat, i = function(...m) {
-            return { rangeMin: 127, rangeMax: 127, precision: 23 };
-          };
-          i._isPatched = !0, Object.defineProperty(a, "getShaderPrecisionFormat", {
-            value: i,
-            configurable: !0
-          });
-        }
-        if (!a.getParameter._isPatched) {
-          const c = a.getParameter, i = function(...m) {
-            let S = null;
-            try {
-              S = c.apply(a, m);
-            } catch {
-            }
-            const v = m[0];
-            return S ?? (v === 7938 ? "WebGL 1.0 (Three.js Mock)" : v === 35724 ? "WebGL GLSL ES 1.0 (Three.js Mock)" : v === 7936 ? "Three.js Mock Vendor" : v === 7937 ? "Three.js Mock Renderer" : v === 34921 || v === 34930 || v === 35657 || v === 35658 ? 16 : "");
-          };
-          i._isPatched = !0, Object.defineProperty(a, "getParameter", {
-            value: i,
-            configurable: !0
-          });
-        }
-        if (!a.getExtension._isPatched) {
-          const c = a.getExtension, i = function(...m) {
-            let S = null;
-            try {
-              S = c.apply(a, m);
-            } catch {
-            }
-            return S === null && m[0] === "WEBGL_debug_renderer_info" ? null : S;
-          };
-          i._isPatched = !0, Object.defineProperty(a, "getExtension", {
-            value: i,
-            configurable: !0
-          });
-        }
-        g = new f.WebGLRenderer({
-          canvas: x,
-          context: a,
-          precision: "mediump",
-          ...n
-        }), g.capabilities && (g.capabilities.isWebGL2 || (g.capabilities.isWebGL2 = !0), g.capabilities.precision || (g.capabilities.precision = "mediump"));
-      } catch (n) {
-        console.warn("ShapeParticleText: Failed to initialize custom context renderer, attempting hard fallback...", n);
+        let s = null;
         try {
-          g = new f.WebGLRenderer({ canvas: x });
-        } catch (a) {
-          console.error("ShapeParticleText: Fatal error initializing WebGL renderer:", a);
+          s = R.getContext("webgl2", o) || R.getContext("webgl", o) || R.getContext("experimental-webgl", o);
+        } catch {
+          s = null;
+        }
+        if (!s) {
+          re.error("ShapeParticleText: WebGL not supported in this environment");
           return;
         }
+        if (V = Er({ canvas: R, context: s, contextAttributes: o, log: re }), !V) return;
+      } catch (o) {
+        re.error("ShapeParticleText: Unexpected error initializing scene:", o);
+        return;
       }
-      g.setSize(x.offsetWidth, x.offsetHeight), g.setPixelRatio(Math.min(window.devicePixelRatio, 2)), g.setClearColor(0, 0);
-      let F = null;
-      if (Z) {
-        const n = new f.SphereGeometry(2, 48, 48);
-        let a;
-        K ? a = typeof K == "string" ? new f.Color(K) : new f.Color(K.r, K.g, K.b) : a = new f.Color(P.r, P.g, P.b);
-        const o = new f.MeshBasicMaterial({
-          color: a,
+      V.setSize(R.offsetWidth, R.offsetHeight), V.setPixelRatio(Math.min(window.devicePixelRatio, 2)), V.setClearColor(0, 0);
+      const U = ur(i, { r: 0.396, g: 0.239, b: 0.82 }), q = ur(a, { r: 0.537, g: 0.239, b: 0.82 });
+      let fe = null;
+      if (z) {
+        const o = new f.SphereGeometry(2, 48, 48);
+        let s;
+        G ? s = typeof G == "string" ? new f.Color(G) : new f.Color(G.r, G.g, G.b) : s = new f.Color(U.r, U.g, U.b);
+        const u = new f.MeshBasicMaterial({
+          color: s,
           wireframe: !0,
           transparent: !0,
-          opacity: Fe
+          opacity: le
         });
-        F = new f.Mesh(n, o), te.add(F);
+        fe = new f.Mesh(o, u), A.add(fe);
       }
-      const D = new f.Group(), le = new Float32Array(Y * 3), L = new Float32Array(Y * 3), Me = new Float32Array(Y), ye = [], we = [], W = [], T = [];
-      let p = 0;
-      for (let n = 0; n < Y; n++) {
-        const a = n < Y / 2 ? -1 : 1, o = Math.random() * Math.PI, c = Math.random() * Math.PI * 2, i = 1.4 + Math.random() * 0.3, m = 1.2 + Math.random() * 0.2, S = 1 + Math.random() * 0.2;
-        let v = i * Math.sin(o) * Math.cos(c), k = m * Math.sin(o) * Math.sin(c), E = S * Math.cos(o);
-        v = v * 0.85 + a * 0.35;
-        const $ = (Math.sin(o * 8) * Math.cos(c * 6) + Math.sin(o * 12) * Math.sin(c * 8)) * 0.12, z = Math.sqrt(v * v + k * k + E * E);
-        z > 0.1 && (v += $ * (v / z), k += $ * (k / z), E += $ * (E / z));
-        const ie = Math.sqrt(v * v + k * k + E * E);
-        if (ie < 1 || ie > 2 || a === -1 && v > -0.15 || a === 1 && v < 0.15)
+      const Z = new f.Group(), ge = new Float32Array(l * 3), I = new Float32Array(l * 3), Ae = new Float32Array(l), Fe = [], Le = [], F = [], L = [];
+      let y = 0;
+      for (let o = 0; o < l; o++) {
+        const s = o < l / 2 ? -1 : 1, u = Math.random() * Math.PI, S = Math.random() * Math.PI * 2, h = 1.4 + Math.random() * 0.3, se = 1.2 + Math.random() * 0.2, Ce = 1 + Math.random() * 0.2;
+        let W = h * Math.sin(u) * Math.cos(S), Q = se * Math.sin(u) * Math.sin(S), ce = Ce * Math.cos(u);
+        W = W * 0.85 + s * 0.35;
+        const je = (Math.sin(u * 8) * Math.cos(S * 6) + Math.sin(u * 12) * Math.sin(S * 8)) * 0.12, Re = Math.sqrt(W * W + Q * Q + ce * ce);
+        Re > 0.1 && (W += je * (W / Re), Q += je * (Q / Re), ce += je * (ce / Re));
+        const Ze = Math.sqrt(W * W + Q * Q + ce * ce);
+        if (Ze < 1 || Ze > 2 || s === -1 && W > -0.15 || s === 1 && W < 0.15)
           continue;
-        const O = new f.Vector3(v, k, E);
-        O.x < 0 ? ye.push(O.clone()) : we.push(O.clone()), le[p * 3] = O.x, le[p * 3 + 1] = O.y, le[p * 3 + 2] = O.z, W.push(O.x, O.y, O.z);
-        const I = (k + m) / (m * 2);
-        if (I < 0.3)
-          L[p * 3] = P.r * 0.5 + I * 0.4, L[p * 3 + 1] = P.g * 1 + I * 0.05, L[p * 3 + 2] = P.b * 1 + I * 0.05;
-        else if (I < 0.6) {
-          const B = (I - 0.3) / 0.3;
-          L[p * 3] = (P.r * (1 - B) + j.r * B) * 1.1, L[p * 3 + 1] = (P.g * (1 - B) + j.g * B) * 1.1, L[p * 3 + 2] = (P.b * (1 - B) + j.b * B) * 1.1;
+        const K = new f.Vector3(W, Q, ce);
+        K.x < 0 ? Fe.push(K.clone()) : Le.push(K.clone()), ge[y * 3] = K.x, ge[y * 3 + 1] = K.y, ge[y * 3 + 2] = K.z, F.push(K.x, K.y, K.z);
+        const he = (Q + se) / (se * 2);
+        if (he < 0.3)
+          I[y * 3] = U.r * 0.5 + he * 0.4, I[y * 3 + 1] = U.g * 1 + he * 0.05, I[y * 3 + 2] = U.b * 1 + he * 0.05;
+        else if (he < 0.6) {
+          const pe = (he - 0.3) / 0.3;
+          I[y * 3] = (U.r * (1 - pe) + q.r * pe) * 1.1, I[y * 3 + 1] = (U.g * (1 - pe) + q.g * pe) * 1.1, I[y * 3 + 2] = (U.b * (1 - pe) + q.b * pe) * 1.1;
         } else
-          L[p * 3] = j.r * 1, L[p * 3 + 1] = j.g * 1, L[p * 3 + 2] = j.b * 1;
-        Me[p] = Math.random() * 1.5 + 0.8, p++;
+          I[y * 3] = q.r * 1, I[y * 3 + 1] = q.g * 1, I[y * 3 + 2] = q.b * 1;
+        Ae[y] = Math.random() * 1.5 + 0.8, y++;
       }
-      const G = ((n, a = 1.5) => {
-        const o = n && n.trim().length > 0 ? n : "AI", c = document.createElement("canvas"), i = c.getContext("2d");
-        c.width = 1024, c.height = 512, i.fillStyle = "white", i.textAlign = "center", i.textBaseline = "middle";
-        let m = 350;
-        i.font = `bold ${m}px Arial`;
-        const S = c.width * 0.85;
-        let v = i.measureText(o);
-        for (; (v.width > S || m > c.height * 0.7) && m > 20; )
-          m -= 10, i.font = `bold ${m}px Arial`, v = i.measureText(o);
-        i.fillText(o, c.width / 2, c.height / 2);
-        const k = i.getImageData(0, 0, c.width, c.height), E = [], $ = 3, z = 220;
-        let ie = 1 / 0, O = -1 / 0, I = 1 / 0, B = -1 / 0;
-        for (let r = 0; r < c.height; r += $)
-          for (let s = 0; s < c.width; s += $) {
-            const h = (Math.floor(r) * c.width + Math.floor(s)) * 4;
-            if (k.data[h + 3] > 160) {
-              const d = (s - c.width / 2) / z * a, l = -(r - c.height / 2) / z * a, u = (Math.random() - 0.5) * 0.25;
-              E.push({ x: d, y: l, z: u }), d < ie && (ie = d), d > O && (O = d), l < I && (I = l), l > B && (B = l);
-            }
-          }
-        const qe = O - ie, Ne = B - I, He = 3.2, e = 2.5;
-        let t = 1;
-        return qe > He && (t = He / qe), Ne * t > e && (t = e / Ne), t < 1 && E.forEach((r) => {
-          r.x *= t, r.y *= t, r.z *= t;
-        }), E;
-      })(pe, 1.8);
-      if (G.length > 0)
-        if (G.length > p) {
-          const n = G.length / p;
-          for (let a = 0; a < p; a++) {
-            const o = Math.floor(a * n), c = G[Math.min(o, G.length - 1)];
-            T.push(c.x, c.y, c.z);
-          }
-        } else
-          for (let n = 0; n < p; n++)
-            if (n < G.length)
-              T.push(
-                G[n].x,
-                G[n].y,
-                G[n].z
-              );
-            else {
-              const a = G[Math.floor(Math.random() * G.length)];
-              T.push(
-                a.x + (Math.random() - 0.5) * 0.5,
-                a.y + (Math.random() - 0.5) * 0.5,
-                a.z + (Math.random() - 0.5) * 0.3
-              );
-            }
-      else
-        for (let n = 0; n < p; n++)
-          T.push(0, 0, 0);
-      const Te = le.slice(0, p * 3), Se = L.slice(0, p * 3), xe = Me.slice(0, p), q = new f.BufferGeometry();
-      q.setAttribute("position", new f.BufferAttribute(Te, 3)), q.setAttribute("color", new f.BufferAttribute(Se, 3)), q.setAttribute("size", new f.BufferAttribute(xe, 1)), q.setDrawRange(0, p);
-      const Ee = new f.PointsMaterial({
-        size: ve,
+      const We = _r(n, 1.8);
+      L.push(...Pr({ textParticlesData: We, actualCount: y }));
+      const xe = ge.slice(0, y * 3), er = I.slice(0, y * 3), Ve = Ae.slice(0, y), ne = new f.BufferGeometry();
+      ne.setAttribute("position", new f.BufferAttribute(xe, 3)), ne.setAttribute("color", new f.BufferAttribute(er, 3)), ne.setAttribute("size", new f.BufferAttribute(Ve, 1)), ne.setDrawRange(0, y);
+      const rr = new f.PointsMaterial({
+        size: d,
         vertexColors: !0,
         transparent: !0,
         opacity: 1,
         blending: _ ? f.AdditiveBlending : f.NormalBlending,
         sizeAttenuation: !0
-      }), Ke = new f.Points(q, Ee);
-      D.add(Ke), te.add(D);
-      const Le = new f.Color(j.r, j.g, j.b), Ze = new f.LineBasicMaterial({
-        color: Le,
+      }), Te = new f.Points(ne, rr);
+      Z.add(Te), A.add(Z);
+      const ye = new f.Color(q.r, q.g, q.b), Ue = new f.LineBasicMaterial({
+        color: ye,
         transparent: !0,
         opacity: 0.2
-      }), We = new f.Group(), ue = ye.length, re = we.length;
-      if (ue > 0 && re > 0)
-        for (let n = 0; n < 80; n++) {
-          const a = (Ve = ye[Math.floor(Math.random() * ue)]) == null ? void 0 : Ve.clone(), o = (Ue = we[Math.floor(Math.random() * re)]) == null ? void 0 : Ue.clone();
-          if (!a || !o) continue;
-          const c = new f.BufferGeometry().setFromPoints([a, o]), i = new f.Line(c, Ze);
-          We.add(i);
+      }), De = new f.Group(), be = Fe.length, qe = Le.length;
+      if (be > 0 && qe > 0)
+        for (let o = 0; o < 80; o++) {
+          const s = (Ye = Fe[Math.floor(Math.random() * be)]) == null ? void 0 : Ye.clone(), u = (oe = Le[Math.floor(Math.random() * qe)]) == null ? void 0 : oe.clone();
+          if (!s || !u) continue;
+          const S = new f.BufferGeometry().setFromPoints([s, u]), h = new f.Line(S, Ue);
+          De.add(h);
         }
-      D.add(We);
-      const fe = new f.Group();
-      D.add(fe);
+      Z.add(De);
+      const Me = new f.Group();
+      Z.add(Me);
       const X = [];
-      let ne = 0;
-      const Qe = 6, Ge = (n) => new f.Vector3(
-        (Math.random() - 0.5) * n,
-        (Math.random() - 0.5) * n,
-        (Math.random() - 0.5) * n
-      ), Oe = () => {
-        if (!ce || !p) return;
-        const n = Math.floor(Math.random() * p), a = Math.floor(Math.random() * p), o = q.attributes.position.array, c = new f.Vector3(o[n * 3], o[n * 3 + 1], o[n * 3 + 2]), i = new f.Vector3(o[a * 3], o[a * 3 + 1], o[a * 3 + 2]);
-        if (c.lengthSq() < 0.1 || i.lengthSq() < 0.1 || c.distanceToSquared(i) < 0.5) return;
-        const m = c.clone().lerp(i, 0.3).add(Ge(U)), S = c.clone().lerp(i, 0.7).add(Ge(U)), v = new f.CatmullRomCurve3([c, m, S, i]), k = new f.TubeGeometry(v, 12, se, 4, !1);
-        let E;
-        M ? M.r !== void 0 ? E = new f.Color(M.r, M.g, M.b) : E = new f.Color(M) : E = new f.Color().setHSL(0.7 + Math.random() * 0.08, 1, 0.7 + Math.random() * 0.15);
-        const $ = new f.MeshBasicMaterial({
-          color: E,
-          transparent: !0,
-          opacity: 0.85,
-          blending: f.AdditiveBlending
-        }), z = new f.Mesh(k, $);
-        fe.add(z), X.push({
-          line: z,
-          material: $,
-          life: 0,
-          maxLife: 0.5 + Math.random() * 0.9,
-          flickerSpeed: 18 + Math.random() * 20,
-          phase: Math.random() * Math.PI * 2
-        });
-      }, et = new f.Clock();
-      Q.position.set(0, 0, Pe);
-      const Re = { x: 0, y: 0 }, de = { x: 0, y: 0 }, ee = { x: 0, y: 0 }, je = (n) => {
-        if (!x) return;
-        const a = x.getBoundingClientRect();
-        Re.x = (n.clientX - a.left) / a.width * 2 - 1, Re.y = -((n.clientY - a.top) / a.height) * 2 + 1, de.y = Re.x * 0.3 * (H / 0.05), de.x = Re.y * 0.2 * (H / 0.05);
+      let Ie = 0;
+      const tr = 6, Ne = () => {
+        if (!ve || !y) return;
+        const o = Math.floor(Math.random() * y), s = Math.floor(Math.random() * y), u = ne.attributes.position.array, S = new f.Vector3(u[o * 3], u[o * 3 + 1], u[o * 3 + 2]), h = new f.Vector3(u[s * 3], u[s * 3 + 1], u[s * 3 + 2]);
+        if (S.lengthSq() < 0.1 || h.lengthSq() < 0.1 || S.distanceToSquared(h) < 0.5) return;
+        const { line: se, segment: Ce } = xr({ start: S, end: h, zapSpread: C, zapWidth: H, lightningColor: M });
+        Me.add(se), X.push(Ce);
+      }, He = new f.Clock();
+      B.position.set(0, 0, ee);
+      const we = { x: 0, y: 0 }, Se = { x: 0, y: 0 }, ae = { x: 0, y: 0 }, Ge = (o) => {
+        if (!R) return;
+        const s = R.getBoundingClientRect();
+        we.x = (o.clientX - s.left) / s.width * 2 - 1, we.y = -((o.clientY - s.top) / s.height) * 2 + 1, Se.y = we.x * 0.3 * (T / 0.05), Se.x = we.y * 0.2 * (T / 0.05);
       };
-      x.addEventListener("mousemove", je), be.push(() => {
-        x.removeEventListener("mousemove", je);
+      R.addEventListener("mousemove", Ge), Pe.push(() => {
+        R.removeEventListener("mousemove", Ge);
       });
-      let ae = 0;
-      const Ie = 0.08;
-      let J = 0, Ye = 1;
-      const $e = 3;
-      let ke = $e;
-      function ze() {
-        if (!ce) return;
-        ge.current = requestAnimationFrame(ze);
-        const n = et.getDelta();
-        if (ae += n, ee.x += (de.x - ee.x) * 0.05, ee.y += (de.y - ee.y) * 0.05, F && (F.rotation.y += n * 0.1, F.rotation.x = Math.sin(ae * 0.3) * 0.03), D.rotation.y = Math.sin(ae * 0.4) * R + ee.y, D.rotation.x = Math.sin(ae * 0.25) * Ie + ee.x, D.rotation.z = Math.cos(ae * 0.15) * 0.015, ke -= n, ke <= 0) {
-          J += n / N, J >= 1 && (J = 0, Ye *= -1, ke = $e);
-          const a = J < 0.5 ? 2 * J * J : 1 - Math.pow(-2 * J + 2, 2) / 2, o = q.attributes.position;
-          for (let c = 0; c < p; c++) {
-            const i = c * 3;
-            Ye === 1 ? (o.array[i] = W[i] + (T[i] - W[i]) * a, o.array[i + 1] = W[i + 1] + (T[i + 1] - W[i + 1]) * a, o.array[i + 2] = W[i + 2] + (T[i + 2] - W[i + 2]) * a) : (o.array[i] = T[i] + (W[i] - T[i]) * a, o.array[i + 1] = T[i + 1] + (W[i + 1] - T[i + 1]) * a, o.array[i + 2] = T[i + 2] + (W[i + 2] - T[i + 2]) * a);
+      let de = 0;
+      const nr = 0.08;
+      let ie = 0, Je = 1;
+      const Xe = 3;
+      let ze = Xe;
+      function Ke() {
+        if (!ve) return;
+        $.current = requestAnimationFrame(Ke);
+        const o = He.getDelta();
+        if (de += o, ae.x += (Se.x - ae.x) * 0.05, ae.y += (Se.y - ae.y) * 0.05, fe && (fe.rotation.y += o * 0.1, fe.rotation.x = Math.sin(de * 0.3) * 0.03), Z.rotation.y = Math.sin(de * 0.4) * E + ae.y, Z.rotation.x = Math.sin(de * 0.25) * nr + ae.x, Z.rotation.z = Math.cos(de * 0.15) * 0.015, ze -= o, ze <= 0) {
+          ie += o / j, ie >= 1 && (ie = 0, Je *= -1, ze = Xe);
+          const s = ie < 0.5 ? 2 * ie * ie : 1 - Math.pow(-2 * ie + 2, 2) / 2, u = ne.attributes.position;
+          for (let S = 0; S < y; S++) {
+            const h = S * 3;
+            Je === 1 ? (u.array[h] = F[h] + (L[h] - F[h]) * s, u.array[h + 1] = F[h + 1] + (L[h + 1] - F[h + 1]) * s, u.array[h + 2] = F[h + 2] + (L[h + 2] - F[h + 2]) * s) : (u.array[h] = L[h] + (F[h] - L[h]) * s, u.array[h + 1] = L[h + 1] + (F[h + 1] - L[h + 1]) * s, u.array[h + 2] = L[h + 2] + (F[h + 2] - L[h + 2]) * s);
           }
-          o.needsUpdate = !0;
+          u.needsUpdate = !0;
         }
-        ne -= n, w > 0 && ne <= 0 && X.length < Qe * w && (Oe(), ne = (0.12 + Math.random() * 0.25) / Math.max(0.1, w));
-        for (let a = X.length - 1; a >= 0; a--) {
-          const o = X[a];
-          if (!o || !o.material) continue;
-          o.life += n;
-          const c = o.life / o.maxLife, i = Math.pow(Math.max(0, 1 - c), 1.5), m = 0.6 + Math.sin(ae * o.flickerSpeed + o.phase) * 0.4;
-          o.material.opacity = Math.max(0, i * m * Math.min(1, w)), o.life >= o.maxLife && (fe.remove(o.line), o.line.geometry && o.line.geometry.dispose(), o.material && o.material.dispose(), X.splice(a, 1));
+        Ie -= o, w > 0 && Ie <= 0 && X.length < tr * w && (Ne(), Ie = (0.12 + Math.random() * 0.25) / Math.max(0.1, w));
+        for (let s = X.length - 1; s >= 0; s--) {
+          const u = X[s];
+          if (!u || !u.material) continue;
+          u.life += o;
+          const S = u.life / u.maxLife, h = Math.pow(Math.max(0, 1 - S), 1.5), se = 0.6 + Math.sin(de * u.flickerSpeed + u.phase) * 0.4;
+          u.material.opacity = Math.max(0, h * se * Math.min(1, w)), u.life >= u.maxLife && (Me.remove(u.line), u.line.geometry && u.line.geometry.dispose(), u.material && u.material.dispose(), X.splice(s, 1));
         }
-        g.render(te, Q);
+        V.render(A, B);
       }
-      ze();
-      const Be = () => {
-        if (!ce || !x) return;
-        const n = x.offsetWidth, a = x.offsetHeight;
-        n === 0 || a === 0 || (Q.aspect = n / a, Q.updateProjectionMatrix(), g.setSize(n, a), g.setPixelRatio(Math.min(window.devicePixelRatio * 1.5, 3)));
+      Ke();
+      const Oe = () => {
+        if (!ve || !R) return;
+        const o = R.offsetWidth, s = R.offsetHeight;
+        o === 0 || s === 0 || (B.aspect = o / s, B.updateProjectionMatrix(), V.setSize(o, s), V.setPixelRatio(Math.min(window.devicePixelRatio * 1.5, 3)));
       };
-      window.addEventListener("resize", Be), be.push(() => {
-        window.removeEventListener("resize", Be), X.forEach((n) => {
-          n.line && (fe.remove(n.line), n.line.geometry && n.line.geometry.dispose(), n.material && n.material.dispose());
-        }), X.length = 0, te.traverse((n) => {
-          n.geometry && n.geometry.dispose(), n.material && (Array.isArray(n.material) ? n.material.forEach((a) => a.dispose()) : n.material.dispose());
-        }), g.dispose();
+      window.addEventListener("resize", Oe), Pe.push(() => {
+        window.removeEventListener("resize", Oe), X.forEach((o) => {
+          o.line && (Me.remove(o.line), o.line.geometry && o.line.geometry.dispose(), o.material && o.material.dispose());
+        }), X.length = 0, A.traverse((o) => {
+          o.geometry && o.geometry.dispose(), o.material && (Array.isArray(o.material) ? o.material.forEach((s) => s.dispose()) : o.material.dispose());
+        }), V.dispose();
       });
     })(), () => {
-      ce = !1, ge.current && (cancelAnimationFrame(ge.current), ge.current = null), be.forEach((te) => {
+      ve = !1, $.current && (cancelAnimationFrame($.current), $.current = null), Pe.forEach((A) => {
         try {
-          te();
-        } catch (Q) {
-          console.error("Cleanup error:", Q);
+          A();
+        } catch (B) {
+          re.error("Cleanup error:", B);
         }
       });
     };
-  }, [pe, Y, ve, P, j, N, R, H, w, M, U, se, Pe, Fe, K, Z, _]), /* @__PURE__ */ ct.jsx("div", { className: Xe, style: { position: "relative", width: "100%", height: "100%", backgroundColor: oe ? "transparent" : me, ...Je }, children: /* @__PURE__ */ ct.jsx(
-    "canvas",
+  }, [n, l, d, i, a, j, E, T, w, M, C, H, ee, le, G, z, _, me]), /* @__PURE__ */ lr.jsx(
+    "div",
     {
-      ref: De,
-      style: {
-        display: "block",
-        width: "100%",
-        height: "100%",
-        outline: "none"
-      }
+      ...ue,
+      className: J,
+      style: { position: "relative", width: "100%", height: "100%", backgroundColor: O ? "transparent" : g, ...Y },
+      children: /* @__PURE__ */ lr.jsx(
+        "canvas",
+        {
+          ref: _e,
+          style: {
+            display: "block",
+            width: "100%",
+            height: "100%",
+            outline: "none"
+          }
+        }
+      )
     }
-  ) });
+  );
 };
 export {
-  mt as ShapeParticleText
+  Mr as ShapeParticleText
 };