@samoramachel/netuniverse 1.1.0 → 1.2.0

package/README.md

@@ -37,10 +37,11 @@ npm install react react-dom three
 ### Basic Example
 
 ```tsx
-import { GraphScene } from 'netuniverse';
+import { GraphScene, generateGraphData } from 'netuniverse';
 import type { GraphData } from 'netuniverse';
 
-const data: GraphData = {
+// Option 1: Use your own data
+const myData: GraphData = {
   nodes: [
     { id: '1', label: 'Node 1', cluster: 'CORE', x: 0, y: 0, z: 0 },
     { id: '2', label: 'Node 2', cluster: 'FINANCE', x: 100, y: 0, z: 0 },
@@ -50,13 +51,17 @@ const data: GraphData = {
   ]
 };
 
+// Option 2: Prototype with default random data
+const defaultData = generateGraphData();
+
 function App() {
   const [selectedNode, setSelectedNode] = useState(null);
 
+  // Use myData or defaultData
   return (
     <div style={{ width: '100vw', height: '100vh' }}>
       <GraphScene
-        data={data}
+        data={defaultData}
         onNodeSelect={setSelectedNode}
         selectedNodeId={selectedNode?.id || null}
       />

package/dist/GraphScene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphScene.d.ts","sourceRoot":"","sources":["../GraphScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMxD,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,kFA2FrB,CAAC"}
+{"version":3,"file":"GraphScene.d.ts","sourceRoot":"","sources":["../GraphScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMxD,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,kFA4FrB,CAAC"}

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs as Mt, Fragment as Us, jsx as L } from "react/jsx-runtime";
 import * as wi from "react";
-import Wn, { useRef as Q, useEffect as Fn, useMemo as vt, useState as ns, useCallback as Ws, Suspense as Nc, createContext as nn, useLayoutEffect as Ic, useId as Gs, useContext as ct, useInsertionEffect as Ks, Children as Fc, isValidElement as Bc, Fragment as $a, createElement as si, forwardRef as Ys, Component as zc } from "react";
+import Wn, { useRef as J, useEffect as Fn, useMemo as vt, useState as ns, useCallback as Ws, Suspense as Nc, createContext as nn, useLayoutEffect as Ic, useId as Gs, useContext as ct, useInsertionEffect as Ks, Children as Fc, isValidElement as Bc, Fragment as $a, createElement as si, forwardRef as Ys, Component as zc } from "react";
 import { useThree as jc, useFrame as Ua, Canvas as $c } from "@react-three/fiber";
 import { Html as Uc, PerspectiveCamera as Wc, OrbitControls as Gc } from "@react-three/drei";
 import * as Zt from "three";
@@ -33,7 +33,7 @@ var kt = {
   delay: 0
 }, qs, at, U, Nt = 1e8, B = 1 / Nt, is = Math.PI * 2, Kc = is / 4, Yc = 0, Ga = Math.sqrt, qc = Math.cos, Xc = Math.sin, st = function(t) {
   return typeof t == "string";
-}, H = function(t) {
+}, Z = function(t) {
   return typeof t == "function";
 }, ne = function(t) {
   return typeof t == "number";
@@ -46,7 +46,7 @@ var kt = {
 }, Hs = function() {
   return typeof window < "u";
 }, Gn = function(t) {
-  return H(t) || st(t);
+  return Z(t) || st(t);
 }, Ka = typeof ArrayBuffer == "function" && ArrayBuffer.isView || function() {
 }, dt = Array.isArray, Hc = /random\([^)]+\)/g, Zc = /,\s*/g, Hr = /(?:-?\.?\d|\.)+/gi, Ya = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, Ie = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, Ei = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, qa = /[+-]=-?[.\d]+/, Qc = /[^,'"\[\]\s]+/gi, Jc = /^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i, K, Wt, ss, Zs, Vt = {}, ri = {}, Xa, Ha = function(t) {
   return (ri = Xe(t, Vt)) && St;
@@ -69,7 +69,7 @@ var kt = {
   suppressEvents: !0
 }, Js = {}, fe = [], rs = {}, Qa, At = {}, ki = {}, Zr = 30, Zn = [], tr = "", er = function(t) {
   var n = t[0], i, s;
-  if (Xt(n) || H(n) || (t = [t]), !(i = (n._gsap || {}).harness)) {
+  if (Xt(n) || Z(n) || (t = [t]), !(i = (n._gsap || {}).harness)) {
     for (s = Zn.length; s-- && !Zn[s].targetTest(n); )
       ;
     i = Zn[s];
@@ -80,10 +80,10 @@ var kt = {
 }, De = function(t) {
   return t._gsap || er(It(t))[0]._gsap;
 }, Ja = function(t, n, i) {
-  return (i = t[n]) && H(i) ? t[n]() : Xs(i) && t.getAttribute && t.getAttribute(n) || i;
+  return (i = t[n]) && Z(i) ? t[n]() : Xs(i) && t.getAttribute && t.getAttribute(n) || i;
 }, wt = function(t, n) {
   return (t = t.split(",")).forEach(n) || t;
-}, Z = function(t) {
+}, Q = function(t) {
   return Math.round(t * 1e5) / 1e5 || 0;
 }, G = function(t) {
   return Math.round(t * 1e7) / 1e7 || 0;
@@ -271,7 +271,7 @@ var kt = {
     return 0.5 - Math.random();
   });
 }, ul = function(t) {
-  if (H(t))
+  if (Z(t))
     return t;
   var n = Xt(t) ? t : {
     each: t
@@ -302,7 +302,7 @@ var kt = {
   };
 }, cl = function(t, n) {
   var i = dt(t), s, r;
-  return !i && Xt(t) && (s = i = t.radius || Nt, t.values ? (t = It(t.values), (r = !ne(t[0])) && (s *= s)) : t = cs(t.increment)), ve(n, i ? H(t) ? function(o) {
+  return !i && Xt(t) && (s = i = t.radius || Nt, t.values ? (t = It(t.values), (r = !ne(t[0])) && (s *= s)) : t = cs(t.increment)), ve(n, i ? Z(t) ? function(o) {
     return r = t(o), Math.abs(r - o) <= s ? r : o;
   } : function(o) {
     for (var a = parseFloat(r ? o.x : o), l = parseFloat(r ? o.y : 0), u = Nt, c = 0, h = t.length, f, d; h--; )
@@ -395,7 +395,7 @@ var kt = {
 }, Fe, pl = [], ml = function(t) {
   if (t)
     if (t = !t.name && t.default || t, Hs() || t.headless) {
-      var n = t.name, i = H(t), s = n && !i && t.init ? function() {
+      var n = t.name, i = Z(t), s = n && !i && t.init ? function() {
         this._props = [];
       } : t, r = {
         init: Pn,
@@ -549,7 +549,7 @@ var kt = {
   for (var i = t._first, s; i; )
     i instanceof pt ? e(i, n) : i.vars.yoyoEase && (!i._yoyo || !i._repeat) && i._yoyo !== n && (i.timeline ? e(i.timeline, n) : (s = i._ease, i._ease = i._yEase, i._yEase = s, i._yoyo = n)), i = i._next;
 }, ke = function(t, n) {
-  return t && (H(t) ? t : I[t] || Sh(t)) || n;
+  return t && (Z(t) ? t : I[t] || Sh(t)) || n;
 }, Le = function(t, n, i, s) {
   i === void 0 && (i = function(l) {
     return 1 - n(1 - l);
@@ -731,9 +731,9 @@ var Tl = function(t, n) {
   }, t.then = function(i) {
     var s = this, r = s._prom;
     return new Promise(function(o) {
-      var a = H(i) ? i : nl, l = function() {
+      var a = Z(i) ? i : nl, l = function() {
         var c = s.then;
-        s.then = null, r && r(), H(a) && (a = a(s)) && (a.then || a === s) && (s.then = c), o(a), s.then = c;
+        s.then = null, r && r(), Z(a) && (a = a(s)) && (a.then || a === s) && (s.then = c), o(a), s.then = c;
       };
       s._initted && s.totalProgress() === 1 && s._ts >= 0 || !s._tTime && s._ts < 0 ? l() : s._prom = l;
     });
@@ -841,7 +841,7 @@ var pt = /* @__PURE__ */ (function(e) {
         }), this;
       if (st(s))
         return this.addLabel(s, r);
-      if (H(s))
+      if (Z(s))
         s = et.delayedCall(0, s);
       else
         return this;
@@ -857,7 +857,7 @@ var pt = /* @__PURE__ */ (function(e) {
       if (r[o].vars.id === s)
         return r[o];
   }, n.remove = function(s) {
-    return st(s) ? this.removeLabel(s) : H(s) ? this.killTweensOf(s) : (s.parent === this && Ti(this, s), s === this._recent && (this._recent = this._last), Ee(this));
+    return st(s) ? this.removeLabel(s) : Z(s) ? this.killTweensOf(s) : (s.parent === this && Ti(this, s), s === this._recent && (this._recent = this._last), Ee(this));
   }, n.totalTime = function(s, r) {
     return arguments.length ? (this._forcing = 1, !this._dp && this._ts && (this._start = G(Ct.time - (this._ts > 0 ? s / this._ts : (this.totalDuration() - s) / -this._ts))), e.prototype.totalTime.call(this, s, r), this._forcing = 0, this) : this._tTime;
   }, n.addLabel = function(s, r) {
@@ -970,12 +970,12 @@ var Ph = function(t, n, i, s, r, o, a) {
     }, u = Ei.lastIndex);
   return l.c = u < s.length ? s.substring(u, s.length) : "", l.fp = a, (qa.test(s) || g) && (l.e = 0), this._pt = l, l;
 }, ir = function(t, n, i, s, r, o, a, l, u, c) {
-  H(s) && (s = s(r || 0, t, o));
-  var h = t[n], f = i !== "get" ? i : H(h) ? u ? t[n.indexOf("set") || !H(t["get" + n.substr(3)]) ? n : "get" + n.substr(3)](u) : t[n]() : h, d = H(h) ? u ? Eh : Al : rr, m;
+  Z(s) && (s = s(r || 0, t, o));
+  var h = t[n], f = i !== "get" ? i : Z(h) ? u ? t[n.indexOf("set") || !Z(t["get" + n.substr(3)]) ? n : "get" + n.substr(3)](u) : t[n]() : h, d = Z(h) ? u ? Eh : Al : rr, m;
   if (st(s) && (~s.indexOf("random(") && (s = An(s)), s.charAt(1) === "=" && (m = We(f, s) + (ht(f) || 0), (m || m === 0) && (s = m))), !c || f !== s || hs)
     return !isNaN(f * s) && s !== "" ? (m = new Tt(this._pt, t, n, +f || 0, s - (f || 0), typeof h == "boolean" ? Vh : Ml, 0, d), u && (m.fp = u), a && m.modifier(a, this, t), this._pt = m) : (!h && !(n in t) && Qs(n, s), Ph.call(this, t, n, f, s, d, l || kt.stringFilter, u));
 }, Ah = function(t, n, i, s, r) {
-  if (H(t) && (t = vn(t, r, n, i, s)), !Xt(t) || t.style && t.nodeType || dt(t) || Ka(t))
+  if (Z(t) && (t = vn(t, r, n, i, s)), !Xt(t) || t.style && t.nodeType || dt(t) || Ka(t))
     return st(t) ? vn(t, r, n, i, s) : t;
   var o = {}, a;
   for (a in t)
@@ -1046,7 +1046,7 @@ var Ph = function(t, n, i, s, r, o, a) {
       u.push(c);
     }
   for (d = u.length; d--; )
-    h = u[d], c = h._pt || h, c.s = (s || s === 0) && !r ? s : c.s + (s || 0) + o * c.c, c.c = i - c.s, h.e && (h.e = Z(i) + ht(h.e)), h.b && (h.b = c.s + ht(h.b));
+    h = u[d], c = h._pt || h, c.s = (s || s === 0) && !r ? s : c.s + (s || 0) + o * c.c, c.c = i - c.s, h.e && (h.e = Q(i) + ht(h.e)), h.b && (h.b = c.s + ht(h.b));
 }, Ch = function(t, n) {
   var i = t[0] ? De(t[0]).harness : 0, s = i && i.aliases, r, o, a, l;
   if (!s)
@@ -1075,7 +1075,7 @@ var Ph = function(t, n, i, s, r, o, a) {
         e: r
       });
 }, vn = function(t, n, i, s, r) {
-  return H(t) ? t.call(n, i, s, r) : st(t) && ~t.indexOf("random(") ? An(t) : t;
+  return Z(t) ? t.call(n, i, s, r) : st(t) && ~t.indexOf("random(") ? An(t) : t;
 }, Sl = tr + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase,autoRevert", Pl = {};
 wt(Sl + ",id,stagger,delay,duration,paused,scrollTrigger", function(e) {
   return Pl[e] = 1;
@@ -1230,7 +1230,7 @@ var rr = function(t, n, i) {
 }, kh = function(t, n, i) {
   return t.setAttribute(n, i);
 }, or = function(t, n) {
-  return H(t[n]) ? Al : Xs(t[n]) && t.setAttribute ? kh : rr;
+  return Z(t[n]) ? Al : Xs(t[n]) && t.setAttribute ? kh : rr;
 }, Ml = function(t, n) {
   return n.set(n.t, n.p, Math.round((n.s + n.c * t) * 1e6) / 1e6, n);
 }, Vh = function(t, n) {
@@ -1310,12 +1310,12 @@ var Ve = [], Qn = {}, Nh = [], io = 0, Ih = 0, Li = function(t) {
   }
   var t = e.prototype;
   return t.add = function(i, s, r) {
-    H(i) && (r = s, s = i, i = H);
+    Z(i) && (r = s, s = i, i = Z);
     var o = this, a = function() {
       var u = U, c = o.selector, h;
-      return u && u !== o && u.data.push(o), r && (o.selector = us(r)), U = o, h = s.apply(o, arguments), H(h) && o._r.push(h), U = u, o.selector = c, o.isReverted = !1, h;
+      return u && u !== o && u.data.push(o), r && (o.selector = us(r)), U = o, h = s.apply(o, arguments), Z(h) && o._r.push(h), U = u, o.selector = c, o.isReverted = !1, h;
     };
-    return o.last = a, i === H ? a(o, function(l) {
+    return o.last = a, i === Z ? a(o, function(l) {
       return o.add(null, l);
     }) : i ? o[i] = a : a;
   }, t.ignore = function(i) {
@@ -1748,15 +1748,15 @@ var so, ue, Ge, lr, Ae, ro, ur, jh = function() {
   if (s === o || !r || co[s] || co[o])
     return r;
   if (o !== "px" && !f && (r = e(t, n, i, "px")), g = t.getCTM && Il(t), (d || o === "%") && (ie[n] || ~n.indexOf("adius")))
-    return m = g ? t.getBBox()[l ? "width" : "height"] : t[c], Z(d ? r / m * h : r / 100 * m);
+    return m = g ? t.getBBox()[l ? "width" : "height"] : t[c], Q(d ? r / m * h : r / 100 * m);
   if (a[l ? "width" : "height"] = h + (f ? o : s), p = s !== "rem" && ~n.indexOf("adius") || s === "em" && t.appendChild && !u ? t : t.parentNode, g && (p = (t.ownerSVGElement || {}).parentNode), (!p || p === ue || !p.appendChild) && (p = ue.body), y = p._gsap, y && d && y.width && l && y.time === Ct.time && !y.uncache)
-    return Z(r / y.width * h);
+    return Q(r / y.width * h);
   if (d && (n === "height" || n === "width")) {
     var x = t.style[n];
     t.style[n] = h + s, m = t[c], x ? t.style[n] = x : me(t, n);
   } else
     (d || o === "%") && !nf[Et(p, "display")] && (a.position = Et(t, "position")), p === t && (a.position = "static"), p.appendChild(Ae), m = Ae[c], p.removeChild(Ae), a.position = "absolute";
-  return l && d && (y = De(p), y.time = Ct.time, y.width = p[c]), Z(f ? m * r / h : m && r ? h / m * r : 0);
+  return l && d && (y = De(p), y.time = Ct.time, y.width = p[c]), Q(f ? m * r / h : m && r ? h / m * r : 0);
 }, Jt = function(t, n, i, s) {
   var r;
   return lr || ms(), n in Kt && n !== "transform" && (n = Kt[n], ~n.indexOf(",") && (n = n.split(",")[0])), ie[n] && n !== "transform" ? (r = En(t, s), r = n !== "transformOrigin" ? r[n] : r.svg ? r.origin : hi(Et(t, bt)) + " " + r.zOrigin + "px") : (r = t.style[n], (!r || r === "auto" || s || ~(r + "").indexOf("calc(")) && (r = ci[n] && ci[n](t, n, i) || Et(t, n) || Ja(t, n) || (n === "opacity" ? 1 : 0))), i && !~(r + "").trim().indexOf(" ") ? ge(t, n, r, i) + i : r;
@@ -1873,7 +1873,7 @@ var so, ue, Ge, lr, Ae, ro, ur, jh = function() {
   return t === "matrix(1, 0, 0, 1, 0, 0)" || t === "none" || !t;
 }, fo = function(t) {
   var n = Et(t, Y);
-  return Bl(n) ? Dn : n.substr(7).match(Ya).map(Z);
+  return Bl(n) ? Dn : n.substr(7).match(Ya).map(Q);
 }, hr = function(t, n) {
   var i = t._gsap || De(t), s = t.style, r = fo(t), o, a, l, u;
   return i.svg && t.getAttribute("transform") ? (l = t.transform.baseVal.consolidate().matrix, r = [l.a, l.b, l.c, l.d, l.e, l.f], r.join(",") === "1,0,0,1,0,0" ? Dn : r) : (r === Dn && !t.offsetParent && t !== Ge && !i.svg && (l = s.display, s.display = "block", o = t.parentNode, (!o || !t.offsetParent && !t.getBoundingClientRect().width) && (u = 1, a = t.nextElementSibling, Ge.appendChild(t)), r = fo(t), l ? s.display = l : me(t, "display"), u && (a ? o.insertBefore(t, a) : o ? o.appendChild(t) : Ge.removeChild(t))), n && r.length > 6 ? [r[0], r[1], r[4], r[5], r[12], r[13]] : r);
@@ -1885,12 +1885,12 @@ var so, ue, Ge, lr, Ae, ro, ur, jh = function() {
   if ("x" in i && !n && !i.uncache)
     return i;
   var s = t.style, r = i.scaleX < 0, o = "px", a = "deg", l = getComputedStyle(t), u = Et(t, bt) || "0", c, h, f, d, m, p, y, g, x, v, w, _, T, S, b, P, C, k, A, M, R, E, O, V, N, X, rt, j, ut, zt, it, oe;
-  return c = h = f = p = y = g = x = v = w = 0, d = m = 1, i.svg = !!(t.getCTM && Il(t)), l.translate && ((l.translate !== "none" || l.scale !== "none" || l.rotate !== "none") && (s[Y] = (l.translate !== "none" ? "translate3d(" + (l.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (l.rotate !== "none" ? "rotate(" + l.rotate + ") " : "") + (l.scale !== "none" ? "scale(" + l.scale.split(" ").join(",") + ") " : "") + (l[Y] !== "none" ? l[Y] : "")), s.scale = s.rotate = s.translate = "none"), S = hr(t, i.svg), i.svg && (i.uncache ? (N = t.getBBox(), u = i.xOrigin - N.x + "px " + (i.yOrigin - N.y) + "px", V = "") : V = !n && t.getAttribute("data-svg-origin"), gs(t, V || u, !!V || i.originIsAbsolute, i.smooth !== !1, S)), _ = i.xOrigin || 0, T = i.yOrigin || 0, S !== Dn && (k = S[0], A = S[1], M = S[2], R = S[3], c = E = S[4], h = O = S[5], S.length === 6 ? (d = Math.sqrt(k * k + A * A), m = Math.sqrt(R * R + M * M), p = k || A ? Ne(A, k) * Se : 0, x = M || R ? Ne(M, R) * Se + p : 0, x && (m *= Math.abs(Math.cos(x * Ke))), i.svg && (c -= _ - (_ * k + T * M), h -= T - (_ * A + T * R))) : (oe = S[6], zt = S[7], rt = S[8], j = S[9], ut = S[10], it = S[11], c = S[12], h = S[13], f = S[14], b = Ne(oe, ut), y = b * Se, b && (P = Math.cos(-b), C = Math.sin(-b), V = E * P + rt * C, N = O * P + j * C, X = oe * P + ut * C, rt = E * -C + rt * P, j = O * -C + j * P, ut = oe * -C + ut * P, it = zt * -C + it * P, E = V, O = N, oe = X), b = Ne(-M, ut), g = b * Se, b && (P = Math.cos(-b), C = Math.sin(-b), V = k * P - rt * C, N = A * P - j * C, X = M * P - ut * C, it = R * C + it * P, k = V, A = N, M = X), b = Ne(A, k), p = b * Se, b && (P = Math.cos(b), C = Math.sin(b), V = k * P + A * C, N = E * P + O * C, A = A * P - k * C, O = O * P - E * C, k = V, E = N), y && Math.abs(y) + Math.abs(p) > 359.9 && (y = p = 0, g = 180 - g), d = Z(Math.sqrt(k * k + A * A + M * M)), m = Z(Math.sqrt(O * O + oe * oe)), b = Ne(E, O), x = Math.abs(b) > 2e-4 ? b * Se : 0, w = it ? 1 / (it < 0 ? -it : it) : 0), i.svg && (V = t.getAttribute("transform"), i.forceCSS = t.setAttribute("transform", "") || !Bl(Et(t, Y)), V && t.setAttribute("transform", V))), Math.abs(x) > 90 && Math.abs(x) < 270 && (r ? (d *= -1, x += p <= 0 ? 180 : -180, p += p <= 0 ? 180 : -180) : (m *= -1, x += x <= 0 ? 180 : -180)), n = n || i.uncache, i.x = c - ((i.xPercent = c && (!n && i.xPercent || (Math.round(t.offsetWidth / 2) === Math.round(-c) ? -50 : 0))) ? t.offsetWidth * i.xPercent / 100 : 0) + o, i.y = h - ((i.yPercent = h && (!n && i.yPercent || (Math.round(t.offsetHeight / 2) === Math.round(-h) ? -50 : 0))) ? t.offsetHeight * i.yPercent / 100 : 0) + o, i.z = f + o, i.scaleX = Z(d), i.scaleY = Z(m), i.rotation = Z(p) + a, i.rotationX = Z(y) + a, i.rotationY = Z(g) + a, i.skewX = x + a, i.skewY = v + a, i.transformPerspective = w + o, (i.zOrigin = parseFloat(u.split(" ")[2]) || !n && i.zOrigin || 0) && (s[bt] = hi(u)), i.xOffset = i.yOffset = 0, i.force3D = kt.force3D, i.renderTransform = i.svg ? lf : Ll ? zl : af, i.uncache = 0, i;
+  return c = h = f = p = y = g = x = v = w = 0, d = m = 1, i.svg = !!(t.getCTM && Il(t)), l.translate && ((l.translate !== "none" || l.scale !== "none" || l.rotate !== "none") && (s[Y] = (l.translate !== "none" ? "translate3d(" + (l.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (l.rotate !== "none" ? "rotate(" + l.rotate + ") " : "") + (l.scale !== "none" ? "scale(" + l.scale.split(" ").join(",") + ") " : "") + (l[Y] !== "none" ? l[Y] : "")), s.scale = s.rotate = s.translate = "none"), S = hr(t, i.svg), i.svg && (i.uncache ? (N = t.getBBox(), u = i.xOrigin - N.x + "px " + (i.yOrigin - N.y) + "px", V = "") : V = !n && t.getAttribute("data-svg-origin"), gs(t, V || u, !!V || i.originIsAbsolute, i.smooth !== !1, S)), _ = i.xOrigin || 0, T = i.yOrigin || 0, S !== Dn && (k = S[0], A = S[1], M = S[2], R = S[3], c = E = S[4], h = O = S[5], S.length === 6 ? (d = Math.sqrt(k * k + A * A), m = Math.sqrt(R * R + M * M), p = k || A ? Ne(A, k) * Se : 0, x = M || R ? Ne(M, R) * Se + p : 0, x && (m *= Math.abs(Math.cos(x * Ke))), i.svg && (c -= _ - (_ * k + T * M), h -= T - (_ * A + T * R))) : (oe = S[6], zt = S[7], rt = S[8], j = S[9], ut = S[10], it = S[11], c = S[12], h = S[13], f = S[14], b = Ne(oe, ut), y = b * Se, b && (P = Math.cos(-b), C = Math.sin(-b), V = E * P + rt * C, N = O * P + j * C, X = oe * P + ut * C, rt = E * -C + rt * P, j = O * -C + j * P, ut = oe * -C + ut * P, it = zt * -C + it * P, E = V, O = N, oe = X), b = Ne(-M, ut), g = b * Se, b && (P = Math.cos(-b), C = Math.sin(-b), V = k * P - rt * C, N = A * P - j * C, X = M * P - ut * C, it = R * C + it * P, k = V, A = N, M = X), b = Ne(A, k), p = b * Se, b && (P = Math.cos(b), C = Math.sin(b), V = k * P + A * C, N = E * P + O * C, A = A * P - k * C, O = O * P - E * C, k = V, E = N), y && Math.abs(y) + Math.abs(p) > 359.9 && (y = p = 0, g = 180 - g), d = Q(Math.sqrt(k * k + A * A + M * M)), m = Q(Math.sqrt(O * O + oe * oe)), b = Ne(E, O), x = Math.abs(b) > 2e-4 ? b * Se : 0, w = it ? 1 / (it < 0 ? -it : it) : 0), i.svg && (V = t.getAttribute("transform"), i.forceCSS = t.setAttribute("transform", "") || !Bl(Et(t, Y)), V && t.setAttribute("transform", V))), Math.abs(x) > 90 && Math.abs(x) < 270 && (r ? (d *= -1, x += p <= 0 ? 180 : -180, p += p <= 0 ? 180 : -180) : (m *= -1, x += x <= 0 ? 180 : -180)), n = n || i.uncache, i.x = c - ((i.xPercent = c && (!n && i.xPercent || (Math.round(t.offsetWidth / 2) === Math.round(-c) ? -50 : 0))) ? t.offsetWidth * i.xPercent / 100 : 0) + o, i.y = h - ((i.yPercent = h && (!n && i.yPercent || (Math.round(t.offsetHeight / 2) === Math.round(-h) ? -50 : 0))) ? t.offsetHeight * i.yPercent / 100 : 0) + o, i.z = f + o, i.scaleX = Q(d), i.scaleY = Q(m), i.rotation = Q(p) + a, i.rotationX = Q(y) + a, i.rotationY = Q(g) + a, i.skewX = x + a, i.skewY = v + a, i.transformPerspective = w + o, (i.zOrigin = parseFloat(u.split(" ")[2]) || !n && i.zOrigin || 0) && (s[bt] = hi(u)), i.xOffset = i.yOffset = 0, i.force3D = kt.force3D, i.renderTransform = i.svg ? lf : Ll ? zl : af, i.uncache = 0, i;
 }, hi = function(t) {
   return (t = t.split(" "))[0] + " " + t[1];
 }, Ii = function(t, n, i) {
   var s = ht(n);
-  return Z(parseFloat(n) + parseFloat(ge(t, "x", i + "px", s))) + s;
+  return Q(parseFloat(n) + parseFloat(ge(t, "x", i + "px", s))) + s;
 }, af = function(t, n) {
   n.z = "0px", n.rotationY = n.rotationX = "0deg", n.force3D = 0, zl(t, n);
 }, we = "0deg", ln = "0px", Te = ") ", zl = function(t, n) {
@@ -1902,7 +1902,7 @@ var so, ue, Ge, lr, Ae, ro, ur, jh = function() {
   y !== ln && (w += "perspective(" + y + Te), (s || r) && (w += "translate(" + s + "%, " + r + "%) "), (_ || o !== ln || a !== ln || l !== ln) && (w += l !== ln || _ ? "translate3d(" + o + ", " + a + ", " + l + ") " : "translate(" + o + ", " + a + Te), u !== we && (w += "rotate(" + u + Te), c !== we && (w += "rotateY(" + c + Te), h !== we && (w += "rotateX(" + h + Te), (f !== we || d !== we) && (w += "skew(" + f + ", " + d + Te), (m !== 1 || p !== 1) && (w += "scale(" + m + ", " + p + Te), x.style[Y] = w || "translate(0, 0)";
 }, lf = function(t, n) {
   var i = n || this, s = i.xPercent, r = i.yPercent, o = i.x, a = i.y, l = i.rotation, u = i.skewX, c = i.skewY, h = i.scaleX, f = i.scaleY, d = i.target, m = i.xOrigin, p = i.yOrigin, y = i.xOffset, g = i.yOffset, x = i.forceCSS, v = parseFloat(o), w = parseFloat(a), _, T, S, b, P;
-  l = parseFloat(l), u = parseFloat(u), c = parseFloat(c), c && (c = parseFloat(c), u += c, l += c), l || u ? (l *= Ke, u *= Ke, _ = Math.cos(l) * h, T = Math.sin(l) * h, S = Math.sin(l - u) * -f, b = Math.cos(l - u) * f, u && (c *= Ke, P = Math.tan(u - c), P = Math.sqrt(1 + P * P), S *= P, b *= P, c && (P = Math.tan(c), P = Math.sqrt(1 + P * P), _ *= P, T *= P)), _ = Z(_), T = Z(T), S = Z(S), b = Z(b)) : (_ = h, b = f, T = S = 0), (v && !~(o + "").indexOf("px") || w && !~(a + "").indexOf("px")) && (v = ge(d, "x", o, "px"), w = ge(d, "y", a, "px")), (m || p || y || g) && (v = Z(v + m - (m * _ + p * S) + y), w = Z(w + p - (m * T + p * b) + g)), (s || r) && (P = d.getBBox(), v = Z(v + s / 100 * P.width), w = Z(w + r / 100 * P.height)), P = "matrix(" + _ + "," + T + "," + S + "," + b + "," + v + "," + w + ")", d.setAttribute("transform", P), x && (d.style[Y] = P);
+  l = parseFloat(l), u = parseFloat(u), c = parseFloat(c), c && (c = parseFloat(c), u += c, l += c), l || u ? (l *= Ke, u *= Ke, _ = Math.cos(l) * h, T = Math.sin(l) * h, S = Math.sin(l - u) * -f, b = Math.cos(l - u) * f, u && (c *= Ke, P = Math.tan(u - c), P = Math.sqrt(1 + P * P), S *= P, b *= P, c && (P = Math.tan(c), P = Math.sqrt(1 + P * P), _ *= P, T *= P)), _ = Q(_), T = Q(T), S = Q(S), b = Q(b)) : (_ = h, b = f, T = S = 0), (v && !~(o + "").indexOf("px") || w && !~(a + "").indexOf("px")) && (v = ge(d, "x", o, "px"), w = ge(d, "y", a, "px")), (m || p || y || g) && (v = Q(v + m - (m * _ + p * S) + y), w = Q(w + p - (m * T + p * b) + g)), (s || r) && (P = d.getBBox(), v = Q(v + s / 100 * P.width), w = Q(w + r / 100 * P.height)), P = "matrix(" + _ + "," + T + "," + S + "," + b + "," + v + "," + w + ")", d.setAttribute("transform", P), x && (d.style[Y] = P);
 }, uf = function(t, n, i, s, r) {
   var o = 360, a = st(r), l = parseFloat(r) * (a && ~r.indexOf("rad") ? Se : 1), u = l - s, c = s + u + "deg", h, f;
   return a && (h = r.split("_")[1], h === "short" && (u %= o, u !== u % (o / 2) && (u += u < 0 ? o : -o)), h === "cw" && u < 0 ? u = (u + o * oo) % o - ~~(u / o) * o : h === "ccw" && u > 0 && (u = (u - o * oo) % o - ~~(u / o) * o)), t._pt = f = new Tt(t._pt, n, i, s, u, Wh), f.e = c, f.u = "deg", t._props.push(i), f;
@@ -2979,7 +2979,7 @@ function Md() {
   }, c;
 }
 const Cd = (e) => {
-  const { nodes: t, links: n } = e, i = Q(null);
+  const { nodes: t, links: n } = e, i = J(null);
   return Fn(() => {
     const s = Ad(t).numDimensions(3).force("charge", Md().strength(-250).distanceMax(300)).force("link", hd(n).id((r) => r.id).distance(40).strength(0.5)).force("cluster", (r) => {
       t.forEach((o) => {
@@ -2994,7 +2994,7 @@ const Cd = (e) => {
       s.stop();
     };
   }, [t, n]), i;
-}, Dd = { network_node_count: 4e3, network_spread: 1500, connection_distance: 300, grab_distance: 300, camera_max_distance: 1200, initial_camera_position: [400, 0, 400], detail_view_distance: 60, colors: { grab_line: "#012056", network_node: "#BDC3C7", network_line: "#BDC3C7", click_active: "#E47600" } }, Ed = { bounce: { enabled: !0, boundary_radius: 4e3, rebound_factor: -0.01, dampening: 0.99 }, click: { camera_duration: 1.5, camera_ease: "power3.inOut" }, highlight: { scale_hover: 1.5, scale_selected: 1.5, transition_duration: 0.3 } }, kd = { enableZoom: !1, enablePan: !1, enableRotate: !0, minPolarAngle: 0, maxPolarAngle: 3.14159, minAzimuthAngle: "Infinity", maxAzimuthAngle: "Infinity" }, J = {
+}, Dd = { network_node_count: 4e3, network_spread: 1500, connection_distance: 300, grab_distance: 300, camera_max_distance: 1200, initial_camera_position: [400, 0, 400], detail_view_distance: 60, colors: { grab_line: "#012056", network_node: "#BDC3C7", network_line: "#BDC3C7", click_active: "#E47600", background: "#FFFBF4" } }, Ed = { bounce: { enabled: !0, boundary_radius: 4e3, rebound_factor: -0.01, dampening: 0.99 }, click: { camera_duration: 1.5, camera_ease: "power3.inOut" }, highlight: { scale_hover: 1.5, scale_selected: 1.5, transition_duration: 0.3 } }, kd = { enableZoom: !0, enablePan: !1, enableRotate: !0, minPolarAngle: 0, maxPolarAngle: 3.14159, minAzimuthAngle: "Infinity", maxAzimuthAngle: "Infinity" }, H = {
   graph: Dd,
   animation: Ed,
   controls: kd
@@ -3034,7 +3034,7 @@ const Cd = (e) => {
       const E = A.get(R.source), O = A.get(R.target);
       E !== void 0 && O !== void 0 && M.push(E, O);
     }), M;
-  }, [h, c]), g = Q(null), x = Q(null), v = Q(null), w = Q(null), _ = vt(() => new Zt.Object3D(), []), T = Q(!1), S = Q(0), b = Q(null);
+  }, [h, c]), g = J(null), x = J(null), v = J(null), w = J(null), _ = vt(() => new Zt.Object3D(), []), T = J(!1), S = J(0), b = J(null);
   Fn(() => {
     const A = () => {
       T.current = !0;
@@ -3047,7 +3047,7 @@ const Cd = (e) => {
   }, []), Ua(() => {
     if (g.current) {
       l.setFromCamera(a, r);
-      const A = l.ray.origin, M = l.ray.direction, R = new Zt.Vector3().copy(A).add(M.clone().multiplyScalar(800)), E = J.graph.grab_distance * J.graph.grab_distance, O = [];
+      const A = l.ray.origin, M = l.ray.direction, R = new Zt.Vector3().copy(A).add(M.clone().multiplyScalar(800)), E = H.graph.grab_distance * H.graph.grab_distance, O = [];
       for (let j = 0; j < d; j++) {
         let ut = m[j * 3], zt = m[j * 3 + 1], it = m[j * 3 + 2];
         ut += p[j * 3], zt += p[j * 3 + 1], it += p[j * 3 + 2], ut * ut + zt * zt + it * it > 4e3 * 4e3 && (p[j * 3] += ut * -0.01 * 1e-3, p[j * 3 + 1] += zt * -0.01 * 1e-3, p[j * 3 + 2] += it * -0.01 * 1e-3);
@@ -3057,7 +3057,7 @@ const Cd = (e) => {
       g.current.instanceMatrix.needsUpdate = !0, v.current && (v.current.setAttribute("position", new Zt.Float32BufferAttribute(O, 3)), v.current.setDrawRange(0, O.length / 3));
       const V = T.current ? 1 : 0;
       S.current += (V - S.current) * 0.1;
-      const N = new Zt.Color(J.graph.colors.network_node), X = new Zt.Color(J.graph.colors.click_active), rt = N.clone().lerp(X, S.current);
+      const N = new Zt.Color(H.graph.colors.network_node), X = new Zt.Color(H.graph.colors.click_active), rt = N.clone().lerp(X, S.current);
       g.current.material && g.current.material.color.copy(rt), b.current && b.current.color.copy(rt);
     }
     if (x.current) {
@@ -3105,7 +3105,7 @@ const Cd = (e) => {
     ] }),
     /* @__PURE__ */ Mt("lineSegments", { children: [
       /* @__PURE__ */ L("bufferGeometry", { ref: v }),
-      /* @__PURE__ */ L("lineBasicMaterial", { color: J.graph.colors.grab_line, transparent: !0, opacity: 0.3, depthWrite: !1, linewidth: 1 })
+      /* @__PURE__ */ L("lineBasicMaterial", { color: H.graph.colors.grab_line, transparent: !0, opacity: 0.3, depthWrite: !1, linewidth: 1 })
     ] }),
     /* @__PURE__ */ Mt("lineSegments", { children: [
       /* @__PURE__ */ L("bufferGeometry", { ref: w }),
@@ -3125,11 +3125,11 @@ const Cd = (e) => {
     ))
   ] });
 }, Rd = ({ node: e, selected: t, hovered: n, dimmed: i, onClick: s, onHover: r }) => {
-  const o = Q(null), a = $l[e.cluster], l = a ? a.color : "#6e6e6e";
+  const o = J(null), a = $l[e.cluster], l = a ? a.color : "#6e6e6e";
   Ua(() => {
     o.current && typeof e.x == "number" && !isNaN(e.x) && o.current.position.set(e.x, e.y, e.z);
   });
-  const u = e.size || 8, c = n ? u * J.animation.highlight.scale_hover : t ? u * J.animation.highlight.scale_selected : u;
+  const u = e.size || 8, c = n ? u * H.animation.highlight.scale_hover : t ? u * H.animation.highlight.scale_selected : u;
   return /* @__PURE__ */ L("group", { ref: o, children: /* @__PURE__ */ L(
     Uc,
     {
@@ -3153,7 +3153,7 @@ const Cd = (e) => {
           style: {
             width: `${c}px`,
             height: `${c}px`,
-            transitionDuration: `${J.animation.highlight.transition_duration}s`
+            transitionDuration: `${H.animation.highlight.transition_duration}s`
           },
           children: [
             /* @__PURE__ */ L(
@@ -3161,7 +3161,7 @@ const Cd = (e) => {
               {
                 className: "w-full h-full rounded-full transition-all",
                 style: {
-                  transitionDuration: `${J.animation.highlight.transition_duration}s`,
+                  transitionDuration: `${H.animation.highlight.transition_duration}s`,
                   backgroundColor: l,
                   boxShadow: n || t ? `0 0 0 4px rgba(0,0,0,0.1), 0 0 10px ${l}` : "none"
                 }
@@ -3229,20 +3229,21 @@ const Cd = (e) => {
         far: 2e3
       }
     ),
-    /* @__PURE__ */ L("fog", { attach: "fog", args: ["#F8F4F1", 400, 1600] }),
+    /* @__PURE__ */ L("color", { attach: "background", args: [H.graph.colors.background] }),
+    /* @__PURE__ */ L("fog", { attach: "fog", args: [H.graph.colors.background, 400, 1600] }),
     /* @__PURE__ */ L(
       Gc,
       {
         ref: a,
-        enablePan: J.controls.enablePan,
-        enableZoom: J.controls.enableZoom,
-        enableRotate: J.controls.enableRotate,
-        maxDistance: J.graph.camera_max_distance,
-        minDistance: J.graph.detail_view_distance,
-        minPolarAngle: J.controls.minPolarAngle,
-        maxPolarAngle: J.controls.maxPolarAngle,
-        minAzimuthAngle: J.controls.minAzimuthAngle === "Infinity" ? -1 / 0 : Number(J.controls.minAzimuthAngle),
-        maxAzimuthAngle: J.controls.maxAzimuthAngle === "Infinity" ? 1 / 0 : Number(J.controls.maxAzimuthAngle),
+        enablePan: H.controls.enablePan,
+        enableZoom: H.controls.enableZoom,
+        enableRotate: H.controls.enableRotate,
+        maxDistance: H.graph.camera_max_distance,
+        minDistance: H.graph.detail_view_distance,
+        minPolarAngle: H.controls.minPolarAngle,
+        maxPolarAngle: H.controls.maxPolarAngle,
+        minAzimuthAngle: H.controls.minAzimuthAngle === "Infinity" ? -1 / 0 : Number(H.controls.minAzimuthAngle),
+        maxAzimuthAngle: H.controls.maxAzimuthAngle === "Infinity" ? 1 / 0 : Number(H.controls.maxAzimuthAngle),
         zoomSpeed: 0.6,
         panSpeed: 0.5,
         rotateSpeed: 0.5,
@@ -3265,7 +3266,7 @@ const Cd = (e) => {
   ] }) });
 }), mr = nn({});
 function gr(e) {
-  const t = Q(null);
+  const t = J(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const tu = typeof window < "u", eu = tu ? Ic : Fn, Ai = /* @__PURE__ */ nn(null);
@@ -7028,7 +7029,7 @@ class l0 extends wi.Component {
 }
 function u0({ children: e, isPresent: t, anchorX: n, anchorY: i, root: s }) {
   var h;
-  const r = Gs(), o = Q(null), a = Q({
+  const r = Gs(), o = J(null), a = J({
     width: 0,
     height: 0,
     top: 0,
@@ -7103,7 +7104,7 @@ function Ma(e) {
   }), t;
 }
 const f0 = ({ children: e, custom: t, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: r = "sync", propagate: o = !1, anchorX: a = "left", anchorY: l = "top", root: u }) => {
-  const [c, h] = Tc(o), f = vt(() => Ma(e), [e]), d = o && !c ? [] : f.map(qn), m = Q(!0), p = Q(f), y = gr(() => /* @__PURE__ */ new Map()), g = Q(/* @__PURE__ */ new Set()), [x, v] = ns(f), [w, _] = ns(f);
+  const [c, h] = Tc(o), f = vt(() => Ma(e), [e]), d = o && !c ? [] : f.map(qn), m = J(!0), p = J(f), y = gr(() => /* @__PURE__ */ new Map()), g = J(/* @__PURE__ */ new Set()), [x, v] = ns(f), [w, _] = ns(f);
   eu(() => {
     m.current = !1, p.current = f;
     for (let b = 0; b < w.length; b++) {
@@ -7392,11 +7393,11 @@ const Cc = (e) => (t, n) => {
   createRenderState: Mc
 }), E0 = Symbol.for("motionComponentSymbol");
 function k0(e, t, n) {
-  const i = Q(n);
+  const i = J(n);
   Ks(() => {
     i.current = n;
   });
-  const s = Q(null);
+  const s = J(null);
   return Ws((r) => {
     var a;
     r && ((a = e.onMount) == null || a.call(e, r)), t && (r ? t.mount(r) : t.unmount());
@@ -7415,7 +7416,7 @@ function gn(e) {
 }
 function V0(e, t, n, i, s, r) {
   var v, w;
-  const { visualElement: o } = ct(Di), a = ct(bc), l = ct(Ai), u = ct(Wr), c = u.reducedMotion, h = u.skipAnimations, f = Q(null), d = Q(!1);
+  const { visualElement: o } = ct(Di), a = ct(bc), l = ct(Ai), u = ct(Wr), c = u.reducedMotion, h = u.skipAnimations, f = J(null), d = J(!1);
   i = i || a.renderer, !f.current && i && (f.current = i(e, {
     visualState: t,
     parent: o,
@@ -7428,11 +7429,11 @@ function V0(e, t, n, i, s, r) {
   }), d.current && f.current && (f.current.manuallyAnimateOnMount = !0));
   const m = f.current, p = ct(Dc);
   m && !m.projection && s && (m.type === "html" || m.type === "svg") && R0(f.current, n, s, p);
-  const y = Q(!1);
+  const y = J(!1);
   Ks(() => {
     m && y.current && m.update(n, l);
   });
-  const g = n[Fu], x = Q(!!g && !((v = window.MotionHandoffIsComplete) != null && v.call(window, g)) && ((w = window.MotionHasOptimisedAnimation) == null ? void 0 : w.call(window, g)));
+  const g = n[Fu], x = J(!!g && !((v = window.MotionHandoffIsComplete) != null && v.call(window, g)) && ((w = window.MotionHasOptimisedAnimation) == null ? void 0 : w.call(window, g)));
   return eu(() => {
     d.current = !0, m && (y.current = !0, window.MotionIsMounted = !0, m.updateFeatures(), m.scheduleRenderMicrotask(), x.current && m.animationState && m.animationState.animateChanges());
   }), Fn(() => {
@@ -8429,8 +8430,9 @@ const Ay = [
   }
 ) }) });
 export {
+  $t as ClusterId,
   Vd as GalaxyGraph,
   Oy as GraphScene,
   Ny as OverlayUI,
-  J as defaultConfig
+  H as defaultConfig
 };