3d-shape-particle-text 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 mukes555
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,84 @@
+# 3d-shape-particle-text
+
+A high-performance React component for rendering interactive 3D particle systems that morph between a brain-like structure and custom text. Built with React and Three.js.
+
+## Features
+
+- **Particle Morphing**: Smooth transitions between 3D shapes and text.
+- **Interactive**: Responds to mouse hover and rotation.
+- **Customizable**: Configurable colors, particle counts, lightning effects, and more.
+- **Responsive**: Automatically adjusts to container size.
+
+## Installation
+
+```bash
+npm install 3d-shape-particle-text three
+# or
+yarn add 3d-shape-particle-text three
+```
+
+> **Note**: This package requires `react`, `react-dom`, and `three` as peer dependencies.
+
+## Usage
+
+Here is a standard configuration matching the default theme:
+
+```jsx
+import { ShapeParticleText } from '3d-shape-particle-text';
+
+function App() {
+  return (
+    <div style={{ height: '100vh', width: '100%' }}>
+      <ShapeParticleText
+        text="AI"
+        particleCount={26000}
+        particleSize={0.01}
+        primaryColor={{ r: 0.396, g: 0.239, b: 0.820 }} // #653DD1
+        secondaryColor={{ r: 0.537, g: 0.239, b: 0.820 }} // #893DD1
+        backgroundColor="#000000"
+        lightningColor="#ffffff"
+        globeColor="#653DD1"
+        morphDuration={2.5}
+        rotationSpeed={0.1}
+        hoverIntensity={0.05}
+        lightningIntensity={1.7}
+        zapSpread={0.7}
+        zapWidth={0.003}
+        globeOpacity={0.15}
+        showGlobe={true}
+        glowEffect={true}
+      />
+    </div>
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+| :--- | :--- | :--- | :--- |
+| `text` | `string` | `'AI'` | The text to morph into. |
+| `particleCount` | `number` | `24000` | Total number of particles. |
+| `particleSize` | `number` | `0.01` | Size of individual particles. |
+| `primaryColor` | `object` \| `string` | `{r: 0.396, g: 0.239, b: 0.820}` | Primary color of the brain structure. |
+| `secondaryColor` | `object` \| `string` | `{r: 0.537, g: 0.239, b: 0.820}` | Secondary color for gradients and connections. |
+| `backgroundColor` | `string` | `'#000000'` | Background color of the canvas. |
+| `transparent` | `boolean` | `false` | Whether the canvas background is transparent. |
+| `morphDuration` | `number` | `2.5` | Duration of the morph animation in seconds. |
+| `rotationSpeed` | `number` | `0.4` | Speed of the idle rotation. |
+| `hoverIntensity` | `number` | `0.05` | Intensity of the mouse hover tilt effect. |
+| `lightningIntensity` | `number` | `1.0` | Frequency of lightning effects (0 to disable). |
+| `lightningColor` | `object` \| `string` | `null` | Color of lightning bolts. If null, uses random colors. |
+| `zapSpread` | `number` | `0.7` | Spread amplitude of lightning bolts. |
+| `zapWidth` | `number` | `0.02` | Thickness of lightning bolts. |
+| `cameraDistance` | `number` | `5.5` | Distance of the camera from the center. |
+| `globeOpacity` | `number` | `0.08` | Opacity of the surrounding wireframe globe. |
+| `globeColor` | `object` \| `string` | `null` | Color of the wireframe globe. If null, uses `primaryColor`. |
+| `showGlobe` | `boolean` | `true` | Whether to render the wireframe globe. |
+| `glowEffect` | `boolean` | `true` | Enables additive blending for a glow effect. |
+| `className` | `string` | `''` | Custom CSS class for the container. |
+| `style` | `object` | `{}` | Custom inline styles for the container. |
+
+## License
+
+MIT

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

@@ -0,0 +1,956 @@
+import lt, { useRef as rt, useEffect as dt } from "react";
+import * as f from "three";
+var nt = { exports: {} }, Ae = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 };
+  }
+  return Ae.Fragment = ve, Ae.jsx = oe, Ae.jsxs = oe, Ae;
+}
+var Ce = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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) {
+      if (e === null || typeof e != "object")
+        return null;
+      var t = Pe && e[Pe] || e[Fe];
+      return typeof t == "function" ? t : null;
+    }
+    var Z = pe.__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);
+      }
+    }
+    function Xe(e, t, r) {
+      {
+        var s = Z.ReactDebugCurrentFrame, h = s.getStackAddendum();
+        h !== "" && (t += "%s", r = r.concat([h]));
+        var d = r.map(function(l) {
+          return String(l);
+        });
+        d.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, d);
+      }
+    }
+    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
+      // 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));
+    }
+    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 Q(e) {
+      return e.displayName || "Context";
+    }
+    function g(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")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case P:
+          return "Fragment";
+        case ve:
+          return "Portal";
+        case me:
+          return "Profiler";
+        case j:
+          return "StrictMode";
+        case H:
+          return "Suspense";
+        case w:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case N:
+            var t = e;
+            return Q(t) + ".Consumer";
+          case oe:
+            var r = e;
+            return Q(r._context) + ".Provider";
+          case R:
+            return te(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;
+            try {
+              return g(l(d));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var F = Object.assign, D = 0, le, L, Me, ye, we, W, T;
+    function p() {
+    }
+    p.__reactDisabledLog = !0;
+    function it() {
+      {
+        if (D === 0) {
+          le = console.log, L = console.info, Me = console.warn, ye = console.error, we = console.group, W = console.groupCollapsed, T = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: p,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        D++;
+      }
+    }
+    function G() {
+      {
+        if (D--, D === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: F({}, e, {
+              value: le
+            }),
+            info: F({}, e, {
+              value: L
+            }),
+            warn: F({}, e, {
+              value: Me
+            }),
+            error: F({}, e, {
+              value: ye
+            }),
+            group: F({}, e, {
+              value: we
+            }),
+            groupCollapsed: F({}, e, {
+              value: W
+            }),
+            groupEnd: F({}, e, {
+              value: T
+            })
+          });
+        }
+        D < 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) {
+      {
+        if (Se === void 0)
+          try {
+            throw Error();
+          } catch (h) {
+            var s = h.stack.trim().match(/\n( *(at )?)/);
+            Se = s && s[1] || "";
+          }
+        return `
+` + Se + e;
+      }
+    }
+    var q = !1, Ee;
+    {
+      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new Ke();
+    }
+    function Le(e, t) {
+      if (!e || q)
+        return "";
+      {
+        var r = Ee.get(e);
+        if (r !== void 0)
+          return r;
+      }
+      var s;
+      q = !0;
+      var h = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var d;
+      d = Te.current, Te.current = null, it();
+      try {
+        if (t) {
+          var l = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(l.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(l, []);
+            } catch (C) {
+              s = C;
+            }
+            Reflect.construct(e, [], l);
+          } else {
+            try {
+              l.call();
+            } catch (C) {
+              s = C;
+            }
+            e.call(l.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (C) {
+            s = C;
+          }
+          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)
+                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;
+                  }
+                while (b >= 1 && y >= 0);
+              break;
+            }
+        }
+      } finally {
+        q = !1, Te.current = d, G(), Error.prepareStackTrace = h;
+      }
+      var _e = e ? e.displayName || e.name : "", he = _e ? xe(_e) : "";
+      return typeof e == "function" && Ee.set(e, he), he;
+    }
+    function Ze(e, t, r) {
+      return Le(e, !1);
+    }
+    function We(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
+    }
+    function ue(e, t, r) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Le(e, We(e));
+      if (typeof e == "string")
+        return xe(e);
+      switch (e) {
+        case H:
+          return xe("Suspense");
+        case w:
+          return xe("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case R:
+            return Ze(e.render);
+          case M:
+            return ue(e.type, t, r);
+          case U: {
+            var s = e, h = s._payload, d = s._init;
+            try {
+              return ue(d(h), t, r);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var re = Object.prototype.hasOwnProperty, fe = {}, X = Z.ReactDebugCurrentFrame;
+    function ne(e) {
+      if (e) {
+        var t = e._owner, r = ue(e.type, e._source, t ? t.type : null);
+        X.setExtraStackFrame(r);
+      } else
+        X.setExtraStackFrame(null);
+    }
+    function Qe(e, t, r, s, h) {
+      {
+        var d = Function.call.bind(re);
+        for (var l in e)
+          if (d(e, l)) {
+            var u = 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;
+              }
+              u = e[l](t, l, s, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (b) {
+              u = b;
+            }
+            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));
+          }
+      }
+    }
+    var Ge = Array.isArray;
+    function Oe(e) {
+      return Ge(e);
+    }
+    function et(e) {
+      {
+        var t = typeof Symbol == "function" && Symbol.toStringTag, r = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return r;
+      }
+    }
+    function Re(e) {
+      try {
+        return de(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function de(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);
+    }
+    var je = Z.ReactCurrentOwner, ae = {
+      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)
+          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)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ke(e, t) {
+      typeof e.ref == "string" && je.current;
+    }
+    function ze(e, t) {
+      {
+        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));
+        };
+        r.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: r,
+          configurable: !0
+        });
+      }
+    }
+    function Be(e, t) {
+      {
+        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));
+        };
+        r.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: r,
+          configurable: !0
+        });
+      }
+    }
+    var Ve = function(e, t, r, s, h, d, l) {
+      var u = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: Y,
+        // Built-in properties that belong on the element
+        type: e,
+        key: t,
+        ref: r,
+        props: l,
+        // Record the component responsible for creating this element.
+        _owner: d
+      };
+      return u._store = {}, Object.defineProperty(u._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(u, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: s
+      }), Object.defineProperty(u, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: h
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+    };
+    function Ue(e, t, r, s, h) {
+      {
+        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]);
+        if (e && e.defaultProps) {
+          var b = e.defaultProps;
+          for (d in b)
+            l[d] === void 0 && (l[d] = b[d]);
+        }
+        if (u || A) {
+          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          u && ze(l, y), A && Be(l, y);
+        }
+        return Ve(e, u, A, h, s, je.current, l);
+      }
+    }
+    var n = Z.ReactCurrentOwner, a = Z.ReactDebugCurrentFrame;
+    function o(e) {
+      if (e) {
+        var t = e._owner, r = ue(e.type, e._source, t ? t.type : null);
+        a.setExtraStackFrame(r);
+      } else
+        a.setExtraStackFrame(null);
+    }
+    var c;
+    c = !1;
+    function i(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === Y;
+    }
+    function m() {
+      {
+        if (n.current) {
+          var e = g(n.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function S(e) {
+      return "";
+    }
+    var v = {};
+    function k(e) {
+      {
+        var t = m();
+        if (!t) {
+          var r = typeof e == "string" ? e : e.displayName || e.name;
+          r && (t = `
+
+Check the top-level render call using <` + r + ">.");
+        }
+        return t;
+      }
+    }
+    function E(e, t) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var r = k(t);
+        if (v[r])
+          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);
+      }
+    }
+    function $(e, t) {
+      {
+        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);
+          }
+        else if (i(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);
+        }
+      }
+    }
+    function z(e) {
+      {
+        var t = e.type;
+        if (t == null || typeof t == "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.
+        // Inner props are checked in the reconciler.
+        t.$$typeof === M))
+          r = t.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");
+        }
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ie(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);
+            break;
+          }
+        }
+        e.ref !== null && (o(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), o(null));
+      }
+    }
+    var O = {};
+    function I(e, t, r, s, h, d) {
+      {
+        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 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);
+              } 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);
+        }
+        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(": ..., ") + ": ...}" : "{}";
+            _(`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;
+          }
+        }
+        return e === P ? ie(y) : z(y), y;
+      }
+    }
+    function B(e, t, r) {
+      return I(e, t, r, !0);
+    }
+    function qe(e, t, r) {
+      return I(e, t, r, !1);
+    }
+    var Ne = qe, He = B;
+    Ce.Fragment = P, Ce.jsx = Ne, Ce.jsxs = He;
+  }()), Ce;
+}
+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 },
+  // #653DD1
+  secondaryColor: j = { 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,
+  lightningIntensity: w = 1,
+  lightningColor: M = null,
+  // Optional hex or {r,g,b} object. If null, uses random colors
+  zapSpread: U = 0.7,
+  // Amplitude/Spread of lightning
+  zapWidth: se = 0.02,
+  // Thickness of lightning
+  cameraDistance: Pe = 5.5,
+  globeOpacity: Fe = 0.08,
+  globeColor: K = null,
+  // Optional override for globe color
+  showGlobe: Z = !0,
+  glowEffect: _ = !0,
+  className: Xe = "",
+  style: Je = {}
+}) => {
+  const De = rt(null), ge = rt(null);
+  return rt([]), dt(() => {
+    const x = De.current;
+    if (!x) {
+      console.error("ShapeParticleText: Canvas element not found");
+      return;
+    }
+    let ce = !0;
+    const be = [];
+    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;
+      try {
+        const n = {
+          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);
+        try {
+          g = new f.WebGLRenderer({ canvas: x });
+        } catch (a) {
+          console.error("ShapeParticleText: Fatal error initializing WebGL renderer:", a);
+          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,
+          wireframe: !0,
+          transparent: !0,
+          opacity: Fe
+        });
+        F = new f.Mesh(n, o), te.add(F);
+      }
+      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)
+          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;
+        } 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++;
+      }
+      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,
+        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,
+        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);
+        }
+      D.add(We);
+      const fe = new f.Group();
+      D.add(fe);
+      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);
+      };
+      x.addEventListener("mousemove", je), be.push(() => {
+        x.removeEventListener("mousemove", je);
+      });
+      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);
+          }
+          o.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));
+        }
+        g.render(te, Q);
+      }
+      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)));
+      };
+      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();
+      });
+    })(), () => {
+      ce = !1, ge.current && (cancelAnimationFrame(ge.current), ge.current = null), be.forEach((te) => {
+        try {
+          te();
+        } catch (Q) {
+          console.error("Cleanup error:", Q);
+        }
+      });
+    };
+  }, [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",
+    {
+      ref: De,
+      style: {
+        display: "block",
+        width: "100%",
+        height: "100%",
+        outline: "none"
+      }
+    }
+  ) });
+};
+export {
+  mt as ShapeParticleText
+};

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

@@ -0,0 +1,30 @@
+(function(ae,q){typeof exports=="object"&&typeof module<"u"?q(exports,require("react"),require("three")):typeof define=="function"&&define.amd?define(["exports","react","three"],q):(ae=typeof globalThis<"u"?globalThis:ae||self,q(ae["3dShapeParticleText"]={},ae.React,ae.THREE))})(this,function(ae,q,ut){"use strict";function ft(z){const T=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(z){for(const $ in z)if($!=="default"){const y=Object.getOwnPropertyDescriptor(z,$);Object.defineProperty(T,$,y.get?y:{enumerable:!0,get:()=>z[$]})}}return T.default=z,Object.freeze(T)}const u=ft(ut);var Ke={exports:{}},Te={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var it;function dt(){if(it)return Te;it=1;var z=q,T=Symbol.for("react.element"),$=Symbol.for("react.fragment"),y=Object.prototype.hasOwnProperty,k=z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,be={key:!0,ref:!0,__self:!0,__source:!0};function ue(J,P,K){var w,M={},H=null,fe=null;K!==void 0&&(H=""+K),P.key!==void 0&&(H=""+P.key),P.ref!==void 0&&(fe=P.ref);for(w in P)y.call(P,w)&&!be.hasOwnProperty(w)&&(M[w]=P[w]);if(J&&J.defaultProps)for(w in P=J.defaultProps,P)M[w]===void 0&&(M[w]=P[w]);return{$$typeof:T,type:J,key:H,ref:fe,props:M,_owner:k.current}}return Te.Fragment=$,Te.jsx=ue,Te.jsxs=ue,Te}var Se={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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(){return ot||(ot=1,process.env.NODE_ENV!=="production"&&function(){var z=q,T=Symbol.for("react.element"),$=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),be=Symbol.for("react.profiler"),ue=Symbol.for("react.provider"),J=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),M=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),fe=Symbol.for("react.offscreen"),Oe=Symbol.iterator,Le="@@iterator";function ee(e){if(e===null||typeof e!="object")return null;var t=Oe&&e[Oe]||e[Le];return typeof t=="function"?t:null}var te=z.__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];Ze("error",e,r)}}function Ze(e,t,r){{var s=te.ReactDebugCurrentFrame,h=s.getStackAddendum();h!==""&&(t+="%s",r=r.concat([h]));var d=r.map(function(l){return String(l)});d.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,d)}}var Qe=!1,We=!1,ye=!1,E=!1,de=!1,xe;xe=Symbol.for("react.module.reference");function ct(e){return!!(typeof e=="string"||typeof e=="function"||e===y||e===be||de||e===k||e===K||e===w||E||e===fe||Qe||We||ye||typeof e=="object"&&e!==null&&(e.$$typeof===H||e.$$typeof===M||e.$$typeof===ue||e.$$typeof===J||e.$$typeof===P||e.$$typeof===xe||e.getModuleId!==void 0))}function ie(e,t,r){var s=e.displayName;if(s)return s;var h=t.displayName||t.name||"";return h!==""?r+"("+h+")":r}function re(e){return e.displayName||"Context"}function g(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")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case $:return"Portal";case be:return"Profiler";case k:return"StrictMode";case K:return"Suspense";case w:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case J:var t=e;return re(t)+".Consumer";case ue:var r=e;return re(r._context)+".Provider";case P:return ie(e,e.render,"ForwardRef");case M:var s=e.displayName||null;return s!==null?s:g(e.type)||"Memo";case H:{var h=e,d=h._payload,l=h._init;try{return g(l(d))}catch{return null}}}return null}var D=Object.assign,L=0,he,W,je,we,Ee,G,S;function p(){}p.__reactDisabledLog=!0;function lt(){{if(L===0){he=console.log,W=console.info,je=console.warn,we=console.error,Ee=console.group,G=console.groupCollapsed,S=console.groupEnd;var e={configurable:!0,enumerable:!0,value:p,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}L++}}function I(){{if(L--,L===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:D({},e,{value:he}),info:D({},e,{value:W}),warn:D({},e,{value:je}),error:D({},e,{value:we}),group:D({},e,{value:Ee}),groupCollapsed:D({},e,{value:G}),groupEnd:D({},e,{value:S})})}L<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ke=te.ReactCurrentDispatcher,Ae;function Re(e,t,r){{if(Ae===void 0)try{throw Error()}catch(h){var s=h.stack.trim().match(/\n( *(at )?)/);Ae=s&&s[1]||""}return`
+`+Ae+e}}var X=!1,Pe;{var et=typeof WeakMap=="function"?WeakMap:Map;Pe=new et}function Ge(e,t){if(!e||X)return"";{var r=Pe.get(e);if(r!==void 0)return r}var s;X=!0;var h=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d;d=ke.current,ke.current=null,lt();try{if(t){var l=function(){throw Error()};if(Object.defineProperty(l.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(l,[])}catch(F){s=F}Reflect.construct(e,[],l)}else{try{l.call()}catch(F){s=F}e.call(l.prototype)}}else{try{throw Error()}catch(F){s=F}e()}}catch(F){if(F&&s&&typeof F.stack=="string"){for(var f=F.stack.split(`
+`),C=s.stack.split(`
+`),b=f.length-1,x=C.length-1;b>=1&&x>=0&&f[b]!==C[x];)x--;for(;b>=1&&x>=0;b--,x--)if(f[b]!==C[x]){if(b!==1||x!==1)do if(b--,x--,x<0||f[b]!==C[x]){var N=`
+`+f[b].replace(" at new "," at ");return e.displayName&&N.includes("<anonymous>")&&(N=N.replace("<anonymous>",e.displayName)),typeof e=="function"&&Pe.set(e,N),N}while(b>=1&&x>=0);break}}}finally{X=!1,ke.current=d,I(),Error.prepareStackTrace=h}var Me=e?e.displayName||e.name:"",ge=Me?Re(Me):"";return typeof e=="function"&&Pe.set(e,ge),ge}function tt(e,t,r){return Ge(e,!1)}function Ie(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function pe(e,t,r){if(e==null)return"";if(typeof e=="function")return Ge(e,Ie(e));if(typeof e=="string")return Re(e);switch(e){case K:return Re("Suspense");case w:return Re("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case P:return tt(e.render);case M:return pe(e.type,t,r);case H:{var s=e,h=s._payload,d=s._init;try{return pe(d(h),t,r)}catch{}}}return""}var oe=Object.prototype.hasOwnProperty,ve={},Z=te.ReactDebugCurrentFrame;function se(e){if(e){var t=e._owner,r=pe(e.type,e._source,t?t.type:null);Z.setExtraStackFrame(r)}else Z.setExtraStackFrame(null)}function rt(e,t,r,s,h){{var d=Function.call.bind(oe);for(var l in e)if(d(e,l)){var f=void 0;try{if(typeof e[l]!="function"){var C=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 C.name="Invariant Violation",C}f=e[l](t,l,s,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(b){f=b}f&&!(f instanceof Error)&&(se(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 f),se(null)),f instanceof Error&&!(f.message in ve)&&(ve[f.message]=!0,se(h),_("Failed %s type: %s",r,f.message),se(null))}}}var Ye=Array.isArray;function Ce(e){return Ye(e)}function nt(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,r=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r}}function _e(e){try{return me(e),!1}catch{return!0}}function me(e){return""+e}function ne(e){if(_e(e))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",nt(e)),me(e)}var Fe=te.ReactCurrentOwner,ce={key:!0,ref:!0,__self:!0,__source:!0},ze,Q;function Be(e){if(oe.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function Ve(e){if(oe.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function De(e,t){typeof e.ref=="string"&&Fe.current}function Ue(e,t){{var r=function(){ze||(ze=!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))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}}function Ne(e,t){{var r=function(){Q||(Q=!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))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}}var $e=function(e,t,r,s,h,d,l){var f={$$typeof:T,type:e,key:t,ref:r,props:l,_owner:d};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:h}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function He(e,t,r,s,h){{var d,l={},f=null,C=null;r!==void 0&&(ne(r),f=""+r),Ve(t)&&(ne(t.key),f=""+t.key),Be(t)&&(C=t.ref,De(t,h));for(d in t)oe.call(t,d)&&!ce.hasOwnProperty(d)&&(l[d]=t[d]);if(e&&e.defaultProps){var b=e.defaultProps;for(d in b)l[d]===void 0&&(l[d]=b[d])}if(f||C){var x=typeof e=="function"?e.displayName||e.name||"Unknown":e;f&&Ue(l,x),C&&Ne(l,x)}return $e(e,f,C,h,s,Fe.current,l)}}var n=te.ReactCurrentOwner,a=te.ReactDebugCurrentFrame;function o(e){if(e){var t=e._owner,r=pe(e.type,e._source,t?t.type:null);a.setExtraStackFrame(r)}else a.setExtraStackFrame(null)}var c;c=!1;function i(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}function m(){{if(n.current){var e=g(n.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function O(e){return""}var v={};function A(e){{var t=m();if(!t){var r=typeof e=="string"?e:e.displayName||e.name;r&&(t=`
+
+Check the top-level render call using <`+r+">.")}return t}}function R(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var r=A(t);if(v[r])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)}}function B(e,t){{if(typeof e!="object")return;if(Ce(e))for(var r=0;r<e.length;r++){var s=e[r];i(s)&&R(s,t)}else if(i(e))e._store&&(e._store.validated=!0);else if(e){var h=ee(e);if(typeof h=="function"&&h!==e.entries)for(var d=h.call(e),l;!(l=d.next()).done;)i(l.value)&&R(l.value,t)}}}function V(e){{var t=e.type;if(t==null||typeof t=="string")return;var r;if(typeof t=="function")r=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===P||t.$$typeof===M))r=t.propTypes;else return;if(r){var s=g(t);rt(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")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function le(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);break}}e.ref!==null&&(o(e),_("Invalid attribute `ref` supplied to `React.Fragment`."),o(null))}}var j={};function Y(e,t,r,s,h,d){{var l=ct(e);if(!l){var f="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(f+=" 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 C=O();C?f+=C:f+=m();var b;e===null?b="null":Ce(e)?b="array":e!==void 0&&e.$$typeof===T?(b="<"+(g(e.type)||"Unknown")+" />",f=" 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,f)}var x=He(e,t,r,h,d);if(x==null)return x;if(l){var N=t.children;if(N!==void 0)if(s)if(Ce(N)){for(var Me=0;Me<N.length;Me++)B(N[Me],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 B(N,e)}if(oe.call(t,"key")){var ge=g(e),F=Object.keys(t).filter(function(mt){return mt!=="key"}),at=F.length>0?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}";if(!j[ge+at]){var vt=F.length>0?"{"+F.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} />`,at,ge,vt,ge),j[ge+at]=!0}}return e===y?le(x):V(x),x}}function U(e,t,r){return Y(e,t,r,!0)}function Xe(e,t,r){return Y(e,t,r,!1)}var qe=Xe,Je=U;Se.Fragment=y,Se.jsx=qe,Se.jsxs=Je}()),Se}process.env.NODE_ENV==="production"?Ke.exports=dt():Ke.exports=ht();var st=Ke.exports;const pt=({text:z="AI",particleCount:T=24e3,particleSize:$=.01,primaryColor:y={r:.396,g:.239,b:.82},secondaryColor:k={r:.537,g:.239,b:.82},backgroundColor:be="#000000",transparent:ue=!1,morphDuration:J=2.5,rotationSpeed:P=.4,hoverIntensity:K=.05,lightningIntensity:w=1,lightningColor:M=null,zapSpread:H=.7,zapWidth:fe=.02,cameraDistance:Oe=5.5,globeOpacity:Le=.08,globeColor:ee=null,showGlobe:te=!0,glowEffect:_=!0,className:Ze="",style:Qe={}})=>{const We=q.useRef(null),ye=q.useRef(null);return q.useRef([]),q.useEffect(()=>{const E=We.current;if(!E){console.error("ShapeParticleText: Canvas element not found");return}let de=!0;const xe=[];return(()=>{var $e,He;if(!de)return;const ie=new u.Scene,re=new u.PerspectiveCamera(50,E.offsetWidth/E.offsetHeight,.1,1e3);let g;try{const n={alpha:!0,antialias:!0,powerPreference:"default"},a=E.getContext("webgl2",n)||E.getContext("webgl",n)||E.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 O=null;try{O=c.apply(a,m)}catch{}const v=m[0];return O??(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 O=null;try{O=c.apply(a,m)}catch{}return O===null&&m[0]==="WEBGL_debug_renderer_info"?null:O};i._isPatched=!0,Object.defineProperty(a,"getExtension",{value:i,configurable:!0})}g=new u.WebGLRenderer({canvas:E,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);try{g=new u.WebGLRenderer({canvas:E})}catch(a){console.error("ShapeParticleText: Fatal error initializing WebGL renderer:",a);return}}g.setSize(E.offsetWidth,E.offsetHeight),g.setPixelRatio(Math.min(window.devicePixelRatio,2)),g.setClearColor(0,0);let D=null;if(te){const n=new u.SphereGeometry(2,48,48);let a;ee?a=typeof ee=="string"?new u.Color(ee):new u.Color(ee.r,ee.g,ee.b):a=new u.Color(y.r,y.g,y.b);const o=new u.MeshBasicMaterial({color:a,wireframe:!0,transparent:!0,opacity:Le});D=new u.Mesh(n,o),ie.add(D)}const L=new u.Group,he=new Float32Array(T*3),W=new Float32Array(T*3),je=new Float32Array(T),we=[],Ee=[],G=[],S=[];let p=0;for(let n=0;n<T;n++){const a=n<T/2?-1:1,o=Math.random()*Math.PI,c=Math.random()*Math.PI*2,i=1.4+Math.random()*.3,m=1.2+Math.random()*.2,O=1+Math.random()*.2;let v=i*Math.sin(o)*Math.cos(c),A=m*Math.sin(o)*Math.sin(c),R=O*Math.cos(o);v=v*.85+a*.35;const B=(Math.sin(o*8)*Math.cos(c*6)+Math.sin(o*12)*Math.sin(c*8))*.12,V=Math.sqrt(v*v+A*A+R*R);V>.1&&(v+=B*(v/V),A+=B*(A/V),R+=B*(R/V));const le=Math.sqrt(v*v+A*A+R*R);if(le<1||le>2||a===-1&&v>-.15||a===1&&v<.15)continue;const j=new u.Vector3(v,A,R);j.x<0?we.push(j.clone()):Ee.push(j.clone()),he[p*3]=j.x,he[p*3+1]=j.y,he[p*3+2]=j.z,G.push(j.x,j.y,j.z);const Y=(A+m)/(m*2);if(Y<.3)W[p*3]=y.r*.5+Y*.4,W[p*3+1]=y.g*1+Y*.05,W[p*3+2]=y.b*1+Y*.05;else if(Y<.6){const U=(Y-.3)/.3;W[p*3]=(y.r*(1-U)+k.r*U)*1.1,W[p*3+1]=(y.g*(1-U)+k.g*U)*1.1,W[p*3+2]=(y.b*(1-U)+k.b*U)*1.1}else W[p*3]=k.r*1,W[p*3+1]=k.g*1,W[p*3+2]=k.b*1;je[p]=Math.random()*1.5+.8,p++}const I=((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 O=c.width*.85;let v=i.measureText(o);for(;(v.width>O||m>c.height*.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 A=i.getImageData(0,0,c.width,c.height),R=[],B=3,V=220;let le=1/0,j=-1/0,Y=1/0,U=-1/0;for(let r=0;r<c.height;r+=B)for(let s=0;s<c.width;s+=B){const h=(Math.floor(r)*c.width+Math.floor(s))*4;if(A.data[h+3]>160){const d=(s-c.width/2)/V*a,l=-(r-c.height/2)/V*a,f=(Math.random()-.5)*.25;R.push({x:d,y:l,z:f}),d<le&&(le=d),d>j&&(j=d),l<Y&&(Y=l),l>U&&(U=l)}}const Xe=j-le,qe=U-Y,Je=3.2,e=2.5;let t=1;return Xe>Je&&(t=Je/Xe),qe*t>e&&(t=e/qe),t<1&&R.forEach(r=>{r.x*=t,r.y*=t,r.z*=t}),R})(z,1.8);if(I.length>0)if(I.length>p){const n=I.length/p;for(let a=0;a<p;a++){const o=Math.floor(a*n),c=I[Math.min(o,I.length-1)];S.push(c.x,c.y,c.z)}}else for(let n=0;n<p;n++)if(n<I.length)S.push(I[n].x,I[n].y,I[n].z);else{const a=I[Math.floor(Math.random()*I.length)];S.push(a.x+(Math.random()-.5)*.5,a.y+(Math.random()-.5)*.5,a.z+(Math.random()-.5)*.3)}else for(let n=0;n<p;n++)S.push(0,0,0);const ke=he.slice(0,p*3),Ae=W.slice(0,p*3),Re=je.slice(0,p),X=new u.BufferGeometry;X.setAttribute("position",new u.BufferAttribute(ke,3)),X.setAttribute("color",new u.BufferAttribute(Ae,3)),X.setAttribute("size",new u.BufferAttribute(Re,1)),X.setDrawRange(0,p);const Pe=new u.PointsMaterial({size:$,vertexColors:!0,transparent:!0,opacity:1,blending:_?u.AdditiveBlending:u.NormalBlending,sizeAttenuation:!0}),et=new u.Points(X,Pe);L.add(et),ie.add(L);const Ge=new u.Color(k.r,k.g,k.b),tt=new u.LineBasicMaterial({color:Ge,transparent:!0,opacity:.2}),Ie=new u.Group,pe=we.length,oe=Ee.length;if(pe>0&&oe>0)for(let n=0;n<80;n++){const a=($e=we[Math.floor(Math.random()*pe)])==null?void 0:$e.clone(),o=(He=Ee[Math.floor(Math.random()*oe)])==null?void 0:He.clone();if(!a||!o)continue;const c=new u.BufferGeometry().setFromPoints([a,o]),i=new u.Line(c,tt);Ie.add(i)}L.add(Ie);const ve=new u.Group;L.add(ve);const Z=[];let se=0;const rt=6,Ye=n=>new u.Vector3((Math.random()-.5)*n,(Math.random()-.5)*n,(Math.random()-.5)*n),Ce=()=>{if(!de||!p)return;const n=Math.floor(Math.random()*p),a=Math.floor(Math.random()*p),o=X.attributes.position.array,c=new u.Vector3(o[n*3],o[n*3+1],o[n*3+2]),i=new u.Vector3(o[a*3],o[a*3+1],o[a*3+2]);if(c.lengthSq()<.1||i.lengthSq()<.1||c.distanceToSquared(i)<.5)return;const m=c.clone().lerp(i,.3).add(Ye(H)),O=c.clone().lerp(i,.7).add(Ye(H)),v=new u.CatmullRomCurve3([c,m,O,i]),A=new u.TubeGeometry(v,12,fe,4,!1);let R;M?M.r!==void 0?R=new u.Color(M.r,M.g,M.b):R=new u.Color(M):R=new u.Color().setHSL(.7+Math.random()*.08,1,.7+Math.random()*.15);const B=new u.MeshBasicMaterial({color:R,transparent:!0,opacity:.85,blending:u.AdditiveBlending}),V=new u.Mesh(A,B);ve.add(V),Z.push({line:V,material:B,life:0,maxLife:.5+Math.random()*.9,flickerSpeed:18+Math.random()*20,phase:Math.random()*Math.PI*2})},nt=new u.Clock;re.position.set(0,0,Oe);const _e={x:0,y:0},me={x:0,y:0},ne={x:0,y:0},Fe=n=>{if(!E)return;const a=E.getBoundingClientRect();_e.x=(n.clientX-a.left)/a.width*2-1,_e.y=-((n.clientY-a.top)/a.height)*2+1,me.y=_e.x*.3*(K/.05),me.x=_e.y*.2*(K/.05)};E.addEventListener("mousemove",Fe),xe.push(()=>{E.removeEventListener("mousemove",Fe)});let ce=0;const ze=.08;let Q=0,Be=1;const Ve=3;let De=Ve;function Ue(){if(!de)return;ye.current=requestAnimationFrame(Ue);const n=nt.getDelta();if(ce+=n,ne.x+=(me.x-ne.x)*.05,ne.y+=(me.y-ne.y)*.05,D&&(D.rotation.y+=n*.1,D.rotation.x=Math.sin(ce*.3)*.03),L.rotation.y=Math.sin(ce*.4)*P+ne.y,L.rotation.x=Math.sin(ce*.25)*ze+ne.x,L.rotation.z=Math.cos(ce*.15)*.015,De-=n,De<=0){Q+=n/J,Q>=1&&(Q=0,Be*=-1,De=Ve);const a=Q<.5?2*Q*Q:1-Math.pow(-2*Q+2,2)/2,o=X.attributes.position;for(let c=0;c<p;c++){const i=c*3;Be===1?(o.array[i]=G[i]+(S[i]-G[i])*a,o.array[i+1]=G[i+1]+(S[i+1]-G[i+1])*a,o.array[i+2]=G[i+2]+(S[i+2]-G[i+2])*a):(o.array[i]=S[i]+(G[i]-S[i])*a,o.array[i+1]=S[i+1]+(G[i+1]-S[i+1])*a,o.array[i+2]=S[i+2]+(G[i+2]-S[i+2])*a)}o.needsUpdate=!0}se-=n,w>0&&se<=0&&Z.length<rt*w&&(Ce(),se=(.12+Math.random()*.25)/Math.max(.1,w));for(let a=Z.length-1;a>=0;a--){const o=Z[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=.6+Math.sin(ce*o.flickerSpeed+o.phase)*.4;o.material.opacity=Math.max(0,i*m*Math.min(1,w)),o.life>=o.maxLife&&(ve.remove(o.line),o.line.geometry&&o.line.geometry.dispose(),o.material&&o.material.dispose(),Z.splice(a,1))}g.render(ie,re)}Ue();const Ne=()=>{if(!de||!E)return;const n=E.offsetWidth,a=E.offsetHeight;n===0||a===0||(re.aspect=n/a,re.updateProjectionMatrix(),g.setSize(n,a),g.setPixelRatio(Math.min(window.devicePixelRatio*1.5,3)))};window.addEventListener("resize",Ne),xe.push(()=>{window.removeEventListener("resize",Ne),Z.forEach(n=>{n.line&&(ve.remove(n.line),n.line.geometry&&n.line.geometry.dispose(),n.material&&n.material.dispose())}),Z.length=0,ie.traverse(n=>{n.geometry&&n.geometry.dispose(),n.material&&(Array.isArray(n.material)?n.material.forEach(a=>a.dispose()):n.material.dispose())}),g.dispose()})})(),()=>{de=!1,ye.current&&(cancelAnimationFrame(ye.current),ye.current=null),xe.forEach(ie=>{try{ie()}catch(re){console.error("Cleanup error:",re)}})}},[z,T,$,y,k,J,P,K,w,M,H,fe,Oe,Le,ee,te,_]),st.jsx("div",{className:Ze,style:{position:"relative",width:"100%",height:"100%",backgroundColor:ue?"transparent":be,...Qe},children:st.jsx("canvas",{ref:We,style:{display:"block",width:"100%",height:"100%",outline:"none"}})})};ae.ShapeParticleText=pt,Object.defineProperty(ae,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "3d-shape-particle-text",
+  "version": "1.0.0",
+  "description": "Interactive 3D particle system morphing between brain shape and text, with lightning effects and full customization.",
+  "main": "dist/3d-shape-particle-text.umd.js",
+  "module": "dist/3d-shape-particle-text.es.js",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/3d-shape-particle-text.es.js",
+      "require": "./dist/3d-shape-particle-text.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "three.js",
+    "3d",
+    "webgl",
+    "ai",
+    "brain",
+    "neural-network",
+    "visualization",
+    "landing-page",
+    "hero-section",
+    "interactive",
+    "particles",
+    "morph",
+    "ui-component",
+    "future-tech"
+  ],
+  "author": "mukes555",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mukes555/3d-shape-particle-text"
+  },
+  "bugs": {
+    "url": "https://github.com/mukes555/3d-shape-particle-text/issues"
+  },
+  "homepage": "https://github.com/mukes555/3d-shape-particle-text#readme",
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "three": "^0.128.0 || ^0.130.0 || ^0.140.0 || ^0.150.0 || ^0.160.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "three": "^0.160.0",
+    "vite": "^5.0.0"
+  }
+}