@tomorrowevening/hermes 0.0.69 → 0.0.71

package/dist/hermes.es.js

@@ -1,7 +1,7 @@
-import { EventDispatcher as pn, Texture as gn, CubeTexture as Yn, RepeatWrapping as qt, WebGLRenderTarget as Hn, Color as $t, FrontSide as Vn, BackSide as vn, DoubleSide as bn, NoBlending as qn, NormalBlending as Kn, AdditiveBlending as Xn, SubtractiveBlending as Zn, MultiplyBlending as Jn, CustomBlending as Qn, AddEquation as ea, SubtractEquation as ta, ReverseSubtractEquation as na, MinEquation as aa, MaxEquation as ia, ZeroFactor as yn, OneFactor as En, SrcColorFactor as xn, OneMinusSrcColorFactor as Sn, SrcAlphaFactor as Cn, OneMinusSrcAlphaFactor as wn, DstAlphaFactor as Mn, OneMinusDstAlphaFactor as On, DstColorFactor as Tn, OneMinusDstColorFactor as Rn, SrcAlphaSaturateFactor as ra, ConstantColorFactor as _n, OneMinusConstantColorFactor as kn, ConstantAlphaFactor as Dn, OneMinusConstantAlphaFactor as Pn, Matrix4 as sa, Vector3 as J, Euler as oa, Line as ca, BufferGeometry as Kt, Float32BufferAttribute as Xt, LineBasicMaterial as la, Mesh as An, MeshBasicMaterial as jn, Ray as ua, Plane as da, MathUtils as ha, MOUSE as nt, TOUCH as at, Quaternion as Zt, Spherical as Jt, Vector2 as me, ShaderMaterial as In, GLSL3 as fa, PlaneGeometry as ma, Scene as pa, Group as ga, AxesHelper as Qt, MeshDepthMaterial as va, MeshNormalMaterial as ba, WebGLRenderer as ya, PerspectiveCamera as At, Raycaster as Ea, OrthographicCamera as en, CameraHelper as xa, SpotLightHelper as Sa, PointLightHelper as Ca, HemisphereLightHelper as wa, DirectionalLightHelper as Ma } from "three";
+import { EventDispatcher as pn, Texture as gn, CubeTexture as Hn, RepeatWrapping as qt, WebGLRenderTarget as Yn, Color as $t, FrontSide as Vn, BackSide as vn, DoubleSide as bn, NoBlending as qn, NormalBlending as Kn, AdditiveBlending as Xn, SubtractiveBlending as Zn, MultiplyBlending as Jn, CustomBlending as Qn, AddEquation as ea, SubtractEquation as ta, ReverseSubtractEquation as na, MinEquation as aa, MaxEquation as ia, ZeroFactor as yn, OneFactor as En, SrcColorFactor as xn, OneMinusSrcColorFactor as Sn, SrcAlphaFactor as Cn, OneMinusSrcAlphaFactor as wn, DstAlphaFactor as Mn, OneMinusDstAlphaFactor as On, DstColorFactor as Tn, OneMinusDstColorFactor as Rn, SrcAlphaSaturateFactor as ra, ConstantColorFactor as _n, OneMinusConstantColorFactor as kn, ConstantAlphaFactor as Dn, OneMinusConstantAlphaFactor as Pn, Matrix4 as sa, Vector3 as J, Euler as oa, Line as ca, BufferGeometry as Kt, Float32BufferAttribute as Xt, LineBasicMaterial as la, Mesh as An, MeshBasicMaterial as jn, Ray as ua, Plane as da, MathUtils as ha, MOUSE as nt, TOUCH as at, Quaternion as Zt, Spherical as Jt, Vector2 as me, ShaderMaterial as In, GLSL3 as fa, PlaneGeometry as ma, Scene as pa, Group as ga, AxesHelper as Qt, MeshDepthMaterial as va, MeshNormalMaterial as ba, WebGLRenderer as ya, PerspectiveCamera as At, Raycaster as Ea, OrthographicCamera as en, CameraHelper as xa, SpotLightHelper as Sa, PointLightHelper as Ca, HemisphereLightHelper as wa, DirectionalLightHelper as Ma } from "three";
 import { Pane as Oa } from "tweakpane";
 import * as Ta from "@tweakpane/plugin-essentials";
-import Nn, { useState as Y, useRef as H, useEffect as Re, useMemo as se, forwardRef as Ra } from "react";
+import Nn, { useState as H, useRef as Y, useEffect as Re, useMemo as se, forwardRef as Ra } from "react";
 import { Reorder as Ln } from "framer-motion";
 const zt = () => {
 }, Di = () => {
@@ -44,7 +44,7 @@ const rn = () => {
 }, Bt = (e) => {
   if (!e)
     return;
-  let n = e.name.replace(" ", "");
+  let n = e.name.replaceAll(" ", "").replaceAll("/", ".");
   n.length === 0 && (n = `obj_${Lt}`, Lt++), e.parent !== null && e.parent.uuid.length > 0 && (n = `${e.parent.uuid}.${n}`), e.uuid = n, e.children.forEach((a) => {
     Bt(a);
   });
@@ -267,8 +267,8 @@ class Gt extends Rt {
           }
         });
       }
-      const p = this.sheetObjectCBs.get(h);
-      p !== void 0 && p(m);
+      const v = this.sheetObjectCBs.get(h);
+      v !== void 0 && v(m);
     });
     return this.sheetObjectUnsubscribe.set(h, f), u;
   }
@@ -476,7 +476,7 @@ function it(e) {
                 repeat: [i.repeat.x, i.repeat.y]
               };
             } else
-              i instanceof Yn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = {
+              i instanceof Hn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = {
                 src: "",
                 offset: [i.offset.x, i.offset.y],
                 repeat: [i.repeat.x, i.repeat.y]
@@ -597,6 +597,10 @@ function La(e, n) {
     e[a] = n[a];
 }
 function ee(e, n, a) {
+  if (e === void 0) {
+    console.log(`Hermes - Can't set props: ${n}`, a);
+    return;
+  }
   const t = n.split("."), i = t.length;
   if (typeof a != "object")
     switch (i) {
@@ -734,8 +738,8 @@ class Li extends Rt {
   }
   getScene(n) {
     let a = null;
-    return this.scenes.forEach((t) => {
-      n.search(t.uuid) > -1 && (a = t);
+    return this.scenes.forEach((t, i) => {
+      n.search(i) > -1 && (a = t);
     }), a;
   }
   setScene(n) {
@@ -811,7 +815,7 @@ class Li extends Rt {
   rendererWidth = 300;
   rendererHeight = 150;
   addRT(n, a) {
-    const t = new Hn(32, 32, a);
+    const t = new Yn(32, 32, a);
     t.texture.name = n, this.renderTargets.set(n, t);
   }
   resize(n, a) {
@@ -971,14 +975,14 @@ function Ba() {
   sn = 1;
   var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(r, h, u) {
-    var f, m = {}, p = null, S = null;
-    u !== void 0 && (p = "" + u), h.key !== void 0 && (p = "" + h.key), h.ref !== void 0 && (S = h.ref);
+    var f, m = {}, v = null, S = null;
+    u !== void 0 && (v = "" + u), h.key !== void 0 && (v = "" + h.key), h.ref !== void 0 && (S = h.ref);
     for (f in h)
       t.call(h, f) && !o.hasOwnProperty(f) && (m[f] = h[f]);
     if (r && r.defaultProps)
       for (f in h = r.defaultProps, h)
         m[f] === void 0 && (m[f] = h[f]);
-    return { $$typeof: n, type: r, key: p, ref: S, props: m, _owner: i.current };
+    return { $$typeof: n, type: r, key: v, ref: S, props: m, _owner: i.current };
   }
   return lt.Fragment = a, lt.jsx = d, lt.jsxs = d, lt;
 }
@@ -995,45 +999,45 @@ var ut = {};
 var on;
 function Fa() {
   return on || (on = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, F = "@@iterator";
+    var e = Nn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), r = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, F = "@@iterator";
     function V(s) {
       if (s === null || typeof s != "object")
         return null;
-      var g = A && s[A] || s[F];
-      return typeof g == "function" ? g : null;
+      var p = A && s[A] || s[F];
+      return typeof p == "function" ? p : null;
     }
     var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function I(s) {
       {
-        for (var g = arguments.length, y = new Array(g > 1 ? g - 1 : 0), w = 1; w < g; w++)
+        for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), w = 1; w < p; w++)
           y[w - 1] = arguments[w];
         T("error", s, y);
       }
     }
-    function T(s, g, y) {
+    function T(s, p, y) {
       {
         var w = R.ReactDebugCurrentFrame, $ = w.getStackAddendum();
-        $ !== "" && (g += "%s", y = y.concat([$]));
+        $ !== "" && (p += "%s", y = y.concat([$]));
         var W = y.map(function(L) {
           return String(L);
         });
-        W.unshift("Warning: " + g), Function.prototype.apply.call(console[s], console, W);
+        W.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, W);
       }
     }
     var Z = !1, te = !1, pe = !1, q = !1, ge = !1, ce;
     ce = Symbol.for("react.module.reference");
     function _e(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === t || s === o || ge || s === i || s === u || s === f || q || s === S || Z || te || pe || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === m || s.$$typeof === d || s.$$typeof === r || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === t || s === o || ge || s === i || s === u || s === f || q || s === S || Z || te || pe || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === m || s.$$typeof === d || s.$$typeof === r || s.$$typeof === h || // 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.
       s.$$typeof === ce || s.getModuleId !== void 0));
     }
-    function ke(s, g, y) {
+    function ke(s, p, y) {
       var w = s.displayName;
       if (w)
         return w;
-      var $ = g.displayName || g.name || "";
+      var $ = p.displayName || p.name || "";
       return $ !== "" ? y + "(" + $ + ")" : y;
     }
     function be(s) {
@@ -1063,8 +1067,8 @@ function Fa() {
       if (typeof s == "object")
         switch (s.$$typeof) {
           case r:
-            var g = s;
-            return be(g) + ".Consumer";
+            var p = s;
+            return be(p) + ".Consumer";
           case d:
             var y = s;
             return be(y._context) + ".Provider";
@@ -1073,7 +1077,7 @@ function Fa() {
           case m:
             var w = s.displayName || null;
             return w !== null ? w : U(s.type) || "Memo";
-          case p: {
+          case v: {
             var $ = s, W = $._payload, L = $._init;
             try {
               return U(L(W));
@@ -1146,27 +1150,27 @@ function Fa() {
         O < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ye = R.ReactCurrentDispatcher, He;
-    function ue(s, g, y) {
+    var He = R.ReactCurrentDispatcher, Ye;
+    function ue(s, p, y) {
       {
-        if (He === void 0)
+        if (Ye === void 0)
           try {
             throw Error();
           } catch ($) {
             var w = $.stack.trim().match(/\n( *(at )?)/);
-            He = w && w[1] || "";
+            Ye = w && w[1] || "";
           }
         return `
-` + He + s;
+` + Ye + s;
       }
     }
-    var v = !1, b;
+    var g = !1, b;
     {
       var M = typeof WeakMap == "function" ? WeakMap : Map;
       b = new M();
     }
-    function N(s, g) {
-      if (!s || v)
+    function N(s, p) {
+      if (!s || g)
         return "";
       {
         var y = b.get(s);
@@ -1174,13 +1178,13 @@ function Fa() {
           return y;
       }
       var w;
-      v = !0;
+      g = !0;
       var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
-      W = Ye.current, Ye.current = null, re();
+      W = He.current, He.current = null, re();
       try {
-        if (g) {
+        if (p) {
           var L = function() {
             throw Error();
           };
@@ -1231,19 +1235,19 @@ function Fa() {
             }
         }
       } finally {
-        v = !1, Ye.current = W, Me(), Error.prepareStackTrace = $;
+        g = !1, He.current = W, Me(), Error.prepareStackTrace = $;
       }
       var tt = s ? s.displayName || s.name : "", Vt = tt ? ue(tt) : "";
       return typeof s == "function" && b.set(s, Vt), Vt;
     }
-    function ve(s, g, y) {
+    function ve(s, p, y) {
       return N(s, !1);
     }
     function le(s) {
-      var g = s.prototype;
-      return !!(g && g.isReactComponent);
+      var p = s.prototype;
+      return !!(p && p.isReactComponent);
     }
-    function C(s, g, y) {
+    function C(s, p, y) {
       if (s == null)
         return "";
       if (typeof s == "function")
@@ -1261,11 +1265,11 @@ function Fa() {
           case h:
             return ve(s.render);
           case m:
-            return C(s.type, g, y);
-          case p: {
+            return C(s.type, p, y);
+          case v: {
             var w = s, $ = w._payload, W = w._init;
             try {
-              return C(W($), g, y);
+              return C(W($), p, y);
             } catch {
             }
           }
@@ -1275,12 +1279,12 @@ function Fa() {
     var x = Object.prototype.hasOwnProperty, G = {}, ne = R.ReactDebugCurrentFrame;
     function _(s) {
       if (s) {
-        var g = s._owner, y = C(s.type, s._source, g ? g.type : null);
+        var p = s._owner, y = C(s.type, s._source, p ? p.type : null);
         ne.setExtraStackFrame(y);
       } else
         ne.setExtraStackFrame(null);
     }
-    function z(s, g, y, w, $) {
+    function z(s, p, y, w, $) {
       {
         var W = Function.call.bind(x);
         for (var L in s)
@@ -1291,7 +1295,7 @@ function Fa() {
                 var he = Error((w || "React class") + ": " + y + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw he.name = "Invariant Violation", he;
               }
-              j = s[L](g, L, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = s[L](p, L, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Q) {
               j = Q;
             }
@@ -1305,7 +1309,7 @@ function Fa() {
     }
     function Je(s) {
       {
-        var g = typeof Symbol == "function" && Symbol.toStringTag, y = g && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        var p = typeof Symbol == "function" && Symbol.toStringTag, y = p && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return y;
       }
     }
@@ -1332,30 +1336,30 @@ function Fa() {
     Qe = {};
     function kt(s) {
       if (x.call(s, "ref")) {
-        var g = Object.getOwnPropertyDescriptor(s, "ref").get;
-        if (g && g.isReactWarning)
+        var p = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (p && p.isReactWarning)
           return !1;
       }
       return s.ref !== void 0;
     }
     function Dt(s) {
       if (x.call(s, "key")) {
-        var g = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (g && g.isReactWarning)
+        var p = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (p && p.isReactWarning)
           return !1;
       }
       return s.key !== void 0;
     }
-    function Pt(s, g) {
-      if (typeof s.ref == "string" && Ue.current && g && Ue.current.stateNode !== g) {
+    function Pt(s, p) {
+      if (typeof s.ref == "string" && Ue.current && p && Ue.current.stateNode !== p) {
         var y = U(Ue.current.type);
         Qe[y] || (I('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', U(Ue.current.type), s.ref), Qe[y] = !0);
       }
     }
-    function gt(s, g) {
+    function gt(s, p) {
       {
         var y = function() {
-          ct || (ct = !0, I("%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)", g));
+          ct || (ct = !0, I("%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)", p));
         };
         y.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: y,
@@ -1363,10 +1367,10 @@ function Fa() {
         });
       }
     }
-    function $e(s, g) {
+    function $e(s, p) {
       {
         var y = function() {
-          pt || (pt = !0, I("%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)", g));
+          pt || (pt = !0, I("%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)", p));
         };
         y.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: y,
@@ -1374,13 +1378,13 @@ function Fa() {
         });
       }
     }
-    var Yt = function(s, g, y, w, $, W, L) {
+    var Ht = function(s, p, y, w, $, W, L) {
       var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: s,
-        key: g,
+        key: p,
         ref: y,
         props: L,
         // Record the component responsible for creating this element.
@@ -1403,12 +1407,12 @@ function Fa() {
         value: $
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function c(s, g, y, w, $) {
+    function c(s, p, y, w, $) {
       {
         var W, L = {}, j = null, he = null;
-        y !== void 0 && (st(y), j = "" + y), Dt(g) && (st(g.key), j = "" + g.key), kt(g) && (he = g.ref, Pt(g, $));
-        for (W in g)
-          x.call(g, W) && !ot.hasOwnProperty(W) && (L[W] = g[W]);
+        y !== void 0 && (st(y), j = "" + y), Dt(p) && (st(p.key), j = "" + p.key), kt(p) && (he = p.ref, Pt(p, $));
+        for (W in p)
+          x.call(p, W) && !ot.hasOwnProperty(W) && (L[W] = p[W]);
         if (s && s.defaultProps) {
           var Q = s.defaultProps;
           for (W in Q)
@@ -1418,13 +1422,13 @@ function Fa() {
           var ae = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
           j && gt(L, ae), he && $e(L, ae);
         }
-        return Yt(s, j, he, $, w, Ue.current, L);
+        return Ht(s, j, he, $, w, Ue.current, L);
       }
     }
     var E = R.ReactCurrentOwner, k = R.ReactDebugCurrentFrame;
     function B(s) {
       if (s) {
-        var g = s._owner, y = C(s.type, s._source, g ? g.type : null);
+        var p = s._owner, y = C(s.type, s._source, p ? p.type : null);
         k.setExtraStackFrame(y);
       } else
         k.setExtraStackFrame(null);
@@ -1446,13 +1450,13 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function Ht(s) {
+    function Yt(s) {
       {
         if (s !== void 0) {
-          var g = s.fileName.replace(/^.*[\\\/]/, ""), y = s.lineNumber;
+          var p = s.fileName.replace(/^.*[\\\/]/, ""), y = s.lineNumber;
           return `
 
-Check your code at ` + g + ":" + y + ".";
+Check your code at ` + p + ":" + y + ".";
         }
         return "";
       }
@@ -1460,22 +1464,22 @@ Check your code at ` + g + ":" + y + ".";
     var vt = {};
     function bt(s) {
       {
-        var g = de();
-        if (!g) {
+        var p = de();
+        if (!p) {
           var y = typeof s == "string" ? s : s.displayName || s.name;
-          y && (g = `
+          y && (p = `
 
 Check the top-level render call using <` + y + ">.");
         }
-        return g;
+        return p;
       }
     }
-    function xe(s, g) {
+    function xe(s, p) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var y = bt(g);
+        var y = bt(p);
         if (vt[y])
           return;
         vt[y] = !0;
@@ -1483,14 +1487,14 @@ Check the top-level render call using <` + y + ">.");
         s && s._owner && s._owner !== E.current && (w = " It was passed a child from " + U(s._owner.type) + "."), B(s), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), B(null);
       }
     }
-    function Se(s, g) {
+    function Se(s, p) {
       {
         if (typeof s != "object")
           return;
         if (Ne(s))
           for (var y = 0; y < s.length; y++) {
             var w = s[y];
-            Ee(w) && xe(w, g);
+            Ee(w) && xe(w, p);
           }
         else if (Ee(s))
           s._store && (s._store.validated = !0);
@@ -1498,39 +1502,39 @@ Check the top-level render call using <` + y + ">.");
           var $ = V(s);
           if (typeof $ == "function" && $ !== s.entries)
             for (var W = $.call(s), L; !(L = W.next()).done; )
-              Ee(L.value) && xe(L.value, g);
+              Ee(L.value) && xe(L.value, p);
         }
       }
     }
     function Ve(s) {
       {
-        var g = s.type;
-        if (g == null || typeof g == "string")
+        var p = s.type;
+        if (p == null || typeof p == "string")
           return;
         var y;
-        if (typeof g == "function")
-          y = g.propTypes;
-        else if (typeof g == "object" && (g.$$typeof === h || // Note: Memo only checks outer props here.
+        if (typeof p == "function")
+          y = p.propTypes;
+        else if (typeof p == "object" && (p.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        g.$$typeof === m))
-          y = g.propTypes;
+        p.$$typeof === m))
+          y = p.propTypes;
         else
           return;
         if (y) {
-          var w = U(g);
+          var w = U(p);
           z(y, s.props, "prop", w, s);
-        } else if (g.PropTypes !== void 0 && !ie) {
+        } else if (p.PropTypes !== void 0 && !ie) {
           ie = !0;
-          var $ = U(g);
+          var $ = U(p);
           I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
         }
-        typeof g.getDefaultProps == "function" && !g.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Oe(s) {
       {
-        for (var g = Object.keys(s.props), y = 0; y < g.length; y++) {
-          var w = g[y];
+        for (var p = Object.keys(s.props), y = 0; y < p.length; y++) {
+          var w = p[y];
           if (w !== "children" && w !== "key") {
             B(s), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), B(null);
             break;
@@ -1539,22 +1543,22 @@ Check the top-level render call using <` + y + ">.");
         s.ref !== null && (B(s), I("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
       }
     }
-    function ze(s, g, y, w, $, W) {
+    function ze(s, p, y, w, $, W) {
       {
         var L = _e(s);
         if (!L) {
           var j = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " 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 he = Ht($);
+          var he = Yt($);
           he ? j += he : j += de();
           var Q;
           s === null ? Q = "null" : Ne(s) ? Q = "array" : s !== void 0 && s.$$typeof === n ? (Q = "<" + (U(s.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof s, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, j);
         }
-        var ae = c(s, g, y, $, W);
+        var ae = c(s, p, y, $, W);
         if (ae == null)
           return ae;
         if (L) {
-          var Ce = g.children;
+          var Ce = p.children;
           if (Ce !== void 0)
             if (w)
               if (Ne(Ce)) {
@@ -1569,11 +1573,11 @@ Check the top-level render call using <` + y + ">.");
         return s === t ? Oe(ae) : Ve(ae), ae;
       }
     }
-    function et(s, g, y) {
-      return ze(s, g, y, !0);
+    function et(s, p, y) {
+      return ze(s, p, y, !0);
     }
-    function yt(s, g, y) {
-      return ze(s, g, y, !1);
+    function yt(s, p, y) {
+      return ze(s, p, y, !1);
     }
     var Gn = yt, Wn = et;
     ut.Fragment = t, ut.jsx = Gn, ut.jsxs = Wn;
@@ -1606,7 +1610,7 @@ function za(e) {
   ] }) }, e.title);
 }
 function Ga(e) {
-  const [n, a] = Y(!1), [t, i] = Y(e.options), o = (u) => {
+  const [n, a] = H(!1), [t, i] = H(e.options), o = (u) => {
     e.onDragComplete(u), i(u);
   }, d = (u) => {
     const f = [...t];
@@ -1622,9 +1626,9 @@ function Ga(e) {
   ] });
 }
 function Wa(e) {
-  const [n, a] = Y(!1), t = [];
+  const [n, a] = H(!1), t = [];
   e.options.map((o, d) => {
-    e.onSelect !== void 0 && (o.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ya, { option: o }, d));
+    e.onSelect !== void 0 && (o.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: o }, d));
   });
   let i = "dropdown";
   return e.subdropdown && (i += " subdropdown"), /* @__PURE__ */ l.jsxs(
@@ -1646,8 +1650,8 @@ function Wa(e) {
     }
   );
 }
-function Ya(e) {
-  const { option: n } = e, [a, t] = Y("");
+function Ha(e) {
+  const { option: n } = e, [a, t] = H("");
   let i;
   switch (n.type) {
     case "draggable":
@@ -1712,7 +1716,7 @@ function Fi(e, n, a) {
   };
 }
 function Wt(e) {
-  const [n, a] = Y(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
+  const [n, a] = H(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
   return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${t ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
       "button",
@@ -1739,7 +1743,7 @@ function Wt(e) {
   ] });
 }
 function Un(e) {
-  const n = H(null), [a, t] = Y(!1), i = e.child !== void 0 && e.child.children.length > 0, o = [];
+  const n = Y(null), [a, t] = H(!1), i = e.child !== void 0 && e.child.children.length > 0, o = [];
   return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((d, r) => {
     o.push(/* @__PURE__ */ l.jsx(Un, { child: d, three: e.three }, r));
   }), Re(() => {
@@ -1788,8 +1792,10 @@ function Un(e) {
                 if (r !== void 0) {
                   const h = "visible", u = !r.visible;
                   n.current.style.opacity = u ? "1" : "0.25", e.three.updateObject(e.child.uuid, h, u), ee(r, h, u);
-                }
-              }
+                } else
+                  console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, d);
+              } else
+                console.log(`Hermes - Couldn't find object in scene: ${e.child.uuid}, ${e.child.name}`);
             }
           }
         }
@@ -1799,30 +1805,30 @@ function Un(e) {
     /* @__PURE__ */ l.jsx("div", { className: a ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: o }) })
   ] }, Math.random()) });
 }
-function Ha(e) {
+function Ya(e) {
   const n = [];
   return e.child?.children.map((a, t) => {
     n.push(/* @__PURE__ */ l.jsx(Un, { child: a, scene: e.scene, three: e.three }, t));
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: n });
 }
 function Va(e) {
-  const [n, a] = Y(e.defaultValue);
+  const [n, a] = H(e.defaultValue);
   return Re(() => {
     let t = !1, i = -1, o = 0, d = e.defaultValue;
-    const r = (p) => {
-      t = !0, o = Number(e.input.current?.value), i = p.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", u, !1);
-    }, h = (p) => {
+    const r = (v) => {
+      t = !0, o = Number(e.input.current?.value), i = v.clientX, document.addEventListener("mouseup", u, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", u, !1);
+    }, h = (v) => {
       if (!t)
         return;
-      const S = e.step !== void 0 ? e.step : 1, A = (p.clientX - i) * S;
+      const S = e.step !== void 0 ? e.step : 1, A = (v.clientX - i) * S;
       d = Number((o + A).toFixed(4)), e.min !== void 0 && (d = Math.max(d, e.min)), e.max !== void 0 && (d = Math.min(d, e.max)), e.onChange !== void 0 && e.onChange(d), a(d);
     }, u = () => {
       t = !1, document.removeEventListener("mouseup", u), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", u);
-    }, f = (p) => {
-      const S = Number(p.target.value);
+    }, f = (v) => {
+      const S = Number(v.target.value);
       a(S);
-    }, m = (p) => {
-      const S = Number(p.target.value);
+    }, m = (v) => {
+      const S = Number(v.target.value);
       e.onChange !== void 0 && e.onChange(S), a(S);
     };
     return e.input.current?.addEventListener("input", f), e.label.current?.addEventListener("mousedown", r, !1), e.sliderRef !== void 0 && e.sliderRef.current?.addEventListener("input", m), () => {
@@ -1831,7 +1837,7 @@ function Va(e) {
   }, []), n;
 }
 function Xe(e) {
-  const n = H(null), a = H(null), t = Va({
+  const n = Y(null), a = Y(null), t = Va({
     label: e.labelRef,
     input: n,
     sliderRef: a,
@@ -1894,15 +1900,15 @@ function Xe(e) {
   ] });
 }
 function qa(e) {
-  const n = H(null), a = H(null), t = H(null), i = H(null), o = H(null), d = H(null), [r, h] = Y(e.value), [u, f] = Y({
+  const n = Y(null), a = Y(null), t = Y(null), i = Y(null), o = Y(null), d = Y(null), [r, h] = H(e.value), [u, f] = H({
     min: Math.min(e.min, Math.min(e.value.x, e.value.y)),
     max: Math.max(e.max, Math.max(e.value.x, e.value.y))
-  }), [m, p] = Y(!1);
+  }), [m, v] = H(!1);
   function S() {
-    m || (window.addEventListener("mousemove", F), window.addEventListener("mouseup", A), window.addEventListener("mouseup", A), p(!0));
+    m || (window.addEventListener("mousemove", F), window.addEventListener("mouseup", A), window.addEventListener("mouseup", A), v(!0));
   }
   function A() {
-    window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", A), p(!1);
+    window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", A), v(!1);
   }
   function F(T) {
     const Z = o.current.getBoundingClientRect(), te = Ke(0, 99, T.clientX - Z.left) / 99, pe = Ke(0, 99, T.clientY - Z.top) / 99, q = an(nn(u.min, u.max, te), 3), ge = an(nn(u.min, u.max, pe), 3);
@@ -1996,7 +2002,7 @@ function cn(e) {
       o[h] = u, e.onChange({ target: { value: o } });
     };
     ["x", "y", "z"].forEach((h) => {
-      const u = H(null);
+      const u = Y(null);
       i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: u, children: h.toUpperCase() }),
@@ -2019,7 +2025,7 @@ function cn(e) {
       o[h] = u, e.onChange({ target: { value: o } });
     };
     ["_x", "_y", "_z"].forEach((h) => {
-      const u = H(null);
+      const u = Y(null);
       i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: u, children: h.substring(1).toUpperCase() }),
@@ -2043,7 +2049,7 @@ function cn(e) {
       o.elements[u] = h, e.onChange({ target: { value: o } });
     };
     for (let r = 0; r < 9; r++) {
-      const h = H(null);
+      const h = Y(null);
       i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: h, children: r + 1 }),
@@ -2071,7 +2077,7 @@ function Ka(e) {
       t[d] = r, e.onChange({ target: { value: t } });
     };
     ["x", "y", "z", "w"].forEach((d) => {
-      const r = H(null);
+      const r = Y(null);
       a.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: r, children: d.toUpperCase() }),
@@ -2095,7 +2101,7 @@ function Ka(e) {
       t.elements[r] = d, e.onChange({ target: { value: t } });
     };
     for (let o = 0; o < 16; o++) {
-      const d = H(null);
+      const d = Y(null);
       a.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("label", { ref: d, children: o + 1 }),
@@ -2584,7 +2590,7 @@ function ri(e, n, a, t) {
       const d = t.getScene(a.uuid);
       if (d !== null) {
         const r = d.getObjectByProperty("uuid", a.uuid);
-        r !== void 0 && ee(r, `material.${e}`, o);
+        ee(r, `material.${e}`, o);
       }
     }
   };
@@ -2604,7 +2610,7 @@ function si(e, n, a, t) {
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        h !== void 0 && ee(h, `material.${e}`, d);
+        ee(h, `material.${e}`, d);
       }
     }
   };
@@ -2639,7 +2645,7 @@ function oi(e, n, a, t) {
       const h = t.getScene(a.uuid);
       if (h !== null) {
         const u = h.getObjectByProperty("uuid", a.uuid);
-        u !== void 0 && ee(u, `material.${e}`, r);
+        ee(u, `material.${e}`, r);
       }
     },
     onKeyDown: (d) => {
@@ -2650,7 +2656,7 @@ function oi(e, n, a, t) {
     const h = t.getScene(a.uuid);
     if (h !== null) {
       const u = h.getObjectByProperty("uuid", a.uuid);
-      u !== void 0 && ee(u, `material.${e}`, r);
+      ee(u, `material.${e}`, r);
     }
   }, i.onKeyDown = (d) => {
     if (d.key === "Enter" && (d.altKey || d.metaKey)) {
@@ -2658,7 +2664,7 @@ function oi(e, n, a, t) {
       const r = t.getScene(a.uuid);
       if (r !== null) {
         const h = r.getObjectByProperty("uuid", a.uuid);
-        h !== void 0 && ee(h, "material.needsUpdate", !0);
+        ee(h, "material.needsUpdate", !0);
       }
     }
   }), i;
@@ -2688,8 +2694,8 @@ function ht(e, n, a, t, i = "", o = !1) {
         t.updateObject(a.uuid, `material.${r}`, f);
         const m = t.getScene(a.uuid);
         if (m !== null) {
-          const p = m.getObjectByProperty("uuid", a.uuid);
-          p !== void 0 && ee(p, `material.${r}`, f);
+          const v = m.getObjectByProperty("uuid", a.uuid);
+          ee(v, `material.${r}`, f);
         }
       }
     };
@@ -2703,10 +2709,10 @@ function ht(e, n, a, t, i = "", o = !1) {
       disabled: o,
       onChange: (f, m) => {
         t.updateObject(a.uuid, `material.${r}`, m);
-        const p = t.getScene(a.uuid);
-        if (p !== null) {
-          const S = p.getObjectByProperty("uuid", a.uuid);
-          S !== void 0 && ee(S, `material.${r}`, m);
+        const v = t.getScene(a.uuid);
+        if (v !== null) {
+          const S = v.getObjectByProperty("uuid", a.uuid);
+          ee(S, `material.${r}`, m);
         }
       }
     };
@@ -2722,22 +2728,22 @@ function ht(e, n, a, t, i = "", o = !1) {
         onChange: (u, f) => {
           const m = new $t(f);
           t.updateObject(a.uuid, `material.${r}`, m);
-          const p = t.getScene(a.uuid);
-          if (p !== null) {
-            const S = p.getObjectByProperty("uuid", a.uuid);
-            S !== void 0 && ee(S, `material.${r}`, m);
+          const v = t.getScene(a.uuid);
+          if (v !== null) {
+            const S = v.getObjectByProperty("uuid", a.uuid);
+            ee(S, `material.${r}`, m);
           }
         }
       };
     if (Array.isArray(n)) {
       const u = [];
       for (const f in n) {
-        const m = n[f], p = `[${f.toString()}]`;
+        const m = n[f], v = `[${f.toString()}]`;
         if (m.value !== void 0) {
-          const S = ht(`${p}.value`, m.value, a, t, r, o);
+          const S = ht(`${v}.value`, m.value, a, t, r, o);
           S !== void 0 && u.push(S);
         } else {
-          const S = ht(p, m, a, t, r, o);
+          const S = ht(v, m, a, t, r, o);
           S !== void 0 && u.push(S);
         }
       }
@@ -2758,8 +2764,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const p = m.getObjectByProperty("uuid", a.uuid);
-              p !== void 0 && ee(p, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ee(v, `material.${r}`, f);
             }
           }
         };
@@ -2774,8 +2780,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const p = m.getObjectByProperty("uuid", a.uuid);
-              p !== void 0 && ee(p, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ee(v, `material.${r}`, f);
             }
           }
         };
@@ -2790,8 +2796,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const p = m.getObjectByProperty("uuid", a.uuid);
-              p !== void 0 && ee(p, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ee(v, `material.${r}`, f);
             }
           }
         };
@@ -2806,8 +2812,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const p = m.getObjectByProperty("uuid", a.uuid);
-              p !== void 0 && ee(p, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ee(v, `material.${r}`, f);
             }
           }
         };
@@ -2818,14 +2824,14 @@ function ht(e, n, a, t, i = "", o = !1) {
           value: n,
           disabled: o,
           onChange: (u, f) => {
-            const m = Ja(e), p = i.length > 0 ? `${i}.${m}` : m;
-            t.createTexture(a.uuid, `material.${p}`, f);
+            const m = Ja(e), v = i.length > 0 ? `${i}.${m}` : m;
+            t.createTexture(a.uuid, `material.${v}`, f);
             const S = t.getScene(a.uuid);
             if (S !== null) {
               const A = S.getObjectByProperty("uuid", a.uuid);
               A !== void 0 && Bn(f.src).then((F) => {
                 F.offset.set(f.offset[0], f.offset[1]), F.repeat.set(f.repeat[0], f.repeat[1]);
-                const V = A.material, R = p.split(".");
+                const V = A.material, R = v.split(".");
                 switch (R.length) {
                   case 1:
                     V[R[0]] = F;
@@ -2859,8 +2865,8 @@ function ht(e, n, a, t, i = "", o = !1) {
             t.updateObject(a.uuid, `material.${r}`, f);
             const m = t.getScene(a.uuid);
             if (m !== null) {
-              const p = m.getObjectByProperty("uuid", a.uuid);
-              p !== void 0 && ee(p, `material.${r}`, f);
+              const v = m.getObjectByProperty("uuid", a.uuid);
+              ee(v, `material.${r}`, f);
             }
           }
         };
@@ -2868,13 +2874,13 @@ function ht(e, n, a, t, i = "", o = !1) {
         const u = [], f = e === "defines" || e === "extensions";
         try {
           for (const m in n) {
-            const p = n[m];
-            if (p !== void 0)
-              if (p.value !== void 0) {
-                const S = ht(`${m}.value`, p.value, a, t, r, f);
+            const v = n[m];
+            if (v !== void 0)
+              if (v.value !== void 0) {
+                const S = ht(`${m}.value`, v.value, a, t, r, f);
                 S !== void 0 && u.push(S);
               } else {
-                const S = ht(m, p, a, t, r, f);
+                const S = ht(m, v, a, t, r, f);
                 S !== void 0 && u.push(S);
               }
           }
@@ -2916,7 +2922,7 @@ function ln(e, n, a) {
       const i = a.getScene(n.uuid);
       if (i !== null) {
         const o = i.getObjectByProperty("uuid", n.uuid);
-        o !== void 0 && ee(o, "material.needsUpdate", !0);
+        ee(o, "material.needsUpdate", !0);
       }
     }
   }), t;
@@ -2948,7 +2954,7 @@ function di(e, n) {
 }
 const hi = "data:image/gif;base64,R0lGODlhDgFkAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMDk3M0NEODAxQjQxMUVGODVGNENDMkUyMUExNDk1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMDk3M0NEOTAxQjQxMUVGODVGNENDMkUyMUExNDk1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4ODc3Qzg5MDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4ODc3QzhBMDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA4BZAAAAv+Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqTkJAGDQ+dnpuekmGgAKejpKuiZqmprKqoZKGyrbOlqrejub6xvLGyw8TFzcprurGuvqybxq7ETbrItsCz0l7Zpc+6p9/cS967w9/S2FTF0u/mzehK4Oqz3eTl9vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo0XHDt6/AgypMiRJEuaPIkypcqVLFt+KwAAOw==";
 function fi(e) {
-  const n = H(null), a = H(null), t = H(null), i = H(null), o = H(null), [d] = Y(e.value), [r, h] = Y(e.value.offset[0]), [u, f] = Y(e.value.offset[1]), [m, p] = Y(e.value.repeat[0]), [S, A] = Y(e.value.repeat[1]);
+  const n = Y(null), a = Y(null), t = Y(null), i = Y(null), o = Y(null), [d] = H(e.value), [r, h] = H(e.value.offset[0]), [u, f] = H(e.value.offset[1]), [m, v] = H(e.value.repeat[0]), [S, A] = H(e.value.repeat[1]);
   function F(R, I, T, Z, te) {
     if (e.onChange !== void 0) {
       const pe = e.prop !== void 0 ? e.prop : e.title;
@@ -2969,7 +2975,7 @@ function fi(e) {
         f(T), F(I, r, T, m, S);
         break;
       case i.current:
-        p(T), F(I, r, u, T, S);
+        v(T), F(I, r, u, T, S);
         break;
       case o.current:
         A(T), F(I, r, u, m, T);
@@ -3035,7 +3041,7 @@ function fi(e) {
 function wt(e) {
   let n = e.value;
   n !== void 0 && n.isColor !== void 0 && (n = Da(e.value));
-  const [a, t] = Y(n), i = H(null), o = (u) => {
+  const [a, t] = H(n), i = Y(null), o = (u) => {
     let f = u.target.value;
     e.type === "boolean" ? f = u.target.checked : e.type === "option" && (f = e.options[f].value), t(f), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, f);
   }, d = {};
@@ -3209,7 +3215,7 @@ function pi(e, n) {
     const f = n.getScene(e.uuid);
     if (f !== null) {
       const m = f.getObjectByProperty("uuid", e.uuid);
-      m !== void 0 && ee(m, r, u);
+      ee(m, r, u);
     }
   };
   return /* @__PURE__ */ l.jsx(
@@ -3281,7 +3287,7 @@ function gi(e, n) {
           const h = n.getScene(e.uuid);
           if (h !== null) {
             const u = h.getObjectByProperty("uuid", e.uuid);
-            u !== void 0 && ee(u, o, r);
+            ee(u, o, r);
           }
         }
       }) : a.push({
@@ -3295,7 +3301,7 @@ function gi(e, n) {
           const r = n.getScene(e.uuid);
           if (r !== null) {
             const h = r.getObjectByProperty("uuid", e.uuid);
-            h !== void 0 && ee(h, o, d);
+            ee(h, o, d);
           }
         }
       }));
@@ -3392,7 +3398,7 @@ const zn = {
 };
 let fe = { ...zn };
 function bi(e) {
-  const [n, a] = Y(-1);
+  const [n, a] = H(-1);
   Re(() => {
     function d(h) {
       fe = { ...h.value }, a(Date.now());
@@ -3448,7 +3454,7 @@ function bi(e) {
   ] }) }, n) }, "Inspector");
 }
 function Ui(e) {
-  const [n] = Y([]), [a, t] = Y(0), i = (r) => {
+  const [n] = H([]), [a, t] = H(0), i = (r) => {
     n.push(r.value), t(Date.now());
   }, o = (r) => {
     const h = r.value;
@@ -3464,7 +3470,7 @@ function Ui(e) {
   const d = [];
   return n.forEach((r, h) => {
     d.push(
-      /* @__PURE__ */ l.jsx(Wt, { label: `Scene: ${r.name}`, open: !0, children: /* @__PURE__ */ l.jsx(Ha, { child: r, scene: r, three: e.three }) }, `scene_${h}`)
+      /* @__PURE__ */ l.jsx(Wt, { label: `Scene: ${r.name}`, open: !0, children: /* @__PURE__ */ l.jsx(Ya, { child: r, scene: r, three: e.three }) }, `scene_${h}`)
     );
   }), /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
     d,
@@ -3480,11 +3486,11 @@ function $i(e) {
       }), h;
     }
     const a = (r) => {
-      const h = r.value, f = n(h)?.getObjectByProperty("uuid", h);
-      f !== void 0 && e.three.setObject(f);
+      const h = r.value, u = n(h), f = u?.getObjectByProperty("uuid", h);
+      f !== void 0 ? e.three.setObject(f) : console.log(`Hermes - can't find object: ${h}`, u);
     }, t = (r, h, u) => {
-      const m = n(r)?.getObjectByProperty("uuid", r);
-      m !== void 0 && ee(m, h, u);
+      const f = n(r), m = f?.getObjectByProperty("uuid", r);
+      m !== void 0 ? ee(m, h, u) : console.log(`Hermes - can't set object: ${r}`, f);
     }, i = (r) => {
       const h = r.value, { key: u, value: f, uuid: m } = h;
       t(m, u, f);
@@ -3492,22 +3498,22 @@ function $i(e) {
       const h = r.value, f = n(h.uuid)?.getObjectByProperty("uuid", h.uuid);
       f !== void 0 && Bn(h.value.src).then((m) => {
         m.offset.set(h.value.offset[0], h.value.offset[1]), m.repeat.set(h.value.repeat[0], h.value.repeat[1]);
-        const p = h.key.split(".");
-        switch (p.length) {
+        const v = h.key.split(".");
+        switch (v.length) {
           case 1:
-            f[p[0]] = m;
+            f[v[0]] = m;
             break;
           case 2:
-            f[p[0]][p[1]] = m;
+            f[v[0]][v[1]] = m;
             break;
           case 3:
-            f[p[0]][p[1]][p[2]] = m;
+            f[v[0]][v[1]][v[2]] = m;
             break;
           case 4:
-            f[p[0]][p[1]][p[2]][p[3]] = m;
+            f[v[0]][v[1]][v[2]][v[3]] = m;
             break;
           case 5:
-            f[p[0]][p[1]][p[2]][p[3]][p[4]] = m;
+            f[v[0]][v[1]][v[2]][v[3]][v[4]] = m;
             break;
         }
         f.material.needsUpdate = !0;
@@ -3619,7 +3625,7 @@ class xi extends pn {
     let o = i.NONE;
     const d = 1e-6, r = new Jt(), h = new Jt();
     let u = 1;
-    const f = new J(), m = new me(), p = new me(), S = new me(), A = new me(), F = new me(), V = new me(), R = new me(), I = new me(), T = new me(), Z = new J(), te = new me();
+    const f = new J(), m = new me(), v = new me(), S = new me(), A = new me(), F = new me(), V = new me(), R = new me(), I = new me(), T = new me(), Z = new J(), te = new me();
     let pe = !1;
     const q = [], ge = {};
     let ce = !1;
@@ -3685,17 +3691,17 @@ class xi extends pn {
       A.set(c.clientX, c.clientY);
     }
     function re(c) {
-      p.set(c.clientX, c.clientY), S.subVectors(p, m).multiplyScalar(t.rotateSpeed);
+      v.set(c.clientX, c.clientY), S.subVectors(v, m).multiplyScalar(t.rotateSpeed);
       const E = t.domElement;
-      be(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(p), t.update();
+      be(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(v), t.update();
     }
     function Me(c) {
       I.set(c.clientX, c.clientY), T.subVectors(I, R), T.y > 0 ? De(ke(T.y)) : T.y < 0 && je(ke(T.y)), R.copy(I), t.update();
     }
-    function Ye(c) {
+    function He(c) {
       F.set(c.clientX, c.clientY), V.subVectors(F, A).multiplyScalar(t.panSpeed), we(V.x, V.y), A.copy(F), t.update();
     }
-    function He(c) {
+    function Ye(c) {
       Pe(c.clientX, c.clientY), c.deltaY < 0 ? je(ke(c.deltaY)) : c.deltaY > 0 && De(ke(c.deltaY)), t.update();
     }
     function ue(c) {
@@ -3716,7 +3722,7 @@ class xi extends pn {
       }
       E && (c.preventDefault(), t.update());
     }
-    function v(c) {
+    function g(c) {
       if (q.length === 1)
         m.set(c.pageX, c.pageY);
       else {
@@ -3740,18 +3746,18 @@ class xi extends pn {
       t.enableZoom && M(c), t.enablePan && b(c);
     }
     function ve(c) {
-      t.enableZoom && M(c), t.enableRotate && v(c);
+      t.enableZoom && M(c), t.enableRotate && g(c);
     }
     function le(c) {
       if (q.length == 1)
-        p.set(c.pageX, c.pageY);
+        v.set(c.pageX, c.pageY);
       else {
         const k = $e(c), B = 0.5 * (c.pageX + k.x), ie = 0.5 * (c.pageY + k.y);
-        p.set(B, ie);
+        v.set(B, ie);
       }
-      S.subVectors(p, m).multiplyScalar(t.rotateSpeed);
+      S.subVectors(v, m).multiplyScalar(t.rotateSpeed);
       const E = t.domElement;
-      be(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(p);
+      be(2 * Math.PI * S.x / E.clientHeight), U(2 * Math.PI * S.y / E.clientHeight), m.copy(v);
     }
     function C(c) {
       if (q.length === 1)
@@ -3854,12 +3860,12 @@ class xi extends pn {
         case i.PAN:
           if (t.enablePan === !1)
             return;
-          Ye(c);
+          He(c);
           break;
       }
     }
     function ft(c) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (c.preventDefault(), t.dispatchEvent(It), He(mt(c)), t.dispatchEvent(fn));
+      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (c.preventDefault(), t.dispatchEvent(It), Ye(mt(c)), t.dispatchEvent(fn));
     }
     function mt(c) {
       const E = c.deltaMode, k = {
@@ -3893,7 +3899,7 @@ class xi extends pn {
             case at.ROTATE:
               if (t.enableRotate === !1)
                 return;
-              v(c), o = i.TOUCH_ROTATE;
+              g(c), o = i.TOUCH_ROTATE;
               break;
             case at.PAN:
               if (t.enablePan === !1)
@@ -3986,7 +3992,7 @@ function rt(e, n, a, t, i) {
   return t + (e - n) * (i - t) / (a - n);
 }
 const Mt = (e) => {
-  const [n, a] = Y(e.options[e.index]), t = () => {
+  const [n, a] = H(e.options[e.index]), t = () => {
     e.onToggle(!e.open);
   }, i = (o) => {
     o !== n && (e.onSelect(o), a(o)), e.onToggle(!1);
@@ -3996,7 +4002,7 @@ const Mt = (e) => {
     e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((o) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(o), children: o }, o)) })
   ] });
 }, qe = Ra(function(n, a) {
-  const [t, i] = Y(!1), o = n.options.indexOf(n.camera.name);
+  const [t, i] = H(!1), o = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       t && i(!1);
@@ -4191,14 +4197,14 @@ class Oi extends In {
 }
 let xt = "Renderer", Te, St = !1, Nt = !1, X = null, oe = null, Ge = null, We = null;
 function zi(e) {
-  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", o = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", d = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = se(() => /* @__PURE__ */ new Map(), []), h = se(() => /* @__PURE__ */ new Map(), []), u = se(() => /* @__PURE__ */ new Map(), []), f = se(() => /* @__PURE__ */ new Map(), []), m = se(() => new pa(), []), p = se(() => new ga(), []), S = se(() => new Ci(), []), A = se(() => new Qt(500), []), F = se(() => new Qt(100), []), V = se(() => new va(), []), R = se(() => new ba(), []), I = se(() => new Oi(), []), T = se(() => new jn({
+  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", o = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", d = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", r = se(() => /* @__PURE__ */ new Map(), []), h = se(() => /* @__PURE__ */ new Map(), []), u = se(() => /* @__PURE__ */ new Map(), []), f = se(() => /* @__PURE__ */ new Map(), []), m = se(() => new pa(), []), v = se(() => new ga(), []), S = se(() => new Ci(), []), A = se(() => new Qt(500), []), F = se(() => new Qt(100), []), V = se(() => new va(), []), R = se(() => new ba(), []), I = se(() => new Oi(), []), T = se(() => new jn({
     opacity: 0.33,
     transparent: !0,
     wireframe: !0
   }), []);
-  function Z(v, b) {
+  function Z(g, b) {
     const M = new en(-100, 100, 100, -100, 50, 5e3);
-    return M.name = v, M.position.copy(b), M.lookAt(0, 0, 0), r.set(v, M), M;
+    return M.name = g, M.position.copy(b), M.lookAt(0, 0, 0), r.set(g, M), M;
   }
   const te = [
     "Renderer",
@@ -4211,14 +4217,14 @@ function zi(e) {
     "Side by Side",
     "Stacked",
     "Quad"
-  ], q = H(null), ge = H(null), ce = H(null), _e = H(null), ke = H(null), be = H(null), [U, ye] = Y(a !== null ? a : "Single"), [O, we] = Y(null), [De, je] = Y(!1), [Pe, Ae] = Y(!1), [Ie, Be] = Y(!1), [, Fe] = Y(Date.now());
+  ], q = Y(null), ge = Y(null), ce = Y(null), _e = Y(null), ke = Y(null), be = Y(null), [U, ye] = H(a !== null ? a : "Single"), [O, we] = H(null), [De, je] = H(!1), [Pe, Ae] = H(!1), [Ie, Be] = H(!1), [, Fe] = H(Date.now());
   localStorage.setItem(`${n}_mode`, U), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, o), localStorage.setItem(`${n}_brCam`, d);
-  const re = (v, b) => {
-    const M = h.get(v.name);
-    if (M !== void 0 && M.dispose(), h.delete(v.name), v.name === "UI")
+  const re = (g, b) => {
+    const M = h.get(g.name);
+    if (M !== void 0 && M.dispose(), h.delete(g.name), g.name === "UI")
       return;
-    const N = new xi(v, b);
-    switch (N.enableDamping = !0, N.dampingFactor = 0.05, v.name) {
+    const N = new xi(g, b);
+    switch (N.enableDamping = !0, N.dampingFactor = 0.05, g.name) {
       case "Top":
       case "Bottom":
       case "Left":
@@ -4228,19 +4234,19 @@ function zi(e) {
         N.enableRotate = !1;
         break;
     }
-    h.set(v.name, N);
-  }, Me = (v) => {
-    const b = u.get(v.name);
-    b !== void 0 && (m.remove(b), b.dispose(), u.delete(v.name));
-    const M = h.get(v.name);
-    M !== void 0 && (M.dispose(), h.delete(v.name));
-  }, Ye = () => {
-    h.forEach((v, b) => {
-      v.dispose();
+    h.set(g.name, N);
+  }, Me = (g) => {
+    const b = u.get(g.name);
+    b !== void 0 && (m.remove(b), b.dispose(), u.delete(g.name));
+    const M = h.get(g.name);
+    M !== void 0 && (M.dispose(), h.delete(g.name));
+  }, He = () => {
+    h.forEach((g, b) => {
+      g.dispose();
       const M = u.get(b);
       M !== void 0 && (m.remove(M), M.dispose()), u.delete(b), h.delete(b);
     }), h.clear(), u.clear();
-  }, He = () => {
+  }, Ye = () => {
     switch (U) {
       case "Single":
         re(X, ce.current);
@@ -4255,19 +4261,19 @@ function zi(e) {
     }
   };
   Re(() => {
-    const v = new ya({
+    const g = new ya({
       canvas: q.current,
       stencil: !1
     });
-    v.autoClear = !1, v.shadowMap.enabled = !0, v.setPixelRatio(devicePixelRatio), v.setClearColor(0), e.three.renderer = v, we(v);
+    g.autoClear = !1, g.shadowMap.enabled = !0, g.setPixelRatio(devicePixelRatio), g.setClearColor(0), e.three.renderer = g, we(g);
   }, []), Re(() => {
-    m.name = "Debug Scene", m.uuid = "", p.name = "helpers", m.add(p), p.add(S), A.name = "axisHelper", p.add(A), F.name = "interactionHelper", p.add(F), F.visible = !1, Z("Top", new J(0, 1e3, 0)), Z("Bottom", new J(0, -1e3, 0)), Z("Left", new J(-1e3, 0, 0)), Z("Right", new J(1e3, 0, 0)), Z("Front", new J(0, 0, 1e3)), Z("Back", new J(0, 0, -1e3)), Z("Orthographic", new J(1e3, 1e3, 1e3)), Z("UI", new J());
-    const v = new At(60, 1, 50, 5e3);
-    v.name = "Debug", v.position.set(500, 500, 500), v.lookAt(0, 0, 0), r.set("Debug", v), X = r.get(localStorage.getItem(`${n}_tlCam`)), oe = r.get(localStorage.getItem(`${n}_trCam`)), Ge = r.get(localStorage.getItem(`${n}_blCam`)), We = r.get(localStorage.getItem(`${n}_brCam`));
+    m.name = "Debug Scene", m.uuid = "", v.name = "helpers", m.add(v), v.add(S), A.name = "axisHelper", v.add(A), F.name = "interactionHelper", v.add(F), F.visible = !1, Z("Top", new J(0, 1e3, 0)), Z("Bottom", new J(0, -1e3, 0)), Z("Left", new J(-1e3, 0, 0)), Z("Right", new J(1e3, 0, 0)), Z("Front", new J(0, 0, 1e3)), Z("Back", new J(0, 0, -1e3)), Z("Orthographic", new J(1e3, 1e3, 1e3)), Z("UI", new J());
+    const g = new At(60, 1, 50, 5e3);
+    g.name = "Debug", g.position.set(500, 500, 500), g.lookAt(0, 0, 0), r.set("Debug", g), X = r.get(localStorage.getItem(`${n}_tlCam`)), oe = r.get(localStorage.getItem(`${n}_trCam`)), Ge = r.get(localStorage.getItem(`${n}_blCam`)), We = r.get(localStorage.getItem(`${n}_brCam`));
   }, []), Re(() => {
-    const v = () => {
+    const g = () => {
       f.forEach((C) => {
-        p.remove(C), C.dispose();
+        v.remove(C), C.dispose();
       }), f.clear();
     }, b = () => {
       Te.traverse((C) => {
@@ -4275,25 +4281,25 @@ function zi(e) {
           let x;
           switch (C.type) {
             case "DirectionalLight":
-              x = new Ma(C, 100), x.name = `${C.name}Helper`, f.set(C.name, x), p.add(x);
+              x = new Ma(C, 100), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
               break;
             case "HemisphereLight":
-              x = new wa(C, 250), x.name = `${C.name}Helper`, f.set(C.name, x), p.add(x);
+              x = new wa(C, 250), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
               break;
             case "RectAreaLight":
-              x = new yi(C), x.name = `${C.name}Helper`, f.set(C.name, x), p.add(x);
+              x = new yi(C), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
               break;
             case "PointLight":
-              x = new Ca(C, 100), x.name = `${C.name}Helper`, f.set(C.name, x), p.add(x);
+              x = new Ca(C, 100), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
               break;
             case "SpotLight":
-              x = new Sa(C), x.name = `${C.name}Helper`, f.set(C.name, x), p.add(x);
+              x = new Sa(C), x.name = `${C.name}Helper`, f.set(C.name, x), v.add(x);
               break;
           }
         }
       });
     }, M = (C) => {
-      p.add(A), v(), Tt(Te), m.remove(Te);
+      v.add(A), g(), Tt(Te), m.remove(Te);
       const x = e.scenes.get(C.value.name);
       if (x !== void 0) {
         const G = new x();
@@ -4319,32 +4325,32 @@ function zi(e) {
   }, []), Re(() => {
     if (O === null)
       return;
-    let v = window.innerWidth, b = window.innerHeight, M = Math.floor(v / 2), N = Math.floor(b / 2), ve = -1;
+    let g = window.innerWidth, b = window.innerHeight, M = Math.floor(g / 2), N = Math.floor(b / 2), ve = -1;
     const le = () => {
-      v = window.innerWidth - 300, b = window.innerHeight, M = Math.floor(v / 2), N = Math.floor(b / 2), e.three.resize(v, b), e.onSceneResize !== void 0 && Nt && e.onSceneResize(Te, v, b);
-      let _ = v, z = b;
+      g = window.innerWidth - 300, b = window.innerHeight, M = Math.floor(g / 2), N = Math.floor(b / 2), e.three.resize(g, b), e.onSceneResize !== void 0 && Nt && e.onSceneResize(Te, g, b);
+      let _ = g, z = b;
       switch (U) {
         case "Side by Side":
           _ = M, z = b;
           break;
         case "Stacked":
-          _ = v, z = N;
+          _ = g, z = N;
           break;
         case "Quad":
           _ = M, z = N;
           break;
       }
       r.forEach((K) => {
-        K instanceof en ? (K.left = _ / -2, K.right = _ / 2, K.top = z / 2, K.bottom = z / -2, K.name === "UI" && (K.position.x = v / 2, K.position.y = b / -2, K.position.z = 100), K.updateProjectionMatrix()) : K instanceof At && (K.aspect = _ / z, K.updateProjectionMatrix(), u.get(K.name)?.update());
+        K instanceof en ? (K.left = _ / -2, K.right = _ / 2, K.top = z / 2, K.bottom = z / -2, K.name === "UI" && (K.position.x = g / 2, K.position.y = b / -2, K.position.z = 100), K.updateProjectionMatrix()) : K instanceof At && (K.aspect = _ / z, K.updateProjectionMatrix(), u.get(K.name)?.update());
       });
     }, C = () => {
-      O.setViewport(0, 0, v, b), O.setScissor(0, 0, v, b), O.render(m, X);
+      O.setViewport(0, 0, g, b), O.setScissor(0, 0, g, b), O.render(m, X);
     }, x = () => {
       if (U === "Side by Side")
         O.setViewport(0, 0, M, b), O.setScissor(0, 0, M, b), O.render(m, X), O.setViewport(M, 0, M, b), O.setScissor(M, 0, M, b), O.render(m, oe);
       else {
         const _ = b - N;
-        O.setViewport(0, _, v, N), O.setScissor(0, _, v, N), O.render(m, X), O.setViewport(0, 0, v, N), O.setScissor(0, 0, v, N), O.render(m, oe);
+        O.setViewport(0, _, g, N), O.setScissor(0, _, g, N), O.render(m, X), O.setViewport(0, 0, g, N), O.setScissor(0, 0, g, N), O.render(m, oe);
       }
     }, G = () => {
       let _ = 0, z = 0;
@@ -4370,24 +4376,24 @@ function zi(e) {
       }
       ve = requestAnimationFrame(ne);
     };
-    return He(), window.addEventListener("resize", le), le(), ne(), () => {
+    return Ye(), window.addEventListener("resize", le), le(), ne(), () => {
       window.removeEventListener("resize", le), cancelAnimationFrame(ve), ve = -1;
     };
   }, [U, O]), Re(() => {
     if (O !== null) {
-      const v = new Ea(), b = new me(), M = (C, x, G, ne) => {
+      const g = new Ea(), b = new me(), M = (C, x, G, ne) => {
         switch (U) {
           case "Quad":
-            C < G ? x < ne ? v.setFromCamera(b, X) : v.setFromCamera(b, Ge) : x < ne ? v.setFromCamera(b, oe) : v.setFromCamera(b, We);
+            C < G ? x < ne ? g.setFromCamera(b, X) : g.setFromCamera(b, Ge) : x < ne ? g.setFromCamera(b, oe) : g.setFromCamera(b, We);
             break;
           case "Side by Side":
-            C < G ? v.setFromCamera(b, X) : v.setFromCamera(b, oe);
+            C < G ? g.setFromCamera(b, X) : g.setFromCamera(b, oe);
             break;
           case "Single":
-            v.setFromCamera(b, X);
+            g.setFromCamera(b, X);
             break;
           case "Stacked":
-            x < ne ? v.setFromCamera(b, X) : v.setFromCamera(b, oe);
+            x < ne ? g.setFromCamera(b, X) : g.setFromCamera(b, oe);
             break;
         }
       }, N = (C) => {
@@ -4414,7 +4420,7 @@ function zi(e) {
             break;
         }
         M(G, ne, _, z);
-        const Je = v.intersectObjects(Te.children);
+        const Je = g.intersectObjects(Te.children);
         Je.length > 0 && F.position.copy(Je[0].point);
       }, ve = (C) => {
         if (!St)
@@ -4423,7 +4429,7 @@ function zi(e) {
         if (O.getSize(x), C.clientX >= x.x)
           return;
         N(C);
-        const G = v.intersectObjects(Te.children);
+        const G = g.intersectObjects(Te.children);
         G.length > 0 && e.three.getObject(G[0].object.uuid);
       }, le = ge.current;
       return le.addEventListener("mousemove", N, !1), le.addEventListener("click", ve, !1), () => {
@@ -4432,48 +4438,48 @@ function zi(e) {
     }
   }, [U, O]);
   const ue = [];
-  return r.forEach((v, b) => {
+  return r.forEach((g, b) => {
     ue.push(b);
   }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
     /* @__PURE__ */ l.jsx("canvas", { ref: q }),
     O !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsxs("div", { className: `cameras ${U === "Single" || U === "Stacked" ? "single" : ""}`, ref: ge, children: [
-        U === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (v) => {
+        U === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (g) => {
           h.get(X.name)?.dispose();
-          const b = r.get(v);
+          const b = r.get(g);
           b !== void 0 && (Me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), re(b, ce.current));
         } }) }),
         (U === "Side by Side" || U === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (g) => {
             h.get(X.name)?.dispose();
-            const b = r.get(v);
+            const b = r.get(g);
             b !== void 0 && (Me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), re(b, ce.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: _e, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: _e, onSelect: (g) => {
             h.get(oe.name)?.dispose();
-            const b = r.get(v);
+            const b = r.get(g);
             b !== void 0 && (Me(oe), oe = b, localStorage.setItem(`${n}_trCam`, b.name), re(b, _e.current));
           } })
         ] }),
         U === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(qe, { camera: X, options: ue, ref: ce, onSelect: (g) => {
             h.get(X.name)?.dispose();
-            const b = r.get(v);
+            const b = r.get(g);
             b !== void 0 && (Me(X), X = b, localStorage.setItem(`${n}_tlCam`, b.name), re(b, ce.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: _e, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: _e, onSelect: (g) => {
             h.get(oe.name)?.dispose();
-            const b = r.get(v);
+            const b = r.get(g);
             b !== void 0 && (Me(oe), oe = b, localStorage.setItem(`${n}_trCam`, b.name), re(b, _e.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: Ge, options: ue, ref: ke, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(qe, { camera: Ge, options: ue, ref: ke, onSelect: (g) => {
             h.get(Ge.name)?.dispose();
-            const b = r.get(v);
+            const b = r.get(g);
             b !== void 0 && (Me(Ge), Ge = b, localStorage.setItem(`${n}_blCam`, b.name), re(b, ke.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: We, options: ue, ref: be, onSelect: (v) => {
+          /* @__PURE__ */ l.jsx(qe, { camera: We, options: ue, ref: be, onSelect: (g) => {
             h.get(We.name)?.dispose();
-            const b = r.get(v);
+            const b = r.get(g);
             b !== void 0 && (Me(We), We = b, localStorage.setItem(`${n}_brCam`, b.name), re(b, be.current));
           } })
         ] })
@@ -4484,12 +4490,12 @@ function zi(e) {
           {
             index: pe.indexOf(U),
             options: pe,
-            onSelect: (v) => {
-              v !== U && (Ye(), ye(v));
+            onSelect: (g) => {
+              g !== U && (He(), ye(g));
             },
             open: De,
-            onToggle: (v) => {
-              je(v), Pe && Ae(!1), Ie && Be(!1);
+            onToggle: (g) => {
+              je(g), Pe && Ae(!1), Ie && Be(!1);
             }
           }
         ),
@@ -4498,9 +4504,9 @@ function zi(e) {
           {
             index: te.indexOf(xt),
             options: te,
-            onSelect: (v) => {
-              if (v !== xt)
-                switch (xt = v, xt) {
+            onSelect: (g) => {
+              if (g !== xt)
+                switch (xt = g, xt) {
                   case "Depth":
                     m.overrideMaterial = V;
                     break;
@@ -4520,8 +4526,8 @@ function zi(e) {
                 }
             },
             open: Pe,
-            onToggle: (v) => {
-              De && je(!1), Ae(v), Ie && Be(!1);
+            onToggle: (g) => {
+              De && je(!1), Ae(g), Ie && Be(!1);
             }
           }
         ),
@@ -4533,12 +4539,12 @@ function zi(e) {
               "Orbit Mode",
               "Selection Mode"
             ],
-            onSelect: (v) => {
-              St = v === "Selection Mode", F.visible = St;
+            onSelect: (g) => {
+              St = g === "Selection Mode", F.visible = St;
             },
             open: Ie,
-            onToggle: (v) => {
-              De && je(!1), Pe && Ae(!1), Be(v);
+            onToggle: (g) => {
+              De && je(!1), Pe && Ae(!1), Be(g);
             }
           }
         )
@@ -4558,11 +4564,11 @@ export {
   ji as Application,
   Rt as BaseRemote,
   Un as ChildObject,
-  Ha as ContainerObject,
+  Ya as ContainerObject,
   Ga as Draggable,
   za as DraggableItem,
   Wa as Dropdown,
-  Ya as DropdownItem,
+  Ha as DropdownItem,
   Gi as Editor,
   bi as Inspector,
   zi as MultiView,