@tomorrowevening/hermes 0.0.24 → 0.0.26

package/dist/hermes.js

@@ -1,9 +1,9 @@
 var jn = Object.defineProperty;
 var kn = (t, n, a) => n in t ? jn(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a;
 var L = (t, n, a) => (kn(t, typeof n != "symbol" ? n + "" : n, a), a);
-import { PositionalAudio as Dn, EventDispatcher as cn, Texture as ln, CubeTexture as An, RepeatWrapping as Yt, ShaderMaterial as un, GLSL3 as In, DoubleSide as Ln, Color as Bt, Mesh as Nn, PlaneGeometry as Fn, Matrix4 as Un, Vector3 as Y, Euler as Bn, Ray as $n, Plane as Gn, MathUtils as Vn, MOUSE as We, TOUCH as Ke, Quaternion as Wt, Spherical as Kt, Vector2 as de, PerspectiveCamera as Lt, MeshDepthMaterial as Hn, MeshNormalMaterial as zn, MeshBasicMaterial as Yn, OrthographicCamera as dn, Scene as fn, Group as Wn, AxesHelper as hn, WebGLRenderer as Kn, Raycaster as Xn, CameraHelper as qn } from "three";
+import { PositionalAudio as An, EventDispatcher as cn, Texture as ln, CubeTexture as Dn, RepeatWrapping as Wt, ShaderMaterial as un, GLSL3 as In, DoubleSide as Ln, Color as $t, Mesh as Nn, PlaneGeometry as Fn, Matrix4 as Un, Vector3 as Y, Euler as Bn, Ray as $n, Plane as Gn, MathUtils as Vn, MOUSE as We, TOUCH as Ke, Quaternion as Kt, Spherical as Xt, Vector2 as de, PerspectiveCamera as Nt, MeshDepthMaterial as zn, MeshNormalMaterial as Hn, MeshBasicMaterial as Yn, OrthographicCamera as dn, Scene as fn, Group as Wn, AxesHelper as hn, WebGLRenderer as Kn, Raycaster as Xn, CameraHelper as qn } from "three";
 import { getProject as Zn, createRafDriver as Jn } from "@theatre/core";
-import st from "@theatre/studio";
+import ct from "@theatre/studio";
 import { Pane as Qn } from "tweakpane";
 import * as ea from "@tweakpane/plugin-essentials";
 import pn, { useState as oe, useRef as Ce, useEffect as Fe, Component as ta, forwardRef as na } from "react";
@@ -22,23 +22,23 @@ function ia(t) {
   return t.r !== void 0 && t.g !== void 0 && t.b !== void 0;
 }
 function ra(t) {
-  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (d) => {
-    const p = d.toString(16);
+  const n = Math.round(t.r * 255), a = Math.round(t.g * 255), e = Math.round(t.b * 255), r = (u) => {
+    const p = u.toString(16);
     return p.length === 1 ? "0" + p : p;
-  }, s = r(n), u = r(a), l = r(e);
-  return "#" + s + u + l;
+  }, s = r(n), d = r(a), l = r(e);
+  return "#" + s + d + l;
 }
-function kt(t, n = 1) {
+function At(t, n = 1) {
   return Number(t.toFixed(n));
 }
-let Nt = 0;
+let Ft = 0;
 const oa = () => {
-  Nt = 0;
+  Ft = 0;
 }, gn = (t) => {
   if (!t)
     return;
   let n = t.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${Nt}`, Nt++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
+  n.length === 0 && (n = `obj_${Ft}`, Ft++), t.parent !== null && (n = `${t.parent.uuid}.${n}`), t.uuid = n, t.children.forEach((a) => {
     gn(a);
   });
 }, fi = (t) => {
@@ -50,7 +50,7 @@ const oa = () => {
   if (t) {
     for (; t.children.length > 0; ) {
       const a = t.children[0];
-      a instanceof Dn ? (a.pause(), a.parent && a.parent.remove(a)) : vn(a);
+      a instanceof An ? (a.pause(), a.parent && a.parent.remove(a)) : vn(a);
     }
     if (t.parent && t.parent.remove(t), t.isMesh) {
       const a = t;
@@ -130,7 +130,7 @@ const _ = new cn(), j = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Ot {
+class Tt {
   constructor(n) {
     L(this, "app");
     this.app = n;
@@ -138,7 +138,7 @@ class Ot {
   dispose() {
   }
 }
-class ca extends Ot {
+class ca extends Tt {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -171,7 +171,7 @@ function la(t, n) {
   }
 }
 const bn = () => {
-}, qe = class qe extends Ot {
+}, Ze = class Ze extends Tt {
   constructor() {
     super(...arguments);
     L(this, "project");
@@ -226,13 +226,13 @@ const bn = () => {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const u = this.sheet(a);
-    if (u === void 0)
+    const d = this.sheet(a);
+    if (d === void 0)
       return;
     const l = `${a}_${e}`;
-    let d = this.sheetObjects.get(l);
-    d !== void 0 ? d = u.object(e, { ...r, ...d.value }, { reconfigure: !0 }) : d = u.object(e, r), this.sheetObjects.set(l, d), this.sheetObjectCBs.set(l, s !== void 0 ? s : bn);
-    const p = d.onValuesChange((v) => {
+    let u = this.sheetObjects.get(l);
+    u !== void 0 ? u = d.object(e, { ...r, ...u.value }, { reconfigure: !0 }) : u = d.object(e, r), this.sheetObjects.set(l, u), this.sheetObjectCBs.set(l, s !== void 0 ? s : bn);
+    const p = u.onValuesChange((v) => {
       if (this.app.editor) {
         for (const x in v) {
           const C = v[x];
@@ -256,7 +256,7 @@ const bn = () => {
       const E = this.sheetObjectCBs.get(l);
       E !== void 0 && E(v);
     });
-    return this.sheetObjectUnsubscribe.set(l, p), d;
+    return this.sheetObjectUnsubscribe.set(l, p), u;
   }
   unsubscribe(a) {
     if (this.project === void 0) {
@@ -265,15 +265,15 @@ const bn = () => {
     }
     const e = a.address.sheetId, r = a.address.objectKey, s = this.sheets.get(e);
     s == null || s.detachObject(r);
-    const u = `${e}_${r}`, l = this.sheetObjectUnsubscribe.get(u);
-    l !== void 0 && (this.sheetObjects.delete(u), this.sheetObjectCBs.delete(u), this.sheetObjectUnsubscribe.delete(u), l());
+    const d = `${e}_${r}`, l = this.sheetObjectUnsubscribe.get(d);
+    l !== void 0 && (this.sheetObjects.delete(d), this.sheetObjectCBs.delete(d), this.sheetObjectUnsubscribe.delete(d), l());
   }
   static getRafDriver() {
-    return qe.rafDriver || (qe.rafDriver = Jn()), qe.rafDriver;
+    return Ze.rafDriver || (Ze.rafDriver = Jn()), Ze.rafDriver;
   }
 };
-L(qe, "rafDriver", null);
-let Ue = qe, Me;
+L(Ze, "rafDriver", null);
+let Ue = Ze, Me;
 function ua(t, n) {
   t.components.forEach((a) => {
     if (a instanceof Ue) {
@@ -281,10 +281,10 @@ function ua(t, n) {
       const r = a;
       switch (n.event) {
         case "setSheet":
-          e = r.sheets.get(n.data.sheet), e !== void 0 && (Me = e, st.setSelection([e]));
+          e = r.sheets.get(n.data.sheet), e !== void 0 && (Me = e, ct.setSelection([e]));
           break;
         case "setSheetObject":
-          e = r.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), e !== void 0 && st.setSelection([e]);
+          e = r.sheetObjects.get(`${n.data.sheet}_${n.data.key}`), e !== void 0 && ct.setSelection([e]);
           break;
         case "updateSheetObject":
           e = r.sheets.get(n.data.sheet), e !== void 0 && e.sequence.pause(), e = r.sheetObjectCBs.get(n.data.sheetObject), e !== void 0 && e(n.data.values);
@@ -301,24 +301,24 @@ function da(t) {
     let n;
     t.components.forEach((s) => {
       s instanceof Ue && (n = s);
-    }), st.ui.restore(), st.onSelectionChange((s) => {
-      s.length < 1 || s.forEach((u) => {
-        let l = u.address.sheetId, d = "setSheet", p = {};
-        switch (u.type) {
+    }), ct.ui.restore(), ct.onSelectionChange((s) => {
+      s.length < 1 || s.forEach((d) => {
+        let l = d.address.sheetId, u = "setSheet", p = {};
+        switch (d.type) {
           case "Theatre_Sheet_PublicAPI":
-            d = "setSheet", p = {
-              sheet: u.address.sheetId
-            }, Me = n.sheets.get(u.address.sheetId);
+            u = "setSheet", p = {
+              sheet: d.address.sheetId
+            }, Me = n.sheets.get(d.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            d = "setSheetObject", l += `_${u.address.objectKey}`, p = {
+            u = "setSheetObject", l += `_${d.address.objectKey}`, p = {
               id: l,
-              sheet: u.address.sheetId,
-              key: u.address.objectKey
+              sheet: d.address.sheetId,
+              key: d.address.objectKey
             };
             break;
         }
-        t.send({ event: d, target: "app", data: p });
+        t.send({ event: u, target: "app", data: p });
       });
     });
     let a = 0;
@@ -340,7 +340,7 @@ function da(t) {
     };
     e(), r();
   } else
-    st.ui.hide();
+    ct.ui.hide();
 }
 function fa(t, n) {
   t.editor && t.components.forEach((a) => {
@@ -404,7 +404,7 @@ function ma(t) {
   }
   return !1;
 }
-function Xt(t) {
+function Xe(t) {
   const n = {};
   for (const a in t) {
     if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || ma(a))
@@ -423,7 +423,7 @@ function Xt(t) {
               const s = r.source.toJSON();
               n[a] = { src: s.url };
             } else
-              r instanceof An && (console.log("env map"), console.log(r.source.data), console.log(r.source.toJSON()), n[a] = { src: "" });
+              r instanceof Dn && (console.log("env map"), console.log(r.source.data), console.log(r.source.toJSON()), n[a] = { src: "" });
           else
             a === "uniforms" && (n[a] = pa(n[a]));
         else
@@ -460,10 +460,28 @@ function Dt(t) {
     if (Array.isArray(e.material)) {
       const r = [];
       e.material.forEach((s) => {
-        r.push(Xt(s));
+        r.push(Xe(s));
       }), n.material = r;
     } else
-      n.material = Xt(e.material);
+      n.material = Xe(e.material);
+  } else if (a.search("points") > -1) {
+    const e = t;
+    if (Array.isArray(e.material)) {
+      const r = [];
+      e.material.forEach((s) => {
+        r.push(Xe(s));
+      }), n.material = r;
+    } else
+      n.material = Xe(e.material);
+  } else if (a.search("line") > -1) {
+    const e = t;
+    if (Array.isArray(e.material)) {
+      const r = [];
+      e.material.forEach((s) => {
+        r.push(Xe(s));
+      }), n.material = r;
+    } else
+      n.material = Xe(e.material);
   } else
     a.search("camera") > -1 ? t.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: t.fov,
@@ -513,28 +531,29 @@ function Q(t, n, a) {
       break;
   }
 }
-function Ft(t) {
+function Ut(t) {
   return new Promise((n, a) => {
     const e = new Image();
     e.onload = () => {
       const r = new ln(e);
-      r.wrapS = Yt, r.wrapT = Yt, r.needsUpdate = !0, n(r);
+      r.wrapS = Wt, r.wrapT = Wt, r.needsUpdate = !0, n(r);
     }, e.onerror = a, e.src = t;
   });
 }
-class ga extends Ot {
+class ga extends Tt {
   constructor() {
     super(...arguments);
     L(this, "scene");
   }
   getObject(a) {
-    this.app.debugEnabled && this.app.send({
+    this.app.debugEnabled && (console.log("get:", a), this.app.send({
       event: "getObject",
       target: "app",
       data: a
-    });
+    }));
   }
   setObject(a) {
+    console.log("set:", a);
     const e = Dt(a);
     this.app.send({
       event: "setObject",
@@ -639,7 +658,7 @@ function ba(t, n) {
       break;
   }
 }
-class En extends Ot {
+class En extends Tt {
   constructor(a) {
     super(a);
     L(this, "bindCBs");
@@ -678,13 +697,13 @@ class En extends Ot {
   }
   // Binding
   bind(a, e, r, s = void 0) {
-    const u = this.bindID, l = r.onChange !== void 0 ? r.onChange : bn;
-    this.bindCBs.set(u, l), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (p) => {
+    const d = this.bindID, l = r.onChange !== void 0 ? r.onChange : bn;
+    this.bindCBs.set(d, l), this.app.editor ? (this.pane === void 0 && this.createGUI(), (s !== void 0 ? s : this.pane).addBinding(a, e, r).on("change", (p) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: u,
+          id: d,
           value: p.value
         }
       });
@@ -692,7 +711,7 @@ class En extends Ot {
       event: "bindObject",
       target: "app",
       data: {
-        id: u,
+        id: d,
         name: e,
         params: r,
         parent: s
@@ -764,7 +783,7 @@ function ya(t, n) {
     }
   });
 }
-var Ut = { exports: {} }, it = {};
+var Bt = { exports: {} }, rt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -777,22 +796,22 @@ var Ut = { exports: {} }, it = {};
 var qt;
 function Ea() {
   if (qt)
-    return it;
+    return rt;
   qt = 1;
   var t = pn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), e = Object.prototype.hasOwnProperty, r = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(l, d, p) {
+  function d(l, u, p) {
     var v, E = {}, x = null, C = null;
-    p !== void 0 && (x = "" + p), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (C = d.ref);
-    for (v in d)
-      e.call(d, v) && !s.hasOwnProperty(v) && (E[v] = d[v]);
+    p !== void 0 && (x = "" + p), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (C = u.ref);
+    for (v in u)
+      e.call(u, v) && !s.hasOwnProperty(v) && (E[v] = u[v]);
     if (l && l.defaultProps)
-      for (v in d = l.defaultProps, d)
-        E[v] === void 0 && (E[v] = d[v]);
+      for (v in u = l.defaultProps, u)
+        E[v] === void 0 && (E[v] = u[v]);
     return { $$typeof: n, type: l, key: x, ref: C, props: E, _owner: r.current };
   }
-  return it.Fragment = a, it.jsx = u, it.jsxs = u, it;
+  return rt.Fragment = a, rt.jsx = d, rt.jsxs = d, rt;
 }
-var rt = {};
+var ot = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -805,7 +824,7 @@ var rt = {};
 var Zt;
 function wa() {
   return Zt || (Zt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = pn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), M = Symbol.iterator, V = "@@iterator";
+    var t = pn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), M = Symbol.iterator, V = "@@iterator";
     function se(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -833,7 +852,7 @@ function wa() {
     var fe = !1, le = !1, ee = !1, f = !1, m = !1, b;
     b = Symbol.for("react.module.reference");
     function O(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === r || i === p || i === v || f || i === C || fe || le || ee || typeof i == "object" && i !== null && (i.$$typeof === x || i.$$typeof === E || i.$$typeof === u || i.$$typeof === l || i.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === e || i === s || m || i === r || i === p || i === v || f || i === C || fe || le || ee || typeof i == "object" && i !== null && (i.$$typeof === x || i.$$typeof === E || i.$$typeof === d || i.$$typeof === l || i.$$typeof === u || // 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.
@@ -875,10 +894,10 @@ function wa() {
           case l:
             var h = i;
             return G(h) + ".Consumer";
-          case u:
+          case d:
             var g = i;
             return G(g._context) + ".Provider";
-          case d:
+          case u:
             return $(i, i.render, "ForwardRef");
           case E:
             var w = i.displayName || null;
@@ -894,18 +913,18 @@ function wa() {
         }
       return null;
     }
-    var A = Object.assign, B = 0, J, R, I, q, me, Re, Ze;
-    function ut() {
+    var D = Object.assign, B = 0, J, R, I, q, me, Re, Je;
+    function dt() {
     }
-    ut.__reactDisabledLog = !0;
-    function Mt() {
+    dt.__reactDisabledLog = !0;
+    function Rt() {
       {
         if (B === 0) {
-          J = console.log, R = console.info, I = console.warn, q = console.error, me = console.group, Re = console.groupCollapsed, Ze = console.groupEnd;
+          J = console.log, R = console.info, I = console.warn, q = console.error, me = console.group, Re = console.groupCollapsed, Je = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
-            value: ut,
+            value: dt,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -921,7 +940,7 @@ function wa() {
         B++;
       }
     }
-    function Rt() {
+    function Pt() {
       {
         if (B--, B === 0) {
           var i = {
@@ -930,52 +949,52 @@ function wa() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: A({}, i, {
+            log: D({}, i, {
               value: J
             }),
-            info: A({}, i, {
+            info: D({}, i, {
               value: R
             }),
-            warn: A({}, i, {
+            warn: D({}, i, {
               value: I
             }),
-            error: A({}, i, {
+            error: D({}, i, {
               value: q
             }),
-            group: A({}, i, {
+            group: D({}, i, {
               value: me
             }),
-            groupCollapsed: A({}, i, {
+            groupCollapsed: D({}, i, {
               value: Re
             }),
-            groupEnd: A({}, i, {
-              value: Ze
+            groupEnd: D({}, i, {
+              value: Je
             })
           });
         }
         B < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Je = K.ReactCurrentDispatcher, Qe;
+    var Qe = K.ReactCurrentDispatcher, et;
     function Pe(i, h, g) {
       {
-        if (Qe === void 0)
+        if (et === void 0)
           try {
             throw Error();
           } catch (k) {
             var w = k.stack.trim().match(/\n( *(at )?)/);
-            Qe = w && w[1] || "";
+            et = w && w[1] || "";
           }
         return `
-` + Qe + i;
+` + et + i;
       }
     }
     var Ge = !1, _e;
     {
-      var Pt = typeof WeakMap == "function" ? WeakMap : Map;
-      _e = new Pt();
+      var _t = typeof WeakMap == "function" ? WeakMap : Map;
+      _e = new _t();
     }
-    function dt(i, h) {
+    function ft(i, h) {
       if (!i || Ge)
         return "";
       {
@@ -988,7 +1007,7 @@ function wa() {
       var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = Je.current, Je.current = null, Mt();
+      F = Qe.current, Qe.current = null, Rt();
       try {
         if (h) {
           var P = function() {
@@ -1041,15 +1060,15 @@ function wa() {
             }
         }
       } finally {
-        Ge = !1, Je.current = F, Rt(), Error.prepareStackTrace = k;
+        Ge = !1, Qe.current = F, Pt(), Error.prepareStackTrace = k;
       }
-      var Ye = i ? i.displayName || i.name : "", zt = Ye ? Pe(Ye) : "";
-      return typeof i == "function" && _e.set(i, zt), zt;
+      var Ye = i ? i.displayName || i.name : "", Yt = Ye ? Pe(Ye) : "";
+      return typeof i == "function" && _e.set(i, Yt), Yt;
     }
-    function ft(i, h, g) {
-      return dt(i, !1);
+    function ht(i, h, g) {
+      return ft(i, !1);
     }
-    function ht(i) {
+    function pt(i) {
       var h = i.prototype;
       return !!(h && h.isReactComponent);
     }
@@ -1057,7 +1076,7 @@ function wa() {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return dt(i, ht(i));
+        return ft(i, pt(i));
       if (typeof i == "string")
         return Pe(i);
       switch (i) {
@@ -1068,8 +1087,8 @@ function wa() {
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case d:
-            return ft(i.render);
+          case u:
+            return ht(i.render);
           case E:
             return je(i.type, h, g);
           case x: {
@@ -1082,13 +1101,13 @@ function wa() {
         }
       return "";
     }
-    var Ve = Object.prototype.hasOwnProperty, pt = {}, et = K.ReactDebugCurrentFrame;
+    var Ve = Object.prototype.hasOwnProperty, mt = {}, tt = K.ReactDebugCurrentFrame;
     function Se(i) {
       if (i) {
         var h = i._owner, g = je(i.type, i._source, h ? h.type : null);
-        et.setExtraStackFrame(g);
+        tt.setExtraStackFrame(g);
       } else
-        et.setExtraStackFrame(null);
+        tt.setExtraStackFrame(null);
     }
     function ke(i, h, g, w, k) {
       {
@@ -1105,40 +1124,40 @@ function wa() {
             } catch (W) {
               T = W;
             }
-            T && !(T instanceof Error) && (Se(k), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", g, P, typeof T), Se(null)), T instanceof Error && !(T.message in pt) && (pt[T.message] = !0, Se(k), S("Failed %s type: %s", g, T.message), Se(null));
+            T && !(T instanceof Error) && (Se(k), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", g, P, typeof T), Se(null)), T instanceof Error && !(T.message in mt) && (mt[T.message] = !0, Se(k), S("Failed %s type: %s", g, T.message), Se(null));
           }
       }
     }
-    var _t = Array.isArray;
-    function tt(i) {
-      return _t(i);
+    var jt = Array.isArray;
+    function nt(i) {
+      return jt(i);
     }
-    function mt(i) {
+    function gt(i) {
       {
         var h = typeof Symbol == "function" && Symbol.toStringTag, g = h && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return g;
       }
     }
-    function nt(i) {
+    function at(i) {
       try {
-        return gt(i), !1;
+        return vt(i), !1;
       } catch {
         return !0;
       }
     }
-    function gt(i) {
+    function vt(i) {
       return "" + i;
     }
-    function vt(i) {
-      if (nt(i))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mt(i)), gt(i);
+    function bt(i) {
+      if (at(i))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gt(i)), vt(i);
     }
-    var Oe = K.ReactCurrentOwner, jt = {
+    var Oe = K.ReactCurrentOwner, kt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, bt, at, ve;
+    }, yt, it, ve;
     ve = {};
     function o(i) {
       if (Ve.call(i, "ref")) {
@@ -1156,7 +1175,7 @@ function wa() {
       }
       return i.key !== void 0;
     }
-    function D(i, h) {
+    function A(i, h) {
       if (typeof i.ref == "string" && Oe.current && h && Oe.current.stateNode !== h) {
         var g = U(Oe.current.type);
         ve[g] || (S('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(Oe.current.type), i.ref), ve[g] = !0);
@@ -1165,7 +1184,7 @@ function wa() {
     function N(i, h) {
       {
         var g = function() {
-          bt || (bt = !0, S("%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)", h));
+          yt || (yt = !0, S("%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)", h));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: g,
@@ -1176,7 +1195,7 @@ function wa() {
     function te(i, h) {
       {
         var g = function() {
-          at || (at = !0, S("%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)", h));
+          it || (it = !0, S("%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)", h));
         };
         g.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: g,
@@ -1216,9 +1235,9 @@ function wa() {
     function ue(i, h, g, w, k) {
       {
         var F, P = {}, T = null, ce = null;
-        g !== void 0 && (vt(g), T = "" + g), y(h) && (vt(h.key), T = "" + h.key), o(h) && (ce = h.ref, D(h, k));
+        g !== void 0 && (bt(g), T = "" + g), y(h) && (bt(h.key), T = "" + h.key), o(h) && (ce = h.ref, A(h, k));
         for (F in h)
-          Ve.call(h, F) && !jt.hasOwnProperty(F) && (P[F] = h[F]);
+          Ve.call(h, F) && !kt.hasOwnProperty(F) && (P[F] = h[F]);
         if (i && i.defaultProps) {
           var W = i.defaultProps;
           for (F in W)
@@ -1231,23 +1250,23 @@ function wa() {
         return be(i, T, ce, k, w, Oe.current, P);
       }
     }
-    var yt = K.ReactCurrentOwner, Et = K.ReactDebugCurrentFrame;
+    var Et = K.ReactCurrentOwner, wt = K.ReactDebugCurrentFrame;
     function ye(i) {
       if (i) {
         var h = i._owner, g = je(i.type, i._source, h ? h.type : null);
-        Et.setExtraStackFrame(g);
+        wt.setExtraStackFrame(g);
       } else
-        Et.setExtraStackFrame(null);
+        wt.setExtraStackFrame(null);
     }
     var he;
     he = !1;
     function pe(i) {
       return typeof i == "object" && i !== null && i.$$typeof === n;
     }
-    function He() {
+    function ze() {
       {
-        if (yt.current) {
-          var i = U(yt.current.type);
+        if (Et.current) {
+          var i = U(Et.current.type);
           if (i)
             return `
 
@@ -1256,7 +1275,7 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function De(i) {
+    function Ae(i) {
       {
         if (i !== void 0) {
           var h = i.fileName.replace(/^.*[\\\/]/, ""), g = i.lineNumber;
@@ -1268,9 +1287,9 @@ Check your code at ` + h + ":" + g + ".";
       }
     }
     var Te = {};
-    function ze(i) {
+    function He(i) {
       {
-        var h = He();
+        var h = ze();
         if (!h) {
           var g = typeof i == "string" ? i : i.displayName || i.name;
           g && (h = `
@@ -1280,27 +1299,27 @@ Check the top-level render call using <` + g + ">.");
         return h;
       }
     }
-    function Gt(i, h) {
+    function Vt(i, h) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var g = ze(h);
+        var g = He(h);
         if (Te[g])
           return;
         Te[g] = !0;
         var w = "";
-        i && i._owner && i._owner !== yt.current && (w = " It was passed a child from " + U(i._owner.type) + "."), ye(i), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, w), ye(null);
+        i && i._owner && i._owner !== Et.current && (w = " It was passed a child from " + U(i._owner.type) + "."), ye(i), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, w), ye(null);
       }
     }
-    function Vt(i, h) {
+    function zt(i, h) {
       {
         if (typeof i != "object")
           return;
-        if (tt(i))
+        if (nt(i))
           for (var g = 0; g < i.length; g++) {
             var w = i[g];
-            pe(w) && Gt(w, h);
+            pe(w) && Vt(w, h);
           }
         else if (pe(i))
           i._store && (i._store.validated = !0);
@@ -1308,7 +1327,7 @@ Check the top-level render call using <` + g + ">.");
           var k = se(i);
           if (typeof k == "function" && k !== i.entries)
             for (var F = k.call(i), P; !(P = F.next()).done; )
-              pe(P.value) && Gt(P.value, h);
+              pe(P.value) && Vt(P.value, h);
         }
       }
     }
@@ -1320,7 +1339,7 @@ Check the top-level render call using <` + g + ">.");
         var g;
         if (typeof h == "function")
           g = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === d || // Note: Memo only checks outer props here.
+        else if (typeof h == "object" && (h.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         h.$$typeof === E))
           g = h.propTypes;
@@ -1355,10 +1374,10 @@ Check the top-level render call using <` + g + ">.");
         if (!P) {
           var T = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (T += " 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 ce = De(k);
-          ce ? T += ce : T += He();
+          var ce = Ae(k);
+          ce ? T += ce : T += ze();
           var W;
-          i === null ? W = "null" : tt(i) ? W = "array" : i !== void 0 && i.$$typeof === n ? (W = "<" + (U(i.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : W = typeof i, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, T);
+          i === null ? W = "null" : nt(i) ? W = "array" : i !== void 0 && i.$$typeof === n ? (W = "<" + (U(i.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : W = typeof i, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, T);
         }
         var Z = ue(i, h, g, k, F);
         if (Z == null)
@@ -1367,14 +1386,14 @@ Check the top-level render call using <` + g + ">.");
           var ge = h.children;
           if (ge !== void 0)
             if (w)
-              if (tt(ge)) {
+              if (nt(ge)) {
                 for (var Ye = 0; Ye < ge.length; Ye++)
-                  Vt(ge[Ye], i);
+                  zt(ge[Ye], i);
                 Object.freeze && Object.freeze(ge);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Vt(ge, i);
+              zt(ge, i);
         }
         return i === e ? Tn(Z) : On(Z), Z;
       }
@@ -1386,11 +1405,11 @@ Check the top-level render call using <` + g + ">.");
       return Ht(i, h, g, !1);
     }
     var Pn = Rn, _n = Mn;
-    rt.Fragment = e, rt.jsx = Pn, rt.jsxs = _n;
-  }()), rt;
+    ot.Fragment = e, ot.jsx = Pn, ot.jsxs = _n;
+  }()), ot;
 }
-process.env.NODE_ENV === "production" ? Ut.exports = Ea() : Ut.exports = wa();
-var c = Ut.exports;
+process.env.NODE_ENV === "production" ? Bt.exports = Ea() : Bt.exports = wa();
+var c = Bt.exports;
 function wn(t) {
   return t.title.search("<") > -1 ? /* @__PURE__ */ c.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: t.title } }) : /* @__PURE__ */ c.jsx("button", { children: t.title });
 }
@@ -1418,23 +1437,23 @@ function Sa(t) {
 function Oa(t) {
   const [n, a] = oe(!1), [e, r] = oe(t.options), s = (p) => {
     t.onDragComplete(p), r(p);
-  }, u = (p) => {
+  }, d = (p) => {
     const v = [...e];
     v.splice(p, 1), s(v);
   }, l = [];
   e.forEach((p, v) => {
-    l.push(/* @__PURE__ */ c.jsx(Sa, { index: v, title: p, onDelete: u }, p));
+    l.push(/* @__PURE__ */ c.jsx(Sa, { index: v, title: p, onDelete: d }, p));
   });
-  let d = "dropdown draggable";
-  return t.subdropdown && (d += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: d, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+  let u = "dropdown draggable";
+  return t.subdropdown && (u += " subdropdown"), /* @__PURE__ */ c.jsxs("div", { className: u, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
     /* @__PURE__ */ c.jsx(wn, { title: t.title }),
     /* @__PURE__ */ c.jsx(mn.Group, { axis: "y", values: e, onReorder: s, style: { visibility: n ? "visible" : "hidden" }, children: l })
   ] });
 }
 function Ta(t) {
   const [n, a] = oe(!1), e = [];
-  t.options.map((s, u) => {
-    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(Ma, { option: s }, u));
+  t.options.map((s, d) => {
+    t.onSelect !== void 0 && (s.onSelect = t.onSelect), e.push(/* @__PURE__ */ c.jsx(Ma, { option: s }, d));
   });
   let r = "dropdown";
   return t.subdropdown && (r += " subdropdown"), /* @__PURE__ */ c.jsxs(
@@ -1504,14 +1523,14 @@ function pi(t) {
     s instanceof ca ? n.push(la) : s instanceof Ue ? (n.push(ua), a.push(fa), da(t)) : s instanceof ga ? (n.push(va), a.push(ba)) : s instanceof En && n.push(ya);
   });
   function e(s) {
-    switch (n.forEach((u) => u(t, s)), s.event) {
+    switch (n.forEach((d) => d(t, s)), s.event) {
       case "custom":
         _.dispatchEvent({ type: j.CUSTOM, value: s.data });
         break;
     }
   }
   function r(s) {
-    switch (a.forEach((u) => u(t, s)), s.event) {
+    switch (a.forEach((d) => d(t, s)), s.event) {
       case "custom":
         _.dispatchEvent({ type: j.CUSTOM, value: s.data });
         break;
@@ -1615,7 +1634,7 @@ class _a extends un {
           value: (n == null ? void 0 : n.divisions) !== void 0 ? n == null ? void 0 : n.divisions : 10
         },
         uColor: {
-          value: (n == null ? void 0 : n.color) !== void 0 ? n == null ? void 0 : n.color : new Bt(16777215)
+          value: (n == null ? void 0 : n.color) !== void 0 ? n == null ? void 0 : n.color : new $t(16777215)
         },
         uDistance: {
           value: (n == null ? void 0 : n.distance) !== void 0 ? n == null ? void 0 : n.distance : 1e4
@@ -1675,7 +1694,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Da = `
+}`, Aa = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -1684,18 +1703,18 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Aa extends un {
+class Da extends un {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
       vertexShader: ka,
-      fragmentShader: Da
+      fragmentShader: Aa
     });
   }
 }
-function $t(t) {
+function Gt(t) {
   const [n, a] = oe(t.open !== void 0 ? t.open : !0), e = !n || t.children === void 0;
   return /* @__PURE__ */ c.jsxs("div", { className: `accordion ${e ? "hide" : ""}`, children: [
     /* @__PURE__ */ c.jsxs(
@@ -1775,7 +1794,7 @@ function Be(t) {
       /* @__PURE__ */ c.jsx(Be, { title: a.title, items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ c.jsx(
-        ot,
+        st,
         {
           title: a.title,
           prop: a.prop,
@@ -1792,12 +1811,12 @@ function Be(t) {
         Math.random()
       )
     );
-  }), /* @__PURE__ */ c.jsx($t, { label: t.title, open: t.expanded === !0, children: n });
+  }), /* @__PURE__ */ c.jsx(Gt, { label: t.title, open: t.expanded === !0, children: n });
 }
 function Fa(t) {
-  return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "side" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 5) === "blend" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
+  return !(t === "alphaHash" || t === "alphaToCoverage" || t === "attenuationDistance" || t === "colorWrite" || t === "combine" || t === "defaultAttributeValues" || t === "depthFunc" || t === "forceSinglePass" || t === "glslVersion" || t === "linecap" || t === "linejoin" || t === "linewidth" || t === "normalMapType" || t === "precision" || t === "premultipliedAlpha" || t === "shadowSide" || t === "side" || t === "toneMapped" || t === "uniformsGroups" || t === "uniformsNeedUpdate" || t === "userData" || t === "vertexColors" || t === "version" || t === "wireframeLinecap" || t === "wireframeLinejoin" || t === "wireframeLinewidth" || t.slice(0, 5) === "blend" || t.slice(0, 4) === "clip" || t.slice(0, 7) === "polygon" || t.slice(0, 7) === "stencil" || t.slice(0, 2) === "is");
 }
-function Ae(t) {
+function De(t) {
   switch (t) {
     case "alphaMap":
       return "Alpha Map";
@@ -1911,6 +1930,10 @@ function Ae(t) {
       return "Sheen Roughness Map";
     case "shininess":
       return "Shininess";
+    case "size":
+      return "Size";
+    case "sizeAttenuation":
+      return "Size Attenuation";
     case "specular":
       return "Specular";
     case "specularColor":
@@ -1969,45 +1992,45 @@ function Jt(t, n, a) {
   for (const r in t) {
     if (!Fa(r))
       continue;
-    const s = typeof t[r], u = t[r];
+    const s = typeof t[r], d = t[r];
     if (s === "boolean" || s === "number" || s === "string") {
       const l = {
-        title: Ae(r),
+        title: De(r),
         prop: r,
         type: s,
-        value: u,
+        value: d,
         min: void 0,
         max: void 0,
-        onChange: (d, p) => {
+        onChange: (u, p) => {
           var E;
-          a.updateObject(n.uuid, `material.${d}`, p), s === "boolean" && a.updateObject(n.uuid, "material.needsUpdate", !0);
+          a.updateObject(n.uuid, `material.${u}`, p), s === "boolean" && a.updateObject(n.uuid, "material.needsUpdate", !0);
           const v = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
-          v !== void 0 && Q(v, `material.${d}`, p);
+          v !== void 0 && Q(v, `material.${u}`, p);
         }
       };
-      Ua(r) && (l.value = Number(u), l.type = "range", l.min = 0, l.max = 1, l.step = 0.01), e.push(l);
+      Ua(r) && (l.value = Number(d), l.type = "range", l.min = 0, l.max = 1, l.step = 0.01), e.push(l);
     } else if (s === "object")
-      if (u.isColor)
+      if (d.isColor)
         e.push({
-          title: Ae(r),
+          title: De(r),
           prop: r,
           type: "color",
-          value: u,
-          onChange: (l, d) => {
+          value: d,
+          onChange: (l, u) => {
             var E;
-            const p = new Bt(d);
+            const p = new $t(u);
             a.updateObject(n.uuid, `material.${l}`, p);
             const v = (E = a.scene) == null ? void 0 : E.getObjectByProperty("uuid", n.uuid);
             v !== void 0 && Q(v, `material.${l}`, p);
           }
         });
-      else if (Array.isArray(u)) {
+      else if (Array.isArray(d)) {
         const l = [];
-        for (const d in u)
+        for (const u in d)
           l.push({
-            title: `${d}`,
-            type: `${typeof u[d]}`,
-            value: u[d],
+            title: `${u}`,
+            type: `${typeof d[u]}`,
+            value: d[u],
             onChange: (p, v) => {
               var x;
               a.updateObject(n.uuid, `material.${r}`, v);
@@ -2016,76 +2039,76 @@ function Jt(t, n, a) {
             }
           });
         e.push({
-          title: Ae(r),
+          title: De(r),
           items: l
         });
       } else {
         const l = [];
-        for (const d in u) {
-          const p = u[d];
+        for (const u in d) {
+          const p = d[u];
           switch (typeof p) {
             case "boolean":
             case "number":
             case "string":
-              d === "src" ? e.push({
-                title: Ae(r),
+              u === "src" ? e.push({
+                title: De(r),
                 type: "image",
                 value: p,
                 onChange: (E, x) => {
                   var M;
                   a.createTexture(n.uuid, `material.${r}`, x);
                   const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
-                  C !== void 0 && Ft(x).then((V) => {
+                  C !== void 0 && Ut(x).then((V) => {
                     Q(C, `material.${r}`, V), Q(C, "material.needsUpdate", !0);
                   });
                 }
               }) : l.push({
-                title: `${Ae(d)}`,
-                prop: `material.${r}.${d}`,
-                type: `${typeof t[r][d]}`,
-                value: u[d],
+                title: `${De(u)}`,
+                prop: `material.${r}.${u}`,
+                type: `${typeof t[r][u]}`,
+                value: d[u],
                 onChange: (E, x) => {
                   var M;
-                  a.updateObject(n.uuid, `material.${r}.${d}`, x);
+                  a.updateObject(n.uuid, `material.${r}.${u}`, x);
                   const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
-                  C !== void 0 && Q(C, `material.${r}.${d}`, x);
+                  C !== void 0 && Q(C, `material.${r}.${u}`, x);
                 }
               });
               break;
             case "object":
               p.value !== void 0 && p.value.src !== void 0 ? l.push({
-                title: Ae(d),
+                title: De(u),
                 type: "image",
                 value: p.value.src,
                 onChange: (E, x) => {
                   var M;
-                  a.createTexture(n.uuid, `material.${r}.${d}.value`, x);
+                  a.createTexture(n.uuid, `material.${r}.${u}.value`, x);
                   const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
-                  C !== void 0 && Ft(x).then((V) => {
-                    Q(C, `material.${r}.${d}.value`, V);
+                  C !== void 0 && Ut(x).then((V) => {
+                    Q(C, `material.${r}.${u}.value`, V);
                   });
                 }
               }) : l.push({
-                title: d,
+                title: u,
                 type: `${typeof p.value}`,
                 value: p.value,
                 onChange: (E, x) => {
                   var M;
-                  a.updateObject(n.uuid, `material.${r}.${d}.value`, x);
+                  a.updateObject(n.uuid, `material.${r}.${u}.value`, x);
                   const C = (M = a.scene) == null ? void 0 : M.getObjectByProperty("uuid", n.uuid);
-                  C !== void 0 && Q(C, `material.${r}.${d}.value`, x);
+                  C !== void 0 && Q(C, `material.${r}.${u}.value`, x);
                 }
               });
               break;
           }
         }
         l.length > 0 && e.push({
-          title: Ae(r),
+          title: De(r),
           items: l
         });
       }
     else
-      u !== void 0 && console.log("other:", r, s, u);
+      d !== void 0 && console.log("other:", r, s, d);
   }
   return e.sort((r, s) => r.title < s.title ? -1 : r.title > s.title ? 1 : 0), e.push({
     title: "Update Material",
@@ -2120,10 +2143,10 @@ function $a(t, n) {
       }
     );
 }
-function ot(t) {
+function st(t) {
   let n = t.value;
   n !== void 0 && n.isColor !== void 0 && (n = ra(t.value));
-  const [a, e] = oe(n), r = Ce(null), s = Ce(null), u = Ce(null);
+  const [a, e] = oe(n), r = Ce(null), s = Ce(null), d = Ce(null);
   Fe(() => {
     var X;
     let v = !1, E = -1, x = 0, C = Number(a);
@@ -2145,11 +2168,11 @@ function ot(t) {
     };
   }, [a]);
   const l = t.type === "string" && (a.length > 100 || a.search(`
-`) > -1), d = l || t.type === "image", p = (v) => {
+`) > -1), u = l || t.type === "image", p = (v) => {
     let E = v.target.value;
     t.type === "boolean" && (E = v.target.checked), e(E), t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, E);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: `field ${d ? "block" : ""}`, children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: `field ${u ? "block" : ""}`, children: [
     t.type !== "button" && /* @__PURE__ */ c.jsx("label", { ref: r, children: t.title }, "fieldLabel"),
     t.type === "string" && !l && /* @__PURE__ */ c.jsx(
       "input",
@@ -2219,9 +2242,9 @@ function ot(t) {
         children: t.title
       }
     ),
-    t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: u, onClick: () => {
+    t.type === "image" && /* @__PURE__ */ c.jsx("img", { ref: d, onClick: () => {
       Ba().then((v) => {
-        u.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
+        d.current.src = v, t.onChange !== void 0 && t.onChange(t.prop !== void 0 ? t.prop : t.title, v);
       });
     }, src: a.length > 0 ? a : La })
   ] });
@@ -2268,8 +2291,8 @@ function Ga(t, n) {
         onChange: (r, s) => {
           var l;
           n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-          u !== void 0 && (Q(u, r, s), u.updateProjectionMatrix());
+          const d = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+          d !== void 0 && (Q(d, r, s), d.updateProjectionMatrix());
         }
       });
   else if (t.orthographicCameraInfo !== void 0)
@@ -2283,8 +2306,8 @@ function Ga(t, n) {
         onChange: (r, s) => {
           var l;
           n.updateObject(t.uuid, r, s), n.requestMethod(t.uuid, "updateProjectionMatrix");
-          const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-          u !== void 0 && (Q(u, r, s), u.updateProjectionMatrix());
+          const d = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+          d !== void 0 && (Q(d, r, s), d.updateProjectionMatrix());
         }
       });
   return /* @__PURE__ */ c.jsx(
@@ -2295,28 +2318,28 @@ function Ga(t, n) {
     }
   );
 }
-const Va = Math.PI / 180, Ha = 180 / Math.PI;
-function Xe(t, n, a, e, r) {
+const Va = Math.PI / 180, za = 180 / Math.PI;
+function qe(t, n, a, e, r) {
   return e + (t - n) * (r - e) / (a - n);
 }
-function za(t) {
+function Ha(t) {
   return t * Va;
 }
-function At(t) {
-  return t * Ha;
+function It(t) {
+  return t * za;
 }
 function Ya(t, n) {
   const a = new Un();
   a.elements = t.matrix;
   const e = new Y(), r = new Bn(), s = new Y();
   t.uuid.length > 0 && (e.setFromMatrixPosition(a), r.setFromRotationMatrix(a), s.setFromMatrixScale(a));
-  const u = (d, p) => {
+  const d = (u, p) => {
     var E;
-    n.updateObject(t.uuid, d, p);
+    n.updateObject(t.uuid, u, p);
     const v = (E = n.scene) == null ? void 0 : E.getObjectByProperty("uuid", t.uuid);
-    v !== void 0 && Q(v, d, p);
-  }, l = (d, p) => {
-    u(d, za(p));
+    v !== void 0 && Q(v, u, p);
+  }, l = (u, p) => {
+    d(u, Ha(p));
   };
   return /* @__PURE__ */ c.jsx(
     Be,
@@ -2328,27 +2351,27 @@ function Ya(t, n) {
           prop: "position.x",
           type: "number",
           value: e.x,
-          onChange: u
+          onChange: d
         },
         {
           title: "Position Y",
           prop: "position.y",
           type: "number",
           value: e.y,
-          onChange: u
+          onChange: d
         },
         {
           title: "Position Z",
           prop: "position.z",
           type: "number",
           value: e.z,
-          onChange: u
+          onChange: d
         },
         {
           title: "Rotation X",
           prop: "rotation.x",
           type: "number",
-          value: kt(At(r.x)),
+          value: At(It(r.x)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2358,7 +2381,7 @@ function Ya(t, n) {
           title: "Rotation Y",
           prop: "rotation.y",
           type: "number",
-          value: kt(At(r.y)),
+          value: At(It(r.y)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2368,7 +2391,7 @@ function Ya(t, n) {
           title: "Rotation Z",
           prop: "rotation.z",
           type: "number",
-          value: kt(At(r.z)),
+          value: At(It(r.z)),
           min: -360,
           max: 360,
           step: 0.1,
@@ -2380,7 +2403,7 @@ function Ya(t, n) {
           type: "number",
           value: s.x,
           step: 0.01,
-          onChange: u
+          onChange: d
         },
         {
           title: "Scale Y",
@@ -2388,7 +2411,7 @@ function Ya(t, n) {
           type: "number",
           value: s.y,
           step: 0.01,
-          onChange: u
+          onChange: d
         },
         {
           title: "Scale Z",
@@ -2396,7 +2419,7 @@ function Ya(t, n) {
           type: "number",
           value: s.z,
           step: 0.01,
-          onChange: u
+          onChange: d
         }
       ]
     }
@@ -2431,12 +2454,12 @@ function Wa(t, n) {
         prop: e,
         type: "color",
         value: r,
-        onChange: (s, u) => {
+        onChange: (s, d) => {
           var p;
-          const l = new Bt(u);
+          const l = new $t(d);
           n.updateObject(t.uuid, s, l);
-          const d = (p = n.scene) == null ? void 0 : p.getObjectByProperty("uuid", t.uuid);
-          d !== void 0 && Q(d, s, l);
+          const u = (p = n.scene) == null ? void 0 : p.getObjectByProperty("uuid", t.uuid);
+          u !== void 0 && Q(u, s, l);
         }
       }) : a.push({
         title: en(e),
@@ -2444,11 +2467,11 @@ function Wa(t, n) {
         type: typeof r,
         value: r,
         step: typeof r == "number" ? 0.01 : void 0,
-        onChange: (s, u) => {
-          var d;
-          n.updateObject(t.uuid, s, u);
-          const l = (d = n.scene) == null ? void 0 : d.getObjectByProperty("uuid", t.uuid);
-          l !== void 0 && Q(l, s, u);
+        onChange: (s, d) => {
+          var u;
+          n.updateObject(t.uuid, s, d);
+          const l = (u = n.scene) == null ? void 0 : u.getObjectByProperty("uuid", t.uuid);
+          l !== void 0 && Q(l, s, d);
         }
       }));
     }
@@ -2472,8 +2495,8 @@ function Ka(t, n) {
       onChange: (r, s) => {
         var l;
         n.updateObject(t.uuid, r, s);
-        const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-        u !== void 0 && Q(u, r, s);
+        const d = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+        d !== void 0 && Q(d, r, s);
       }
     }), a.push({
       title: "Duration",
@@ -2484,8 +2507,8 @@ function Ka(t, n) {
       onChange: (r, s) => {
         var l;
         n.updateObject(t.uuid, r, s);
-        const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-        u !== void 0 && Q(u, r, s);
+        const d = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+        d !== void 0 && Q(d, r, s);
       }
     }), a.push({
       title: "Blend Mode",
@@ -2496,8 +2519,8 @@ function Ka(t, n) {
       onChange: (r, s) => {
         var l;
         n.updateObject(t.uuid, r, s);
-        const u = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
-        u !== void 0 && Q(u, r, s);
+        const d = (l = n.scene) == null ? void 0 : l.getObjectByProperty("uuid", t.uuid);
+        d !== void 0 && Q(d, r, s);
       }
     });
   }), /* @__PURE__ */ c.jsx(Be, { title: "Animations", items: a });
@@ -2518,21 +2541,21 @@ let ae = { ...Cn };
 function Xa(t) {
   const [n, a] = oe(-1);
   Fe(() => {
-    function r(u) {
-      ae = { ...u.value }, a(Date.now());
+    function s(l) {
+      ae = { ...l.value }, a(Date.now());
     }
-    function s() {
+    function d() {
       ae = { ...Cn }, a(Date.now());
     }
-    return _.addEventListener(j.SET_SCENE, s), _.addEventListener(j.SET_OBJECT, r), () => {
-      _.removeEventListener(j.SET_SCENE, s), _.removeEventListener(j.SET_OBJECT, r);
+    return _.addEventListener(j.SET_SCENE, d), _.addEventListener(j.SET_OBJECT, s), () => {
+      _.removeEventListener(j.SET_SCENE, d), _.removeEventListener(j.SET_OBJECT, s);
     };
   }, []);
-  const e = ae.type.toLowerCase();
-  return /* @__PURE__ */ c.jsx($t, { label: "Inspector", children: /* @__PURE__ */ c.jsx("div", { id: "Inspector", className: t.class, children: ae.uuid.length > 0 && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+  const e = ae.type.toLowerCase(), r = e.search("mesh") > -1 || e.search("line") > -1 || e.search("points") > -1;
+  return /* @__PURE__ */ c.jsx(Gt, { label: "Inspector", children: /* @__PURE__ */ c.jsx("div", { id: "Inspector", className: t.class, children: ae.uuid.length > 0 && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx(
-        ot,
+        st,
         {
           type: "string",
           title: "Name",
@@ -2542,7 +2565,7 @@ function Xa(t) {
         }
       ),
       /* @__PURE__ */ c.jsx(
-        ot,
+        st,
         {
           type: "string",
           title: "Type",
@@ -2552,7 +2575,7 @@ function Xa(t) {
         }
       ),
       /* @__PURE__ */ c.jsx(
-        ot,
+        st,
         {
           type: "string",
           title: "UUID",
@@ -2562,17 +2585,17 @@ function Xa(t) {
         }
       ),
       /* @__PURE__ */ c.jsx(
-        ot,
+        st,
         {
           type: "boolean",
           title: "Visible",
           prop: "visible",
           value: ae.visible,
-          onChange: (r, s) => {
-            var l;
-            t.three.updateObject(ae.uuid, r, s);
-            const u = (l = t.three.scene) == null ? void 0 : l.getObjectByProperty("uuid", ae.uuid);
-            u !== void 0 && Q(u, r, s);
+          onChange: (s, d) => {
+            var u;
+            t.three.updateObject(ae.uuid, s, d);
+            const l = (u = t.three.scene) == null ? void 0 : u.getObjectByProperty("uuid", ae.uuid);
+            l !== void 0 && Q(l, s, d);
           }
         }
       )
@@ -2582,7 +2605,7 @@ function Xa(t) {
       ae.animations.length > 0 ? Ka(ae, t.three) : null,
       e.search("camera") > -1 ? Ga(ae, t.three) : null,
       e.search("light") > -1 ? Wa(ae, t.three) : null,
-      e.search("mesh") > -1 ? $a(ae, t.three) : null
+      r ? $a(ae, t.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
@@ -2607,7 +2630,7 @@ class mi extends ta {
     var r;
     const a = this.componentState.scene !== null, e = "Hierarchy - " + (a ? `${(r = this.componentState.scene) == null ? void 0 : r.name}` : "No Scene");
     return /* @__PURE__ */ c.jsx("div", { id: "SidePanel", children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx($t, { label: e, open: !0, children: /* @__PURE__ */ c.jsx(c.Fragment, { children: a && /* @__PURE__ */ c.jsx(Ia, { child: this.componentState.scene, three: this.three }) }) }),
+      /* @__PURE__ */ c.jsx(Gt, { label: e, open: !0, children: /* @__PURE__ */ c.jsx(c.Fragment, { children: a && /* @__PURE__ */ c.jsx(Ia, { child: this.componentState.scene, three: this.three }) }) }),
       /* @__PURE__ */ c.jsx(Xa, { three: this.three })
     ] }) }, "SidePanel");
   }
@@ -2624,43 +2647,43 @@ function gi(t) {
     var p;
     if (!n())
       return;
-    const d = (p = t.three.scene) == null ? void 0 : p.getObjectByProperty("uuid", l.value);
-    d !== void 0 && t.three.setObject(d);
-  }, e = (l, d, p) => {
+    const u = (p = t.three.scene) == null ? void 0 : p.getObjectByProperty("uuid", l.value);
+    u !== void 0 && t.three.setObject(u);
+  }, e = (l, u, p) => {
     var E;
     if (!n())
       return;
     const v = (E = t.three.scene) == null ? void 0 : E.getObjectByProperty("uuid", l);
-    v !== void 0 && Q(v, d, p);
+    v !== void 0 && Q(v, u, p);
   }, r = (l) => {
     if (!n())
       return;
-    const d = l.value, { key: p, value: v, uuid: E } = d;
+    const u = l.value, { key: p, value: v, uuid: E } = u;
     e(E, p, v);
   }, s = (l) => {
     if (!n())
       return;
-    const d = l.value;
-    Ft(d.value).then((p) => {
-      e(d.uuid, d.key, p), e(d.uuid, "material.needsUpdate", !0);
+    const u = l.value;
+    Ut(u.value).then((p) => {
+      e(u.uuid, u.key, p), e(u.uuid, "material.needsUpdate", !0);
     });
-  }, u = (l) => {
+  }, d = (l) => {
     var x;
     if (!n())
       return;
-    const { key: d, uuid: p, value: v } = l.value, E = (x = t.three.scene) == null ? void 0 : x.getObjectByProperty("uuid", p);
+    const { key: u, uuid: p, value: v } = l.value, E = (x = t.three.scene) == null ? void 0 : x.getObjectByProperty("uuid", p);
     if (E !== void 0)
       try {
-        E[d](v);
+        E[u](v);
       } catch (C) {
-        console.log("Error requesting method:"), console.log(C), console.log(d), console.log(v);
+        console.log("Error requesting method:"), console.log(C), console.log(u), console.log(v);
       }
   };
-  return Fe(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, r), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, u), () => {
-    _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, r), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, u);
+  return Fe(() => (_.addEventListener(j.GET_OBJECT, a), _.addEventListener(j.UPDATE_OBJECT, r), _.addEventListener(j.CREATE_TEXTURE, s), _.addEventListener(j.REQUEST_METHOD, d), () => {
+    _.removeEventListener(j.GET_OBJECT, a), _.removeEventListener(j.UPDATE_OBJECT, r), _.removeEventListener(j.CREATE_TEXTURE, s), _.removeEventListener(j.REQUEST_METHOD, d);
   }), []), null;
 }
-const tn = { type: "change" }, It = { type: "start" }, nn = { type: "end" }, wt = new $n(), an = new Gn(), qa = Math.cos(70 * Vn.DEG2RAD);
+const tn = { type: "change" }, Lt = { type: "start" }, nn = { type: "end" }, xt = new $n(), an = new Gn(), qa = Math.cos(70 * Vn.DEG2RAD);
 class Za extends cn {
   constructor(n, a) {
     super(), this.object = n, this.domElement = a, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new Y(), this.cursor = new Y(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: We.ROTATE, MIDDLE: We.DOLLY, RIGHT: We.PAN }, this.touches = { ONE: Ke.ROTATE, TWO: Ke.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
@@ -2670,42 +2693,42 @@ class Za extends cn {
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(o) {
-      o.addEventListener("keydown", nt), this._domElementKeyEvents = o;
+      o.addEventListener("keydown", at), this._domElementKeyEvents = o;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", nt), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", at), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
     }, this.reset = function() {
       e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(tn), e.update(), s = r.NONE;
     }, this.update = function() {
-      const o = new Y(), y = new Wt().setFromUnitVectors(n.up, new Y(0, 1, 0)), D = y.clone().invert(), N = new Y(), te = new Wt(), be = new Y(), ue = 2 * Math.PI;
-      return function(Et = null) {
+      const o = new Y(), y = new Kt().setFromUnitVectors(n.up, new Y(0, 1, 0)), A = y.clone().invert(), N = new Y(), te = new Kt(), be = new Y(), ue = 2 * Math.PI;
+      return function(wt = null) {
         const ye = e.object.position;
-        o.copy(ye).sub(e.target), o.applyQuaternion(y), l.setFromVector3(o), e.autoRotate && s === r.NONE && $(b(Et)), e.enableDamping ? (l.theta += d.theta * e.dampingFactor, l.phi += d.phi * e.dampingFactor) : (l.theta += d.theta, l.phi += d.phi);
+        o.copy(ye).sub(e.target), o.applyQuaternion(y), l.setFromVector3(o), e.autoRotate && s === r.NONE && $(b(wt)), e.enableDamping ? (l.theta += u.theta * e.dampingFactor, l.phi += u.phi * e.dampingFactor) : (l.theta += u.theta, l.phi += u.phi);
         let he = e.minAzimuthAngle, pe = e.maxAzimuthAngle;
-        isFinite(he) && isFinite(pe) && (he < -Math.PI ? he += ue : he > Math.PI && (he -= ue), pe < -Math.PI ? pe += ue : pe > Math.PI && (pe -= ue), he <= pe ? l.theta = Math.max(he, Math.min(pe, l.theta)) : l.theta = l.theta > (he + pe) / 2 ? Math.max(he, l.theta) : Math.min(pe, l.theta)), l.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, l.phi)), l.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && ee || e.object.isOrthographicCamera ? l.radius = q(l.radius) : l.radius = q(l.radius * p), o.setFromSpherical(l), o.applyQuaternion(D), ye.copy(e.target).add(o), e.object.lookAt(e.target), e.enableDamping === !0 ? (d.theta *= 1 - e.dampingFactor, d.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (d.set(0, 0, 0), v.set(0, 0, 0));
-        let He = !1;
+        isFinite(he) && isFinite(pe) && (he < -Math.PI ? he += ue : he > Math.PI && (he -= ue), pe < -Math.PI ? pe += ue : pe > Math.PI && (pe -= ue), he <= pe ? l.theta = Math.max(he, Math.min(pe, l.theta)) : l.theta = l.theta > (he + pe) / 2 ? Math.max(he, l.theta) : Math.min(pe, l.theta)), l.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, l.phi)), l.makeSafe(), e.enableDamping === !0 ? e.target.addScaledVector(v, e.dampingFactor) : e.target.add(v), e.target.sub(e.cursor), e.target.clampLength(e.minTargetRadius, e.maxTargetRadius), e.target.add(e.cursor), e.zoomToCursor && ee || e.object.isOrthographicCamera ? l.radius = q(l.radius) : l.radius = q(l.radius * p), o.setFromSpherical(l), o.applyQuaternion(A), ye.copy(e.target).add(o), e.object.lookAt(e.target), e.enableDamping === !0 ? (u.theta *= 1 - e.dampingFactor, u.phi *= 1 - e.dampingFactor, v.multiplyScalar(1 - e.dampingFactor)) : (u.set(0, 0, 0), v.set(0, 0, 0));
+        let ze = !1;
         if (e.zoomToCursor && ee) {
-          let De = null;
+          let Ae = null;
           if (e.object.isPerspectiveCamera) {
             const Te = o.length();
-            De = q(Te * p);
-            const ze = Te - De;
-            e.object.position.addScaledVector(fe, ze), e.object.updateMatrixWorld();
+            Ae = q(Te * p);
+            const He = Te - Ae;
+            e.object.position.addScaledVector(fe, He), e.object.updateMatrixWorld();
           } else if (e.object.isOrthographicCamera) {
             const Te = new Y(le.x, le.y, 0);
-            Te.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), He = !0;
-            const ze = new Y(le.x, le.y, 0);
-            ze.unproject(e.object), e.object.position.sub(ze).add(Te), e.object.updateMatrixWorld(), De = o.length();
+            Te.unproject(e.object), e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), ze = !0;
+            const He = new Y(le.x, le.y, 0);
+            He.unproject(e.object), e.object.position.sub(He).add(Te), e.object.updateMatrixWorld(), Ae = o.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), e.zoomToCursor = !1;
-          De !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(De).add(e.object.position) : (wt.origin.copy(e.object.position), wt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(wt.direction)) < qa ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), wt.intersectPlane(an, e.target))));
+          Ae !== null && (this.screenSpacePanning ? e.target.set(0, 0, -1).transformDirection(e.object.matrix).multiplyScalar(Ae).add(e.object.position) : (xt.origin.copy(e.object.position), xt.direction.set(0, 0, -1).transformDirection(e.object.matrix), Math.abs(e.object.up.dot(xt.direction)) < qa ? n.lookAt(e.target) : (an.setFromNormalAndCoplanarPoint(e.object.up, e.target), xt.intersectPlane(an, e.target))));
         } else
-          e.object.isOrthographicCamera && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), He = !0);
-        return p = 1, ee = !1, He || N.distanceToSquared(e.object.position) > u || 8 * (1 - te.dot(e.object.quaternion)) > u || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), N.copy(e.object.position), te.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
+          e.object.isOrthographicCamera && (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / p)), e.object.updateProjectionMatrix(), ze = !0);
+        return p = 1, ee = !1, ze || N.distanceToSquared(e.object.position) > d || 8 * (1 - te.dot(e.object.quaternion)) > d || be.distanceToSquared(e.target) > 0 ? (e.dispatchEvent(tn), N.copy(e.object.position), te.copy(e.object.quaternion), be.copy(e.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      e.domElement.removeEventListener("contextmenu", Oe), e.domElement.removeEventListener("pointerdown", et), e.domElement.removeEventListener("pointercancel", ke), e.domElement.removeEventListener("wheel", mt), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", nt), e._domElementKeyEvents = null);
+      e.domElement.removeEventListener("contextmenu", Oe), e.domElement.removeEventListener("pointerdown", tt), e.domElement.removeEventListener("pointercancel", ke), e.domElement.removeEventListener("wheel", gt), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke), e._domElementKeyEvents !== null && (e._domElementKeyEvents.removeEventListener("keydown", at), e._domElementKeyEvents = null);
     };
     const e = this, r = {
       NONE: -1,
@@ -2718,7 +2741,7 @@ class Za extends cn {
       TOUCH_DOLLY_ROTATE: 6
     };
     let s = r.NONE;
-    const u = 1e-6, l = new Kt(), d = new Kt();
+    const d = 1e-6, l = new Xt(), u = new Xt();
     let p = 1;
     const v = new Y(), E = new de(), x = new de(), C = new de(), M = new de(), V = new de(), se = new de(), K = new de(), S = new de(), X = new de(), fe = new Y(), le = new de();
     let ee = !1;
@@ -2731,32 +2754,32 @@ class Za extends cn {
       return Math.pow(0.95, e.zoomSpeed * y);
     }
     function $(o) {
-      d.theta -= o;
+      u.theta -= o;
     }
     function G(o) {
-      d.phi -= o;
+      u.phi -= o;
     }
     const U = function() {
       const o = new Y();
-      return function(D, N) {
-        o.setFromMatrixColumn(N, 0), o.multiplyScalar(-D), v.add(o);
+      return function(A, N) {
+        o.setFromMatrixColumn(N, 0), o.multiplyScalar(-A), v.add(o);
       };
-    }(), A = function() {
+    }(), D = function() {
       const o = new Y();
-      return function(D, N) {
-        e.screenSpacePanning === !0 ? o.setFromMatrixColumn(N, 1) : (o.setFromMatrixColumn(N, 0), o.crossVectors(e.object.up, o)), o.multiplyScalar(D), v.add(o);
+      return function(A, N) {
+        e.screenSpacePanning === !0 ? o.setFromMatrixColumn(N, 1) : (o.setFromMatrixColumn(N, 0), o.crossVectors(e.object.up, o)), o.multiplyScalar(A), v.add(o);
       };
     }(), B = function() {
       const o = new Y();
-      return function(D, N) {
+      return function(A, N) {
         const te = e.domElement;
         if (e.object.isPerspectiveCamera) {
           const be = e.object.position;
           o.copy(be).sub(e.target);
           let ue = o.length();
-          ue *= Math.tan(e.object.fov / 2 * Math.PI / 180), U(2 * D * ue / te.clientHeight, e.object.matrix), A(2 * N * ue / te.clientHeight, e.object.matrix);
+          ue *= Math.tan(e.object.fov / 2 * Math.PI / 180), U(2 * A * ue / te.clientHeight, e.object.matrix), D(2 * N * ue / te.clientHeight, e.object.matrix);
         } else
-          e.object.isOrthographicCamera ? (U(D * (e.object.right - e.object.left) / e.object.zoom / te.clientWidth, e.object.matrix), A(N * (e.object.top - e.object.bottom) / e.object.zoom / te.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
+          e.object.isOrthographicCamera ? (U(A * (e.object.right - e.object.left) / e.object.zoom / te.clientWidth, e.object.matrix), D(N * (e.object.top - e.object.bottom) / e.object.zoom / te.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
       };
     }();
     function J(o) {
@@ -2769,7 +2792,7 @@ class Za extends cn {
       if (!e.zoomToCursor)
         return;
       ee = !0;
-      const D = e.domElement.getBoundingClientRect(), N = o - D.left, te = y - D.top, be = D.width, ue = D.height;
+      const A = e.domElement.getBoundingClientRect(), N = o - A.left, te = y - A.top, be = A.width, ue = A.height;
       le.x = N / be * 2 - 1, le.y = -(te / ue) * 2 + 1, fe.set(le.x, le.y, 1).unproject(e.object).sub(e.object.position).normalize();
     }
     function q(o) {
@@ -2781,24 +2804,24 @@ class Za extends cn {
     function Re(o) {
       I(o.clientX, o.clientX), K.set(o.clientX, o.clientY);
     }
-    function Ze(o) {
+    function Je(o) {
       M.set(o.clientX, o.clientY);
     }
-    function ut(o) {
+    function dt(o) {
       x.set(o.clientX, o.clientY), C.subVectors(x, E).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
       $(2 * Math.PI * C.x / y.clientHeight), G(2 * Math.PI * C.y / y.clientHeight), E.copy(x), e.update();
     }
-    function Mt(o) {
+    function Rt(o) {
       S.set(o.clientX, o.clientY), X.subVectors(S, K), X.y > 0 ? J(O(X.y)) : X.y < 0 && R(O(X.y)), K.copy(S), e.update();
     }
-    function Rt(o) {
+    function Pt(o) {
       V.set(o.clientX, o.clientY), se.subVectors(V, M).multiplyScalar(e.panSpeed), B(se.x, se.y), M.copy(V), e.update();
     }
-    function Je(o) {
+    function Qe(o) {
       I(o.clientX, o.clientY), o.deltaY < 0 ? R(O(o.deltaY)) : o.deltaY > 0 && J(O(o.deltaY)), e.update();
     }
-    function Qe(o) {
+    function et(o) {
       let y = !1;
       switch (o.code) {
         case e.keys.UP:
@@ -2820,70 +2843,70 @@ class Za extends cn {
       if (f.length === 1)
         E.set(o.pageX, o.pageY);
       else {
-        const y = ve(o), D = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
-        E.set(D, N);
+        const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        E.set(A, N);
       }
     }
     function Ge(o) {
       if (f.length === 1)
         M.set(o.pageX, o.pageY);
       else {
-        const y = ve(o), D = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
-        M.set(D, N);
+        const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        M.set(A, N);
       }
     }
     function _e(o) {
-      const y = ve(o), D = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(D * D + N * N);
+      const y = ve(o), A = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(A * A + N * N);
       K.set(0, te);
     }
-    function Pt(o) {
+    function _t(o) {
       e.enableZoom && _e(o), e.enablePan && Ge(o);
     }
-    function dt(o) {
+    function ft(o) {
       e.enableZoom && _e(o), e.enableRotate && Pe(o);
     }
-    function ft(o) {
+    function ht(o) {
       if (f.length == 1)
         x.set(o.pageX, o.pageY);
       else {
-        const D = ve(o), N = 0.5 * (o.pageX + D.x), te = 0.5 * (o.pageY + D.y);
+        const A = ve(o), N = 0.5 * (o.pageX + A.x), te = 0.5 * (o.pageY + A.y);
         x.set(N, te);
       }
       C.subVectors(x, E).multiplyScalar(e.rotateSpeed);
       const y = e.domElement;
       $(2 * Math.PI * C.x / y.clientHeight), G(2 * Math.PI * C.y / y.clientHeight), E.copy(x);
     }
-    function ht(o) {
+    function pt(o) {
       if (f.length === 1)
         V.set(o.pageX, o.pageY);
       else {
-        const y = ve(o), D = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
-        V.set(D, N);
+        const y = ve(o), A = 0.5 * (o.pageX + y.x), N = 0.5 * (o.pageY + y.y);
+        V.set(A, N);
       }
       se.subVectors(V, M).multiplyScalar(e.panSpeed), B(se.x, se.y), M.copy(V);
     }
     function je(o) {
-      const y = ve(o), D = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(D * D + N * N);
+      const y = ve(o), A = o.pageX - y.x, N = o.pageY - y.y, te = Math.sqrt(A * A + N * N);
       S.set(0, te), X.set(0, Math.pow(S.y / K.y, e.zoomSpeed)), J(X.y), K.copy(S);
       const be = (o.pageX + y.x) * 0.5, ue = (o.pageY + y.y) * 0.5;
       I(be, ue);
     }
     function Ve(o) {
-      e.enableZoom && je(o), e.enablePan && ht(o);
+      e.enableZoom && je(o), e.enablePan && pt(o);
     }
-    function pt(o) {
-      e.enableZoom && je(o), e.enableRotate && ft(o);
+    function mt(o) {
+      e.enableZoom && je(o), e.enableRotate && ht(o);
     }
-    function et(o) {
-      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Se), e.domElement.addEventListener("pointerup", ke)), jt(o), o.pointerType === "touch" ? gt(o) : _t(o));
+    function tt(o) {
+      e.enabled !== !1 && (f.length === 0 && (e.domElement.setPointerCapture(o.pointerId), e.domElement.addEventListener("pointermove", Se), e.domElement.addEventListener("pointerup", ke)), kt(o), o.pointerType === "touch" ? vt(o) : jt(o));
     }
     function Se(o) {
-      e.enabled !== !1 && (o.pointerType === "touch" ? vt(o) : tt(o));
+      e.enabled !== !1 && (o.pointerType === "touch" ? bt(o) : nt(o));
     }
     function ke(o) {
-      bt(o), f.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke)), e.dispatchEvent(nn), s = r.NONE;
+      yt(o), f.length === 0 && (e.domElement.releasePointerCapture(o.pointerId), e.domElement.removeEventListener("pointermove", Se), e.domElement.removeEventListener("pointerup", ke)), e.dispatchEvent(nn), s = r.NONE;
     }
-    function _t(o) {
+    function jt(o) {
       let y;
       switch (o.button) {
         case 0:
@@ -2908,7 +2931,7 @@ class Za extends cn {
           if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (e.enablePan === !1)
               return;
-            Ze(o), s = r.PAN;
+            Je(o), s = r.PAN;
           } else {
             if (e.enableRotate === !1)
               return;
@@ -2923,41 +2946,41 @@ class Za extends cn {
           } else {
             if (e.enablePan === !1)
               return;
-            Ze(o), s = r.PAN;
+            Je(o), s = r.PAN;
           }
           break;
         default:
           s = r.NONE;
       }
-      s !== r.NONE && e.dispatchEvent(It);
+      s !== r.NONE && e.dispatchEvent(Lt);
     }
-    function tt(o) {
+    function nt(o) {
       switch (s) {
         case r.ROTATE:
           if (e.enableRotate === !1)
             return;
-          ut(o);
+          dt(o);
           break;
         case r.DOLLY:
           if (e.enableZoom === !1)
             return;
-          Mt(o);
+          Rt(o);
           break;
         case r.PAN:
           if (e.enablePan === !1)
             return;
-          Rt(o);
+          Pt(o);
           break;
       }
     }
-    function mt(o) {
-      e.enabled === !1 || e.enableZoom === !1 || s !== r.NONE || (o.preventDefault(), e.dispatchEvent(It), Je(o), e.dispatchEvent(nn));
+    function gt(o) {
+      e.enabled === !1 || e.enableZoom === !1 || s !== r.NONE || (o.preventDefault(), e.dispatchEvent(Lt), Qe(o), e.dispatchEvent(nn));
     }
-    function nt(o) {
-      e.enabled === !1 || e.enablePan === !1 || Qe(o);
+    function at(o) {
+      e.enabled === !1 || e.enablePan === !1 || et(o);
     }
-    function gt(o) {
-      switch (at(o), f.length) {
+    function vt(o) {
+      switch (it(o), f.length) {
         case 1:
           switch (e.touches.ONE) {
             case Ke.ROTATE:
@@ -2979,12 +3002,12 @@ class Za extends cn {
             case Ke.DOLLY_PAN:
               if (e.enableZoom === !1 && e.enablePan === !1)
                 return;
-              Pt(o), s = r.TOUCH_DOLLY_PAN;
+              _t(o), s = r.TOUCH_DOLLY_PAN;
               break;
             case Ke.DOLLY_ROTATE:
               if (e.enableZoom === !1 && e.enableRotate === !1)
                 return;
-              dt(o), s = r.TOUCH_DOLLY_ROTATE;
+              ft(o), s = r.TOUCH_DOLLY_ROTATE;
               break;
             default:
               s = r.NONE;
@@ -2993,19 +3016,19 @@ class Za extends cn {
         default:
           s = r.NONE;
       }
-      s !== r.NONE && e.dispatchEvent(It);
+      s !== r.NONE && e.dispatchEvent(Lt);
     }
-    function vt(o) {
-      switch (at(o), s) {
+    function bt(o) {
+      switch (it(o), s) {
         case r.TOUCH_ROTATE:
           if (e.enableRotate === !1)
             return;
-          ft(o), e.update();
+          ht(o), e.update();
           break;
         case r.TOUCH_PAN:
           if (e.enablePan === !1)
             return;
-          ht(o), e.update();
+          pt(o), e.update();
           break;
         case r.TOUCH_DOLLY_PAN:
           if (e.enableZoom === !1 && e.enablePan === !1)
@@ -3015,7 +3038,7 @@ class Za extends cn {
         case r.TOUCH_DOLLY_ROTATE:
           if (e.enableZoom === !1 && e.enableRotate === !1)
             return;
-          pt(o), e.update();
+          mt(o), e.update();
           break;
         default:
           s = r.NONE;
@@ -3024,10 +3047,10 @@ class Za extends cn {
     function Oe(o) {
       e.enabled !== !1 && o.preventDefault();
     }
-    function jt(o) {
+    function kt(o) {
       f.push(o.pointerId);
     }
-    function bt(o) {
+    function yt(o) {
       delete m[o.pointerId];
       for (let y = 0; y < f.length; y++)
         if (f[y] == o.pointerId) {
@@ -3035,7 +3058,7 @@ class Za extends cn {
           return;
         }
     }
-    function at(o) {
+    function it(o) {
       let y = m[o.pointerId];
       y === void 0 && (y = new de(), m[o.pointerId] = y), y.set(o.pageX, o.pageY);
     }
@@ -3043,10 +3066,10 @@ class Za extends cn {
       const y = o.pointerId === f[0] ? f[1] : f[0];
       return m[y];
     }
-    e.domElement.addEventListener("contextmenu", Oe), e.domElement.addEventListener("pointerdown", et), e.domElement.addEventListener("pointercancel", ke), e.domElement.addEventListener("wheel", mt, { passive: !1 }), this.update();
+    e.domElement.addEventListener("contextmenu", Oe), e.domElement.addEventListener("pointerdown", tt), e.domElement.addEventListener("pointercancel", ke), e.domElement.addEventListener("wheel", gt, { passive: !1 }), this.update();
   }
 }
-const St = (t) => {
+const Ot = (t) => {
   const [n, a] = oe(t.options[t.index]), e = () => {
     t.onToggle(!t.open);
   }, r = (s) => {
@@ -3063,14 +3086,14 @@ const St = (t) => {
       e && r(!1);
     } }),
     /* @__PURE__ */ c.jsx(
-      St,
+      Ot,
       {
         index: s,
         open: e,
         options: n.options,
         onSelect: n.onSelect,
-        onToggle: (u) => {
-          r(u);
+        onToggle: (d) => {
+          r(d);
         },
         up: !0
       }
@@ -3093,46 +3116,46 @@ $e("Right", new Y(1e3, 0, 0));
 $e("Front", new Y(0, 0, 1e3));
 $e("Back", new Y(0, 0, -1e3));
 $e("Orthographic", new Y(1e3, 1e3, 1e3));
-const Tt = new Lt(60, 1, 50, 3e3);
-Tt.name = "Debug";
-Tt.position.set(500, 500, 500);
-Tt.lookAt(0, 0, 0);
-ne.set("Debug", Tt);
+const Mt = new Nt(60, 1, 50, 3e3);
+Mt.name = "Debug";
+Mt.position.set(500, 500, 500);
+Mt.lookAt(0, 0, 0);
+ne.set("Debug", Mt);
 const on = [
   "Renderer",
   "Depth",
   "Normals",
   "UVs",
   "Wireframe"
-], Ja = new Hn(), Qa = new zn(), ei = new Aa(), ti = new Yn({
+], Ja = new zn(), Qa = new Hn(), ei = new Da(), ti = new Yn({
   opacity: 0.33,
   transparent: !0,
   wireframe: !0
 });
-let xt = "Renderer";
-const z = new fn();
-z.name = "Debug Scene";
+let Ct = "Renderer";
+const H = new fn();
+H.name = "Debug Scene";
 let xe = new fn();
-z.add(xe);
-const lt = new Wn();
-lt.name = "helpers";
-z.add(lt);
+H.add(xe);
+const ut = new Wn();
+ut.name = "helpers";
+H.add(ut);
 const ni = new ja();
-lt.add(ni);
+ut.add(ni);
 const Sn = new hn(500);
 Sn.name = "axisHelper";
-lt.add(Sn);
-const ct = new hn(100);
-ct.name = "interactionHelper";
-lt.add(ct);
-ct.visible = !1;
-let Ct = !1, H = ne.get("Debug"), re = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
+ut.add(Sn);
+const lt = new hn(100);
+lt.name = "interactionHelper";
+ut.add(lt);
+lt.visible = !1;
+let St = !1, z = ne.get("Debug"), re = ne.get("Orthographic"), Le = ne.get("Front"), Ne = ne.get("Top"), sn = !1;
 function vi(t) {
-  const [n, a] = oe(t.mode !== void 0 ? t.mode : "Single"), [e, r] = oe(null), [s, u] = oe(!1), [l, d] = oe(!1), [p, v] = oe(!1), [, E] = oe(Date.now()), x = Ce(null), C = Ce(null), M = Ce(null), V = Ce(null), se = Ce(null), K = Ce(null), S = (f, m) => {
+  const [n, a] = oe(t.mode !== void 0 ? t.mode : "Single"), [e, r] = oe(null), [s, d] = oe(!1), [l, u] = oe(!1), [p, v] = oe(!1), [, E] = oe(Date.now()), x = Ce(null), C = Ce(null), M = Ce(null), V = Ce(null), se = Ce(null), K = Ce(null), S = (f, m) => {
     const b = ie.get(f.name);
     b !== void 0 && b.dispose(), ie.delete(f.name);
     const O = we.get(f.name);
-    O !== void 0 && (z.remove(O), O.dispose()), we.delete(f.name);
+    O !== void 0 && (H.remove(O), O.dispose()), we.delete(f.name);
     const $ = new Za(f, m);
     switch ($.enableDamping = !0, $.dampingFactor = 0.05, f.name) {
       case "Top":
@@ -3144,32 +3167,32 @@ function vi(t) {
         $.enableRotate = !1;
         break;
     }
-    if (ie.set(f.name, $), f instanceof Lt) {
+    if (ie.set(f.name, $), f instanceof Nt) {
       const G = new qn(f);
-      we.set(f.name, G), z.add(G);
+      we.set(f.name, G), H.add(G);
     }
   }, X = (f) => {
     const m = we.get(f.name);
-    m !== void 0 && (z.remove(m), m.dispose(), we.delete(f.name));
+    m !== void 0 && (H.remove(m), m.dispose(), we.delete(f.name));
     const b = ie.get(f.name);
     b !== void 0 && (b.dispose(), ie.delete(f.name));
   }, fe = () => {
     ie.forEach((f, m) => {
       f.dispose();
       const b = we.get(m);
-      b !== void 0 && (z.remove(b), b.dispose()), we.delete(m), ie.delete(m);
+      b !== void 0 && (H.remove(b), b.dispose()), we.delete(m), ie.delete(m);
     }), ie.clear(), we.clear();
   }, le = () => {
     switch (n) {
       case "Single":
-        S(H, M.current);
+        S(z, M.current);
         break;
       case "Side by Side":
       case "Stacked":
-        S(H, M.current), S(re, V.current);
+        S(z, M.current), S(re, V.current);
         break;
       case "Quad":
-        S(H, M.current), S(re, V.current), S(Le, se.current), S(Ne, K.current);
+        S(z, M.current), S(re, V.current), S(Le, se.current), S(Ne, K.current);
         break;
     }
   };
@@ -3181,11 +3204,11 @@ function vi(t) {
     f.autoClear = !1, f.shadowMap.enabled = !0, f.setPixelRatio(devicePixelRatio), f.setClearColor(0), r(f);
   }, []), Fe(() => {
     const f = (O) => {
-      vn(xe), z.remove(xe);
+      vn(xe), H.remove(xe);
       const $ = t.scenes.get(O.value.name);
       if ($ !== void 0) {
         const G = new $();
-        t.onSceneSet !== void 0 && t.onSceneSet(G), xe = G, t.three.scene = xe, z.add(xe), sn = !0;
+        t.onSceneSet !== void 0 && t.onSceneSet(G), xe = G, t.three.scene = xe, H.add(xe), sn = !0;
       }
     }, m = (O) => {
       var U;
@@ -3217,20 +3240,20 @@ function vi(t) {
       }
       ne.forEach((q) => {
         var me;
-        q instanceof dn ? (q.left = R / -2, q.right = R / 2, q.top = I / 2, q.bottom = I / -2, q.updateProjectionMatrix()) : q instanceof Lt && (q.aspect = R / I, q.updateProjectionMatrix(), (me = we.get(q.name)) == null || me.update());
+        q instanceof dn ? (q.left = R / -2, q.right = R / 2, q.top = I / 2, q.bottom = I / -2, q.updateProjectionMatrix()) : q instanceof Nt && (q.aspect = R / I, q.updateProjectionMatrix(), (me = we.get(q.name)) == null || me.update());
       });
     }, U = () => {
-      e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, m), e.render(z, H);
-    }, A = () => {
+      e.setViewport(0, 0, f, m), e.setScissor(0, 0, f, m), e.render(H, z);
+    }, D = () => {
       if (n === "Side by Side")
-        e.setViewport(0, 0, b, m), e.setScissor(0, 0, b, m), e.render(z, H), e.setViewport(b, 0, b, m), e.setScissor(b, 0, b, m), e.render(z, re);
+        e.setViewport(0, 0, b, m), e.setScissor(0, 0, b, m), e.render(H, z), e.setViewport(b, 0, b, m), e.setScissor(b, 0, b, m), e.render(H, re);
       else {
         const R = m - O;
-        e.setViewport(0, R, f, O), e.setScissor(0, R, f, O), e.render(z, H), e.setViewport(0, 0, f, O), e.setScissor(0, 0, f, O), e.render(z, re);
+        e.setViewport(0, R, f, O), e.setScissor(0, R, f, O), e.render(H, z), e.setViewport(0, 0, f, O), e.setScissor(0, 0, f, O), e.render(H, re);
       }
     }, B = () => {
       let R = 0, I = 0;
-      I = m - O, R = 0, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, H), R = b, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, re), I = 0, R = 0, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, Le), R = b, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(z, Ne);
+      I = m - O, R = 0, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(H, z), R = b, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(H, re), I = 0, R = 0, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(H, Le), R = b, e.setViewport(R, I, b, O), e.setScissor(R, I, b, O), e.render(H, Ne);
     }, J = () => {
       switch (ie.forEach((R) => {
         R.update();
@@ -3240,7 +3263,7 @@ function vi(t) {
           break;
         case "Side by Side":
         case "Stacked":
-          A();
+          D();
           break;
         case "Quad":
           B();
@@ -3253,32 +3276,32 @@ function vi(t) {
     };
   }, [n, e]), Fe(() => {
     if (e !== null) {
-      const f = new Xn(), m = new de(), b = (U, A, B, J) => {
+      const f = new Xn(), m = new de(), b = (U, D, B, J) => {
         switch (n) {
           case "Quad":
-            U < B ? A < J ? f.setFromCamera(m, H) : f.setFromCamera(m, Le) : A < J ? f.setFromCamera(m, re) : f.setFromCamera(m, Ne);
+            U < B ? D < J ? f.setFromCamera(m, z) : f.setFromCamera(m, Le) : D < J ? f.setFromCamera(m, re) : f.setFromCamera(m, Ne);
             break;
           case "Side by Side":
-            U < B ? f.setFromCamera(m, H) : f.setFromCamera(m, re);
+            U < B ? f.setFromCamera(m, z) : f.setFromCamera(m, re);
             break;
           case "Single":
-            f.setFromCamera(m, H);
+            f.setFromCamera(m, z);
             break;
           case "Stacked":
-            A < J ? f.setFromCamera(m, H) : f.setFromCamera(m, re);
+            D < J ? f.setFromCamera(m, z) : f.setFromCamera(m, re);
             break;
         }
       }, O = (U) => {
-        if (!Ct)
+        if (!St)
           return;
-        const A = new de();
-        e.getSize(A);
-        const B = Math.min(U.clientX, A.x), J = Math.min(U.clientY, A.y);
-        m.x = Xe(B, 0, A.x, -1, 1), m.y = Xe(J, 0, A.y, 1, -1);
-        const R = A.x / 2, I = A.y / 2, q = () => {
-          B < R ? m.x = Xe(B, 0, R, -1, 1) : m.x = Xe(B, R, A.x, -1, 1);
+        const D = new de();
+        e.getSize(D);
+        const B = Math.min(U.clientX, D.x), J = Math.min(U.clientY, D.y);
+        m.x = qe(B, 0, D.x, -1, 1), m.y = qe(J, 0, D.y, 1, -1);
+        const R = D.x / 2, I = D.y / 2, q = () => {
+          B < R ? m.x = qe(B, 0, R, -1, 1) : m.x = qe(B, R, D.x, -1, 1);
         }, me = () => {
-          J < I ? m.y = Xe(J, 0, I, 1, -1) : m.y = Xe(J, I, A.y, 1, -1);
+          J < I ? m.y = qe(J, 0, I, 1, -1) : m.y = qe(J, I, D.y, 1, -1);
         };
         switch (n) {
           case "Quad":
@@ -3293,12 +3316,12 @@ function vi(t) {
         }
         b(B, J, R, I);
         const Re = f.intersectObjects(xe.children);
-        Re.length > 0 && ct.position.copy(Re[0].point);
+        Re.length > 0 && lt.position.copy(Re[0].point);
       }, $ = (U) => {
-        if (!Ct)
+        if (!St)
           return;
-        const A = new de();
-        if (e.getSize(A), U.clientX >= A.x)
+        const D = new de();
+        if (e.getSize(D), U.clientX >= D.x)
           return;
         O(U);
         const B = f.intersectObjects(xe.children);
@@ -3315,18 +3338,18 @@ function vi(t) {
   }), /* @__PURE__ */ c.jsxs("div", { className: "multiview", children: [
     /* @__PURE__ */ c.jsx("canvas", { ref: x }),
     /* @__PURE__ */ c.jsxs("div", { className: `cameras ${n === "Single" || n === "Stacked" ? "single" : ""}`, ref: C, children: [
-      n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: H, options: ee, ref: M, onSelect: (f) => {
+      n === "Single" && /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsx(Ie, { camera: z, options: ee, ref: M, onSelect: (f) => {
         var b;
-        (b = ie.get(H.name)) == null || b.dispose();
+        (b = ie.get(z.name)) == null || b.dispose();
         const m = ne.get(f);
-        m !== void 0 && (X(H), H = m, S(m, M.current));
+        m !== void 0 && (X(z), z = m, S(m, M.current));
       } }) }),
       (n === "Side by Side" || n === "Stacked") && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(Ie, { camera: H, options: ee, ref: M, onSelect: (f) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: z, options: ee, ref: M, onSelect: (f) => {
           var b;
-          (b = ie.get(H.name)) == null || b.dispose();
+          (b = ie.get(z.name)) == null || b.dispose();
           const m = ne.get(f);
-          m !== void 0 && (X(H), H = m, S(m, M.current));
+          m !== void 0 && (X(z), z = m, S(m, M.current));
         } }),
         /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: V, onSelect: (f) => {
           var b;
@@ -3336,11 +3359,11 @@ function vi(t) {
         } })
       ] }),
       n === "Quad" && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        /* @__PURE__ */ c.jsx(Ie, { camera: H, options: ee, ref: M, onSelect: (f) => {
+        /* @__PURE__ */ c.jsx(Ie, { camera: z, options: ee, ref: M, onSelect: (f) => {
           var b;
-          (b = ie.get(H.name)) == null || b.dispose();
+          (b = ie.get(z.name)) == null || b.dispose();
           const m = ne.get(f);
-          m !== void 0 && (X(H), H = m, S(m, M.current));
+          m !== void 0 && (X(z), z = m, S(m, M.current));
         } }),
         /* @__PURE__ */ c.jsx(Ie, { camera: re, options: ee, ref: V, onSelect: (f) => {
           var b;
@@ -3364,7 +3387,7 @@ function vi(t) {
     ] }),
     /* @__PURE__ */ c.jsxs("div", { className: "settings", children: [
       /* @__PURE__ */ c.jsx(
-        St,
+        Ot,
         {
           index: rn.indexOf(n),
           options: rn,
@@ -3373,44 +3396,44 @@ function vi(t) {
           },
           open: s,
           onToggle: (f) => {
-            u(f), l && d(!1), p && v(!1);
+            d(f), l && u(!1), p && v(!1);
           }
         }
       ),
       /* @__PURE__ */ c.jsx(
-        St,
+        Ot,
         {
-          index: on.indexOf(xt),
+          index: on.indexOf(Ct),
           options: on,
           onSelect: (f) => {
-            if (f !== xt)
-              switch (xt = f, xt) {
+            if (f !== Ct)
+              switch (Ct = f, Ct) {
                 case "Depth":
-                  z.overrideMaterial = Ja;
+                  H.overrideMaterial = Ja;
                   break;
                 case "Normals":
-                  z.overrideMaterial = Qa;
+                  H.overrideMaterial = Qa;
                   break;
                 default:
                 case "Renderer":
-                  z.overrideMaterial = null;
+                  H.overrideMaterial = null;
                   break;
                 case "Wireframe":
-                  z.overrideMaterial = ti;
+                  H.overrideMaterial = ti;
                   break;
                 case "UVs":
-                  z.overrideMaterial = ei;
+                  H.overrideMaterial = ei;
                   break;
               }
           },
           open: l,
           onToggle: (f) => {
-            s && u(!1), d(f), p && v(!1);
+            s && d(!1), u(f), p && v(!1);
           }
         }
       ),
       /* @__PURE__ */ c.jsx(
-        St,
+        Ot,
         {
           index: 0,
           options: [
@@ -3418,11 +3441,11 @@ function vi(t) {
             "Selection Mode"
           ],
           onSelect: (f) => {
-            Ct = f === "Selection Mode", ct.visible = Ct;
+            St = f === "Selection Mode", lt.visible = St;
           },
           open: p,
           onToggle: (f) => {
-            s && u(!1), l && d(!1), v(f);
+            s && d(!1), l && u(!1), v(f);
           }
         }
       )
@@ -3437,9 +3460,9 @@ function bi(t) {
   ] });
 }
 export {
-  $t as Accordion,
+  Gt as Accordion,
   hi as Application,
-  Ot as BaseRemote,
+  Tt as BaseRemote,
   xn as ChildObject,
   Ia as ContainerObject,
   Oa as Draggable,
@@ -3459,7 +3482,7 @@ export {
   gi as SceneInspector,
   mi as SidePanel,
   j as ToolEvents,
-  Aa as UVMaterial,
+  Da as UVMaterial,
   ui as clamp,
   ra as colorToHex,
   _ as debugDispatcher,
@@ -3471,6 +3494,6 @@ export {
   ia as isColor,
   aa as randomID,
   oa as resetThreeObjects,
-  kt as round,
-  Nt as totalThreeObjects
+  At as round,
+  Ft as totalThreeObjects
 };