npm - @tomorrowevening/hermes - Versions diffs - 0.0.57 → 0.0.59 - Mend

@tomorrowevening/hermes 0.0.57 → 0.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/hermes.cjs.js +15 -15
package/dist/hermes.es.js +1383 -1354
package/dist/style.css +1 -1
package/package.json +3 -3
package/types/core/remote/RemoteThree.d.ts +7 -2
package/types/editor/components/content.d.ts +1 -1
package/types/editor/sidePanel/inspector/InspectGrid3.d.ts +2 -2
package/types/editor/sidePanel/inspector/InspectorField.d.ts +1 -1

package/dist/hermes.es.js CHANGED Viewed

@@ -1,71 +1,71 @@
-import { EventDispatcher as dn, Texture as hn, CubeTexture as Vn, RepeatWrapping as Yt, Color as Ft, FrontSide as Yn, BackSide as fn, DoubleSide as mn, NoBlending as Gn, NormalBlending as Wn, AdditiveBlending as qn, SubtractiveBlending as Kn, MultiplyBlending as Xn, CustomBlending as Zn, AddEquation as Jn, SubtractEquation as Qn, ReverseSubtractEquation as ea, MinEquation as ta, MaxEquation as na, ZeroFactor as pn, OneFactor as gn, SrcColorFactor as vn, OneMinusSrcColorFactor as bn, SrcAlphaFactor as yn, OneMinusSrcAlphaFactor as xn, DstAlphaFactor as En, OneMinusDstAlphaFactor as Cn, DstColorFactor as Sn, OneMinusDstColorFactor as wn, SrcAlphaSaturateFactor as aa, ConstantColorFactor as Mn, OneMinusConstantColorFactor as On, ConstantAlphaFactor as Tn, OneMinusConstantAlphaFactor as _n, Matrix4 as ia, Vector3 as Y, Euler as ra, Line as sa, BufferGeometry as Gt, Float32BufferAttribute as Wt, LineBasicMaterial as oa, Mesh as Rn, MeshBasicMaterial as An, Ray as ca, Plane as la, MathUtils as ua, MOUSE as tt, TOUCH as nt, Quaternion as qt, Spherical as Kt, Vector2 as me, ShaderMaterial as Pn, GLSL3 as da, PlaneGeometry as ha, Scene as fa, Group as ma, AxesHelper as Xt, MeshDepthMaterial as pa, MeshNormalMaterial as ga, WebGLRenderer as va, PerspectiveCamera as kt, Raycaster as ba, OrthographicCamera as Zt, CameraHelper as ya, SpotLightHelper as xa, PointLightHelper as Ea, HemisphereLightHelper as Ca, DirectionalLightHelper as Sa } from "three";
-import { Pane as wa } from "tweakpane";
-import * as Ma from "@tweakpane/plugin-essentials";
-import kn, { useState as q, useEffect as ke, useRef as Z, useMemo as le, forwardRef as Oa } from "react";
-import { Reorder as jn } from "framer-motion";
+import { EventDispatcher as hn, Texture as fn, CubeTexture as Wn, RepeatWrapping as Ht, WebGLRenderTarget as Hn, Color as Lt, FrontSide as Yn, BackSide as mn, DoubleSide as pn, NoBlending as Vn, NormalBlending as qn, AdditiveBlending as Zn, SubtractiveBlending as Xn, MultiplyBlending as Jn, CustomBlending as Kn, AddEquation as Qn, SubtractEquation as ea, ReverseSubtractEquation as ta, MinEquation as na, MaxEquation as aa, ZeroFactor as gn, OneFactor as vn, SrcColorFactor as bn, OneMinusSrcColorFactor as yn, SrcAlphaFactor as xn, OneMinusSrcAlphaFactor as En, DstAlphaFactor as Cn, OneMinusDstAlphaFactor as Sn, DstColorFactor as wn, OneMinusDstColorFactor as Mn, SrcAlphaSaturateFactor as ia, ConstantColorFactor as On, OneMinusConstantColorFactor as Tn, ConstantAlphaFactor as _n, OneMinusConstantAlphaFactor as Rn, Matrix4 as ra, Vector3 as Y, Euler as sa, Line as oa, BufferGeometry as Yt, Float32BufferAttribute as Vt, LineBasicMaterial as ca, Mesh as Pn, MeshBasicMaterial as kn, Ray as la, Plane as ua, MathUtils as da, MOUSE as nt, TOUCH as at, Quaternion as qt, Spherical as Zt, Vector2 as fe, ShaderMaterial as jn, GLSL3 as ha, PlaneGeometry as fa, Scene as ma, Group as pa, AxesHelper as Xt, MeshDepthMaterial as ga, MeshNormalMaterial as va, WebGLRenderer as ba, PerspectiveCamera as kt, Raycaster as ya, OrthographicCamera as Jt, CameraHelper as xa, SpotLightHelper as Ea, PointLightHelper as Ca, HemisphereLightHelper as Sa, DirectionalLightHelper as wa } from "three";
+import { Pane as Ma } from "tweakpane";
+import * as Oa from "@tweakpane/plugin-essentials";
+import An, { useState as X, useEffect as Ae, useRef as J, useMemo as ie, forwardRef as Ta } from "react";
+import { Reorder as Dn } from "framer-motion";
 const Bt = () => {
-}, ki = () => {
+}, Pi = () => {
 };
-function Ot(e) {
+function Mt(e) {
   return e.substring(0, 1).toUpperCase() + e.substring(1);
 }
-function Ke(e, n, a) {
+function Ze(e, n, a) {
   return Math.min(n, Math.max(e, a));
 }
-function Jt(e, n, a) {
+function Kt(e, n, a) {
   return (a - e) / (n - e);
 }
 function Qt(e, n, a) {
   return e * (1 - a) + n * a;
 }
-function ji(e, n) {
+function ki(e, n) {
   const a = e - n;
   return Math.sqrt(a * a);
 }
-function Ta() {
+function _a() {
   return Math.round(Math.random() * 1e6).toString();
 }
-function _a(e) {
+function Ra(e) {
   return e.r !== void 0 && e.g !== void 0 && e.b !== void 0;
 }
-function Ra(e) {
-  const n = Math.round(e.r * 255), a = Math.round(e.g * 255), t = Math.round(e.b * 255), i = (h) => {
-    const d = h.toString(16);
-    return d.length === 1 ? "0" + d : d;
-  }, o = i(n), u = i(a), c = i(t);
-  return "#" + o + u + c;
+function Pa(e) {
+  const n = Math.round(e.r * 255), a = Math.round(e.g * 255), t = Math.round(e.b * 255), i = (d) => {
+    const h = d.toString(16);
+    return h.length === 1 ? "0" + h : h;
+  }, c = i(n), u = i(a), o = i(t);
+  return "#" + c + u + o;
 }
-function mt(e, n = 1) {
+function en(e, n = 1) {
   return Number(e.toFixed(n));
 }
-let Nt = 0;
-const Aa = () => {
-  Nt = 0;
-}, Dn = (e) => {
+let Dt = 0;
+const ka = () => {
+  Dt = 0;
+}, In = (e) => {
   if (!e)
     return;
   let n = e.name.replace(" ", "");
-  n.length === 0 && (n = `obj_${Nt}`, Nt++), e.parent !== null && e.parent.uuid.length > 0 && (n = `${e.parent.uuid}.${n}`), e.uuid = n, e.children.forEach((a) => {
-    Dn(a);
+  n.length === 0 && (n = `obj_${Dt}`, Dt++), e.parent !== null && e.parent.uuid.length > 0 && (n = `${e.parent.uuid}.${n}`), e.uuid = n, e.children.forEach((a) => {
+    In(a);
   });
-}, Di = (e) => {
+}, ji = (e) => {
   e?.dispose();
-}, Pa = (e) => {
+}, ja = (e) => {
   e && (Array.isArray(e) ? e.forEach((n) => n.dispose()) : e.dispose());
-}, In = (e) => {
+}, Ft = (e) => {
   if (e) {
     for (; e.children.length > 0; ) {
       const n = e.children[0];
-      n.type === "Audio" ? (n.pause(), n.parent && n.parent.remove(n)) : In(n);
+      n.type === "Audio" ? (n.pause(), n.parent && n.parent.remove(n)) : Ft(n);
     }
     if (e.parent && e.parent.remove(e), e.isMesh) {
       const n = e;
-      n.geometry?.dispose(), Pa(n.material);
+      n.geometry?.dispose(), ja(n.material);
     }
     e.dispose !== void 0 && e.dispose();
   }
 };
-class Ii {
+class Ai {
   components = /* @__PURE__ */ new Map();
   listen;
   // Protected
@@ -123,7 +123,7 @@ class Ii {
     n && (this._mode = "editor");
   }
 }
-const N = new dn(), L = {
+const j = new hn(), A = {
   CUSTOM: "ToolEvents::custom",
   // Components
   SELECT_DROPDOWN: "ToolEvents::selectDropdown",
@@ -139,7 +139,7 @@ const N = new dn(), L = {
   ADD_CAMERA: "ToolEvents::addCamera",
   REMOVE_CAMERA: "ToolEvents::removeCamera"
 };
-class Tt {
+class Ot {
   app;
   constructor(n) {
     this.app = n;
@@ -151,7 +151,7 @@ class Tt {
   handleEditor(n, a, t) {
   }
 }
-class Ni extends Tt {
+class Di extends Ot {
   selectDropdown(n, a) {
     this.app.send({
       event: "selectComponent",
@@ -175,15 +175,15 @@ class Ni extends Tt {
   handleApp(n, a, t) {
     switch (t.event) {
       case "selectComponent":
-        N.dispatchEvent({ type: L.SELECT_DROPDOWN, value: t.data });
+        j.dispatchEvent({ type: A.SELECT_DROPDOWN, value: t.data });
         break;
       case "draggableListUpdate":
-        N.dispatchEvent({ type: L.DRAG_UPDATE, value: t.data });
+        j.dispatchEvent({ type: A.DRAG_UPDATE, value: t.data });
         break;
     }
   }
 }
-class Ut extends Tt {
+class Ut extends Ot {
   project;
   sheets = /* @__PURE__ */ new Map();
   sheetObjects = /* @__PURE__ */ new Map();
@@ -232,17 +232,17 @@ class Ut extends Tt {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const o = this.sheet(n);
-    if (o === void 0)
+    const c = this.sheet(n);
+    if (c === void 0)
       return;
     const u = `${n}_${a}`;
-    let c = this.sheetObjects.get(u);
-    c !== void 0 ? c = o.object(a, { ...t, ...c.value }, { reconfigure: !0 }) : c = o.object(a, t), this.sheetObjects.set(u, c), this.sheetObjectCBs.set(u, i !== void 0 ? i : Bt);
-    const h = c.onValuesChange((d) => {
+    let o = this.sheetObjects.get(u);
+    o !== void 0 ? o = c.object(a, { ...t, ...o.value }, { reconfigure: !0 }) : o = c.object(a, t), this.sheetObjects.set(u, o), this.sheetObjectCBs.set(u, i !== void 0 ? i : Bt);
+    const d = o.onValuesChange((h) => {
       if (this.app.editor) {
-        for (const g in d) {
-          const x = d[g];
-          typeof x == "object" && _a(x) && (d[g] = {
+        for (const m in h) {
+          const x = h[m];
+          typeof x == "object" && Ra(x) && (h[m] = {
             r: x.r,
             g: x.g,
             b: x.b,
@@ -255,14 +255,14 @@ class Ut extends Tt {
           data: {
             sheet: n,
             sheetObject: u,
-            values: d
+            values: h
           }
         });
       }
       const f = this.sheetObjectCBs.get(u);
-      f !== void 0 && f(d);
+      f !== void 0 && f(h);
     });
-    return this.sheetObjectUnsubscribe.set(u, h), c;
+    return this.sheetObjectUnsubscribe.set(u, d), o;
   }
   unsubscribe(n) {
     if (this.project === void 0) {
@@ -271,24 +271,24 @@ class Ut extends Tt {
     }
     const a = n.address.sheetId, t = n.address.objectKey;
     this.sheets.get(a)?.detachObject(t);
-    const o = `${a}_${t}`, u = this.sheetObjectUnsubscribe.get(o);
-    u !== void 0 && (this.sheetObjects.delete(o), this.sheetObjectCBs.delete(o), this.sheetObjectUnsubscribe.delete(o), u());
+    const c = `${a}_${t}`, u = this.sheetObjectUnsubscribe.get(c);
+    u !== void 0 && (this.sheetObjects.delete(c), this.sheetObjectCBs.delete(c), this.sheetObjectUnsubscribe.delete(c), u());
   }
   handleApp(n, a, t) {
     const i = a;
-    let o;
+    let c;
     switch (t.event) {
       case "setSheet":
-        o = i.sheets.get(t.data.sheet), o !== void 0 && (i.activeSheet = o, this.studio?.setSelection([o]));
+        c = i.sheets.get(t.data.sheet), c !== void 0 && (i.activeSheet = c, this.studio?.setSelection([c]));
         break;
       case "setSheetObject":
-        o = i.sheetObjects.get(`${t.data.sheet}_${t.data.key}`), o !== void 0 && this.studio?.setSelection([o]);
+        c = i.sheetObjects.get(`${t.data.sheet}_${t.data.key}`), c !== void 0 && this.studio?.setSelection([c]);
         break;
       case "updateSheetObject":
-        o = i.sheets.get(t.data.sheet), o !== void 0 && o.sequence.pause(), o = i.sheetObjectCBs.get(t.data.sheetObject), o !== void 0 && o(t.data.values);
+        c = i.sheets.get(t.data.sheet), c !== void 0 && c.sequence.pause(), c = i.sheetObjectCBs.get(t.data.sheetObject), c !== void 0 && c(t.data.values);
         break;
       case "updateTimeline":
-        o = i.sheets.get(t.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = t.data.position);
+        c = i.sheets.get(t.data.sheet), i.activeSheet !== void 0 && (i.activeSheet.sequence.position = t.data.position);
         break;
     }
   }
@@ -308,23 +308,23 @@ class Ut extends Tt {
   handleEditorApp(n, a) {
     if (n.editor) {
       this.studio?.ui.restore(), this.studio?.onSelectionChange((u) => {
-        u.length < 1 || u.forEach((c) => {
-          let h = c.address.sheetId, d = "setSheet", f = {};
-          switch (c.type) {
+        u.length < 1 || u.forEach((o) => {
+          let d = o.address.sheetId, h = "setSheet", f = {};
+          switch (o.type) {
             case "Theatre_Sheet_PublicAPI":
-              d = "setSheet", f = {
-                sheet: c.address.sheetId
-              }, a.activeSheet = a.sheets.get(c.address.sheetId);
+              h = "setSheet", f = {
+                sheet: o.address.sheetId
+              }, a.activeSheet = a.sheets.get(o.address.sheetId);
               break;
             case "Theatre_SheetObject_PublicAPI":
-              d = "setSheetObject", h += `_${c.address.objectKey}`, f = {
-                id: h,
-                sheet: c.address.sheetId,
-                key: c.address.objectKey
-              }, a.activeSheet = a.sheets.get(c.address.sheetId);
+              h = "setSheetObject", d += `_${o.address.objectKey}`, f = {
+                id: d,
+                sheet: o.address.sheetId,
+                key: o.address.objectKey
+              }, a.activeSheet = a.sheets.get(o.address.sheetId);
               break;
           }
-          n.send({ event: d, target: "app", data: f });
+          n.send({ event: h, target: "app", data: f });
         });
       });
       let t = -1;
@@ -341,34 +341,34 @@ class Ut extends Tt {
             }
           });
         }
-      }, o = () => {
-        i(), requestAnimationFrame(o);
+      }, c = () => {
+        i(), requestAnimationFrame(c);
       };
-      i(), o();
+      i(), c();
     } else
       this.studio?.ui.hide();
   }
 }
-function Li(e, n, a) {
+function Ii(e, n, a) {
   if (e.editor) {
     a.ui.restore(), a.onSelectionChange((u) => {
-      u.length < 1 || u.forEach((c) => {
-        let h = c.address.sheetId, d = "setSheet", f = {};
-        switch (c.type) {
+      u.length < 1 || u.forEach((o) => {
+        let d = o.address.sheetId, h = "setSheet", f = {};
+        switch (o.type) {
           case "Theatre_Sheet_PublicAPI":
-            d = "setSheet", f = {
-              sheet: c.address.sheetId
-            }, n.activeSheet = n.sheets.get(c.address.sheetId);
+            h = "setSheet", f = {
+              sheet: o.address.sheetId
+            }, n.activeSheet = n.sheets.get(o.address.sheetId);
             break;
           case "Theatre_SheetObject_PublicAPI":
-            d = "setSheetObject", h += `_${c.address.objectKey}`, f = {
-              id: h,
-              sheet: c.address.sheetId,
-              key: c.address.objectKey
-            }, n.activeSheet = n.sheets.get(c.address.sheetId);
+            h = "setSheetObject", d += `_${o.address.objectKey}`, f = {
+              id: d,
+              sheet: o.address.sheetId,
+              key: o.address.objectKey
+            }, n.activeSheet = n.sheets.get(o.address.sheetId);
             break;
         }
-        e.send({ event: d, target: "app", data: f });
+        e.send({ event: h, target: "app", data: f });
       });
     });
     let t = -1;
@@ -385,14 +385,14 @@ function Li(e, n, a) {
           }
         });
       }
-    }, o = () => {
-      i(), requestAnimationFrame(o);
+    }, c = () => {
+      i(), requestAnimationFrame(c);
     };
-    i(), o();
+    i(), c();
   } else
     a.ui.hide();
 }
-function ka(e) {
+function Aa(e) {
   if (e.name === "cameras")
     return "camera";
   if (e.name === "interactive")
@@ -417,7 +417,7 @@ function Nn(e) {
     n.children.push(Nn(a));
   }), n;
 }
-function ja(e) {
+function Da(e) {
   const n = {};
   for (const a in e) {
     const t = e[a].value;
@@ -425,7 +425,7 @@ function ja(e) {
   }
   return n;
 }
-function Da(e) {
+function Ia(e) {
   switch (e) {
     case "blendSrcAlpha":
     case "blendDstAlpha":
@@ -437,10 +437,10 @@ function Da(e) {
   }
   return !1;
 }
-function at(e) {
+function it(e) {
   const n = {};
   for (const a in e) {
-    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Da(a))
+    if (a.substring(0, 1) === "_" || a.substring(0, 2) === "is" || Ia(a))
       continue;
     const t = typeof e[a], i = e[a];
     switch (t) {
@@ -452,13 +452,13 @@ function at(e) {
       case "object":
         if (i !== null)
           if (n[a] = i, i.isTexture)
-            if (i instanceof hn) {
-              const o = i.source.toJSON();
-              n[a] = { src: o.url };
+            if (i instanceof fn) {
+              const c = i.source.toJSON();
+              n[a] = { src: c.url };
             } else
-              i instanceof Vn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = { src: "" });
+              i instanceof Wn && (console.log("env map"), console.log(i.source.data), console.log(i.source.toJSON()), n[a] = { src: "" });
           else
-            a === "uniforms" && (n[a] = ja(n[a]));
+            a === "uniforms" && (n[a] = Da(n[a]));
         else
           n[a] = { src: "" };
         break;
@@ -492,29 +492,29 @@ function jt(e) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(at(o));
+      t.material.forEach((c) => {
+        i.push(it(c));
       }), n.material = i;
     } else
-      n.material = at(t.material);
+      n.material = it(t.material);
   } else if (a.search("points") > -1) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(at(o));
+      t.material.forEach((c) => {
+        i.push(it(c));
       }), n.material = i;
     } else
-      n.material = at(t.material);
+      n.material = it(t.material);
   } else if (a.search("line") > -1) {
     const t = e;
     if (Array.isArray(t.material)) {
       const i = [];
-      t.material.forEach((o) => {
-        i.push(at(o));
+      t.material.forEach((c) => {
+        i.push(it(c));
       }), n.material = i;
     } else
-      n.material = at(t.material);
+      n.material = it(t.material);
   } else
     a.search("camera") > -1 ? e.type === "PerspectiveCamera" ? n.perspectiveCameraInfo = {
       fov: e.fov,
@@ -546,7 +546,7 @@ function jt(e) {
     });
   return n;
 }
-function Ia(e, n) {
+function Na(e, n) {
   const a = n.split(".");
   switch (a.length) {
     case 1:
@@ -563,38 +563,70 @@ function Ia(e, n) {
       return e[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]];
   }
 }
-function Q(e, n, a) {
-  const t = n.split(".");
-  switch (t.length) {
-    case 1:
-      e[t[0]] = a;
-      break;
-    case 2:
-      e[t[0]][t[1]] = a;
-      break;
-    case 3:
-      e[t[0]][t[1]][t[2]] = a;
-      break;
-    case 4:
-      e[t[0]][t[1]][t[2]][t[3]] = a;
-      break;
-    case 5:
-      e[t[0]][t[1]][t[2]][t[3]][t[4]] = a;
-      break;
+function La(e, n) {
+  for (const a in n)
+    e[a] = n[a];
+}
+function V(e, n, a) {
+  const t = n.split("."), i = t.length;
+  if (typeof a != "object")
+    switch (i) {
+      case 1:
+        e[t[0]] = a;
+        break;
+      case 2:
+        e[t[0]][t[1]] = a;
+        break;
+      case 3:
+        e[t[0]][t[1]][t[2]] = a;
+        break;
+      case 4:
+        e[t[0]][t[1]][t[2]][t[3]] = a;
+        break;
+      case 5:
+        e[t[0]][t[1]][t[2]][t[3]][t[4]] = a;
+        break;
+    }
+  else {
+    let u;
+    switch (i) {
+      case 1:
+        u = e[t[0]];
+        break;
+      case 2:
+        u = e[t[0]][t[1]];
+        break;
+      case 3:
+        u = e[t[0]][t[1]][t[2]];
+        break;
+      case 4:
+        u = e[t[0]][t[1]][t[2]][t[3]];
+        break;
+      case 5:
+        u = e[t[0]][t[1]][t[2]][t[3]][t[4]];
+        break;
+    }
+    u !== void 0 && La(u, a);
   }
 }
 function Ln(e) {
   return new Promise((n, a) => {
     const t = new Image();
     t.onload = () => {
-      const i = new hn(t);
-      i.wrapS = Yt, i.wrapT = Yt, i.needsUpdate = !0, n(i);
+      const i = new fn(t);
+      i.wrapS = Ht, i.wrapT = Ht, i.needsUpdate = !0, n(i);
     }, t.onerror = a, t.src = e;
   });
 }
-class Fi extends Tt {
+class Ni extends Ot {
   scene = void 0;
   renderer = void 0;
+  renderTargets = /* @__PURE__ */ new Map();
+  dispose() {
+    this.renderTargets.forEach((n) => {
+      n.dispose();
+    }), this.renderTargets.clear(), this.scene && Ft(this.scene), this.renderer?.dispose();
+  }
   getObject(n) {
     this.app.debugEnabled && this.app.send({
       event: "getObject",
@@ -647,7 +679,7 @@ class Fi extends Tt {
   setScene(n) {
     if (n === void 0 || (this.scene = n, !this.app.debugEnabled))
       return;
-    Aa(), Dn(this.scene);
+    ka(), In(this.scene);
     const a = Nn(this.scene);
     this.app.send({
       event: "setScene",
@@ -678,56 +710,65 @@ class Fi extends Tt {
   handleApp(n, a, t) {
     switch (t.event) {
       case "getObject":
-        N.dispatchEvent({ type: L.GET_OBJECT, value: t.data });
+        j.dispatchEvent({ type: A.GET_OBJECT, value: t.data });
         break;
       case "updateObject":
-        N.dispatchEvent({ type: L.UPDATE_OBJECT, value: t.data });
+        j.dispatchEvent({ type: A.UPDATE_OBJECT, value: t.data });
         break;
       case "createTexture":
-        N.dispatchEvent({ type: L.CREATE_TEXTURE, value: t.data });
+        j.dispatchEvent({ type: A.CREATE_TEXTURE, value: t.data });
         break;
       case "requestMethod":
-        N.dispatchEvent({ type: L.REQUEST_METHOD, value: t.data });
+        j.dispatchEvent({ type: A.REQUEST_METHOD, value: t.data });
         break;
     }
   }
   handleEditor(n, a, t) {
     switch (t.event) {
       case "setObject":
-        N.dispatchEvent({ type: L.SET_OBJECT, value: t.data });
+        j.dispatchEvent({ type: A.SET_OBJECT, value: t.data });
         break;
       case "setScene":
-        N.dispatchEvent({ type: L.SET_SCENE, value: t.data });
+        j.dispatchEvent({ type: A.SET_SCENE, value: t.data });
         break;
       case "addCamera":
-        N.dispatchEvent({ type: L.ADD_CAMERA, value: t.data });
+        j.dispatchEvent({ type: A.ADD_CAMERA, value: t.data });
         break;
       case "removeCamera":
-        N.dispatchEvent({ type: L.REMOVE_CAMERA, value: t.data });
+        j.dispatchEvent({ type: A.REMOVE_CAMERA, value: t.data });
         break;
     }
   }
   // Renderer
+  rendererWidth = 0;
+  rendererHeight = 0;
+  addRT(n, a) {
+    const t = new Hn(32, 32, a);
+    t.texture.name = n, this.renderTargets.set(n, t);
+  }
   resize(n, a) {
-    this.renderer?.setSize(n, a);
+    const t = this.dpr;
+    this.rendererWidth = n, this.rendererHeight = a, this.renderTargets.forEach((i) => {
+      i.setSize(n * t, a * t);
+    }), this.renderer?.setSize(n, a);
   }
   set dpr(n) {
-    this.renderer?.setPixelRatio(Ke(1, 2, n));
+    this.renderer?.setPixelRatio(Ze(1, 2, n));
   }
   get dpr() {
     return this.renderer !== void 0 ? this.renderer?.getPixelRatio() : 1;
   }
   get width() {
-    return this.renderer !== void 0 ? this.renderer?.domElement.width / this.dpr : 0;
+    return this.rendererWidth;
   }
   get height() {
-    return this.renderer !== void 0 ? this.renderer?.domElement.height / this.dpr : 0;
+    return this.rendererHeight;
   }
   get canvas() {
     return this.renderer !== void 0 ? this.renderer?.domElement : null;
   }
 }
-class Bi extends Tt {
+class Li extends Ot {
   bindCBs;
   buttonCBs;
   pane = void 0;
@@ -738,7 +779,7 @@ class Bi extends Tt {
     super(n), this.bindCBs = /* @__PURE__ */ new Map(), this.buttonCBs = /* @__PURE__ */ new Map(), n.editor && this.createGUI();
   }
   createGUI() {
-    this.pane = new wa({ title: "GUI" }), this.pane.registerPlugin(Ma);
+    this.pane = new Ma({ title: "GUI" }), this.pane.registerPlugin(Oa);
   }
   dispose() {
     this.bindCBs.clear(), this.buttonCBs.clear(), this.appCallbacks = 0, this.editorCallbacks = 0, this.app.editor && (this.pane?.dispose(), this.pane = void 0);
@@ -764,21 +805,21 @@ class Bi extends Tt {
   }
   // Binding
   bind(n, a, t, i = void 0) {
-    const o = this.bindID, u = t.onChange !== void 0 ? t.onChange : Bt;
-    this.bindCBs.set(o, u), this.app.editor ? (this.pane === void 0 && this.createGUI(), (i !== void 0 ? i : this.pane).addBinding(n, a, t).on("change", (h) => {
+    const c = this.bindID, u = t.onChange !== void 0 ? t.onChange : Bt;
+    this.bindCBs.set(c, u), this.app.editor ? (this.pane === void 0 && this.createGUI(), (i !== void 0 ? i : this.pane).addBinding(n, a, t).on("change", (d) => {
       this.app.send({
         event: "updateBind",
         target: "app",
         data: {
-          id: o,
-          value: h.value
+          id: c,
+          value: d.value
         }
       });
     }), this.editorCallbacks++) : (this.app.send({
       event: "bindObject",
       target: "app",
       data: {
-        id: o,
+        id: c,
         name: a,
         params: t,
         parent: i
@@ -845,7 +886,7 @@ class Bi extends Tt {
     }
   }
 }
-var Lt = { exports: {} }, lt = {};
+var It = { exports: {} }, lt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -855,21 +896,21 @@ var Lt = { exports: {} }, lt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var en;
-function Na() {
-  if (en)
+var tn;
+function Ba() {
+  if (tn)
     return lt;
-  en = 1;
-  var e = kn, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(c, h, d) {
-    var f, g = {}, x = null, T = null;
-    d !== void 0 && (x = "" + d), h.key !== void 0 && (x = "" + h.key), h.ref !== void 0 && (T = h.ref);
-    for (f in h)
-      t.call(h, f) && !o.hasOwnProperty(f) && (g[f] = h[f]);
-    if (c && c.defaultProps)
-      for (f in h = c.defaultProps, h)
-        g[f] === void 0 && (g[f] = h[f]);
-    return { $$typeof: n, type: c, key: x, ref: T, props: g, _owner: i.current };
+  tn = 1;
+  var e = An, n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(o, d, h) {
+    var f, m = {}, x = null, T = null;
+    h !== void 0 && (x = "" + h), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (T = d.ref);
+    for (f in d)
+      t.call(d, f) && !c.hasOwnProperty(f) && (m[f] = d[f]);
+    if (o && o.defaultProps)
+      for (f in d = o.defaultProps, d)
+        m[f] === void 0 && (m[f] = d[f]);
+    return { $$typeof: n, type: o, key: x, ref: T, props: m, _owner: i.current };
   }
   return lt.Fragment = a, lt.jsx = u, lt.jsxs = u, lt;
 }
@@ -883,54 +924,54 @@ var ut = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tn;
-function La() {
-  return tn || (tn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = kn, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), c = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), V = Symbol.iterator, ee = "@@iterator";
-    function pe(r) {
+var nn;
+function Fa() {
+  return nn || (nn = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = An, n = Symbol.for("react.element"), a = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), o = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), H = Symbol.iterator, te = "@@iterator";
+    function me(r) {
       if (r === null || typeof r != "object")
         return null;
-      var m = V && r[V] || r[ee];
-      return typeof m == "function" ? m : null;
+      var p = H && r[H] || r[te];
+      return typeof p == "function" ? p : null;
     }
     var re = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function $(r) {
       {
-        for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), E = 1; E < m; E++)
-          b[E - 1] = arguments[E];
-        j("error", r, b);
+        for (var p = arguments.length, b = new Array(p > 1 ? p - 1 : 0), S = 1; S < p; S++)
+          b[S - 1] = arguments[S];
+        I("error", r, b);
       }
     }
-    function j(r, m, b) {
+    function I(r, p, b) {
       {
-        var E = re.ReactDebugCurrentFrame, F = E.getStackAddendum();
-        F !== "" && (m += "%s", b = b.concat([F]));
-        var U = b.map(function(A) {
-          return String(A);
+        var S = re.ReactDebugCurrentFrame, L = S.getStackAddendum();
+        L !== "" && (p += "%s", b = b.concat([L]));
+        var U = b.map(function(k) {
+          return String(k);
         });
-        U.unshift("Warning: " + m), Function.prototype.apply.call(console[r], console, U);
+        U.unshift("Warning: " + p), Function.prototype.apply.call(console[r], console, U);
       }
     }
-    var K = !1, te = !1, Se = !1, z = !1, ge = !1, ue;
-    ue = Symbol.for("react.module.reference");
+    var q = !1, ne = !1, Se = !1, z = !1, pe = !1, ce;
+    ce = Symbol.for("react.module.reference");
     function Te(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === t || r === o || ge || r === i || r === d || r === f || z || r === T || K || te || Se || typeof r == "object" && r !== null && (r.$$typeof === x || r.$$typeof === g || r.$$typeof === u || r.$$typeof === c || r.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === t || r === c || pe || r === i || r === h || r === f || z || r === T || q || ne || Se || typeof r == "object" && r !== null && (r.$$typeof === x || r.$$typeof === m || r.$$typeof === u || r.$$typeof === o || r.$$typeof === d || // 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.
-      r.$$typeof === ue || r.getModuleId !== void 0));
+      r.$$typeof === ce || r.getModuleId !== void 0));
     }
-    function _e(r, m, b) {
-      var E = r.displayName;
-      if (E)
-        return E;
-      var F = m.displayName || m.name || "";
-      return F !== "" ? b + "(" + F + ")" : b;
+    function _e(r, p, b) {
+      var S = r.displayName;
+      if (S)
+        return S;
+      var L = p.displayName || p.name || "";
+      return L !== "" ? b + "(" + L + ")" : b;
     }
     function ve(r) {
       return r.displayName || "Context";
     }
-    function D(r) {
+    function N(r) {
       if (r == null)
         return null;
       if (typeof r.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
@@ -942,32 +983,32 @@ function La() {
           return "Fragment";
         case a:
           return "Portal";
-        case o:
+        case c:
           return "Profiler";
         case i:
           return "StrictMode";
-        case d:
+        case h:
           return "Suspense";
         case f:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case c:
-            var m = r;
-            return ve(m) + ".Consumer";
+          case o:
+            var p = r;
+            return ve(p) + ".Consumer";
           case u:
             var b = r;
             return ve(b._context) + ".Provider";
-          case h:
+          case d:
             return _e(r, r.render, "ForwardRef");
-          case g:
-            var E = r.displayName || null;
-            return E !== null ? E : D(r.type) || "Memo";
+          case m:
+            var S = r.displayName || null;
+            return S !== null ? S : N(r.type) || "Memo";
           case x: {
-            var F = r, U = F._payload, A = F._init;
+            var L = r, U = L._payload, k = L._init;
             try {
-              return D(A(U));
+              return N(k(U));
             } catch {
               return null;
             }
@@ -975,18 +1016,18 @@ function La() {
         }
       return null;
     }
-    var be = Object.assign, C = 0, we, Re, je, Ae, Pe, De, Fe;
-    function Be() {
+    var be = Object.assign, w = 0, we, Re, De, Pe, ke, Ie, Be;
+    function Fe() {
     }
-    Be.__reactDisabledLog = !0;
-    function ne() {
+    Fe.__reactDisabledLog = !0;
+    function ae() {
       {
-        if (C === 0) {
-          we = console.log, Re = console.info, je = console.warn, Ae = console.error, Pe = console.group, De = console.groupCollapsed, Fe = console.groupEnd;
+        if (w === 0) {
+          we = console.log, Re = console.info, De = console.warn, Pe = console.error, ke = console.group, Ie = console.groupCollapsed, Be = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: Be,
+            value: Fe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -999,12 +1040,12 @@ function La() {
             groupEnd: r
           });
         }
-        C++;
+        w++;
       }
     }
     function Me() {
       {
-        if (C--, C === 0) {
+        if (w--, w === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -1018,235 +1059,235 @@ function La() {
               value: Re
             }),
             warn: be({}, r, {
-              value: je
+              value: De
             }),
             error: be({}, r, {
-              value: Ae
+              value: Pe
             }),
             group: be({}, r, {
-              value: Pe
+              value: ke
             }),
             groupCollapsed: be({}, r, {
-              value: De
+              value: Ie
             }),
             groupEnd: be({}, r, {
-              value: Fe
+              value: Be
             })
           });
         }
-        C < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        w < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ye = re.ReactCurrentDispatcher, Ge;
-    function de(r, m, b) {
+    var He = re.ReactCurrentDispatcher, Ye;
+    function ue(r, p, b) {
       {
-        if (Ge === void 0)
+        if (Ye === void 0)
           try {
             throw Error();
-          } catch (F) {
-            var E = F.stack.trim().match(/\n( *(at )?)/);
-            Ge = E && E[1] || "";
+          } catch (L) {
+            var S = L.stack.trim().match(/\n( *(at )?)/);
+            Ye = S && S[1] || "";
           }
         return `
-` + Ge + r;
+` + Ye + r;
       }
     }
-    var p = !1, v;
+    var g = !1, v;
     {
-      var S = typeof WeakMap == "function" ? WeakMap : Map;
-      v = new S();
+      var M = typeof WeakMap == "function" ? WeakMap : Map;
+      v = new M();
     }
-    function P(r, m) {
-      if (!r || p)
+    function P(r, p) {
+      if (!r || g)
         return "";
       {
         var b = v.get(r);
         if (b !== void 0)
           return b;
       }
-      var E;
-      p = !0;
-      var F = Error.prepareStackTrace;
+      var S;
+      g = !0;
+      var L = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var U;
-      U = Ye.current, Ye.current = null, ne();
+      U = He.current, He.current = null, ae();
       try {
-        if (m) {
-          var A = function() {
+        if (p) {
+          var k = function() {
             throw Error();
           };
-          if (Object.defineProperty(A.prototype, "props", {
+          if (Object.defineProperty(k.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(A, []);
-            } catch (Ne) {
-              E = Ne;
+              Reflect.construct(k, []);
+            } catch (Le) {
+              S = Le;
             }
-            Reflect.construct(r, [], A);
+            Reflect.construct(r, [], k);
           } else {
             try {
-              A.call();
-            } catch (Ne) {
-              E = Ne;
+              k.call();
+            } catch (Le) {
+              S = Le;
             }
-            r.call(A.prototype);
+            r.call(k.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Ne) {
-            E = Ne;
+          } catch (Le) {
+            S = Le;
           }
           r();
         }
-      } catch (Ne) {
-        if (Ne && E && typeof Ne.stack == "string") {
-          for (var R = Ne.stack.split(`
-`), fe = E.stack.split(`
-`), W = R.length - 1, X = fe.length - 1; W >= 1 && X >= 0 && R[W] !== fe[X]; )
-            X--;
-          for (; W >= 1 && X >= 0; W--, X--)
-            if (R[W] !== fe[X]) {
-              if (W !== 1 || X !== 1)
+      } catch (Le) {
+        if (Le && S && typeof Le.stack == "string") {
+          for (var R = Le.stack.split(`
+`), he = S.stack.split(`
+`), Z = R.length - 1, Q = he.length - 1; Z >= 1 && Q >= 0 && R[Z] !== he[Q]; )
+            Q--;
+          for (; Z >= 1 && Q >= 0; Z--, Q--)
+            if (R[Z] !== he[Q]) {
+              if (Z !== 1 || Q !== 1)
                 do
-                  if (W--, X--, X < 0 || R[W] !== fe[X]) {
+                  if (Z--, Q--, Q < 0 || R[Z] !== he[Q]) {
                     var Ce = `
-` + R[W].replace(" at new ", " at ");
+` + R[Z].replace(" at new ", " at ");
                     return r.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", r.displayName)), typeof r == "function" && v.set(r, Ce), Ce;
                   }
-                while (W >= 1 && X >= 0);
+                while (Z >= 1 && Q >= 0);
               break;
             }
         }
       } finally {
-        p = !1, Ye.current = U, Me(), Error.prepareStackTrace = F;
+        g = !1, He.current = U, Me(), Error.prepareStackTrace = L;
       }
-      var et = r ? r.displayName || r.name : "", Vt = et ? de(et) : "";
-      return typeof r == "function" && v.set(r, Vt), Vt;
+      var tt = r ? r.displayName || r.name : "", Wt = tt ? ue(tt) : "";
+      return typeof r == "function" && v.set(r, Wt), Wt;
     }
-    function ae(r, m, b) {
+    function ge(r, p, b) {
       return P(r, !1);
     }
-    function M(r) {
-      var m = r.prototype;
-      return !!(m && m.isReactComponent);
+    function le(r) {
+      var p = r.prototype;
+      return !!(p && p.isReactComponent);
     }
-    function w(r, m, b) {
+    function C(r, p, b) {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return P(r, M(r));
+        return P(r, le(r));
       if (typeof r == "string")
-        return de(r);
+        return ue(r);
       switch (r) {
-        case d:
-          return de("Suspense");
+        case h:
+          return ue("Suspense");
         case f:
-          return de("SuspenseList");
+          return ue("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case h:
-            return ae(r.render);
-          case g:
-            return w(r.type, m, b);
+          case d:
+            return ge(r.render);
+          case m:
+            return C(r.type, p, b);
           case x: {
-            var E = r, F = E._payload, U = E._init;
+            var S = r, L = S._payload, U = S._init;
             try {
-              return w(U(F), m, b);
+              return C(U(L), p, b);
             } catch {
             }
           }
         }
       return "";
     }
-    var I = Object.prototype.hasOwnProperty, ie = {}, se = re.ReactDebugCurrentFrame;
+    var E = Object.prototype.hasOwnProperty, F = {}, K = re.ReactDebugCurrentFrame;
     function O(r) {
       if (r) {
-        var m = r._owner, b = w(r.type, r._source, m ? m.type : null);
-        se.setExtraStackFrame(b);
+        var p = r._owner, b = C(r.type, r._source, p ? p.type : null);
+        K.setExtraStackFrame(b);
       } else
-        se.setExtraStackFrame(null);
+        K.setExtraStackFrame(null);
     }
-    function B(r, m, b, E, F) {
+    function B(r, p, b, S, L) {
       {
-        var U = Function.call.bind(I);
-        for (var A in r)
-          if (U(r, A)) {
+        var U = Function.call.bind(E);
+        for (var k in r)
+          if (U(r, k)) {
             var R = void 0;
             try {
-              if (typeof r[A] != "function") {
-                var fe = Error((E || "React class") + ": " + b + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw fe.name = "Invariant Violation", fe;
+              if (typeof r[k] != "function") {
+                var he = Error((S || "React class") + ": " + b + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw he.name = "Invariant Violation", he;
               }
-              R = r[A](m, A, E, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (W) {
-              R = W;
+              R = r[k](p, k, S, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (Z) {
+              R = Z;
             }
-            R && !(R instanceof Error) && (O(F), $("%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).", E || "React class", b, A, typeof R), O(null)), R instanceof Error && !(R.message in ie) && (ie[R.message] = !0, O(F), $("Failed %s type: %s", b, R.message), O(null));
+            R && !(R instanceof Error) && (O(L), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", b, k, typeof R), O(null)), R instanceof Error && !(R.message in F) && (F[R.message] = !0, O(L), $("Failed %s type: %s", b, R.message), O(null));
           }
       }
     }
     var G = Array.isArray;
-    function Ie(r) {
+    function Ne(r) {
       return G(r);
     }
-    function Ze(r) {
+    function Ke(r) {
       {
-        var m = typeof Symbol == "function" && Symbol.toStringTag, b = m && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var p = typeof Symbol == "function" && Symbol.toStringTag, b = p && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return b;
       }
     }
-    function pt(r) {
+    function mt(r) {
       try {
-        return gt(r), !1;
+        return pt(r), !1;
       } catch {
         return !0;
       }
     }
-    function gt(r) {
+    function pt(r) {
       return "" + r;
     }
     function st(r) {
-      if (pt(r))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ze(r)), gt(r);
+      if (mt(r))
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(r)), pt(r);
     }
     var Ue = re.ReactCurrentOwner, ot = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ct, vt, Je;
-    Je = {};
-    function Rt(r) {
-      if (I.call(r, "ref")) {
-        var m = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (m && m.isReactWarning)
+    }, ct, gt, Qe;
+    Qe = {};
+    function _t(r) {
+      if (E.call(r, "ref")) {
+        var p = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (p && p.isReactWarning)
           return !1;
       }
       return r.ref !== void 0;
     }
-    function At(r) {
-      if (I.call(r, "key")) {
-        var m = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (m && m.isReactWarning)
+    function Rt(r) {
+      if (E.call(r, "key")) {
+        var p = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (p && p.isReactWarning)
           return !1;
       }
       return r.key !== void 0;
     }
-    function Pt(r, m) {
-      if (typeof r.ref == "string" && Ue.current && m && Ue.current.stateNode !== m) {
-        var b = D(Ue.current.type);
-        Je[b] || ($('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', D(Ue.current.type), r.ref), Je[b] = !0);
+    function Pt(r, p) {
+      if (typeof r.ref == "string" && Ue.current && p && Ue.current.stateNode !== p) {
+        var b = N(Ue.current.type);
+        Qe[b] || ($('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', N(Ue.current.type), r.ref), Qe[b] = !0);
       }
     }
-    function bt(r, m) {
+    function vt(r, p) {
       {
         var b = function() {
-          ct || (ct = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
+          ct || (ct = !0, $("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
         };
         b.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: b,
@@ -1254,10 +1295,10 @@ function La() {
         });
       }
     }
-    function $e(r, m) {
+    function $e(r, p) {
       {
         var b = function() {
-          vt || (vt = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
+          gt || (gt = !0, $("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
         };
         b.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: b,
@@ -1265,15 +1306,15 @@ function La() {
         });
       }
     }
-    var zt = function(r, m, b, E, F, U, A) {
+    var zt = function(r, p, b, S, L, U, k) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: r,
-        key: m,
+        key: p,
         ref: b,
-        props: A,
+        props: k,
         // Record the component responsible for creating this element.
         _owner: U
       };
@@ -1286,49 +1327,49 @@ function La() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
+        value: S
       }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: F
+        value: L
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function s(r, m, b, E, F) {
+    function s(r, p, b, S, L) {
       {
-        var U, A = {}, R = null, fe = null;
-        b !== void 0 && (st(b), R = "" + b), At(m) && (st(m.key), R = "" + m.key), Rt(m) && (fe = m.ref, Pt(m, F));
-        for (U in m)
-          I.call(m, U) && !ot.hasOwnProperty(U) && (A[U] = m[U]);
+        var U, k = {}, R = null, he = null;
+        b !== void 0 && (st(b), R = "" + b), Rt(p) && (st(p.key), R = "" + p.key), _t(p) && (he = p.ref, Pt(p, L));
+        for (U in p)
+          E.call(p, U) && !ot.hasOwnProperty(U) && (k[U] = p[U]);
         if (r && r.defaultProps) {
-          var W = r.defaultProps;
-          for (U in W)
-            A[U] === void 0 && (A[U] = W[U]);
+          var Z = r.defaultProps;
+          for (U in Z)
+            k[U] === void 0 && (k[U] = Z[U]);
         }
-        if (R || fe) {
-          var X = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          R && bt(A, X), fe && $e(A, X);
+        if (R || he) {
+          var Q = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          R && vt(k, Q), he && $e(k, Q);
         }
-        return zt(r, R, fe, F, E, Ue.current, A);
+        return zt(r, R, he, L, S, Ue.current, k);
       }
     }
     var y = re.ReactCurrentOwner, _ = re.ReactDebugCurrentFrame;
-    function k(r) {
+    function D(r) {
       if (r) {
-        var m = r._owner, b = w(r.type, r._source, m ? m.type : null);
+        var p = r._owner, b = C(r.type, r._source, p ? p.type : null);
         _.setExtraStackFrame(b);
       } else
         _.setExtraStackFrame(null);
     }
-    var J;
-    J = !1;
+    var ee;
+    ee = !1;
     function ye(r) {
       return typeof r == "object" && r !== null && r.$$typeof === n;
     }
-    function he() {
+    function de() {
       {
         if (y.current) {
-          var r = D(y.current.type);
+          var r = N(y.current.type);
           if (r)
             return `
@@ -1337,149 +1378,149 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function Ht(r) {
+    function Gt(r) {
       {
         if (r !== void 0) {
-          var m = r.fileName.replace(/^.*[\\\/]/, ""), b = r.lineNumber;
+          var p = r.fileName.replace(/^.*[\\\/]/, ""), b = r.lineNumber;
           return `
-Check your code at ` + m + ":" + b + ".";
+Check your code at ` + p + ":" + b + ".";
         }
         return "";
       }
     }
-    var yt = {};
-    function xt(r) {
+    var bt = {};
+    function yt(r) {
       {
-        var m = he();
-        if (!m) {
+        var p = de();
+        if (!p) {
           var b = typeof r == "string" ? r : r.displayName || r.name;
-          b && (m = `
+          b && (p = `
 Check the top-level render call using <` + b + ">.");
         }
-        return m;
+        return p;
       }
     }
-    function xe(r, m) {
+    function xe(r, p) {
       {
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var b = xt(m);
-        if (yt[b])
+        var b = yt(p);
+        if (bt[b])
           return;
-        yt[b] = !0;
-        var E = "";
-        r && r._owner && r._owner !== y.current && (E = " It was passed a child from " + D(r._owner.type) + "."), k(r), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, E), k(null);
+        bt[b] = !0;
+        var S = "";
+        r && r._owner && r._owner !== y.current && (S = " It was passed a child from " + N(r._owner.type) + "."), D(r), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, S), D(null);
       }
     }
-    function Ee(r, m) {
+    function Ee(r, p) {
       {
         if (typeof r != "object")
           return;
-        if (Ie(r))
+        if (Ne(r))
           for (var b = 0; b < r.length; b++) {
-            var E = r[b];
-            ye(E) && xe(E, m);
+            var S = r[b];
+            ye(S) && xe(S, p);
           }
         else if (ye(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var F = pe(r);
-          if (typeof F == "function" && F !== r.entries)
-            for (var U = F.call(r), A; !(A = U.next()).done; )
-              ye(A.value) && xe(A.value, m);
+          var L = me(r);
+          if (typeof L == "function" && L !== r.entries)
+            for (var U = L.call(r), k; !(k = U.next()).done; )
+              ye(k.value) && xe(k.value, p);
         }
       }
     }
-    function We(r) {
+    function Ve(r) {
       {
-        var m = r.type;
-        if (m == null || typeof m == "string")
+        var p = r.type;
+        if (p == null || typeof p == "string")
           return;
         var b;
-        if (typeof m == "function")
-          b = m.propTypes;
-        else if (typeof m == "object" && (m.$$typeof === h || // Note: Memo only checks outer props here.
+        if (typeof p == "function")
+          b = p.propTypes;
+        else if (typeof p == "object" && (p.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        m.$$typeof === g))
-          b = m.propTypes;
+        p.$$typeof === m))
+          b = p.propTypes;
         else
           return;
         if (b) {
-          var E = D(m);
-          B(b, r.props, "prop", E, r);
-        } else if (m.PropTypes !== void 0 && !J) {
-          J = !0;
-          var F = D(m);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
+          var S = N(p);
+          B(b, r.props, "prop", S, r);
+        } else if (p.PropTypes !== void 0 && !ee) {
+          ee = !0;
+          var L = N(p);
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
         }
-        typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Oe(r) {
       {
-        for (var m = Object.keys(r.props), b = 0; b < m.length; b++) {
-          var E = m[b];
-          if (E !== "children" && E !== "key") {
-            k(r), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), k(null);
+        for (var p = Object.keys(r.props), b = 0; b < p.length; b++) {
+          var S = p[b];
+          if (S !== "children" && S !== "key") {
+            D(r), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), D(null);
             break;
           }
         }
-        r.ref !== null && (k(r), $("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
+        r.ref !== null && (D(r), $("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
       }
     }
-    function ze(r, m, b, E, F, U) {
+    function ze(r, p, b, S, L, U) {
       {
-        var A = Te(r);
-        if (!A) {
+        var k = Te(r);
+        if (!k) {
           var R = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (R += " 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 fe = Ht(F);
-          fe ? R += fe : R += he();
-          var W;
-          r === null ? W = "null" : Ie(r) ? W = "array" : r !== void 0 && r.$$typeof === n ? (W = "<" + (D(r.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : W = typeof r, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, R);
+          var he = Gt(L);
+          he ? R += he : R += de();
+          var Z;
+          r === null ? Z = "null" : Ne(r) ? Z = "array" : r !== void 0 && r.$$typeof === n ? (Z = "<" + (N(r.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof r, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, R);
         }
-        var X = s(r, m, b, F, U);
-        if (X == null)
-          return X;
-        if (A) {
-          var Ce = m.children;
+        var Q = s(r, p, b, L, U);
+        if (Q == null)
+          return Q;
+        if (k) {
+          var Ce = p.children;
           if (Ce !== void 0)
-            if (E)
-              if (Ie(Ce)) {
-                for (var et = 0; et < Ce.length; et++)
-                  Ee(Ce[et], r);
+            if (S)
+              if (Ne(Ce)) {
+                for (var tt = 0; tt < Ce.length; tt++)
+                  Ee(Ce[tt], r);
                 Object.freeze && Object.freeze(Ce);
               } else
                 $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ee(Ce, r);
         }
-        return r === t ? Oe(X) : We(X), X;
+        return r === t ? Oe(Q) : Ve(Q), Q;
       }
     }
-    function Qe(r, m, b) {
-      return ze(r, m, b, !0);
+    function et(r, p, b) {
+      return ze(r, p, b, !0);
     }
-    function Et(r, m, b) {
-      return ze(r, m, b, !1);
+    function xt(r, p, b) {
+      return ze(r, p, b, !1);
     }
-    var zn = Et, Hn = Qe;
-    ut.Fragment = t, ut.jsx = zn, ut.jsxs = Hn;
+    var zn = xt, Gn = et;
+    ut.Fragment = t, ut.jsx = zn, ut.jsxs = Gn;
   }()), ut;
 }
-process.env.NODE_ENV === "production" ? Lt.exports = Na() : Lt.exports = La();
-var l = Lt.exports;
-function Fn(e) {
+process.env.NODE_ENV === "production" ? It.exports = Ba() : It.exports = Fa();
+var l = It.exports;
+function Bn(e) {
   return e.title.search("<") > -1 ? /* @__PURE__ */ l.jsx("button", { className: "svg", dangerouslySetInnerHTML: { __html: e.title } }) : /* @__PURE__ */ l.jsx("button", { children: e.title });
 }
-const Fa = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
+const Ua = /* @__PURE__ */ l.jsxs("svg", { className: "closeIcon", width: "14", height: "14", fill: "none", stroke: "#666666", strokeMiterlimit: "10", children: [
   /* @__PURE__ */ l.jsx("circle", { cx: "7", cy: "7", r: "6" }),
   /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "4", x2: "10", y2: "10" }),
   /* @__PURE__ */ l.jsx("line", { x1: "4", y1: "10", x2: "10", y2: "4" })
-] }), Ba = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
+] }), $a = /* @__PURE__ */ l.jsx("svg", { className: "dragIcon", width: "14", height: "14", fill: "#666666", stroke: "none", children: /* @__PURE__ */ l.jsx(
   "path",
   {
     d: `M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
@@ -1487,35 +1528,35 @@ C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.5
 C11,8.22,10.74,8,10.43,8z`
   }
 ) });
-function Ua(e) {
-  return /* @__PURE__ */ l.jsx(jn.Item, { value: e.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
-    Ba,
+function za(e) {
+  return /* @__PURE__ */ l.jsx(Dn.Item, { value: e.title, children: /* @__PURE__ */ l.jsxs("div", { children: [
+    $a,
     /* @__PURE__ */ l.jsx("span", { children: e.title }),
     /* @__PURE__ */ l.jsx("button", { className: "closeIcon", onClick: () => {
       e.onDelete(e.index);
-    }, children: Fa })
+    }, children: Ua })
   ] }) }, e.title);
 }
-function $a(e) {
-  const [n, a] = q(!1), [t, i] = q(e.options), o = (d) => {
-    e.onDragComplete(d), i(d);
-  }, u = (d) => {
+function Ga(e) {
+  const [n, a] = X(!1), [t, i] = X(e.options), c = (h) => {
+    e.onDragComplete(h), i(h);
+  }, u = (h) => {
     const f = [...t];
-    f.splice(d, 1), o(f);
-  }, c = [];
-  t.forEach((d, f) => {
-    c.push(/* @__PURE__ */ l.jsx(Ua, { index: f, title: d, onDelete: u }, d));
+    f.splice(h, 1), c(f);
+  }, o = [];
+  t.forEach((h, f) => {
+    o.push(/* @__PURE__ */ l.jsx(za, { index: f, title: h, onDelete: u }, h));
   });
-  let h = "dropdown draggable";
-  return e.subdropdown && (h += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: h, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
-    /* @__PURE__ */ l.jsx(Fn, { title: e.title }),
-    /* @__PURE__ */ l.jsx(jn.Group, { axis: "y", values: t, onReorder: o, style: { visibility: n ? "visible" : "hidden" }, children: c })
+  let d = "dropdown draggable";
+  return e.subdropdown && (d += " subdropdown"), /* @__PURE__ */ l.jsxs("div", { className: d, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), children: [
+    /* @__PURE__ */ l.jsx(Bn, { title: e.title }),
+    /* @__PURE__ */ l.jsx(Dn.Group, { axis: "y", values: t, onReorder: c, style: { visibility: n ? "visible" : "hidden" }, children: o })
   ] });
 }
-function za(e) {
-  const [n, a] = q(!1), t = [];
-  e.options.map((o, u) => {
-    e.onSelect !== void 0 && (o.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: o }, u));
+function Wa(e) {
+  const [n, a] = X(!1), t = [];
+  e.options.map((c, u) => {
+    e.onSelect !== void 0 && (c.onSelect = e.onSelect), t.push(/* @__PURE__ */ l.jsx(Ha, { option: c }, u));
   });
   let i = "dropdown";
   return e.subdropdown && (i += " subdropdown"), /* @__PURE__ */ l.jsxs(
@@ -1525,7 +1566,7 @@ function za(e) {
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        /* @__PURE__ */ l.jsx(Fn, { title: e.title }),
+        /* @__PURE__ */ l.jsx(Bn, { title: e.title }),
         /* @__PURE__ */ l.jsx(
           "ul",
           {
@@ -1538,17 +1579,17 @@ function za(e) {
   );
 }
 function Ha(e) {
-  const { option: n } = e, [a, t] = q("");
+  const { option: n } = e, [a, t] = X("");
   let i;
   switch (n.type) {
     case "draggable":
       i = /* @__PURE__ */ l.jsx(
-        $a,
+        Ga,
         {
           title: n.title,
           options: n.value,
-          onDragComplete: (o) => {
-            n.onDragComplete !== void 0 && n.onDragComplete(o);
+          onDragComplete: (c) => {
+            n.onDragComplete !== void 0 && n.onDragComplete(c);
           },
           subdropdown: !0
         }
@@ -1556,7 +1597,7 @@ function Ha(e) {
       break;
     case "dropdown":
       i = /* @__PURE__ */ l.jsx(
-        za,
+        Wa,
         {
           title: n.title,
           options: n.value,
@@ -1577,33 +1618,33 @@ function Ha(e) {
       );
       break;
   }
-  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, Ta());
+  return /* @__PURE__ */ l.jsx("li", { className: a === n.title ? "selected" : "", children: i }, _a());
 }
-function Ui(e, n, a) {
-  function t(o) {
+function Bi(e, n, a) {
+  function t(c) {
     switch (n.forEach((u) => {
-      u.callback(e, u.remote, o);
-    }), o.event) {
+      u.callback(e, u.remote, c);
+    }), c.event) {
       case "custom":
-        N.dispatchEvent({ type: L.CUSTOM, value: o.data });
+        j.dispatchEvent({ type: A.CUSTOM, value: c.data });
         break;
     }
   }
-  function i(o) {
+  function i(c) {
     switch (a.forEach((u) => {
-      u.callback(e, u.remote, o);
-    }), o.event) {
+      u.callback(e, u.remote, c);
+    }), c.event) {
       case "custom":
-        N.dispatchEvent({ type: L.CUSTOM, value: o.data });
+        j.dispatchEvent({ type: A.CUSTOM, value: c.data });
         break;
     }
   }
-  e.listen = (o) => {
-    o.target === "editor" ? i(o) : t(o);
+  e.listen = (c) => {
+    c.target === "editor" ? i(c) : t(c);
   };
 }
 function $t(e) {
-  const [n, a] = q(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
+  const [n, a] = X(e.open !== void 0 ? e.open : !0), t = !n || e.children === void 0;
   return /* @__PURE__ */ l.jsxs("div", { className: `accordion ${t ? "hide" : ""}`, children: [
     /* @__PURE__ */ l.jsxs(
       "button",
@@ -1621,7 +1662,7 @@ function $t(e) {
               children: "Toggle"
             }
           ),
-          /* @__PURE__ */ l.jsx("p", { className: "label", children: Ot(e.label) })
+          /* @__PURE__ */ l.jsx("p", { className: "label", children: Mt(e.label) })
         ]
       }
     ),
@@ -1629,10 +1670,10 @@ function $t(e) {
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { children: e.children }) })
   ] });
 }
-function Bn(e) {
-  const [n, a] = q(!1), t = e.child !== void 0 && e.child.children.length > 0, i = [];
-  return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((o) => {
-    i.push(/* @__PURE__ */ l.jsx(Bn, { child: o, three: e.three }, Math.random()));
+function Fn(e) {
+  const [n, a] = X(!1), t = e.child !== void 0 && e.child.children.length > 0, i = [];
+  return e.child !== void 0 && e.child.children.length > 0 && e.child.children.map((c) => {
+    i.push(/* @__PURE__ */ l.jsx(Fn, { child: c, three: e.three }, Math.random()));
   }), /* @__PURE__ */ l.jsx(l.Fragment, { children: e.child !== void 0 && /* @__PURE__ */ l.jsxs("div", { className: "childObject", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "child", children: [
       t ? /* @__PURE__ */ l.jsx(
@@ -1660,26 +1701,26 @@ function Bn(e) {
           children: e.child.name.length > 0 ? `${e.child.name} (${e.child.type})` : `${e.child.type}::${e.child.uuid}`
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: `icon ${ka(e.child)}` })
+      /* @__PURE__ */ l.jsx("div", { className: `icon ${Aa(e.child)}` })
     ] }),
     /* @__PURE__ */ l.jsx("div", { className: n ? "open" : "", children: /* @__PURE__ */ l.jsx("div", { className: "container", children: i }) })
   ] }, Math.random()) });
 }
-function Va(e) {
+function Ya(e) {
   const n = [];
   return e.child?.children.map((a) => {
-    n.push(/* @__PURE__ */ l.jsx(Bn, { child: a, three: e.three }, Math.random()));
+    n.push(/* @__PURE__ */ l.jsx(Fn, { child: a, three: e.three }, Math.random()));
   }), /* @__PURE__ */ l.jsx("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: n });
 }
-const Ya = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";
-function Ga(e) {
+const Va = "data:image/gif;base64,R0lGODlhDgFkAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMDk3M0NEODAxQjQxMUVGODVGNENDMkUyMUExNDk1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMDk3M0NEOTAxQjQxMUVGODVGNENDMkUyMUExNDk1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4ODc3Qzg5MDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4ODc3QzhBMDFCMzExRUY4NUY0Q0MyRTIxQTE0OTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA4BZAAAAv+Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqTkJAGDQ+dnpuekmGgAKejpKuiZqmprKqoZKGyrbOlqrejub6xvLGyw8TFzcprurGuvqybxq7ETbrItsCz0l7Zpc+6p9/cS967w9/S2FTF0u/mzehK4Oqz3eTl9vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo0XHDt6/AgypMiRJEuaPIkypcqVLFt+KwAAOw==";
+function qa(e) {
   return "items" in e;
 }
-function Xe(e) {
+function Je(e) {
   const n = [];
   return e.items.forEach((a) => {
-    Ga(a) ? n.push(
-      /* @__PURE__ */ l.jsx(Xe, { title: Ot(a.title), items: a.items }, Math.random())
+    qa(a) ? n.push(
+      /* @__PURE__ */ l.jsx(Je, { title: Mt(a.title), items: a.items }, Math.random())
     ) : n.push(
       /* @__PURE__ */ l.jsx(
         ft,
@@ -1702,10 +1743,10 @@ function Xe(e) {
     );
   }), /* @__PURE__ */ l.jsx($t, { label: e.title, open: e.expanded === !0, children: n });
 }
-function Wa(e) {
+function Za(e) {
   return !(e === "alphaHash" || e === "alphaToCoverage" || e === "attenuationDistance" || e === "blendAlpha" || e === "blendColor" || e === "blendDstAlpha" || e === "colorWrite" || e === "combine" || e === "defaultAttributeValues" || e === "depthFunc" || e === "forceSinglePass" || e === "glslVersion" || e === "linecap" || e === "linejoin" || e === "linewidth" || e === "normalMapType" || e === "precision" || e === "premultipliedAlpha" || e === "shadowSide" || e === "toneMapped" || e === "uniformsGroups" || e === "uniformsNeedUpdate" || e === "userData" || e === "vertexColors" || e === "version" || e === "wireframeLinecap" || e === "wireframeLinejoin" || e === "wireframeLinewidth" || e.slice(0, 4) === "clip" || e.slice(0, 7) === "polygon" || e.slice(0, 7) === "stencil" || e.slice(0, 2) === "is");
 }
-function qa(e) {
+function Xa(e) {
   switch (e) {
     case "Alpha Map":
       return "alphaMap";
@@ -1752,7 +1793,7 @@ function qa(e) {
   }
   return e;
 }
-function _t(e) {
+function Tt(e) {
   switch (e) {
     case "alphaMap":
       return "Alpha Map";
@@ -1929,7 +1970,7 @@ function Un(e) {
   const n = e.toLowerCase();
   return n.search("intensity") > -1 || n === "anisotropyrotation" || n === "blendalpha" || n === "bumpscale" || n === "clearcoatroughness" || n === "displacementbias" || n === "displacementscale" || n === "metalness" || n === "opacity" || n === "reflectivity" || n === "refractionratio" || n === "roughness" || n === "sheenroughness" || n === "thickness";
 }
-function Ka() {
+function Ja() {
   const e = document.createElement("input");
   return e.type = "file", new Promise((n, a) => {
     e.addEventListener("change", function() {
@@ -1937,372 +1978,387 @@ function Ka() {
         a();
       else {
         const t = e.files[0], i = new FileReader();
-        i.onload = function(o) {
-          n(o.target.result);
+        i.onload = function(c) {
+          n(c.target.result);
         }, i.readAsDataURL(t);
       }
     }), e.click();
   });
 }
-const Xa = [
+const Ka = [
   {
     title: "Front",
     value: Yn
   },
   {
     title: "Back",
-    value: fn
+    value: mn
   },
   {
     title: "Double",
-    value: mn
+    value: pn
   }
-], Za = [
+], Qa = [
   {
     title: "No Blending",
-    value: Gn
+    value: Vn
   },
   {
     title: "Normal",
-    value: Wn
+    value: qn
   },
   {
     title: "Additive",
-    value: qn
+    value: Zn
   },
   {
     title: "Subtractive",
-    value: Kn
+    value: Xn
   },
   {
     title: "Multiply",
-    value: Xn
+    value: Jn
   },
   {
     title: "Custom",
-    value: Zn
+    value: Kn
   }
-], Ja = [
+], ei = [
   {
     title: "Add",
-    value: Jn
+    value: Qn
   },
   {
     title: "Subtract",
-    value: Qn
+    value: ea
   },
   {
     title: "Reverse Subtract",
-    value: ea
+    value: ta
   },
   {
     title: "Min",
-    value: ta
+    value: na
   },
   {
     title: "Max",
-    value: na
+    value: aa
   }
-], Qa = [
+], ti = [
   {
     title: "Zero",
-    valye: pn
+    valye: gn
   },
   {
     title: "One",
-    valye: gn
+    valye: vn
   },
   {
     title: "Src Color",
-    valye: vn
+    valye: bn
   },
   {
     title: "One Minus Src Color",
-    valye: bn
+    valye: yn
   },
   {
     title: "Src Alpha",
-    valye: yn
+    valye: xn
   },
   {
     title: "One Minus Src Alpha",
-    valye: xn
+    valye: En
   },
   {
     title: "Dst Alpha",
-    valye: En
+    valye: Cn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: Cn
+    valye: Sn
   },
   {
     title: "Dst Color",
-    valye: Sn
+    valye: wn
   },
   {
     title: "One Minus Dst Color",
-    valye: wn
+    valye: Mn
   },
   {
     title: "Src Alpha Saturate",
-    valye: aa
+    valye: ia
   },
   {
     title: "Constant Color",
-    valye: Mn
+    valye: On
   },
   {
     title: "One Minus Constant Color",
-    valye: On
+    valye: Tn
   },
   {
     title: "Constant Alpha",
-    valye: Tn
+    valye: _n
   },
   {
     title: "One Minus Constant Alpha",
-    valye: _n
+    valye: Rn
   }
-], ei = [
+], ni = [
   {
     title: "Zero",
-    valye: pn
+    valye: gn
   },
   {
     title: "One",
-    valye: gn
+    valye: vn
   },
   {
     title: "Src Color",
-    valye: vn
+    valye: bn
   },
   {
     title: "One Minus Src Color",
-    valye: bn
+    valye: yn
   },
   {
     title: "Src Alpha",
-    valye: yn
+    valye: xn
   },
   {
     title: "One Minus Src Alpha",
-    valye: xn
+    valye: En
   },
   {
     title: "Dst Alpha",
-    valye: En
+    valye: Cn
   },
   {
     title: "One Minus Dst Alpha",
-    valye: Cn
+    valye: Sn
   },
   {
     title: "Dst Color",
-    valye: Sn
+    valye: wn
   },
   {
     title: "One Minus Dst Color",
-    valye: wn
+    valye: Mn
   },
   {
     title: "Constant Color",
-    valye: Mn
+    valye: On
   },
   {
     title: "One Minus Constant Color",
-    valye: On
+    valye: Tn
   },
   {
     title: "Constant Alpha",
-    valye: Tn
+    valye: _n
   },
   {
     title: "One Minus Constant Alpha",
-    valye: _n
+    valye: Rn
   }
 ];
 function dt(e, n) {
   e.needsUpdate = !0, e.type = "option", e.options = n;
 }
-function ti(e, n, a, t) {
+function ai(e, n, a, t) {
   return {
     type: "boolean",
-    title: _t(e),
+    title: Tt(e),
     prop: e,
     value: n,
     needsUpdate: !0,
-    onChange: (i, o) => {
-      t.updateObject(a.uuid, `material.${e}`, o), t.updateObject(a.uuid, "material.needsUpdate", !0);
+    onChange: (i, c) => {
+      t.updateObject(a.uuid, `material.${e}`, c), t.updateObject(a.uuid, "material.needsUpdate", !0);
       const u = t.scene?.getObjectByProperty("uuid", a.uuid);
-      u !== void 0 && Q(u, `material.${e}`, o);
+      u !== void 0 && V(u, `material.${e}`, c);
     }
   };
 }
-function ni(e, n, a, t) {
+function ii(e, n, a, t) {
   const i = {
     type: "number",
-    title: _t(e),
+    title: Tt(e),
     prop: e,
     value: n,
     min: void 0,
     max: void 0,
     step: 0.01,
     needsUpdate: !0,
-    onChange: (o, u) => {
+    onChange: (c, u) => {
       t.updateObject(a.uuid, `material.${e}`, u), t.updateObject(a.uuid, "material.needsUpdate", !0);
-      const c = t.scene?.getObjectByProperty("uuid", a.uuid);
-      c !== void 0 && Q(c, `material.${e}`, u);
+      const o = t.scene?.getObjectByProperty("uuid", a.uuid);
+      o !== void 0 && V(o, `material.${e}`, u);
     }
   };
   switch (e) {
     case "blending":
-      dt(i, Za);
+      dt(i, Qa);
       break;
     case "blendDst":
-      dt(i, ei);
+      dt(i, ni);
       break;
     case "blendEquation":
-      dt(i, Ja);
+      dt(i, ei);
       break;
     case "blendSrc":
-      dt(i, Qa);
+      dt(i, ti);
       break;
     case "side":
-      dt(i, Xa);
+      dt(i, Ka);
       break;
   }
   return Un(e) && (i.value = Number(n), i.type = "range", i.min = Math.min(0, i.value), i.max = Math.max(1, i.value), i.step = 0.01), i;
 }
-function ai(e, n, a, t) {
+function ri(e, n, a, t) {
   const i = {
     type: "string",
-    title: _t(e),
+    title: Tt(e),
     prop: e,
     value: n,
     needsUpdate: !0,
-    onChange: (u, c) => {
-      t.updateObject(a.uuid, `material.${e}`, c), t.updateObject(a.uuid, "material.needsUpdate", !0);
-      const h = t.scene?.getObjectByProperty("uuid", a.uuid);
-      h !== void 0 && Q(h, `material.${e}`, c);
+    onChange: (u, o) => {
+      t.updateObject(a.uuid, `material.${e}`, o), t.updateObject(a.uuid, "material.needsUpdate", !0);
+      const d = t.scene?.getObjectByProperty("uuid", a.uuid);
+      d !== void 0 && V(d, `material.${e}`, o);
     }
   };
-  return (e === "vertexShader" || e === "fragmentShader") && (i.disabled = !1, i.latest = i.value, i.onChange = (u, c) => {
-    i.latest = c;
+  return (e === "vertexShader" || e === "fragmentShader") && (i.disabled = !1, i.latest = i.value, i.onChange = (u, o) => {
+    i.latest = o, t.updateObject(a.uuid, `material.${e}`, o);
+    const d = t.scene?.getObjectByProperty("uuid", a.uuid);
+    d !== void 0 && V(d, `material.${e}`, o);
   }), i;
 }
-function ii(e) {
+function si(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z === void 0;
 }
-function ri(e) {
+function oi(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z !== void 0 && e.w === void 0;
 }
-function si(e) {
+function ci(e) {
   return e.x !== void 0 && e.y !== void 0 && e.z !== void 0 && e.w !== void 0;
 }
-function nn(e) {
+function Nt(e) {
   e.sort((n, a) => n.title < a.title ? -1 : n.title > a.title ? 1 : 0);
 }
-function ht(e, n, a, t, i = "", o = !1) {
-  const u = _t(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), c = i.length > 0 ? `${i}.${e}` : e, h = typeof n;
-  if (h === "boolean" || h === "string")
+function ht(e, n, a, t, i = "", c = !1) {
+  const u = Tt(e).split(".")[0].replaceAll("[", "").replaceAll("]", ""), o = i.length > 0 ? `${i}.${e}` : e, d = typeof n;
+  if (d === "boolean" || d === "string")
     return {
       title: u,
-      prop: c,
-      type: h,
+      prop: o,
+      type: d,
       value: n,
-      disabled: o,
-      onChange: (d, f) => {
-        t.updateObject(a.uuid, `material.${c}`, f);
-        const g = t.scene?.getObjectByProperty("uuid", a.uuid);
-        g !== void 0 && Q(g, `material.${c}`, f);
+      disabled: c,
+      onChange: (h, f) => {
+        t.updateObject(a.uuid, `material.${o}`, f);
+        const m = t.scene?.getObjectByProperty("uuid", a.uuid);
+        m !== void 0 && V(m, `material.${o}`, f);
       }
     };
-  if (h === "number") {
-    const d = {
+  if (d === "number") {
+    const h = {
       title: u,
-      prop: c,
+      prop: o,
       type: "number",
       value: n,
       step: 0.01,
-      disabled: o,
-      onChange: (f, g) => {
-        t.updateObject(a.uuid, `material.${c}`, g);
+      disabled: c,
+      onChange: (f, m) => {
+        t.updateObject(a.uuid, `material.${o}`, m);
         const x = t.scene?.getObjectByProperty("uuid", a.uuid);
-        x !== void 0 && Q(x, `material.${c}`, g);
+        x !== void 0 && V(x, `material.${o}`, m);
       }
     };
-    return Un(u) && (d.type = "range", d.min = 0, d.max = 1), d;
+    return Un(u) && (h.type = "range", h.min = 0, h.max = 1), h;
   } else {
     if (n.isColor)
       return {
         title: u,
-        prop: c,
+        prop: o,
         type: "color",
         value: n,
-        disabled: o,
-        onChange: (d, f) => {
-          const g = new Ft(f);
-          t.updateObject(a.uuid, `material.${c}`, g);
+        disabled: c,
+        onChange: (h, f) => {
+          const m = new Lt(f);
+          t.updateObject(a.uuid, `material.${o}`, m);
           const x = t.scene?.getObjectByProperty("uuid", a.uuid);
-          x !== void 0 && Q(x, `material.${c}`, g);
+          x !== void 0 && V(x, `material.${o}`, m);
         }
       };
     if (Array.isArray(n)) {
-      const d = [];
+      const h = [];
       for (const f in n) {
-        const g = n[f], x = `[${f.toString()}]`;
-        if (g.value !== void 0) {
-          const T = ht(`${x}.value`, g.value, a, t, c, o);
-          T !== void 0 && d.push(T);
+        const m = n[f], x = `[${f.toString()}]`;
+        if (m.value !== void 0) {
+          const T = ht(`${x}.value`, m.value, a, t, o, c);
+          T !== void 0 && h.push(T);
         } else {
-          const T = ht(x, g, a, t, c, o);
-          T !== void 0 && d.push(T);
+          const T = ht(x, m, a, t, o, c);
+          T !== void 0 && h.push(T);
         }
       }
-      if (d.length > 0)
-        return nn(d), {
+      if (h.length > 0)
+        return Nt(h), {
           title: u,
-          items: d
+          items: h
         };
     } else {
-      if (ii(n))
+      if (si(n))
         return {
           title: u,
-          prop: c,
+          prop: o,
           type: "vector2",
           value: n,
-          disabled: o,
-          onChange: (d, f) => {
-            t.updateObject(a.uuid, `material.${c}`, f);
-            const g = t.scene?.getObjectByProperty("uuid", a.uuid);
-            g !== void 0 && Q(g, `material.${c}`, f);
+          disabled: c,
+          onChange: (h, f) => {
+            t.updateObject(a.uuid, `material.${o}`, f);
+            const m = t.scene?.getObjectByProperty("uuid", a.uuid);
+            m !== void 0 && V(m, `material.${o}`, f);
           }
         };
-      if (ri(n))
+      if (oi(n))
         return {
           title: u,
-          prop: c,
+          prop: o,
           type: "grid3",
           value: n,
-          disabled: o,
-          onChange: (d, f) => {
-            t.updateObject(a.uuid, `material.${c}`, f);
-            const g = t.scene?.getObjectByProperty("uuid", a.uuid);
-            g !== void 0 && Q(g, `material.${c}`, f);
+          disabled: c,
+          onChange: (h, f) => {
+            t.updateObject(a.uuid, `material.${o}`, f);
+            const m = t.scene?.getObjectByProperty("uuid", a.uuid);
+            m !== void 0 && V(m, `material.${o}`, f);
           }
         };
-      if (si(n))
+      if (ci(n))
         return {
           title: u,
-          prop: c,
+          prop: o,
           type: "grid4",
           value: n,
-          disabled: o,
-          onChange: (d, f) => {
-            t.updateObject(a.uuid, `material.${c}`, f);
-            const g = t.scene?.getObjectByProperty("uuid", a.uuid);
-            g !== void 0 && Q(g, `material.${c}`, f);
+          disabled: c,
+          onChange: (h, f) => {
+            t.updateObject(a.uuid, `material.${o}`, f);
+            const m = t.scene?.getObjectByProperty("uuid", a.uuid);
+            m !== void 0 && V(m, `material.${o}`, f);
+          }
+        };
+      if (n.isEuler)
+        return {
+          title: u,
+          prop: o,
+          type: "euler",
+          value: n,
+          disabled: c,
+          onChange: (h, f) => {
+            t.updateObject(a.uuid, `material.${o}`, f);
+            const m = t.scene?.getObjectByProperty("uuid", a.uuid);
+            m !== void 0 && V(m, `material.${o}`, f);
           }
         };
       if (n.src !== void 0)
@@ -2310,45 +2366,50 @@ function ht(e, n, a, t, i = "", o = !1) {
           title: u,
           type: "image",
           value: n,
-          disabled: o,
-          onChange: (d, f) => {
-            const g = qa(e), x = i.length > 0 ? `${i}.${g}` : g;
+          disabled: c,
+          onChange: (h, f) => {
+            const m = Xa(e), x = i.length > 0 ? `${i}.${m}` : m;
             t.createTexture(a.uuid, `material.${x}`, f);
             const T = t.scene?.getObjectByProperty("uuid", a.uuid);
-            T !== void 0 && Ln(f).then((V) => {
-              Q(T, `material.${x}`, V), Q(T, "material.needsUpdate", !0);
+            T !== void 0 && Ln(f).then((H) => {
+              V(T, `material.${x}`, H), V(T, "material.needsUpdate", !0);
             });
           }
         };
       if (n.elements !== void 0)
         return {
           title: u,
-          prop: c,
+          prop: o,
           type: n.elements.length > 9 ? "grid4" : "grid3",
           value: n,
-          disabled: o,
-          onChange: (d, f) => {
-            t.updateObject(a.uuid, `material.${c}`, f);
-            const g = t.scene?.getObjectByProperty("uuid", a.uuid);
-            g !== void 0 && Q(g, `material.${c}`, f);
+          disabled: c,
+          onChange: (h, f) => {
+            t.updateObject(a.uuid, `material.${o}`, f);
+            const m = t.scene?.getObjectByProperty("uuid", a.uuid);
+            m !== void 0 && V(m, `material.${o}`, f);
           }
         };
       {
-        const d = [], f = e === "defines" || e === "extensions";
-        for (const g in n) {
-          const x = n[g];
-          if (x.value !== void 0) {
-            const T = ht(`${g}.value`, x.value, a, t, c, f);
-            T !== void 0 && d.push(T);
-          } else {
-            const T = ht(g, x, a, t, c, f);
-            T !== void 0 && d.push(T);
+        const h = [], f = e === "defines" || e === "extensions";
+        try {
+          for (const m in n) {
+            const x = n[m];
+            if (x !== void 0)
+              if (x.value !== void 0) {
+                const T = ht(`${m}.value`, x.value, a, t, o, f);
+                T !== void 0 && h.push(T);
+              } else {
+                const T = ht(m, x, a, t, o, f);
+                T !== void 0 && h.push(T);
+              }
           }
+        } catch {
+          console.log("Issue cycling through material object:", e, n);
         }
-        if (d.length > 0)
-          return nn(d), {
+        if (h.length > 0)
+          return Nt(h), {
             title: u,
-            items: d
+            items: h
           };
       }
     }
@@ -2357,81 +2418,83 @@ function ht(e, n, a, t, i = "", o = !1) {
 function an(e, n, a) {
   const t = [];
   for (const i in e) {
-    if (!Wa(i))
+    if (!Za(i))
       continue;
-    const o = typeof e[i], u = e[i];
-    if (o === "boolean")
-      t.push(ti(i, u, n, a));
-    else if (o === "number")
-      t.push(ni(i, u, n, a));
-    else if (o === "string")
+    const c = typeof e[i], u = e[i];
+    if (c === "boolean")
       t.push(ai(i, u, n, a));
-    else if (o === "object") {
-      const c = ht(i, u, n, a);
-      c !== void 0 && t.push(c);
+    else if (c === "number")
+      t.push(ii(i, u, n, a));
+    else if (c === "string")
+      t.push(ri(i, u, n, a));
+    else if (c === "object") {
+      const o = ht(i, u, n, a);
+      o !== void 0 && t.push(o);
     } else
-      u !== void 0 && console.log("other:", i, o, u);
+      u !== void 0 && console.log("other:", i, c, u);
   }
-  return t.sort((i, o) => i.title < o.title ? -1 : i.title > o.title ? 1 : 0), t.push({
+  return Nt(t), t.push({
     title: "Update Material",
     type: "button",
     onChange: () => {
       a.updateObject(n.uuid, "material.needsUpdate", !0);
+      const i = a.scene?.getObjectByProperty("uuid", n.uuid);
+      i !== void 0 && V(i, "material.needsUpdate", !0);
     }
   }), t;
 }
-function oi(e, n) {
+function li(e, n) {
   const a = e.material;
   if (Array.isArray(a)) {
     const t = [], i = a.length;
-    for (let o = 0; o < i; o++)
+    for (let c = 0; c < i; c++)
       t.push(
         /* @__PURE__ */ l.jsx(
-          Xe,
+          Je,
           {
-            title: `Material ${o}`,
-            items: an(a[o], e, n)
+            title: `Material ${c}`,
+            items: an(a[c], e, n)
           },
-          `Material ${o}`
+          `Material ${c}`
         )
       );
     return /* @__PURE__ */ l.jsx(l.Fragment, { children: t });
   } else
     return /* @__PURE__ */ l.jsx(
-      Xe,
+      Je,
       {
         title: "Material",
         items: an(a, e, n)
       }
     );
 }
-function ci(e) {
-  const [n, a] = q(e.defaultValue);
-  return ke(() => {
-    let t = !1, i = -1, o = 0, u = e.defaultValue;
-    const c = (x) => {
-      t = !0, o = Number(e.input.current?.value), i = x.clientX, document.addEventListener("mouseup", d, !1), document.addEventListener("mousemove", h, !1), document.addEventListener("contextmenu", d, !1);
-    }, h = (x) => {
+function ui(e) {
+  const [n, a] = X(e.defaultValue);
+  return Ae(() => {
+    let t = !1, i = -1, c = 0, u = e.defaultValue;
+    const o = (x) => {
+      t = !0, c = Number(e.input.current?.value), i = x.clientX, document.addEventListener("mouseup", h, !1), document.addEventListener("mousemove", d, !1), document.addEventListener("contextmenu", h, !1);
+    }, d = (x) => {
       if (!t)
         return;
-      const T = e.step !== void 0 ? e.step : 1, V = (x.clientX - i) * T;
-      u = Number((o + V).toFixed(4)), e.min !== void 0 && (u = Math.max(u, e.min)), e.max !== void 0 && (u = Math.min(u, e.max)), e.onChange !== void 0 && e.onChange(u), a(u);
-    }, d = () => {
-      t = !1, document.removeEventListener("mouseup", d), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", d);
+      const T = e.step !== void 0 ? e.step : 1, H = (x.clientX - i) * T;
+      u = Number((c + H).toFixed(4)), e.min !== void 0 && (u = Math.max(u, e.min)), e.max !== void 0 && (u = Math.min(u, e.max)), e.onChange !== void 0 && e.onChange(u), a(u);
+    }, h = () => {
+      t = !1, document.removeEventListener("mouseup", h), document.removeEventListener("mousemove", d), document.removeEventListener("contextmenu", h);
     }, f = (x) => {
       const T = Number(x.target.value);
       a(T);
-    }, g = (x) => {
+    }, m = (x) => {
       const T = Number(x.target.value);
       e.onChange !== void 0 && e.onChange(T), a(T);
     };
-    return e.input.current?.addEventListener("input", f), e.label.current?.addEventListener("mousedown", c, !1), e.sliderRef !== void 0 && e.sliderRef.current?.addEventListener("input", g), () => {
-      e.input.current?.removeEventListener("input", f), e.label.current?.removeEventListener("mousedown", c), e.sliderRef !== void 0 && e.sliderRef.current?.removeEventListener("input", g), document.removeEventListener("mouseup", d), document.removeEventListener("mousemove", h), document.removeEventListener("contextmenu", d);
+    return e.input.current?.addEventListener("input", f), e.label.current?.addEventListener("mousedown", o, !1), e.sliderRef !== void 0 && e.sliderRef.current?.addEventListener("input", m), () => {
+      e.input.current?.removeEventListener("input", f), e.label.current?.removeEventListener("mousedown", o), e.sliderRef !== void 0 && e.sliderRef.current?.removeEventListener("input", m), document.removeEventListener("mouseup", h), document.removeEventListener("mousemove", d), document.removeEventListener("contextmenu", h);
     };
   }, []), n;
 }
-function rt(e) {
-  const n = Z(null), a = Z(null), t = ci({
+function Xe(e) {
+  const n = J(null), a = J(null), t = ui({
     label: e.labelRef,
     input: n,
     sliderRef: a,
@@ -2457,8 +2520,8 @@ function rt(e) {
         step: e.step,
         disabled: e.disabled,
         onChange: (i) => {
-          const o = Number(i.target.value);
-          e.onChange !== void 0 && e.onChange(e.prop, o);
+          const c = Number(i.target.value);
+          e.onChange !== void 0 && e.onChange(e.prop, c);
         }
       }
     ),
@@ -2472,8 +2535,8 @@ function rt(e) {
           ref: n,
           className: "min",
           onChange: (i) => {
-            const o = Number(i.target.value);
-            e.onChange !== void 0 && e.onChange(e.prop, o);
+            const c = Number(i.target.value);
+            e.onChange !== void 0 && e.onChange(e.prop, c);
           }
         }
       ),
@@ -2493,37 +2556,37 @@ function rt(e) {
     ] })
   ] });
 }
-function li(e) {
-  const n = Z(null), a = Z(null), t = Z(null), i = Z(null), o = Z(null), u = Z(null), [c, h] = q(e.value), [d, f] = q({
+function di(e) {
+  const n = J(null), a = J(null), t = J(null), i = J(null), c = J(null), u = J(null), [o, d] = X(e.value), [h, f] = X({
     min: Math.min(e.min, Math.min(e.value.x, e.value.y)),
     max: Math.max(e.max, Math.max(e.value.x, e.value.y))
-  }), [g, x] = q(!1);
+  }), [m, x] = X(!1);
   function T() {
-    g || (window.addEventListener("mousemove", ee), window.addEventListener("mouseup", V), window.addEventListener("mouseup", V), x(!0));
+    m || (window.addEventListener("mousemove", te), window.addEventListener("mouseup", H), window.addEventListener("mouseup", H), x(!0));
   }
-  function V() {
-    window.removeEventListener("mousemove", ee), window.removeEventListener("mouseup", V), x(!1);
+  function H() {
+    window.removeEventListener("mousemove", te), window.removeEventListener("mouseup", H), x(!1);
   }
-  function ee(j) {
-    const K = o.current.getBoundingClientRect(), te = Ke(0, 99, j.clientX - K.left) / 99, Se = Ke(0, 99, j.clientY - K.top) / 99, z = mt(Qt(d.min, d.max, te), 3), ge = mt(Qt(d.min, d.max, Se), 3);
-    e.onChange({ target: { value: { x: z, y: ge } } }), h({ x: z, y: ge });
+  function te(I) {
+    const q = c.current.getBoundingClientRect(), ne = Ze(0, 99, I.clientX - q.left) / 99, Se = Ze(0, 99, I.clientY - q.top) / 99, z = en(Qt(h.min, h.max, ne), 3), pe = en(Qt(h.min, h.max, Se), 3);
+    e.onChange({ target: { value: { x: z, y: pe } } }), d({ x: z, y: pe });
   }
-  function pe(j) {
-    let K = c.x, te = c.y;
-    j.target === n.current ? K = Number(j.target.value) : te = Number(j.target.value), h({ x: K, y: te });
+  function me(I) {
+    let q = o.x, ne = o.y;
+    I.target === n.current ? q = Number(I.target.value) : ne = Number(I.target.value), d({ x: q, y: ne });
   }
   function re() {
-    const j = Number(t.current.value);
-    f({ min: j, max: d.max }), (c.x < j || c.y < j) && h({ x: Ke(j, d.max, c.x), y: Ke(j, d.max, c.y) });
+    const I = Number(t.current.value);
+    f({ min: I, max: h.max }), (o.x < I || o.y < I) && d({ x: Ze(I, h.max, o.x), y: Ze(I, h.max, o.y) });
   }
   function $() {
-    const j = Number(i.current.value);
-    f({ min: d.min, max: j }), (c.x > j || c.y > j) && h({ x: Ke(d.min, j, c.x), y: Ke(d.min, j, c.y) });
+    const I = Number(i.current.value);
+    f({ min: h.min, max: I }), (o.x > I || o.y > I) && d({ x: Ze(h.min, I, o.x), y: Ze(h.min, I, o.y) });
   }
-  return ke(() => {
-    const j = Jt(d.min, d.max, c.x), K = Jt(d.min, d.max, c.y);
-    u.current.style.left = `${j * 100}%`, u.current.style.top = `${K * 100}%`;
-  }, [d, c]), /* @__PURE__ */ l.jsxs("div", { className: "vector2", children: [
+  return Ae(() => {
+    const I = Kt(h.min, h.max, o.x), q = Kt(h.min, h.max, o.y);
+    u.current.style.left = `${I * 100}%`, u.current.style.top = `${q * 100}%`;
+  }, [h, o]), /* @__PURE__ */ l.jsxs("div", { className: "vector2", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "fields", children: [
       /* @__PURE__ */ l.jsxs("div", { children: [
         /* @__PURE__ */ l.jsx("label", { children: "X:" }),
@@ -2532,11 +2595,11 @@ function li(e) {
           {
             ref: n,
             type: "number",
-            value: c.x,
-            min: d.min,
-            max: d.max,
+            value: o.x,
+            min: h.min,
+            max: h.max,
             step: 0.01,
-            onChange: pe
+            onChange: me
           }
         )
       ] }),
@@ -2547,11 +2610,11 @@ function li(e) {
           {
             ref: a,
             type: "number",
-            value: c.y,
-            min: d.min,
-            max: d.max,
+            value: o.y,
+            min: h.min,
+            max: h.max,
             step: 0.01,
-            onChange: pe
+            onChange: me
           }
         )
       ] }),
@@ -2562,7 +2625,7 @@ function li(e) {
           {
             ref: t,
             type: "number",
-            value: d.min,
+            value: h.min,
             step: 0.01,
             onChange: re
           }
@@ -2575,91 +2638,114 @@ function li(e) {
           {
             ref: i,
             type: "number",
-            value: d.max,
+            value: h.max,
             step: 0.01,
             onChange: $
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: o, onMouseDown: T, onMouseUp: V, children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "input", ref: c, onMouseDown: T, onMouseUp: H, children: [
       /* @__PURE__ */ l.jsx("div", { className: "x" }),
       /* @__PURE__ */ l.jsx("div", { className: "y" }),
       /* @__PURE__ */ l.jsx("div", { className: "pt", ref: u })
     ] })
   ] });
 }
-function ui(e) {
-  const n = e.value.x !== void 0, a = [];
+function rn(e) {
+  const n = e.value.isVector3 !== void 0, a = e.value.isEuler !== void 0, t = e.value.elements !== void 0, i = [];
   if (n) {
-    const t = le(() => e.value, []), i = (u, c) => {
-      t[u] = c, e.onChange({ target: { value: t } });
+    const c = ie(() => e.value, []), u = (d, h) => {
+      c[d] = h, e.onChange({ target: { value: c } });
     };
-    ["x", "y", "z"].forEach((u) => {
-      const c = Z(null);
-      a.push(
+    ["x", "y", "z"].forEach((d) => {
+      const h = J(null);
+      i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: c, children: u.toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: h, children: d.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
-            rt,
+            Xe,
             {
-              value: t.x,
+              value: c[d],
               type: "number",
-              prop: u,
+              prop: d,
               step: 0.01,
-              labelRef: c,
-              onChange: i
+              labelRef: h,
+              onChange: u
             }
           )
-        ] }, u)
+        ] }, d)
       );
     });
-  } else {
-    const t = le(() => e.value, []), i = (o, u) => {
-      const c = Number(o);
-      t.elements[c] = u, e.onChange({ target: { value: t } });
+  } else if (a) {
+    const c = ie(() => e.value, []), u = (d, h) => {
+      c[d] = h, e.onChange({ target: { value: c } });
+    };
+    ["_x", "_y", "_z"].forEach((d) => {
+      const h = J(null);
+      i.push(
+        /* @__PURE__ */ l.jsxs("div", { children: [
+          /* @__PURE__ */ l.jsx("label", { ref: h, children: d.substring(1).toUpperCase() }),
+          /* @__PURE__ */ l.jsx(
+            Xe,
+            {
+              value: c[d],
+              type: "number",
+              prop: d,
+              step: 0.01,
+              labelRef: h,
+              onChange: u
+            }
+          )
+        ] }, d)
+      );
+    });
+  } else if (t) {
+    const c = ie(() => e.value, []), u = (o, d) => {
+      const h = Number(o);
+      c.elements[h] = d, e.onChange({ target: { value: c } });
     };
     for (let o = 0; o < 9; o++) {
-      const u = Z(null);
-      a.push(
+      const d = J(null);
+      i.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: u, children: o + 1 }),
+          /* @__PURE__ */ l.jsx("label", { ref: d, children: o + 1 }),
           /* @__PURE__ */ l.jsx(
-            rt,
+            Xe,
             {
-              value: t.elements[o],
+              value: c.elements[o],
               type: "number",
               prop: o.toString(),
               step: 0.01,
-              labelRef: u,
-              onChange: i
+              labelRef: d,
+              onChange: u
             }
           )
         ] }, o.toString())
       );
     }
   }
-  return /* @__PURE__ */ l.jsx("div", { className: "grid3", children: a });
+  return /* @__PURE__ */ l.jsx("div", { className: "grid3", children: i }, Math.random().toString());
 }
-function di(e) {
+function hi(e) {
   const n = e.value.x !== void 0, a = [];
   if (n) {
-    const t = le(() => e.value, []), i = (u, c) => {
-      t[u] = c, e.onChange({ target: { value: t } });
+    const t = ie(() => e.value, []), i = (u, o) => {
+      t[u] = o, e.onChange({ target: { value: t } });
     };
     ["x", "y", "z", "w"].forEach((u) => {
-      const c = Z(null);
+      const o = J(null);
       a.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: c, children: u.toUpperCase() }),
+          /* @__PURE__ */ l.jsx("label", { ref: o, children: u.toUpperCase() }),
           /* @__PURE__ */ l.jsx(
-            rt,
+            Xe,
             {
               value: t.x,
               type: "number",
               prop: u,
               step: 0.01,
-              labelRef: c,
+              labelRef: o,
               onChange: i
             }
           )
@@ -2667,27 +2753,27 @@ function di(e) {
       );
     });
   } else {
-    const t = le(() => e.value, []), i = (o, u) => {
-      const c = Number(o);
-      t.elements[c] = u, e.onChange({ target: { value: t } });
+    const t = ie(() => e.value, []), i = (c, u) => {
+      const o = Number(c);
+      t.elements[o] = u, e.onChange({ target: { value: t } });
     };
-    for (let o = 0; o < 16; o++) {
-      const u = Z(null);
+    for (let c = 0; c < 16; c++) {
+      const u = J(null);
       a.push(
         /* @__PURE__ */ l.jsxs("div", { children: [
-          /* @__PURE__ */ l.jsx("label", { ref: u, children: o + 1 }),
+          /* @__PURE__ */ l.jsx("label", { ref: u, children: c + 1 }),
           /* @__PURE__ */ l.jsx(
-            rt,
+            Xe,
             {
-              value: t.elements[o],
+              value: t.elements[c],
               type: "number",
-              prop: o.toString(),
+              prop: c.toString(),
               step: 0.01,
               labelRef: u,
               onChange: i
             }
           )
-        ] }, o.toString())
+        ] }, c.toString())
       );
     }
   }
@@ -2695,17 +2781,17 @@ function di(e) {
 }
 function ft(e) {
   let n = e.value;
-  n !== void 0 && n.isColor !== void 0 && (n = Ra(e.value));
-  const [a, t] = q(n), i = Z(null), o = Z(null), u = (f) => {
-    let g = f.target.value;
-    e.type === "boolean" ? g = f.target.checked : e.type === "option" && (g = e.options[g].value), t(g), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, g);
-  }, c = {};
-  e.disabled && (c.opacity = 0.8);
-  const h = e.type === "string" && (a.length > 100 || a.search(`
-`) > -1), d = h || e.type === "image" || e.type === "vector2";
-  return /* @__PURE__ */ l.jsxs("div", { className: `field ${d ? "block" : ""}`, style: c, children: [
-    e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: Ot(e.title) }, "fieldLabel"),
-    e.type === "string" && !h && /* @__PURE__ */ l.jsx(
+  n !== void 0 && n.isColor !== void 0 && (n = Pa(e.value));
+  const [a, t] = X(n), i = J(null), c = J(null), u = (f) => {
+    let m = f.target.value;
+    e.type === "boolean" ? m = f.target.checked : e.type === "option" && (m = e.options[m].value), t(m), e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, m);
+  }, o = {};
+  e.disabled && (o.opacity = 0.8);
+  const d = e.type === "string" && (a.length > 100 || a.search(`
+`) > -1), h = d || e.type === "image" || e.type === "vector2";
+  return /* @__PURE__ */ l.jsxs("div", { className: `field ${h ? "block" : ""}`, style: o, children: [
+    e.type !== "button" && /* @__PURE__ */ l.jsx("label", { ref: i, children: Mt(e.title) }, "fieldLabel"),
+    e.type === "string" && !d && /* @__PURE__ */ l.jsx(
       "input",
       {
         type: "text",
@@ -2714,7 +2800,7 @@ function ft(e) {
         value: a
       }
     ),
-    e.type === "string" && h && /* @__PURE__ */ l.jsx(
+    e.type === "string" && d && /* @__PURE__ */ l.jsx(
       "textarea",
       {
         cols: 50,
@@ -2734,7 +2820,7 @@ function ft(e) {
       }
     ),
     e.type === "number" && /* @__PURE__ */ l.jsx(
-      rt,
+      Xe,
       {
         value: a,
         type: e.type,
@@ -2748,7 +2834,7 @@ function ft(e) {
       }
     ),
     e.type === "range" && /* @__PURE__ */ l.jsx(
-      rt,
+      Xe,
       {
         value: a,
         type: e.type,
@@ -2775,18 +2861,19 @@ function ft(e) {
         children: e.title
       }
     ),
-    e.type === "image" && /* @__PURE__ */ l.jsx("img", { ref: o, onClick: () => {
-      Ka().then((f) => {
-        o.current.src = f, e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, f);
+    e.type === "image" && /* @__PURE__ */ l.jsx("img", { alt: e.title, ref: c, onClick: () => {
+      Ja().then((f) => {
+        c.current.src = f, e.onChange !== void 0 && e.onChange(e.prop !== void 0 ? e.prop : e.title, f);
       });
-    }, src: a.length > 0 ? a : Ya }),
-    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: u, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((f, g) => /* @__PURE__ */ l.jsx("option", { value: f.value, children: Ot(f.title) }, g)) }) }),
-    e.type === "vector2" && /* @__PURE__ */ l.jsx(li, { value: a, min: 0, max: 1, onChange: u }),
-    e.type === "grid3" && /* @__PURE__ */ l.jsx(ui, { value: a, onChange: u }),
-    e.type === "grid4" && /* @__PURE__ */ l.jsx(di, { value: a, onChange: u })
+    }, src: a.src.length > 0 ? a.src : Va }),
+    e.type === "option" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("select", { onChange: u, disabled: e.disabled, defaultValue: e.value, children: e.options?.map((f, m) => /* @__PURE__ */ l.jsx("option", { value: f.value, children: Mt(f.title) }, m)) }) }),
+    e.type === "vector2" && /* @__PURE__ */ l.jsx(di, { value: a, min: 0, max: 1, onChange: u }),
+    e.type === "grid3" && /* @__PURE__ */ l.jsx(rn, { value: a, onChange: u }),
+    e.type === "grid4" && /* @__PURE__ */ l.jsx(hi, { value: a, onChange: u }),
+    e.type === "euler" && /* @__PURE__ */ l.jsx(rn, { value: a, onChange: u })
   ] });
 }
-function rn(e) {
+function sn(e) {
   switch (e) {
     case "fov":
       return "FOV";
@@ -2815,151 +2902,86 @@ function rn(e) {
   }
   return e;
 }
-function hi(e, n) {
+function fi(e, n) {
   const a = [];
   if (e.perspectiveCameraInfo !== void 0)
     for (const t in e.perspectiveCameraInfo)
       a.push({
-        title: rn(t),
+        title: sn(t),
         prop: t,
         type: "number",
         step: 0.01,
         value: e.perspectiveCameraInfo[t],
-        onChange: (i, o) => {
-          n.updateObject(e.uuid, i, o), n.requestMethod(e.uuid, "updateProjectionMatrix");
+        onChange: (i, c) => {
+          n.updateObject(e.uuid, i, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
           const u = n.scene?.getObjectByProperty("uuid", e.uuid);
-          u !== void 0 && (Q(u, i, o), u.updateProjectionMatrix());
+          u !== void 0 && (V(u, i, c), u.updateProjectionMatrix());
         }
       });
   else if (e.orthographicCameraInfo !== void 0)
     for (const t in e.orthographicCameraInfo)
       a.push({
-        title: rn(t),
+        title: sn(t),
         prop: t,
         type: "number",
         step: 0.01,
         value: e.perspectiveCameraInfo[t],
-        onChange: (i, o) => {
-          n.updateObject(e.uuid, i, o), n.requestMethod(e.uuid, "updateProjectionMatrix");
+        onChange: (i, c) => {
+          n.updateObject(e.uuid, i, c), n.requestMethod(e.uuid, "updateProjectionMatrix");
           const u = n.scene?.getObjectByProperty("uuid", e.uuid);
-          u !== void 0 && (Q(u, i, o), u.updateProjectionMatrix());
+          u !== void 0 && (V(u, i, c), u.updateProjectionMatrix());
         }
       });
   return /* @__PURE__ */ l.jsx(
-    Xe,
+    Je,
     {
       title: "Camera",
       items: a
     }
   );
 }
-const fi = Math.PI / 180, mi = 180 / Math.PI;
-function it(e, n, a, t, i) {
-  return t + (e - n) * (i - t) / (a - n);
-}
-function pi(e) {
-  return e * fi;
-}
-function Dt(e) {
-  return e * mi;
-}
-function gi(e, n) {
-  const a = new ia();
+function mi(e, n) {
+  const a = new ra();
   a.elements = e.matrix;
-  const t = new Y(), i = new ra(), o = new Y();
-  e.uuid.length > 0 && (t.setFromMatrixPosition(a), i.setFromRotationMatrix(a), o.setFromMatrixScale(a));
-  const u = (h, d) => {
-    n.updateObject(e.uuid, h, d);
+  const t = new Y(), i = new sa(), c = new Y();
+  e.uuid.length > 0 && (t.setFromMatrixPosition(a), i.setFromRotationMatrix(a), c.setFromMatrixScale(a));
+  const u = (o, d) => {
+    const h = o === "rotation" ? { x: d._x, y: d._y, z: d._z } : d;
+    n.updateObject(e.uuid, o, h);
     const f = n.scene?.getObjectByProperty("uuid", e.uuid);
-    f !== void 0 && Q(f, h, d);
-  }, c = (h, d) => {
-    u(h, pi(d));
+    f !== void 0 && V(f, o, h);
   };
   return /* @__PURE__ */ l.jsx(
-    Xe,
+    Je,
     {
       title: "Transform",
       items: [
         {
-          title: "Position X",
-          prop: "position.x",
-          type: "number",
-          value: t.x,
-          onChange: u
-        },
-        {
-          title: "Position Y",
-          prop: "position.y",
-          type: "number",
-          value: t.y,
-          onChange: u
-        },
-        {
-          title: "Position Z",
-          prop: "position.z",
-          type: "number",
-          value: t.z,
-          onChange: u
-        },
-        {
-          title: "Rotation X",
-          prop: "rotation.x",
-          type: "number",
-          value: mt(Dt(i.x)),
-          min: -360,
-          max: 360,
-          step: 0.1,
-          onChange: c
-        },
-        {
-          title: "Rotation Y",
-          prop: "rotation.y",
-          type: "number",
-          value: mt(Dt(i.y)),
-          min: -360,
-          max: 360,
-          step: 0.1,
-          onChange: c
-        },
-        {
-          title: "Rotation Z",
-          prop: "rotation.z",
-          type: "number",
-          value: mt(Dt(i.z)),
-          min: -360,
-          max: 360,
-          step: 0.1,
-          onChange: c
-        },
-        {
-          title: "Scale X",
-          prop: "scale.x",
-          type: "number",
-          value: o.x,
-          step: 0.01,
+          title: "Position",
+          prop: "position",
+          type: "grid3",
+          value: t,
           onChange: u
         },
         {
-          title: "Scale Y",
-          prop: "scale.y",
-          type: "number",
-          value: o.y,
-          step: 0.01,
+          title: "Rotation",
+          prop: "rotation",
+          type: "grid3",
+          value: i,
           onChange: u
         },
         {
-          title: "Scale Z",
-          prop: "scale.z",
-          type: "number",
-          value: o.z,
-          step: 0.01,
+          title: "Scale",
+          prop: "scale",
+          type: "grid3",
+          value: c,
           onChange: u
         }
       ]
     }
   );
 }
-function sn(e) {
+function on(e) {
   switch (e) {
     case "color":
       return "Color";
@@ -2982,54 +3004,54 @@ function sn(e) {
   }
   return e;
 }
-function vi(e, n) {
+function pi(e, n) {
   const a = [];
   if (e.lightInfo !== void 0)
     for (const t in e.lightInfo) {
       const i = e.lightInfo[t];
       i !== void 0 && (i.isColor !== void 0 ? a.push({
-        title: sn(t),
+        title: on(t),
         prop: t,
         type: "color",
         value: i,
-        onChange: (o, u) => {
-          const c = new Ft(u);
-          n.updateObject(e.uuid, o, c);
-          const h = n.scene?.getObjectByProperty("uuid", e.uuid);
-          h !== void 0 && Q(h, o, c);
+        onChange: (c, u) => {
+          const o = new Lt(u);
+          n.updateObject(e.uuid, c, o);
+          const d = n.scene?.getObjectByProperty("uuid", e.uuid);
+          d !== void 0 && V(d, c, o);
         }
       }) : a.push({
-        title: sn(t),
+        title: on(t),
         prop: t,
         type: typeof i,
         value: i,
         step: typeof i == "number" ? 0.01 : void 0,
-        onChange: (o, u) => {
-          n.updateObject(e.uuid, o, u);
-          const c = n.scene?.getObjectByProperty("uuid", e.uuid);
-          c !== void 0 && Q(c, o, u);
+        onChange: (c, u) => {
+          n.updateObject(e.uuid, c, u);
+          const o = n.scene?.getObjectByProperty("uuid", e.uuid);
+          o !== void 0 && V(o, c, u);
         }
       }));
     }
   return /* @__PURE__ */ l.jsx(
-    Xe,
+    Je,
     {
       title: "Light",
       items: a
     }
   );
 }
-function bi(e, n) {
+function gi(e, n) {
   const a = [], t = [];
   let i = 0;
-  e.animations.forEach((c) => {
-    i = Math.max(i, c.duration), c.duration > 0 && t.push({
-      title: c.name,
+  e.animations.forEach((o) => {
+    i = Math.max(i, o.duration), o.duration > 0 && t.push({
+      title: o.name,
       items: [
         {
           title: "Duration",
           type: "number",
-          value: c.duration,
+          value: o.duration,
           disabled: !0
         },
         {
@@ -3053,37 +3075,37 @@ function bi(e, n) {
     title: "Animations",
     items: t
   });
-  const o = n.scene?.getObjectByProperty("uuid", e.uuid);
+  const c = n.scene?.getObjectByProperty("uuid", e.uuid);
   let u = !1;
-  if (o !== void 0) {
-    const c = o.mixer;
-    if (u = c !== void 0, u) {
-      const h = [
+  if (c !== void 0) {
+    const o = c.mixer;
+    if (u = o !== void 0, u) {
+      const d = [
         {
           title: "Time Scale",
           type: "range",
-          value: c.timeScale,
+          value: o.timeScale,
           step: 0.01,
           min: -1,
           max: 2,
-          onChange: (d, f) => {
-            c.timeScale = f, n.updateObject(e.uuid, "mixer.timeScale", f);
+          onChange: (h, f) => {
+            o.timeScale = f, n.updateObject(e.uuid, "mixer.timeScale", f);
           }
         }
       ];
-      h.push({
+      d.push({
         title: "Stop All",
         type: "button",
         onChange: () => {
-          c.stopAllAction(), n.requestMethod(e.uuid, "stopAllAction", void 0, "mixer");
+          o.stopAllAction(), n.requestMethod(e.uuid, "stopAllAction", void 0, "mixer");
         }
       }), a.push({
         title: "Mixer",
-        items: h
+        items: d
       });
     }
   }
-  return /* @__PURE__ */ l.jsx(Xe, { title: "Animation", items: a });
+  return /* @__PURE__ */ l.jsx(Je, { title: "Animation", items: a });
 }
 const $n = {
   name: "",
@@ -3097,22 +3119,22 @@ const $n = {
   orthographicCameraInfo: void 0,
   lightInfo: void 0
 };
-let oe = { ...$n };
-function yi(e) {
-  const [n, a] = q(-1);
-  ke(() => {
-    function u(h) {
-      oe = { ...h.value }, a(Date.now());
+let se = { ...$n };
+function vi(e) {
+  const [n, a] = X(-1);
+  Ae(() => {
+    function u(d) {
+      se = { ...d.value }, a(Date.now());
     }
-    function c() {
-      oe = { ...$n }, a(Date.now());
+    function o() {
+      se = { ...$n }, a(Date.now());
     }
-    return N.addEventListener(L.SET_SCENE, c), N.addEventListener(L.SET_OBJECT, u), () => {
-      N.removeEventListener(L.SET_SCENE, c), N.removeEventListener(L.SET_OBJECT, u);
+    return j.addEventListener(A.SET_SCENE, o), j.addEventListener(A.SET_OBJECT, u), () => {
+      j.removeEventListener(A.SET_SCENE, o), j.removeEventListener(A.SET_OBJECT, u);
     };
   }, []);
-  const t = oe.type.toLowerCase(), i = oe.animations.length > 0 || oe.mixer !== void 0, o = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
-  return /* @__PURE__ */ l.jsx($t, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: oe.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  const t = se.type.toLowerCase(), i = se.animations.length > 0 || se.mixer !== void 0, c = t.search("mesh") > -1 || t.search("line") > -1 || t.search("points") > -1;
+  return /* @__PURE__ */ l.jsx($t, { label: "Inspector", children: /* @__PURE__ */ l.jsx("div", { id: "Inspector", className: e.class, children: se.uuid.length > 0 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
         ft,
@@ -3120,7 +3142,7 @@ function yi(e) {
           type: "string",
           title: "Name",
           prop: "name",
-          value: oe.name,
+          value: se.name,
           disabled: !0
         }
       ),
@@ -3130,7 +3152,7 @@ function yi(e) {
           type: "string",
           title: "Type",
           prop: "type",
-          value: oe.type,
+          value: se.type,
           disabled: !0
         }
       ),
@@ -3140,7 +3162,7 @@ function yi(e) {
           type: "string",
           title: "UUID",
           prop: "uuid",
-          value: oe.uuid,
+          value: se.uuid,
           disabled: !0
         }
       ),
@@ -3150,89 +3172,89 @@ function yi(e) {
           type: "boolean",
           title: "Visible",
           prop: "visible",
-          value: oe.visible,
-          onChange: (u, c) => {
-            e.three.updateObject(oe.uuid, u, c);
-            const h = e.three.scene?.getObjectByProperty("uuid", oe.uuid);
-            h !== void 0 && Q(h, u, c);
+          value: se.visible,
+          onChange: (u, o) => {
+            e.three.updateObject(se.uuid, u, o);
+            const d = e.three.scene?.getObjectByProperty("uuid", se.uuid);
+            d !== void 0 && V(d, u, o);
           }
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      gi(oe, e.three),
-      i ? bi(oe, e.three) : null,
-      t.search("camera") > -1 ? hi(oe, e.three) : null,
-      t.search("light") > -1 ? vi(oe, e.three) : null,
-      o ? oi(oe, e.three) : null
+      mi(se, e.three),
+      i ? gi(se, e.three) : null,
+      t.search("camera") > -1 ? fi(se, e.three) : null,
+      t.search("light") > -1 ? pi(se, e.three) : null,
+      c ? li(se, e.three) : null
     ] })
   ] }) }, n) }, "Inspector");
 }
-function $i(e) {
-  const [n, a] = q(e.scene);
-  ke(() => {
-    const o = (u) => {
+function Fi(e) {
+  const [n, a] = X(e.scene);
+  Ae(() => {
+    const c = (u) => {
       a(u.value);
     };
-    return N.addEventListener(L.SET_SCENE, o), () => {
-      N.removeEventListener(L.SET_SCENE, o);
+    return j.addEventListener(A.SET_SCENE, c), () => {
+      j.removeEventListener(A.SET_SCENE, c);
     };
   }, []);
   const t = n !== null, i = "Hierarchy - " + (t ? `${n?.name}` : "No Scene");
   return /* @__PURE__ */ l.jsxs("div", { id: "SidePanel", children: [
-    /* @__PURE__ */ l.jsx($t, { label: i, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: t && /* @__PURE__ */ l.jsx(Va, { child: n, three: e.three }) }) }),
-    /* @__PURE__ */ l.jsx(yi, { three: e.three })
+    /* @__PURE__ */ l.jsx($t, { label: i, open: !0, children: /* @__PURE__ */ l.jsx(l.Fragment, { children: t && /* @__PURE__ */ l.jsx(Ya, { child: n, three: e.three }) }) }),
+    /* @__PURE__ */ l.jsx(vi, { three: e.three })
   ] }, "SidePanel");
 }
-function zi(e) {
+function Ui(e) {
   function n() {
     return e.three.scene === void 0 ? (console.log("No scene:", e.three), !1) : !0;
   }
-  const a = (c) => {
+  const a = (o) => {
     if (!n())
       return;
-    const h = e.three.scene?.getObjectByProperty("uuid", c.value);
-    h !== void 0 && e.three.setObject(h);
-  }, t = (c, h, d) => {
+    const d = e.three.scene?.getObjectByProperty("uuid", o.value);
+    d !== void 0 && e.three.setObject(d);
+  }, t = (o, d, h) => {
     if (!n())
       return;
-    const f = e.three.scene?.getObjectByProperty("uuid", c);
-    f !== void 0 && Q(f, h, d);
-  }, i = (c) => {
+    const f = e.three.scene?.getObjectByProperty("uuid", o);
+    f !== void 0 && V(f, d, h);
+  }, i = (o) => {
     if (!n())
       return;
-    const h = c.value, { key: d, value: f, uuid: g } = h;
-    t(g, d, f);
-  }, o = (c) => {
+    const d = o.value, { key: h, value: f, uuid: m } = d;
+    t(m, h, f);
+  }, c = (o) => {
     if (!n())
       return;
-    const h = c.value;
-    Ln(h.value).then((d) => {
-      t(h.uuid, h.key, d), t(h.uuid, "material.needsUpdate", !0);
+    const d = o.value;
+    Ln(d.value).then((h) => {
+      t(d.uuid, d.key, h), t(d.uuid, "material.needsUpdate", !0);
     });
-  }, u = (c) => {
+  }, u = (o) => {
     if (!n())
       return;
-    const { key: h, uuid: d, value: f, subitem: g } = c.value, x = e.three.scene?.getObjectByProperty("uuid", d);
+    const { key: d, uuid: h, value: f, subitem: m } = o.value, x = e.three.scene?.getObjectByProperty("uuid", h);
     if (x !== void 0)
       try {
-        g !== void 0 ? Ia(x, g)[h](f) : x[h](f);
+        m !== void 0 ? Na(x, m)[d](f) : x[d](f);
       } catch (T) {
-        console.log("Error requesting method:"), console.log(T), console.log(h), console.log(f);
+        console.log("Error requesting method:"), console.log(T), console.log(d), console.log(f);
       }
   };
-  return ke(() => (N.addEventListener(L.GET_OBJECT, a), N.addEventListener(L.UPDATE_OBJECT, i), N.addEventListener(L.CREATE_TEXTURE, o), N.addEventListener(L.REQUEST_METHOD, u), () => {
-    N.removeEventListener(L.GET_OBJECT, a), N.removeEventListener(L.UPDATE_OBJECT, i), N.removeEventListener(L.CREATE_TEXTURE, o), N.removeEventListener(L.REQUEST_METHOD, u);
+  return Ae(() => (j.addEventListener(A.GET_OBJECT, a), j.addEventListener(A.UPDATE_OBJECT, i), j.addEventListener(A.CREATE_TEXTURE, c), j.addEventListener(A.REQUEST_METHOD, u), () => {
+    j.removeEventListener(A.GET_OBJECT, a), j.removeEventListener(A.UPDATE_OBJECT, i), j.removeEventListener(A.CREATE_TEXTURE, c), j.removeEventListener(A.REQUEST_METHOD, u);
   }), []), null;
 }
-class xi extends sa {
+class bi extends oa {
   constructor(n, a) {
-    const t = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Gt();
-    i.setAttribute("position", new Wt(t, 3)), i.computeBoundingSphere();
-    const o = new oa({ fog: !1 });
-    super(i, o), this.light = n, this.color = a, this.type = "RectAreaLightHelper";
-    const u = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], c = new Gt();
-    c.setAttribute("position", new Wt(u, 3)), c.computeBoundingSphere(), this.add(new Rn(c, new An({ side: fn, fog: !1 })));
+    const t = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], i = new Yt();
+    i.setAttribute("position", new Vt(t, 3)), i.computeBoundingSphere();
+    const c = new ca({ fog: !1 });
+    super(i, c), this.light = n, this.color = a, this.type = "RectAreaLightHelper";
+    const u = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], o = new Yt();
+    o.setAttribute("position", new Vt(u, 3)), o.computeBoundingSphere(), this.add(new Pn(o, new kn({ side: mn, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -3248,13 +3270,13 @@ class xi extends sa {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const on = { type: "change" }, It = { type: "start" }, cn = { type: "end" }, Ct = new ca(), ln = new la(), Ei = Math.cos(70 * ua.DEG2RAD);
-class Ci extends dn {
+const cn = { type: "change" }, At = { type: "start" }, ln = { type: "end" }, Et = new la(), un = new ua(), yi = Math.cos(70 * da.DEG2RAD);
+class xi extends hn {
   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: tt.ROTATE, MIDDLE: tt.DOLLY, RIGHT: tt.PAN }, this.touches = { ONE: nt.ROTATE, TWO: nt.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
-      return c.phi;
+    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: nt.ROTATE, MIDDLE: nt.DOLLY, RIGHT: nt.PAN }, this.touches = { ONE: at.ROTATE, TWO: at.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+      return o.phi;
     }, this.getAzimuthalAngle = function() {
-      return c.theta;
+      return o.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
     }, this.listenToKeyEvents = function(s) {
@@ -3264,46 +3286,46 @@ class Ci extends dn {
     }, this.saveState = function() {
       t.target0.copy(t.target), t.position0.copy(t.object.position), t.zoom0 = t.object.zoom;
     }, this.reset = function() {
-      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(on), t.update(), o = i.NONE;
+      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(cn), t.update(), c = i.NONE;
     }, this.update = function() {
-      const s = new Y(), y = new qt().setFromUnitVectors(n.up, new Y(0, 1, 0)), _ = y.clone().invert(), k = new Y(), J = new qt(), ye = new Y(), he = 2 * Math.PI;
-      return function(yt = null) {
-        const xt = t.object.position;
-        s.copy(xt).sub(t.target), s.applyQuaternion(y), c.setFromVector3(s), t.autoRotate && o === i.NONE && ve(Te(yt)), t.enableDamping ? (c.theta += h.theta * t.dampingFactor, c.phi += h.phi * t.dampingFactor) : (c.theta += h.theta, c.phi += h.phi);
+      const s = new Y(), y = new qt().setFromUnitVectors(n.up, new Y(0, 1, 0)), _ = y.clone().invert(), D = new Y(), ee = new qt(), ye = new Y(), de = 2 * Math.PI;
+      return function(bt = null) {
+        const yt = t.object.position;
+        s.copy(yt).sub(t.target), s.applyQuaternion(y), o.setFromVector3(s), t.autoRotate && c === i.NONE && ve(Te(bt)), t.enableDamping ? (o.theta += d.theta * t.dampingFactor, o.phi += d.phi * t.dampingFactor) : (o.theta += d.theta, o.phi += d.phi);
         let xe = t.minAzimuthAngle, Ee = t.maxAzimuthAngle;
-        isFinite(xe) && isFinite(Ee) && (xe < -Math.PI ? xe += he : xe > Math.PI && (xe -= he), Ee < -Math.PI ? Ee += he : Ee > Math.PI && (Ee -= he), xe <= Ee ? c.theta = Math.max(xe, Math.min(Ee, c.theta)) : c.theta = c.theta > (xe + Ee) / 2 ? Math.max(xe, c.theta) : Math.min(Ee, c.theta)), c.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, c.phi)), c.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(f, t.dampingFactor) : t.target.add(f), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor);
-        let We = !1;
+        isFinite(xe) && isFinite(Ee) && (xe < -Math.PI ? xe += de : xe > Math.PI && (xe -= de), Ee < -Math.PI ? Ee += de : Ee > Math.PI && (Ee -= de), xe <= Ee ? o.theta = Math.max(xe, Math.min(Ee, o.theta)) : o.theta = o.theta > (xe + Ee) / 2 ? Math.max(xe, o.theta) : Math.min(Ee, o.theta)), o.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, o.phi)), o.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(f, t.dampingFactor) : t.target.add(f), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor);
+        let Ve = !1;
         if (t.zoomToCursor && Se || t.object.isOrthographicCamera)
-          c.radius = Pe(c.radius);
+          o.radius = ke(o.radius);
         else {
-          const Oe = c.radius;
-          c.radius = Pe(c.radius * d), We = Oe != c.radius;
+          const Oe = o.radius;
+          o.radius = ke(o.radius * h), Ve = Oe != o.radius;
         }
-        if (s.setFromSpherical(c), s.applyQuaternion(_), xt.copy(t.target).add(s), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, f.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), f.set(0, 0, 0)), t.zoomToCursor && Se) {
+        if (s.setFromSpherical(o), s.applyQuaternion(_), yt.copy(t.target).add(s), t.object.lookAt(t.target), t.enableDamping === !0 ? (d.theta *= 1 - t.dampingFactor, d.phi *= 1 - t.dampingFactor, f.multiplyScalar(1 - t.dampingFactor)) : (d.set(0, 0, 0), f.set(0, 0, 0)), t.zoomToCursor && Se) {
           let Oe = null;
           if (t.object.isPerspectiveCamera) {
             const ze = s.length();
-            Oe = Pe(ze * d);
-            const Qe = ze - Oe;
-            t.object.position.addScaledVector(K, Qe), t.object.updateMatrixWorld(), We = !!Qe;
+            Oe = ke(ze * h);
+            const et = ze - Oe;
+            t.object.position.addScaledVector(q, et), t.object.updateMatrixWorld(), Ve = !!et;
           } else if (t.object.isOrthographicCamera) {
-            const ze = new Y(te.x, te.y, 0);
+            const ze = new Y(ne.x, ne.y, 0);
             ze.unproject(t.object);
-            const Qe = t.object.zoom;
-            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), We = Qe !== t.object.zoom;
-            const Et = new Y(te.x, te.y, 0);
-            Et.unproject(t.object), t.object.position.sub(Et).add(ze), t.object.updateMatrixWorld(), Oe = s.length();
+            const et = t.object.zoom;
+            t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / h)), t.object.updateProjectionMatrix(), Ve = et !== t.object.zoom;
+            const xt = new Y(ne.x, ne.y, 0);
+            xt.unproject(t.object), t.object.position.sub(xt).add(ze), t.object.updateMatrixWorld(), Oe = s.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          Oe !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Oe).add(t.object.position) : (Ct.origin.copy(t.object.position), Ct.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Ct.direction)) < Ei ? n.lookAt(t.target) : (ln.setFromNormalAndCoplanarPoint(t.object.up, t.target), Ct.intersectPlane(ln, t.target))));
+          Oe !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Oe).add(t.object.position) : (Et.origin.copy(t.object.position), Et.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Et.direction)) < yi ? n.lookAt(t.target) : (un.setFromNormalAndCoplanarPoint(t.object.up, t.target), Et.intersectPlane(un, t.target))));
         } else if (t.object.isOrthographicCamera) {
           const Oe = t.object.zoom;
-          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), We = !0);
+          t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / h)), Oe !== t.object.zoom && (t.object.updateProjectionMatrix(), Ve = !0);
         }
-        return d = 1, Se = !1, We || k.distanceToSquared(t.object.position) > u || 8 * (1 - J.dot(t.object.quaternion)) > u || ye.distanceToSquared(t.target) > u ? (t.dispatchEvent(on), k.copy(t.object.position), J.copy(t.object.quaternion), ye.copy(t.target), !0) : !1;
+        return h = 1, Se = !1, Ve || D.distanceToSquared(t.object.position) > u || 8 * (1 - ee.dot(t.object.quaternion)) > u || ye.distanceToSquared(t.target) > u ? (t.dispatchEvent(cn), D.copy(t.object.position), ee.copy(t.object.quaternion), ye.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", Je), t.domElement.removeEventListener("pointerdown", O), t.domElement.removeEventListener("pointercancel", G), t.domElement.removeEventListener("wheel", pt), t.domElement.removeEventListener("pointermove", B), t.domElement.removeEventListener("pointerup", G), t.domElement.getRootNode().removeEventListener("keydown", st, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ot), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", Qe), t.domElement.removeEventListener("pointerdown", O), t.domElement.removeEventListener("pointercancel", G), t.domElement.removeEventListener("wheel", mt), t.domElement.removeEventListener("pointermove", B), t.domElement.removeEventListener("pointerup", G), t.domElement.getRootNode().removeEventListener("keydown", st, { capture: !0 }), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ot), t._domElementKeyEvents = null);
     };
     const t = this, i = {
       NONE: -1,
@@ -3315,13 +3337,13 @@ class Ci extends dn {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let o = i.NONE;
-    const u = 1e-6, c = new Kt(), h = new Kt();
-    let d = 1;
-    const f = new Y(), g = new me(), x = new me(), T = new me(), V = new me(), ee = new me(), pe = new me(), re = new me(), $ = new me(), j = new me(), K = new Y(), te = new me();
+    let c = i.NONE;
+    const u = 1e-6, o = new Zt(), d = new Zt();
+    let h = 1;
+    const f = new Y(), m = new fe(), x = new fe(), T = new fe(), H = new fe(), te = new fe(), me = new fe(), re = new fe(), $ = new fe(), I = new fe(), q = new Y(), ne = new fe();
     let Se = !1;
-    const z = [], ge = {};
-    let ue = !1;
+    const z = [], pe = {};
+    let ce = !1;
     function Te(s) {
       return s !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * s : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
     }
@@ -3330,81 +3352,81 @@ class Ci extends dn {
       return Math.pow(0.95, t.zoomSpeed * y);
     }
     function ve(s) {
-      h.theta -= s;
+      d.theta -= s;
     }
-    function D(s) {
-      h.phi -= s;
+    function N(s) {
+      d.phi -= s;
     }
     const be = function() {
       const s = new Y();
-      return function(_, k) {
-        s.setFromMatrixColumn(k, 0), s.multiplyScalar(-_), f.add(s);
+      return function(_, D) {
+        s.setFromMatrixColumn(D, 0), s.multiplyScalar(-_), f.add(s);
       };
-    }(), C = function() {
+    }(), w = function() {
       const s = new Y();
-      return function(_, k) {
-        t.screenSpacePanning === !0 ? s.setFromMatrixColumn(k, 1) : (s.setFromMatrixColumn(k, 0), s.crossVectors(t.object.up, s)), s.multiplyScalar(_), f.add(s);
+      return function(_, D) {
+        t.screenSpacePanning === !0 ? s.setFromMatrixColumn(D, 1) : (s.setFromMatrixColumn(D, 0), s.crossVectors(t.object.up, s)), s.multiplyScalar(_), f.add(s);
       };
     }(), we = function() {
       const s = new Y();
-      return function(_, k) {
-        const J = t.domElement;
+      return function(_, D) {
+        const ee = t.domElement;
         if (t.object.isPerspectiveCamera) {
           const ye = t.object.position;
           s.copy(ye).sub(t.target);
-          let he = s.length();
-          he *= Math.tan(t.object.fov / 2 * Math.PI / 180), be(2 * _ * he / J.clientHeight, t.object.matrix), C(2 * k * he / J.clientHeight, t.object.matrix);
+          let de = s.length();
+          de *= Math.tan(t.object.fov / 2 * Math.PI / 180), be(2 * _ * de / ee.clientHeight, t.object.matrix), w(2 * D * de / ee.clientHeight, t.object.matrix);
         } else
-          t.object.isOrthographicCamera ? (be(_ * (t.object.right - t.object.left) / t.object.zoom / J.clientWidth, t.object.matrix), C(k * (t.object.top - t.object.bottom) / t.object.zoom / J.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          t.object.isOrthographicCamera ? (be(_ * (t.object.right - t.object.left) / t.object.zoom / ee.clientWidth, t.object.matrix), w(D * (t.object.top - t.object.bottom) / t.object.zoom / ee.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
       };
     }();
     function Re(s) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d /= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? h /= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function je(s) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d *= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function De(s) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? h *= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function Ae(s, y) {
+    function Pe(s, y) {
       if (!t.zoomToCursor)
         return;
       Se = !0;
-      const _ = t.domElement.getBoundingClientRect(), k = s - _.left, J = y - _.top, ye = _.width, he = _.height;
-      te.x = k / ye * 2 - 1, te.y = -(J / he) * 2 + 1, K.set(te.x, te.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      const _ = t.domElement.getBoundingClientRect(), D = s - _.left, ee = y - _.top, ye = _.width, de = _.height;
+      ne.x = D / ye * 2 - 1, ne.y = -(ee / de) * 2 + 1, q.set(ne.x, ne.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
-    function Pe(s) {
+    function ke(s) {
       return Math.max(t.minDistance, Math.min(t.maxDistance, s));
     }
-    function De(s) {
-      g.set(s.clientX, s.clientY);
-    }
-    function Fe(s) {
-      Ae(s.clientX, s.clientX), re.set(s.clientX, s.clientY);
+    function Ie(s) {
+      m.set(s.clientX, s.clientY);
     }
     function Be(s) {
-      V.set(s.clientX, s.clientY);
+      Pe(s.clientX, s.clientX), re.set(s.clientX, s.clientY);
+    }
+    function Fe(s) {
+      H.set(s.clientX, s.clientY);
     }
-    function ne(s) {
-      x.set(s.clientX, s.clientY), T.subVectors(x, g).multiplyScalar(t.rotateSpeed);
+    function ae(s) {
+      x.set(s.clientX, s.clientY), T.subVectors(x, m).multiplyScalar(t.rotateSpeed);
       const y = t.domElement;
-      ve(2 * Math.PI * T.x / y.clientHeight), D(2 * Math.PI * T.y / y.clientHeight), g.copy(x), t.update();
+      ve(2 * Math.PI * T.x / y.clientHeight), N(2 * Math.PI * T.y / y.clientHeight), m.copy(x), t.update();
     }
     function Me(s) {
-      $.set(s.clientX, s.clientY), j.subVectors($, re), j.y > 0 ? Re(_e(j.y)) : j.y < 0 && je(_e(j.y)), re.copy($), t.update();
+      $.set(s.clientX, s.clientY), I.subVectors($, re), I.y > 0 ? Re(_e(I.y)) : I.y < 0 && De(_e(I.y)), re.copy($), t.update();
     }
-    function Ye(s) {
-      ee.set(s.clientX, s.clientY), pe.subVectors(ee, V).multiplyScalar(t.panSpeed), we(pe.x, pe.y), V.copy(ee), t.update();
+    function He(s) {
+      te.set(s.clientX, s.clientY), me.subVectors(te, H).multiplyScalar(t.panSpeed), we(me.x, me.y), H.copy(te), t.update();
     }
-    function Ge(s) {
-      Ae(s.clientX, s.clientY), s.deltaY < 0 ? je(_e(s.deltaY)) : s.deltaY > 0 && Re(_e(s.deltaY)), t.update();
+    function Ye(s) {
+      Pe(s.clientX, s.clientY), s.deltaY < 0 ? De(_e(s.deltaY)) : s.deltaY > 0 && Re(_e(s.deltaY)), t.update();
     }
-    function de(s) {
+    function ue(s) {
       let y = !1;
       switch (s.code) {
         case t.keys.UP:
-          s.ctrlKey || s.metaKey || s.shiftKey ? D(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(0, t.keyPanSpeed), y = !0;
+          s.ctrlKey || s.metaKey || s.shiftKey ? N(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(0, t.keyPanSpeed), y = !0;
           break;
         case t.keys.BOTTOM:
-          s.ctrlKey || s.metaKey || s.shiftKey ? D(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(0, -t.keyPanSpeed), y = !0;
+          s.ctrlKey || s.metaKey || s.shiftKey ? N(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(0, -t.keyPanSpeed), y = !0;
           break;
         case t.keys.LEFT:
           s.ctrlKey || s.metaKey || s.shiftKey ? ve(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : we(t.keyPanSpeed, 0), y = !0;
@@ -3415,82 +3437,82 @@ class Ci extends dn {
       }
       y && (s.preventDefault(), t.update());
     }
-    function p(s) {
+    function g(s) {
       if (z.length === 1)
-        g.set(s.pageX, s.pageY);
+        m.set(s.pageX, s.pageY);
       else {
-        const y = $e(s), _ = 0.5 * (s.pageX + y.x), k = 0.5 * (s.pageY + y.y);
-        g.set(_, k);
+        const y = $e(s), _ = 0.5 * (s.pageX + y.x), D = 0.5 * (s.pageY + y.y);
+        m.set(_, D);
       }
     }
     function v(s) {
       if (z.length === 1)
-        V.set(s.pageX, s.pageY);
+        H.set(s.pageX, s.pageY);
       else {
-        const y = $e(s), _ = 0.5 * (s.pageX + y.x), k = 0.5 * (s.pageY + y.y);
-        V.set(_, k);
+        const y = $e(s), _ = 0.5 * (s.pageX + y.x), D = 0.5 * (s.pageY + y.y);
+        H.set(_, D);
       }
     }
-    function S(s) {
-      const y = $e(s), _ = s.pageX - y.x, k = s.pageY - y.y, J = Math.sqrt(_ * _ + k * k);
-      re.set(0, J);
+    function M(s) {
+      const y = $e(s), _ = s.pageX - y.x, D = s.pageY - y.y, ee = Math.sqrt(_ * _ + D * D);
+      re.set(0, ee);
     }
     function P(s) {
-      t.enableZoom && S(s), t.enablePan && v(s);
+      t.enableZoom && M(s), t.enablePan && v(s);
     }
-    function ae(s) {
-      t.enableZoom && S(s), t.enableRotate && p(s);
+    function ge(s) {
+      t.enableZoom && M(s), t.enableRotate && g(s);
     }
-    function M(s) {
+    function le(s) {
       if (z.length == 1)
         x.set(s.pageX, s.pageY);
       else {
-        const _ = $e(s), k = 0.5 * (s.pageX + _.x), J = 0.5 * (s.pageY + _.y);
-        x.set(k, J);
+        const _ = $e(s), D = 0.5 * (s.pageX + _.x), ee = 0.5 * (s.pageY + _.y);
+        x.set(D, ee);
       }
-      T.subVectors(x, g).multiplyScalar(t.rotateSpeed);
+      T.subVectors(x, m).multiplyScalar(t.rotateSpeed);
       const y = t.domElement;
-      ve(2 * Math.PI * T.x / y.clientHeight), D(2 * Math.PI * T.y / y.clientHeight), g.copy(x);
+      ve(2 * Math.PI * T.x / y.clientHeight), N(2 * Math.PI * T.y / y.clientHeight), m.copy(x);
     }
-    function w(s) {
+    function C(s) {
       if (z.length === 1)
-        ee.set(s.pageX, s.pageY);
+        te.set(s.pageX, s.pageY);
       else {
-        const y = $e(s), _ = 0.5 * (s.pageX + y.x), k = 0.5 * (s.pageY + y.y);
-        ee.set(_, k);
+        const y = $e(s), _ = 0.5 * (s.pageX + y.x), D = 0.5 * (s.pageY + y.y);
+        te.set(_, D);
       }
-      pe.subVectors(ee, V).multiplyScalar(t.panSpeed), we(pe.x, pe.y), V.copy(ee);
+      me.subVectors(te, H).multiplyScalar(t.panSpeed), we(me.x, me.y), H.copy(te);
     }
-    function I(s) {
-      const y = $e(s), _ = s.pageX - y.x, k = s.pageY - y.y, J = Math.sqrt(_ * _ + k * k);
-      $.set(0, J), j.set(0, Math.pow($.y / re.y, t.zoomSpeed)), Re(j.y), re.copy($);
-      const ye = (s.pageX + y.x) * 0.5, he = (s.pageY + y.y) * 0.5;
-      Ae(ye, he);
+    function E(s) {
+      const y = $e(s), _ = s.pageX - y.x, D = s.pageY - y.y, ee = Math.sqrt(_ * _ + D * D);
+      $.set(0, ee), I.set(0, Math.pow($.y / re.y, t.zoomSpeed)), Re(I.y), re.copy($);
+      const ye = (s.pageX + y.x) * 0.5, de = (s.pageY + y.y) * 0.5;
+      Pe(ye, de);
     }
-    function ie(s) {
-      t.enableZoom && I(s), t.enablePan && w(s);
+    function F(s) {
+      t.enableZoom && E(s), t.enablePan && C(s);
     }
-    function se(s) {
-      t.enableZoom && I(s), t.enableRotate && M(s);
+    function K(s) {
+      t.enableZoom && E(s), t.enableRotate && le(s);
     }
     function O(s) {
-      t.enabled !== !1 && (z.length === 0 && (t.domElement.setPointerCapture(s.pointerId), t.domElement.addEventListener("pointermove", B), t.domElement.addEventListener("pointerup", G)), !Pt(s) && (Rt(s), s.pointerType === "touch" ? ct(s) : Ie(s)));
+      t.enabled !== !1 && (z.length === 0 && (t.domElement.setPointerCapture(s.pointerId), t.domElement.addEventListener("pointermove", B), t.domElement.addEventListener("pointerup", G)), !Pt(s) && (_t(s), s.pointerType === "touch" ? ct(s) : Ne(s)));
     }
     function B(s) {
-      t.enabled !== !1 && (s.pointerType === "touch" ? vt(s) : Ze(s));
+      t.enabled !== !1 && (s.pointerType === "touch" ? gt(s) : Ke(s));
     }
     function G(s) {
-      switch (At(s), z.length) {
+      switch (Rt(s), z.length) {
         case 0:
-          t.domElement.releasePointerCapture(s.pointerId), t.domElement.removeEventListener("pointermove", B), t.domElement.removeEventListener("pointerup", G), t.dispatchEvent(cn), o = i.NONE;
+          t.domElement.releasePointerCapture(s.pointerId), t.domElement.removeEventListener("pointermove", B), t.domElement.removeEventListener("pointerup", G), t.dispatchEvent(ln), c = i.NONE;
           break;
         case 1:
-          const y = z[0], _ = ge[y];
+          const y = z[0], _ = pe[y];
           ct({ pointerId: y, pageX: _.x, pageY: _.y });
           break;
       }
     }
-    function Ie(s) {
+    function Ne(s) {
       let y;
       switch (s.button) {
         case 0:
@@ -3506,44 +3528,44 @@ class Ci extends dn {
           y = -1;
       }
       switch (y) {
-        case tt.DOLLY:
+        case nt.DOLLY:
           if (t.enableZoom === !1)
             return;
-          Fe(s), o = i.DOLLY;
+          Be(s), c = i.DOLLY;
           break;
-        case tt.ROTATE:
+        case nt.ROTATE:
           if (s.ctrlKey || s.metaKey || s.shiftKey) {
             if (t.enablePan === !1)
               return;
-            Be(s), o = i.PAN;
+            Fe(s), c = i.PAN;
           } else {
             if (t.enableRotate === !1)
               return;
-            De(s), o = i.ROTATE;
+            Ie(s), c = i.ROTATE;
           }
           break;
-        case tt.PAN:
+        case nt.PAN:
           if (s.ctrlKey || s.metaKey || s.shiftKey) {
             if (t.enableRotate === !1)
               return;
-            De(s), o = i.ROTATE;
+            Ie(s), c = i.ROTATE;
           } else {
             if (t.enablePan === !1)
               return;
-            Be(s), o = i.PAN;
+            Fe(s), c = i.PAN;
           }
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(It);
+      c !== i.NONE && t.dispatchEvent(At);
     }
-    function Ze(s) {
-      switch (o) {
+    function Ke(s) {
+      switch (c) {
         case i.ROTATE:
           if (t.enableRotate === !1)
             return;
-          ne(s);
+          ae(s);
           break;
         case i.DOLLY:
           if (t.enableZoom === !1)
@@ -3553,14 +3575,14 @@ class Ci extends dn {
         case i.PAN:
           if (t.enablePan === !1)
             return;
-          Ye(s);
+          He(s);
           break;
       }
     }
-    function pt(s) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (s.preventDefault(), t.dispatchEvent(It), Ge(gt(s)), t.dispatchEvent(cn));
+    function mt(s) {
+      t.enabled === !1 || t.enableZoom === !1 || c !== i.NONE || (s.preventDefault(), t.dispatchEvent(At), Ye(pt(s)), t.dispatchEvent(ln));
     }
-    function gt(s) {
+    function pt(s) {
       const y = s.deltaMode, _ = {
         clientX: s.clientX,
         clientY: s.clientY,
@@ -3574,90 +3596,90 @@ class Ci extends dn {
           _.deltaY *= 100;
           break;
       }
-      return s.ctrlKey && !ue && (_.deltaY *= 10), _;
+      return s.ctrlKey && !ce && (_.deltaY *= 10), _;
     }
     function st(s) {
-      s.key === "Control" && (ue = !0, t.domElement.getRootNode().addEventListener("keyup", Ue, { passive: !0, capture: !0 }));
+      s.key === "Control" && (ce = !0, t.domElement.getRootNode().addEventListener("keyup", Ue, { passive: !0, capture: !0 }));
     }
     function Ue(s) {
-      s.key === "Control" && (ue = !1, t.domElement.getRootNode().removeEventListener("keyup", Ue, { passive: !0, capture: !0 }));
+      s.key === "Control" && (ce = !1, t.domElement.getRootNode().removeEventListener("keyup", Ue, { passive: !0, capture: !0 }));
     }
     function ot(s) {
-      t.enabled === !1 || t.enablePan === !1 || de(s);
+      t.enabled === !1 || t.enablePan === !1 || ue(s);
     }
     function ct(s) {
-      switch (bt(s), z.length) {
+      switch (vt(s), z.length) {
         case 1:
           switch (t.touches.ONE) {
-            case nt.ROTATE:
+            case at.ROTATE:
               if (t.enableRotate === !1)
                 return;
-              p(s), o = i.TOUCH_ROTATE;
+              g(s), c = i.TOUCH_ROTATE;
               break;
-            case nt.PAN:
+            case at.PAN:
               if (t.enablePan === !1)
                 return;
-              v(s), o = i.TOUCH_PAN;
+              v(s), c = i.TOUCH_PAN;
               break;
             default:
-              o = i.NONE;
+              c = i.NONE;
           }
           break;
         case 2:
           switch (t.touches.TWO) {
-            case nt.DOLLY_PAN:
+            case at.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1)
                 return;
-              P(s), o = i.TOUCH_DOLLY_PAN;
+              P(s), c = i.TOUCH_DOLLY_PAN;
               break;
-            case nt.DOLLY_ROTATE:
+            case at.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1)
                 return;
-              ae(s), o = i.TOUCH_DOLLY_ROTATE;
+              ge(s), c = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              o = i.NONE;
+              c = i.NONE;
           }
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
-      o !== i.NONE && t.dispatchEvent(It);
+      c !== i.NONE && t.dispatchEvent(At);
     }
-    function vt(s) {
-      switch (bt(s), o) {
+    function gt(s) {
+      switch (vt(s), c) {
         case i.TOUCH_ROTATE:
           if (t.enableRotate === !1)
             return;
-          M(s), t.update();
+          le(s), t.update();
           break;
         case i.TOUCH_PAN:
           if (t.enablePan === !1)
             return;
-          w(s), t.update();
+          C(s), t.update();
           break;
         case i.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1)
             return;
-          ie(s), t.update();
+          F(s), t.update();
           break;
         case i.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1)
             return;
-          se(s), t.update();
+          K(s), t.update();
           break;
         default:
-          o = i.NONE;
+          c = i.NONE;
       }
     }
-    function Je(s) {
+    function Qe(s) {
       t.enabled !== !1 && s.preventDefault();
     }
-    function Rt(s) {
+    function _t(s) {
       z.push(s.pointerId);
     }
-    function At(s) {
-      delete ge[s.pointerId];
+    function Rt(s) {
+      delete pe[s.pointerId];
       for (let y = 0; y < z.length; y++)
         if (z[y] == s.pointerId) {
           z.splice(y, 1);
@@ -3670,37 +3692,40 @@ class Ci extends dn {
           return !0;
       return !1;
     }
-    function bt(s) {
-      let y = ge[s.pointerId];
-      y === void 0 && (y = new me(), ge[s.pointerId] = y), y.set(s.pageX, s.pageY);
+    function vt(s) {
+      let y = pe[s.pointerId];
+      y === void 0 && (y = new fe(), pe[s.pointerId] = y), y.set(s.pageX, s.pageY);
     }
     function $e(s) {
       const y = s.pointerId === z[0] ? z[1] : z[0];
-      return ge[y];
+      return pe[y];
     }
-    t.domElement.addEventListener("contextmenu", Je), t.domElement.addEventListener("pointerdown", O), t.domElement.addEventListener("pointercancel", G), t.domElement.addEventListener("wheel", pt, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", st, { passive: !0, capture: !0 }), this.update();
+    t.domElement.addEventListener("contextmenu", Qe), t.domElement.addEventListener("pointerdown", O), t.domElement.addEventListener("pointercancel", G), t.domElement.addEventListener("wheel", mt, { passive: !1 }), t.domElement.getRootNode().addEventListener("keydown", st, { passive: !0, capture: !0 }), this.update();
   }
 }
-const Mt = (e) => {
-  const [n, a] = q(e.options[e.index]), t = () => {
+function rt(e, n, a, t, i) {
+  return t + (e - n) * (i - t) / (a - n);
+}
+const wt = (e) => {
+  const [n, a] = X(e.options[e.index]), t = () => {
     e.onToggle(!e.open);
-  }, i = (o) => {
-    o !== n && (e.onSelect(o), a(o)), e.onToggle(!1);
+  }, i = (c) => {
+    c !== n && (e.onSelect(c), a(c)), e.onToggle(!1);
   };
   return /* @__PURE__ */ l.jsxs("div", { className: `dropdown ${e.up === !0 ? "up" : ""}`, children: [
     /* @__PURE__ */ l.jsx("div", { className: "dropdown-toggle", onClick: t, children: n }),
-    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((o) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(o), children: o }, o)) })
+    e.open && /* @__PURE__ */ l.jsx("ul", { className: "dropdown-menu", children: e.options.map((c) => /* @__PURE__ */ l.jsx("li", { onClick: () => i(c), children: c }, c)) })
   ] });
-}, qe = Oa(function(n, a) {
-  const [t, i] = q(!1), o = n.options.indexOf(n.camera.name);
+}, qe = Ta(function(n, a) {
+  const [t, i] = X(!1), c = n.options.indexOf(n.camera.name);
   return /* @__PURE__ */ l.jsxs("div", { className: "CameraWindow", children: [
     /* @__PURE__ */ l.jsx("div", { ref: a, className: "clickable", onClick: () => {
       t && i(!1);
     } }),
     /* @__PURE__ */ l.jsx(
-      Mt,
+      wt,
       {
-        index: o,
+        index: c,
         open: t,
         options: n.options,
         onSelect: n.onSelect,
@@ -3712,15 +3737,15 @@ const Mt = (e) => {
     )
   ] });
 });
-class Si extends Pn {
+class Ei extends jn {
   constructor(n) {
     super({
       extensions: {
         // @ts-ignore
         derivatives: !0
       },
-      glslVersion: da,
-      side: mn,
+      glslVersion: ha,
+      side: pn,
       transparent: !0,
       uniforms: {
         uScale: {
@@ -3730,7 +3755,7 @@ class Si extends Pn {
           value: n?.divisions !== void 0 ? n?.divisions : 10
         },
         uColor: {
-          value: n?.color !== void 0 ? n?.color : new Ft(16777215)
+          value: n?.color !== void 0 ? n?.color : new Lt(16777215)
         },
         uDistance: {
           value: n?.distance !== void 0 ? n?.distance : 1e4
@@ -3825,17 +3850,17 @@ class Si extends Pn {
     });
   }
 }
-class wi extends Rn {
+class Ci extends Pn {
   gridMaterial;
   constructor() {
-    const n = new Si();
-    super(new ha(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
+    const n = new Ei();
+    super(new fa(2, 2), n), this.gridMaterial = n, this.frustumCulled = !1, this.name = "InfiniteGridHelper", this.position.y = 0.1;
   }
   update() {
     this.gridMaterial.needsUpdate = !0;
   }
 }
-const Mi = `#include <common>
+const Si = `#include <common>
 #include <batching_pars_vertex>
 #include <uv_pars_vertex>
 #include <color_pars_vertex>
@@ -3865,7 +3890,7 @@ void main() {
 	#include <logdepthbuf_vertex>
 	#include <clipping_planes_vertex>
 	#include <worldpos_vertex>
-}`, Oi = `
+}`, wi = `
 #include <common>
 #include <uv_pars_fragment>
 #include <clipping_planes_pars_fragment>
@@ -3874,29 +3899,29 @@ void main() {
 	#include <clipping_planes_fragment>
 	gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
 }`;
-class Ti extends Pn {
+class Mi extends jn {
   constructor() {
     super({
       defines: {
         USE_UV: ""
       },
-      vertexShader: Mi,
-      fragmentShader: Oi
+      vertexShader: Si,
+      fragmentShader: wi
     });
   }
 }
-let St = "Renderer", Le, wt = !1, un = !1, H = null, ce = null, He = null, Ve = null;
-function Hi(e) {
-  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", o = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", u = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", c = le(() => /* @__PURE__ */ new Map(), []), h = le(() => /* @__PURE__ */ new Map(), []), d = le(() => /* @__PURE__ */ new Map(), []), f = le(() => /* @__PURE__ */ new Map(), []), g = le(() => new fa(), []), x = le(() => new ma(), []), T = le(() => new wi(), []), V = le(() => new Xt(500), []), ee = le(() => new Xt(100), []), pe = le(() => new pa(), []), re = le(() => new ga(), []), $ = le(() => new Ti(), []), j = le(() => new An({
+let Ct = "Renderer", je, St = !1, dn = !1, W = null, oe = null, Ge = null, We = null;
+function $i(e) {
+  const n = e.three.app.appID, a = localStorage.getItem(`${n}_mode`), t = localStorage.getItem(`${n}_tlCam`) !== null ? localStorage.getItem(`${n}_tlCam`) : "Debug", i = localStorage.getItem(`${n}_trCam`) !== null ? localStorage.getItem(`${n}_trCam`) : "Orthographic", c = localStorage.getItem(`${n}_blCam`) !== null ? localStorage.getItem(`${n}_blCam`) : "Front", u = localStorage.getItem(`${n}_brCam`) !== null ? localStorage.getItem(`${n}_brCam`) : "Top", o = ie(() => /* @__PURE__ */ new Map(), []), d = ie(() => /* @__PURE__ */ new Map(), []), h = ie(() => /* @__PURE__ */ new Map(), []), f = ie(() => /* @__PURE__ */ new Map(), []), m = ie(() => new ma(), []), x = ie(() => new pa(), []), T = ie(() => new Ci(), []), H = ie(() => new Xt(500), []), te = ie(() => new Xt(100), []), me = ie(() => new ga(), []), re = ie(() => new va(), []), $ = ie(() => new Mi(), []), I = ie(() => new kn({
     opacity: 0.33,
     transparent: !0,
     wireframe: !0
   }), []);
-  function K(p, v) {
-    const S = new Zt(-100, 100, 100, -100, 50, 3e3);
-    return S.name = p, S.position.copy(v), S.lookAt(0, 0, 0), c.set(p, S), S;
+  function q(g, v) {
+    const M = new Jt(-100, 100, 100, -100, 50, 5e3);
+    return M.name = g, M.position.copy(v), M.lookAt(0, 0, 0), o.set(g, M), M;
   }
-  const te = [
+  const ne = [
     "Renderer",
     "Depth",
     "Normals",
@@ -3907,330 +3932,334 @@ function Hi(e) {
     "Side by Side",
     "Stacked",
     "Quad"
-  ], z = Z(null), ge = Z(null), ue = Z(null), Te = Z(null), _e = Z(null), ve = Z(null), [D, be] = q(a !== null ? a : "Single"), [C, we] = q(null), [Re, je] = q(!1), [Ae, Pe] = q(!1), [De, Fe] = q(!1), [, Be] = q(Date.now());
-  localStorage.setItem(`${n}_mode`, D), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, o), localStorage.setItem(`${n}_brCam`, u);
-  const ne = (p, v) => {
-    const S = h.get(p.name);
-    S !== void 0 && S.dispose(), h.delete(p.name);
-    const P = d.get(p.name);
-    P !== void 0 && (g.remove(P), P.dispose()), d.delete(p.name);
-    const ae = new Ci(p, v);
-    switch (ae.enableDamping = !0, ae.dampingFactor = 0.05, p.name) {
+  ], z = J(null), pe = J(null), ce = J(null), Te = J(null), _e = J(null), ve = J(null), [N, be] = X(a !== null ? a : "Single"), [w, we] = X(null), [Re, De] = X(!1), [Pe, ke] = X(!1), [Ie, Be] = X(!1), [, Fe] = X(Date.now());
+  localStorage.setItem(`${n}_mode`, N), localStorage.setItem(`${n}_tlCam`, t), localStorage.setItem(`${n}_trCam`, i), localStorage.setItem(`${n}_blCam`, c), localStorage.setItem(`${n}_brCam`, u);
+  const ae = (g, v) => {
+    const M = d.get(g.name);
+    if (M !== void 0 && M.dispose(), d.delete(g.name), g.name === "UI")
+      return;
+    const P = new xi(g, v);
+    switch (P.enableDamping = !0, P.dampingFactor = 0.05, g.name) {
       case "Top":
       case "Bottom":
       case "Left":
       case "Right":
       case "Front":
       case "Back":
-        ae.enableRotate = !1;
+        P.enableRotate = !1;
         break;
     }
-    if (h.set(p.name, ae), p instanceof kt) {
-      const M = new ya(p);
-      d.set(p.name, M), g.add(M);
-    }
-  }, Me = (p) => {
-    const v = d.get(p.name);
-    v !== void 0 && (g.remove(v), v.dispose(), d.delete(p.name));
-    const S = h.get(p.name);
-    S !== void 0 && (S.dispose(), h.delete(p.name));
+    d.set(g.name, P);
+  }, Me = (g) => {
+    const v = h.get(g.name);
+    v !== void 0 && (m.remove(v), v.dispose(), h.delete(g.name));
+    const M = d.get(g.name);
+    M !== void 0 && (M.dispose(), d.delete(g.name));
+  }, He = () => {
+    d.forEach((g, v) => {
+      g.dispose();
+      const M = h.get(v);
+      M !== void 0 && (m.remove(M), M.dispose()), h.delete(v), d.delete(v);
+    }), d.clear(), h.clear();
   }, Ye = () => {
-    h.forEach((p, v) => {
-      p.dispose();
-      const S = d.get(v);
-      S !== void 0 && (g.remove(S), S.dispose()), d.delete(v), h.delete(v);
-    }), h.clear(), d.clear();
-  }, Ge = () => {
-    switch (D) {
+    switch (N) {
       case "Single":
-        ne(H, ue.current);
+        ae(W, ce.current);
         break;
       case "Side by Side":
       case "Stacked":
-        ne(H, ue.current), ne(ce, Te.current);
+        ae(W, ce.current), ae(oe, Te.current);
         break;
       case "Quad":
-        ne(H, ue.current), ne(ce, Te.current), ne(He, _e.current), ne(Ve, ve.current);
+        ae(W, ce.current), ae(oe, Te.current), ae(Ge, _e.current), ae(We, ve.current);
         break;
     }
   };
-  ke(() => {
-    const p = new va({
+  Ae(() => {
+    const g = new ba({
       canvas: z.current,
       stencil: !1
     });
-    p.autoClear = !1, p.shadowMap.enabled = !0, p.setPixelRatio(devicePixelRatio), p.setClearColor(0), e.three.renderer = p, we(p);
-  }, []), ke(() => {
-    g.name = "Debug Scene", g.uuid = "", x.name = "helpers", g.add(x), x.add(T), V.name = "axisHelper", x.add(V), ee.name = "interactionHelper", x.add(ee), ee.visible = !1, K("Top", new Y(0, 1e3, 0)), K("Bottom", new Y(0, -1e3, 0)), K("Left", new Y(-1e3, 0, 0)), K("Right", new Y(1e3, 0, 0)), K("Front", new Y(0, 0, 1e3)), K("Back", new Y(0, 0, -1e3)), K("Orthographic", new Y(1e3, 1e3, 1e3));
-    const p = new kt(60, 1, 50, 3e3);
-    p.name = "Debug", p.position.set(500, 500, 500), p.lookAt(0, 0, 0), c.set("Debug", p), H = c.get(localStorage.getItem(`${n}_tlCam`)), ce = c.get(localStorage.getItem(`${n}_trCam`)), He = c.get(localStorage.getItem(`${n}_blCam`)), Ve = c.get(localStorage.getItem(`${n}_brCam`));
-  }, []), ke(() => {
-    const p = () => {
-      f.forEach((M) => {
-        x.remove(M), M.dispose();
+    g.autoClear = !1, g.shadowMap.enabled = !0, g.setPixelRatio(devicePixelRatio), g.setClearColor(0), e.three.renderer = g, we(g);
+  }, []), Ae(() => {
+    m.name = "Debug Scene", m.uuid = "", x.name = "helpers", m.add(x), x.add(T), H.name = "axisHelper", x.add(H), te.name = "interactionHelper", x.add(te), te.visible = !1, q("Top", new Y(0, 1e3, 0)), q("Bottom", new Y(0, -1e3, 0)), q("Left", new Y(-1e3, 0, 0)), q("Right", new Y(1e3, 0, 0)), q("Front", new Y(0, 0, 1e3)), q("Back", new Y(0, 0, -1e3)), q("Orthographic", new Y(1e3, 1e3, 1e3)), q("UI", new Y());
+    const g = new kt(60, 1, 50, 5e3);
+    g.name = "Debug", g.position.set(500, 500, 500), g.lookAt(0, 0, 0), o.set("Debug", g), W = o.get(localStorage.getItem(`${n}_tlCam`)), oe = o.get(localStorage.getItem(`${n}_trCam`)), Ge = o.get(localStorage.getItem(`${n}_blCam`)), We = o.get(localStorage.getItem(`${n}_brCam`));
+  }, []), Ae(() => {
+    const g = () => {
+      f.forEach((C) => {
+        x.remove(C), C.dispose();
       }), f.clear();
     }, v = () => {
-      Le.traverse((M) => {
-        if (M.type.search("Light") > -1) {
-          let w;
-          switch (M.type) {
+      je.traverse((C) => {
+        if (C.type.search("Light") > -1) {
+          let E;
+          switch (C.type) {
             case "DirectionalLight":
-              w = new Sa(M), w.name = `${M.name}Helper`, f.set(M.name, w), x.add(w);
+              E = new wa(C, 100), E.name = `${C.name}Helper`, f.set(C.name, E), x.add(E);
               break;
             case "HemisphereLight":
-              w = new Ca(M, 250), w.name = `${M.name}Helper`, f.set(M.name, w), x.add(w);
+              E = new Sa(C, 250), E.name = `${C.name}Helper`, f.set(C.name, E), x.add(E);
               break;
             case "RectAreaLight":
-              w = new xi(M), w.name = `${M.name}Helper`, f.set(M.name, w), x.add(w);
+              E = new bi(C), E.name = `${C.name}Helper`, f.set(C.name, E), x.add(E);
               break;
             case "PointLight":
-              w = new Ea(M), w.name = `${M.name}Helper`, f.set(M.name, w), x.add(w);
+              E = new Ca(C, 100), E.name = `${C.name}Helper`, f.set(C.name, E), x.add(E);
               break;
             case "SpotLight":
-              w = new xa(M), w.name = `${M.name}Helper`, f.set(M.name, w), x.add(w);
+              E = new Ea(C), E.name = `${C.name}Helper`, f.set(C.name, E), x.add(E);
               break;
           }
         }
       });
-    }, S = (M) => {
-      p(), In(Le), g.remove(Le);
-      const w = e.scenes.get(M.value.name);
-      if (w !== void 0) {
-        const I = new w();
-        e.onSceneSet !== void 0 && e.onSceneSet(I), Le = I, e.three.scene = Le, g.add(Le), un = !0, v();
+    }, M = (C) => {
+      g(), Ft(je), m.remove(je);
+      const E = e.scenes.get(C.value.name);
+      if (E !== void 0) {
+        const F = new E();
+        e.onSceneSet !== void 0 && e.onSceneSet(F), je = F, e.three.scene = je, m.add(je), dn = !0, v();
       }
-    }, P = (M) => {
-      const w = M.value, I = e.three.scene?.getObjectByProperty("uuid", w.uuid);
-      I !== void 0 && c.set(w.name, I), Be(Date.now());
-    }, ae = (M) => {
-      c.delete(M.value.name), Be(Date.now());
+    }, P = (C) => {
+      const E = C.value, F = e.three.scene?.getObjectByProperty("uuid", E.uuid);
+      if (F !== void 0 && o.set(E.name, F), F instanceof kt) {
+        const K = new xa(F);
+        h.set(F.name, K), m.add(K);
+      }
+      Fe(Date.now());
+    }, ge = (C) => {
+      const E = h.get(C.value.name);
+      E !== void 0 && (m.remove(E), E.dispose()), o.delete(C.value.name), Fe(Date.now());
+    }, le = (C) => {
+      const E = je.getObjectByProperty("uuid", C.value.uuid);
+      E && E.add(H);
     };
-    return N.addEventListener(L.SET_SCENE, S), N.addEventListener(L.ADD_CAMERA, P), N.addEventListener(L.REMOVE_CAMERA, ae), () => {
-      N.removeEventListener(L.SET_SCENE, S), N.removeEventListener(L.ADD_CAMERA, P), N.removeEventListener(L.REMOVE_CAMERA, ae);
+    return j.addEventListener(A.SET_SCENE, M), j.addEventListener(A.ADD_CAMERA, P), j.addEventListener(A.REMOVE_CAMERA, ge), j.addEventListener(A.SET_OBJECT, le), () => {
+      j.removeEventListener(A.SET_SCENE, M), j.removeEventListener(A.ADD_CAMERA, P), j.removeEventListener(A.REMOVE_CAMERA, ge), j.removeEventListener(A.SET_OBJECT, le);
     };
-  }, []), ke(() => {
-    if (C === null)
+  }, []), Ae(() => {
+    if (w === null)
       return;
-    let p = window.innerWidth, v = window.innerHeight, S = Math.floor(p / 2), P = Math.floor(v / 2), ae = -1;
-    const M = () => {
-      p = window.innerWidth - 300, v = window.innerHeight, S = Math.floor(p / 2), P = Math.floor(v / 2), C.setSize(p, v);
-      let O = p, B = v;
-      switch (D) {
+    let g = window.innerWidth, v = window.innerHeight, M = Math.floor(g / 2), P = Math.floor(v / 2), ge = -1;
+    const le = () => {
+      g = window.innerWidth - 300, v = window.innerHeight, M = Math.floor(g / 2), P = Math.floor(v / 2), w.setSize(g, v);
+      let O = g, B = v;
+      switch (N) {
         case "Side by Side":
-          O = S, B = v;
+          O = M, B = v;
           break;
         case "Stacked":
-          O = p, B = P;
+          O = g, B = P;
           break;
         case "Quad":
-          O = S, B = P;
+          O = M, B = P;
           break;
       }
-      c.forEach((G) => {
-        G instanceof Zt ? (G.left = O / -2, G.right = O / 2, G.top = B / 2, G.bottom = B / -2, G.updateProjectionMatrix()) : G instanceof kt && (G.aspect = O / B, G.updateProjectionMatrix(), d.get(G.name)?.update());
+      o.forEach((G) => {
+        G instanceof Jt ? (G.left = O / -2, G.right = O / 2, G.top = B / 2, G.bottom = B / -2, G.name === "UI" && (G.position.x = g / 2, G.position.y = v / -2, G.position.z = 100), G.updateProjectionMatrix()) : G instanceof kt && (G.aspect = O / B, G.updateProjectionMatrix(), h.get(G.name)?.update());
       });
-    }, w = () => {
-      C.setViewport(0, 0, p, v), C.setScissor(0, 0, p, v), C.render(g, H);
-    }, I = () => {
-      if (D === "Side by Side")
-        C.setViewport(0, 0, S, v), C.setScissor(0, 0, S, v), C.render(g, H), C.setViewport(S, 0, S, v), C.setScissor(S, 0, S, v), C.render(g, ce);
+    }, C = () => {
+      w.setViewport(0, 0, g, v), w.setScissor(0, 0, g, v), w.render(m, W);
+    }, E = () => {
+      if (N === "Side by Side")
+        w.setViewport(0, 0, M, v), w.setScissor(0, 0, M, v), w.render(m, W), w.setViewport(M, 0, M, v), w.setScissor(M, 0, M, v), w.render(m, oe);
       else {
         const O = v - P;
-        C.setViewport(0, O, p, P), C.setScissor(0, O, p, P), C.render(g, H), C.setViewport(0, 0, p, P), C.setScissor(0, 0, p, P), C.render(g, ce);
+        w.setViewport(0, O, g, P), w.setScissor(0, O, g, P), w.render(m, W), w.setViewport(0, 0, g, P), w.setScissor(0, 0, g, P), w.render(m, oe);
       }
-    }, ie = () => {
+    }, F = () => {
       let O = 0, B = 0;
-      B = v - P, O = 0, C.setViewport(O, B, S, P), C.setScissor(O, B, S, P), C.render(g, H), O = S, C.setViewport(O, B, S, P), C.setScissor(O, B, S, P), C.render(g, ce), B = 0, O = 0, C.setViewport(O, B, S, P), C.setScissor(O, B, S, P), C.render(g, He), O = S, C.setViewport(O, B, S, P), C.setScissor(O, B, S, P), C.render(g, Ve);
-    }, se = () => {
-      switch (h.forEach((O) => {
+      B = v - P, O = 0, w.setViewport(O, B, M, P), w.setScissor(O, B, M, P), w.render(m, W), O = M, w.setViewport(O, B, M, P), w.setScissor(O, B, M, P), w.render(m, oe), B = 0, O = 0, w.setViewport(O, B, M, P), w.setScissor(O, B, M, P), w.render(m, Ge), O = M, w.setViewport(O, B, M, P), w.setScissor(O, B, M, P), w.render(m, We);
+    }, K = () => {
+      switch (d.forEach((O) => {
         O.update();
-      }), d.forEach((O) => {
+      }), h.forEach((O) => {
         O.update();
       }), f.forEach((O) => {
         O.update !== void 0 && O.update();
-      }), e.onSceneUpdate !== void 0 && un && e.onSceneUpdate(Le), C.clear(), D) {
+      }), e.onSceneUpdate !== void 0 && dn && e.onSceneUpdate(je), w.clear(), N) {
         case "Single":
-          w();
+          C();
           break;
         case "Side by Side":
         case "Stacked":
-          I();
+          E();
           break;
         case "Quad":
-          ie();
+          F();
           break;
       }
-      ae = requestAnimationFrame(se);
+      ge = requestAnimationFrame(K);
     };
-    return Ge(), window.addEventListener("resize", M), M(), se(), () => {
-      window.removeEventListener("resize", M), cancelAnimationFrame(ae), ae = -1;
+    return Ye(), window.addEventListener("resize", le), le(), K(), () => {
+      window.removeEventListener("resize", le), cancelAnimationFrame(ge), ge = -1;
     };
-  }, [D, C]), ke(() => {
-    if (C !== null) {
-      const p = new ba(), v = new me(), S = (w, I, ie, se) => {
-        switch (D) {
+  }, [N, w]), Ae(() => {
+    if (w !== null) {
+      const g = new ya(), v = new fe(), M = (C, E, F, K) => {
+        switch (N) {
           case "Quad":
-            w < ie ? I < se ? p.setFromCamera(v, H) : p.setFromCamera(v, He) : I < se ? p.setFromCamera(v, ce) : p.setFromCamera(v, Ve);
+            C < F ? E < K ? g.setFromCamera(v, W) : g.setFromCamera(v, Ge) : E < K ? g.setFromCamera(v, oe) : g.setFromCamera(v, We);
             break;
           case "Side by Side":
-            w < ie ? p.setFromCamera(v, H) : p.setFromCamera(v, ce);
+            C < F ? g.setFromCamera(v, W) : g.setFromCamera(v, oe);
             break;
           case "Single":
-            p.setFromCamera(v, H);
+            g.setFromCamera(v, W);
             break;
           case "Stacked":
-            I < se ? p.setFromCamera(v, H) : p.setFromCamera(v, ce);
+            E < K ? g.setFromCamera(v, W) : g.setFromCamera(v, oe);
             break;
         }
-      }, P = (w) => {
-        if (!wt)
+      }, P = (C) => {
+        if (!St)
           return;
-        const I = new me();
-        C.getSize(I);
-        const ie = Math.min(w.clientX, I.x), se = Math.min(w.clientY, I.y);
-        v.x = it(ie, 0, I.x, -1, 1), v.y = it(se, 0, I.y, 1, -1);
-        const O = I.x / 2, B = I.y / 2, G = () => {
-          ie < O ? v.x = it(ie, 0, O, -1, 1) : v.x = it(ie, O, I.x, -1, 1);
-        }, Ie = () => {
-          se < B ? v.y = it(se, 0, B, 1, -1) : v.y = it(se, B, I.y, 1, -1);
+        const E = new fe();
+        w.getSize(E);
+        const F = Math.min(C.clientX, E.x), K = Math.min(C.clientY, E.y);
+        v.x = rt(F, 0, E.x, -1, 1), v.y = rt(K, 0, E.y, 1, -1);
+        const O = E.x / 2, B = E.y / 2, G = () => {
+          F < O ? v.x = rt(F, 0, O, -1, 1) : v.x = rt(F, O, E.x, -1, 1);
+        }, Ne = () => {
+          K < B ? v.y = rt(K, 0, B, 1, -1) : v.y = rt(K, B, E.y, 1, -1);
         };
-        switch (D) {
+        switch (N) {
           case "Quad":
-            G(), Ie();
+            G(), Ne();
             break;
           case "Side by Side":
             G();
             break;
           case "Stacked":
-            Ie(), Ie();
+            Ne(), Ne();
             break;
         }
-        S(ie, se, O, B);
-        const Ze = p.intersectObjects(Le.children);
-        Ze.length > 0 && ee.position.copy(Ze[0].point);
-      }, ae = (w) => {
-        if (!wt)
+        M(F, K, O, B);
+        const Ke = g.intersectObjects(je.children);
+        Ke.length > 0 && te.position.copy(Ke[0].point);
+      }, ge = (C) => {
+        if (!St)
           return;
-        const I = new me();
-        if (C.getSize(I), w.clientX >= I.x)
+        const E = new fe();
+        if (w.getSize(E), C.clientX >= E.x)
           return;
-        P(w);
-        const ie = p.intersectObjects(Le.children);
-        ie.length > 0 && e.three.getObject(ie[0].object.uuid);
-      }, M = ge.current;
-      return M.addEventListener("mousemove", P, !1), M.addEventListener("click", ae, !1), () => {
-        M.removeEventListener("mousemove", P), M.removeEventListener("click", ae);
+        P(C);
+        const F = g.intersectObjects(je.children);
+        F.length > 0 && e.three.getObject(F[0].object.uuid);
+      }, le = pe.current;
+      return le.addEventListener("mousemove", P, !1), le.addEventListener("click", ge, !1), () => {
+        le.removeEventListener("mousemove", P), le.removeEventListener("click", ge);
       };
     }
-  }, [D, C]);
-  const de = [];
-  return c.forEach((p, v) => {
-    de.push(v);
+  }, [N, w]);
+  const ue = [];
+  return o.forEach((g, v) => {
+    ue.push(v);
   }), /* @__PURE__ */ l.jsxs("div", { className: "multiview", children: [
     /* @__PURE__ */ l.jsx("canvas", { ref: z }),
-    C !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${D === "Single" || D === "Stacked" ? "single" : ""}`, ref: ge, children: [
-        D === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(qe, { camera: H, options: de, ref: ue, onSelect: (p) => {
-          h.get(H.name)?.dispose();
-          const v = c.get(p);
-          v !== void 0 && (Me(H), H = v, localStorage.setItem(`${n}_tlCam`, v.name), ne(v, ue.current));
+    w !== null && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsxs("div", { className: `cameras ${N === "Single" || N === "Stacked" ? "single" : ""}`, ref: pe, children: [
+        N === "Single" && /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(qe, { camera: W, options: ue, ref: ce, onSelect: (g) => {
+          d.get(W.name)?.dispose();
+          const v = o.get(g);
+          v !== void 0 && (Me(W), W = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, ce.current));
         } }) }),
-        (D === "Side by Side" || D === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(qe, { camera: H, options: de, ref: ue, onSelect: (p) => {
-            h.get(H.name)?.dispose();
-            const v = c.get(p);
-            v !== void 0 && (Me(H), H = v, localStorage.setItem(`${n}_tlCam`, v.name), ne(v, ue.current));
+        (N === "Side by Side" || N === "Stacked") && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(qe, { camera: W, options: ue, ref: ce, onSelect: (g) => {
+            d.get(W.name)?.dispose();
+            const v = o.get(g);
+            v !== void 0 && (Me(W), W = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, ce.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: ce, options: de, ref: Te, onSelect: (p) => {
-            h.get(ce.name)?.dispose();
-            const v = c.get(p);
-            v !== void 0 && (Me(ce), ce = v, localStorage.setItem(`${n}_trCam`, v.name), ne(v, Te.current));
+          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: Te, onSelect: (g) => {
+            d.get(oe.name)?.dispose();
+            const v = o.get(g);
+            v !== void 0 && (Me(oe), oe = v, localStorage.setItem(`${n}_trCam`, v.name), ae(v, Te.current));
           } })
         ] }),
-        D === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(qe, { camera: H, options: de, ref: ue, onSelect: (p) => {
-            h.get(H.name)?.dispose();
-            const v = c.get(p);
-            v !== void 0 && (Me(H), H = v, localStorage.setItem(`${n}_tlCam`, v.name), ne(v, ue.current));
+        N === "Quad" && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+          /* @__PURE__ */ l.jsx(qe, { camera: W, options: ue, ref: ce, onSelect: (g) => {
+            d.get(W.name)?.dispose();
+            const v = o.get(g);
+            v !== void 0 && (Me(W), W = v, localStorage.setItem(`${n}_tlCam`, v.name), ae(v, ce.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: ce, options: de, ref: Te, onSelect: (p) => {
-            h.get(ce.name)?.dispose();
-            const v = c.get(p);
-            v !== void 0 && (Me(ce), ce = v, localStorage.setItem(`${n}_trCam`, v.name), ne(v, Te.current));
+          /* @__PURE__ */ l.jsx(qe, { camera: oe, options: ue, ref: Te, onSelect: (g) => {
+            d.get(oe.name)?.dispose();
+            const v = o.get(g);
+            v !== void 0 && (Me(oe), oe = v, localStorage.setItem(`${n}_trCam`, v.name), ae(v, Te.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: He, options: de, ref: _e, onSelect: (p) => {
-            h.get(He.name)?.dispose();
-            const v = c.get(p);
-            v !== void 0 && (Me(He), He = v, localStorage.setItem(`${n}_blCam`, v.name), ne(v, _e.current));
+          /* @__PURE__ */ l.jsx(qe, { camera: Ge, options: ue, ref: _e, onSelect: (g) => {
+            d.get(Ge.name)?.dispose();
+            const v = o.get(g);
+            v !== void 0 && (Me(Ge), Ge = v, localStorage.setItem(`${n}_blCam`, v.name), ae(v, _e.current));
           } }),
-          /* @__PURE__ */ l.jsx(qe, { camera: Ve, options: de, ref: ve, onSelect: (p) => {
-            h.get(Ve.name)?.dispose();
-            const v = c.get(p);
-            v !== void 0 && (Me(Ve), Ve = v, localStorage.setItem(`${n}_brCam`, v.name), ne(v, ve.current));
+          /* @__PURE__ */ l.jsx(qe, { camera: We, options: ue, ref: ve, onSelect: (g) => {
+            d.get(We.name)?.dispose();
+            const v = o.get(g);
+            v !== void 0 && (Me(We), We = v, localStorage.setItem(`${n}_brCam`, v.name), ae(v, ve.current));
           } })
         ] })
       ] }),
       /* @__PURE__ */ l.jsxs("div", { className: "settings", children: [
         /* @__PURE__ */ l.jsx(
-          Mt,
+          wt,
           {
-            index: Se.indexOf(D),
+            index: Se.indexOf(N),
             options: Se,
-            onSelect: (p) => {
-              p !== D && (Ye(), be(p));
+            onSelect: (g) => {
+              g !== N && (He(), be(g));
             },
             open: Re,
-            onToggle: (p) => {
-              je(p), Ae && Pe(!1), De && Fe(!1);
+            onToggle: (g) => {
+              De(g), Pe && ke(!1), Ie && Be(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
-          Mt,
+          wt,
           {
-            index: te.indexOf(St),
-            options: te,
-            onSelect: (p) => {
-              if (p !== St)
-                switch (St = p, St) {
+            index: ne.indexOf(Ct),
+            options: ne,
+            onSelect: (g) => {
+              if (g !== Ct)
+                switch (Ct = g, Ct) {
                   case "Depth":
-                    g.overrideMaterial = pe;
+                    m.overrideMaterial = me;
                     break;
                   case "Normals":
-                    g.overrideMaterial = re;
+                    m.overrideMaterial = re;
                     break;
                   default:
                   case "Renderer":
-                    g.overrideMaterial = null;
+                    m.overrideMaterial = null;
                     break;
                   case "Wireframe":
-                    g.overrideMaterial = j;
+                    m.overrideMaterial = I;
                     break;
                   case "UVs":
-                    g.overrideMaterial = $;
+                    m.overrideMaterial = $;
                     break;
                 }
             },
-            open: Ae,
-            onToggle: (p) => {
-              Re && je(!1), Pe(p), De && Fe(!1);
+            open: Pe,
+            onToggle: (g) => {
+              Re && De(!1), ke(g), Ie && Be(!1);
             }
           }
         ),
         /* @__PURE__ */ l.jsx(
-          Mt,
+          wt,
           {
             index: 0,
             options: [
               "Orbit Mode",
               "Selection Mode"
             ],
-            onSelect: (p) => {
-              wt = p === "Selection Mode", ee.visible = wt;
+            onSelect: (g) => {
+              St = g === "Selection Mode", te.visible = St;
             },
-            open: De,
-            onToggle: (p) => {
-              Re && je(!1), Ae && Pe(!1), Fe(p);
+            open: Ie,
+            onToggle: (g) => {
+              Re && De(!1), Pe && ke(!1), Be(g);
             }
           }
         )
@@ -4238,7 +4267,7 @@ function Hi(e) {
     ] })
   ] });
 }
-function Vi(e) {
+function zi(e) {
   return /* @__PURE__ */ l.jsxs("div", { className: "editor", ref: e.ref, style: e.style, children: [
     /* @__PURE__ */ l.jsx("div", { className: "header", children: e.header }),
     e.children,
@@ -4247,43 +4276,43 @@ function Vi(e) {
 }
 export {
   $t as Accordion,
-  Ii as Application,
-  Tt as BaseRemote,
-  Bn as ChildObject,
-  Va as ContainerObject,
-  $a as Draggable,
-  Ua as DraggableItem,
-  za as Dropdown,
+  Ai as Application,
+  Ot as BaseRemote,
+  Fn as ChildObject,
+  Ya as ContainerObject,
+  Ga as Draggable,
+  za as DraggableItem,
+  Wa as Dropdown,
   Ha as DropdownItem,
-  Vi as Editor,
-  yi as Inspector,
-  Hi as MultiView,
-  Fn as NavButton,
-  Ni as RemoteComponents,
-  Ui as RemoteController,
+  zi as Editor,
+  vi as Inspector,
+  $i as MultiView,
+  Bn as NavButton,
+  Di as RemoteComponents,
+  Bi as RemoteController,
   Ut as RemoteTheatre,
-  Fi as RemoteThree,
-  Bi as RemoteTweakpane,
-  zi as SceneInspector,
-  $i as SidePanel,
-  L as ToolEvents,
-  Ot as capitalize,
-  Ke as clamp,
-  Ra as colorToHex,
-  N as debugDispatcher,
-  ki as defaultTheatreCallback,
-  In as dispose,
-  Pa as disposeMaterial,
-  Di as disposeTexture,
-  ji as distance,
-  Dn as hierarchyUUID,
-  _a as isColor,
+  Ni as RemoteThree,
+  Li as RemoteTweakpane,
+  Ui as SceneInspector,
+  Fi as SidePanel,
+  A as ToolEvents,
+  Mt as capitalize,
+  Ze as clamp,
+  Pa as colorToHex,
+  j as debugDispatcher,
+  Pi as defaultTheatreCallback,
+  Ft as dispose,
+  ja as disposeMaterial,
+  ji as disposeTexture,
+  ki as distance,
+  In as hierarchyUUID,
+  Ra as isColor,
   Qt as mix,
   Bt as noop,
-  Jt as normalize,
-  Ta as randomID,
-  Aa as resetThreeObjects,
-  mt as round,
-  Li as theatreEditorApp,
-  Nt as totalThreeObjects
+  Kt as normalize,
+  _a as randomID,
+  ka as resetThreeObjects,
+  en as round,
+  Ii as theatreEditorApp,
+  Dt as totalThreeObjects
 };