vim-web 0.3.44-dev.0 → 0.3.44-dev.10

package/dist/vim-web.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import * as React from "react";
-import React__default, { useState, useRef, useEffect, useMemo, useCallback, useImperativeHandle, useContext, Component } from "react";
+import React__default, { useState, useRef, useEffect, useMemo, useCallback, useImperativeHandle, useContext, Component, useLayoutEffect } from "react";
 import ReactDOM, { flushSync as flushSync$1 } from "react-dom";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -13850,7 +13850,7 @@ const MathUtils = {
   normalize: normalize$1,
   denormalize
 };
-let Vector2$1 = class Vector2 {
+class Vector2 {
   constructor(x = 0, y = 0) {
     Vector2.prototype.isVector2 = true;
     this.x = x;
@@ -14112,7 +14112,7 @@ let Vector2$1 = class Vector2 {
     yield this.x;
     yield this.y;
   }
-};
+}
 class Matrix3 {
   constructor(n11, n12, n13, n21, n22, n23, n31, n32, n33) {
     Matrix3.prototype.isMatrix3 = true;
@@ -14748,9 +14748,9 @@ class Texture extends EventDispatcher {
     this.format = format;
     this.internalFormat = null;
     this.type = type;
-    this.offset = new Vector2$1(0, 0);
-    this.repeat = new Vector2$1(1, 1);
-    this.center = new Vector2$1(0, 0);
+    this.offset = new Vector2(0, 0);
+    this.repeat = new Vector2(1, 1);
+    this.center = new Vector2(0, 0);
     this.rotation = 0;
     this.matrixAutoUpdate = true;
     this.matrix = new Matrix3();
@@ -15835,7 +15835,7 @@ class Quaternion {
     yield this._w;
   }
 }
-let Vector3$1 = class Vector3 {
+class Vector3 {
   constructor(x = 0, y = 0, z = 0) {
     Vector3.prototype.isVector3 = true;
     this.x = x;
@@ -16247,11 +16247,11 @@ let Vector3$1 = class Vector3 {
     yield this.y;
     yield this.z;
   }
-};
-const _vector$c = /* @__PURE__ */ new Vector3$1();
+}
+const _vector$c = /* @__PURE__ */ new Vector3();
 const _quaternion$4 = /* @__PURE__ */ new Quaternion();
-let Box3$1 = class Box3 {
-  constructor(min2 = new Vector3$1(Infinity, Infinity, Infinity), max2 = new Vector3$1(-Infinity, -Infinity, -Infinity)) {
+class Box3 {
+  constructor(min2 = new Vector3(Infinity, Infinity, Infinity), max2 = new Vector3(-Infinity, -Infinity, -Infinity)) {
     this.isBox3 = true;
     this.min = min2;
     this.max = max2;
@@ -16510,29 +16510,29 @@ let Box3$1 = class Box3 {
   equals(box) {
     return box.min.equals(this.min) && box.max.equals(this.max);
   }
-};
+}
 const _points = [
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1(),
-  /* @__PURE__ */ new Vector3$1()
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3(),
+  /* @__PURE__ */ new Vector3()
 ];
-const _vector$b = /* @__PURE__ */ new Vector3$1();
-const _box$4 = /* @__PURE__ */ new Box3$1();
-const _v0$2 = /* @__PURE__ */ new Vector3$1();
-const _v1$7 = /* @__PURE__ */ new Vector3$1();
-const _v2$4 = /* @__PURE__ */ new Vector3$1();
-const _f0 = /* @__PURE__ */ new Vector3$1();
-const _f1 = /* @__PURE__ */ new Vector3$1();
-const _f2 = /* @__PURE__ */ new Vector3$1();
-const _center = /* @__PURE__ */ new Vector3$1();
-const _extents = /* @__PURE__ */ new Vector3$1();
-const _triangleNormal = /* @__PURE__ */ new Vector3$1();
-const _testAxis = /* @__PURE__ */ new Vector3$1();
+const _vector$b = /* @__PURE__ */ new Vector3();
+const _box$4 = /* @__PURE__ */ new Box3();
+const _v0$2 = /* @__PURE__ */ new Vector3();
+const _v1$7 = /* @__PURE__ */ new Vector3();
+const _v2$4 = /* @__PURE__ */ new Vector3();
+const _f0 = /* @__PURE__ */ new Vector3();
+const _f1 = /* @__PURE__ */ new Vector3();
+const _f2 = /* @__PURE__ */ new Vector3();
+const _center = /* @__PURE__ */ new Vector3();
+const _extents = /* @__PURE__ */ new Vector3();
+const _triangleNormal = /* @__PURE__ */ new Vector3();
+const _testAxis = /* @__PURE__ */ new Vector3();
 function satForAxes(axes, v0, v1, v2, extents) {
   for (let i = 0, j = axes.length - 3; i <= j; i += 3) {
     _testAxis.fromArray(axes, i);
@@ -16546,11 +16546,11 @@ function satForAxes(axes, v0, v1, v2, extents) {
   }
   return true;
 }
-const _box$3 = /* @__PURE__ */ new Box3$1();
-const _v1$6 = /* @__PURE__ */ new Vector3$1();
-const _v2$3 = /* @__PURE__ */ new Vector3$1();
+const _box$3 = /* @__PURE__ */ new Box3();
+const _v1$6 = /* @__PURE__ */ new Vector3();
+const _v2$3 = /* @__PURE__ */ new Vector3();
 class Sphere {
-  constructor(center = new Vector3$1(), radius = -1) {
+  constructor(center = new Vector3(), radius = -1) {
     this.isSphere = true;
     this.center = center;
     this.radius = radius;
@@ -16670,15 +16670,15 @@ class Sphere {
     return new this.constructor().copy(this);
   }
 }
-const _vector$a = /* @__PURE__ */ new Vector3$1();
-const _segCenter = /* @__PURE__ */ new Vector3$1();
-const _segDir = /* @__PURE__ */ new Vector3$1();
-const _diff = /* @__PURE__ */ new Vector3$1();
-const _edge1 = /* @__PURE__ */ new Vector3$1();
-const _edge2 = /* @__PURE__ */ new Vector3$1();
-const _normal$1 = /* @__PURE__ */ new Vector3$1();
+const _vector$a = /* @__PURE__ */ new Vector3();
+const _segCenter = /* @__PURE__ */ new Vector3();
+const _segDir = /* @__PURE__ */ new Vector3();
+const _diff = /* @__PURE__ */ new Vector3();
+const _edge1 = /* @__PURE__ */ new Vector3();
+const _edge2 = /* @__PURE__ */ new Vector3();
+const _normal$1 = /* @__PURE__ */ new Vector3();
 class Ray {
-  constructor(origin = new Vector3$1(), direction = new Vector3$1(0, 0, -1)) {
+  constructor(origin = new Vector3(), direction = new Vector3(0, 0, -1)) {
     this.origin = origin;
     this.direction = direction;
   }
@@ -17676,13 +17676,13 @@ class Matrix4 {
     return array;
   }
 }
-const _v1$5 = /* @__PURE__ */ new Vector3$1();
+const _v1$5 = /* @__PURE__ */ new Vector3();
 const _m1$2 = /* @__PURE__ */ new Matrix4();
-const _zero = /* @__PURE__ */ new Vector3$1(0, 0, 0);
-const _one = /* @__PURE__ */ new Vector3$1(1, 1, 1);
-const _x = /* @__PURE__ */ new Vector3$1();
-const _y = /* @__PURE__ */ new Vector3$1();
-const _z = /* @__PURE__ */ new Vector3$1();
+const _zero = /* @__PURE__ */ new Vector3(0, 0, 0);
+const _one = /* @__PURE__ */ new Vector3(1, 1, 1);
+const _x = /* @__PURE__ */ new Vector3();
+const _y = /* @__PURE__ */ new Vector3();
+const _z = /* @__PURE__ */ new Vector3();
 const _matrix$2 = /* @__PURE__ */ new Matrix4();
 const _quaternion$3 = /* @__PURE__ */ new Quaternion();
 class Euler {
@@ -17886,16 +17886,16 @@ class Layers {
   }
 }
 let _object3DId = 0;
-const _v1$4 = /* @__PURE__ */ new Vector3$1();
+const _v1$4 = /* @__PURE__ */ new Vector3();
 const _q1 = /* @__PURE__ */ new Quaternion();
 const _m1$1$1 = /* @__PURE__ */ new Matrix4();
-const _target = /* @__PURE__ */ new Vector3$1();
-const _position$3 = /* @__PURE__ */ new Vector3$1();
-const _scale$2 = /* @__PURE__ */ new Vector3$1();
+const _target = /* @__PURE__ */ new Vector3();
+const _position$3 = /* @__PURE__ */ new Vector3();
+const _scale$2 = /* @__PURE__ */ new Vector3();
 const _quaternion$2 = /* @__PURE__ */ new Quaternion();
-const _xAxis = /* @__PURE__ */ new Vector3$1(1, 0, 0);
-const _yAxis = /* @__PURE__ */ new Vector3$1(0, 1, 0);
-const _zAxis = /* @__PURE__ */ new Vector3$1(0, 0, 1);
+const _xAxis = /* @__PURE__ */ new Vector3(1, 0, 0);
+const _yAxis = /* @__PURE__ */ new Vector3(0, 1, 0);
+const _zAxis = /* @__PURE__ */ new Vector3(0, 0, 1);
 const _addedEvent = { type: "added" };
 const _removedEvent = { type: "removed" };
 const _childaddedEvent = { type: "childadded", child: null };
@@ -17911,10 +17911,10 @@ let Object3D$1 = class Object3D extends EventDispatcher {
     this.parent = null;
     this.children = [];
     this.up = Object3D.DEFAULT_UP.clone();
-    const position = new Vector3$1();
+    const position = new Vector3();
     const rotation = new Euler();
     const quaternion = new Quaternion();
-    const scale = new Vector3$1(1, 1, 1);
+    const scale = new Vector3(1, 1, 1);
     function onRotationChange() {
       quaternion.setFromEuler(rotation, false);
     }
@@ -18440,24 +18440,24 @@ let Object3D$1 = class Object3D extends EventDispatcher {
     return this;
   }
 };
-Object3D$1.DEFAULT_UP = /* @__PURE__ */ new Vector3$1(0, 1, 0);
+Object3D$1.DEFAULT_UP = /* @__PURE__ */ new Vector3(0, 1, 0);
 Object3D$1.DEFAULT_MATRIX_AUTO_UPDATE = true;
 Object3D$1.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = true;
-const _v0$1 = /* @__PURE__ */ new Vector3$1();
-const _v1$3 = /* @__PURE__ */ new Vector3$1();
-const _v2$2 = /* @__PURE__ */ new Vector3$1();
-const _v3$2 = /* @__PURE__ */ new Vector3$1();
-const _vab = /* @__PURE__ */ new Vector3$1();
-const _vac = /* @__PURE__ */ new Vector3$1();
-const _vbc = /* @__PURE__ */ new Vector3$1();
-const _vap = /* @__PURE__ */ new Vector3$1();
-const _vbp = /* @__PURE__ */ new Vector3$1();
-const _vcp = /* @__PURE__ */ new Vector3$1();
+const _v0$1 = /* @__PURE__ */ new Vector3();
+const _v1$3 = /* @__PURE__ */ new Vector3();
+const _v2$2 = /* @__PURE__ */ new Vector3();
+const _v3$2 = /* @__PURE__ */ new Vector3();
+const _vab = /* @__PURE__ */ new Vector3();
+const _vac = /* @__PURE__ */ new Vector3();
+const _vbc = /* @__PURE__ */ new Vector3();
+const _vap = /* @__PURE__ */ new Vector3();
+const _vbp = /* @__PURE__ */ new Vector3();
+const _vcp = /* @__PURE__ */ new Vector3();
 const _v40 = /* @__PURE__ */ new Vector4();
 const _v41 = /* @__PURE__ */ new Vector4();
 const _v42 = /* @__PURE__ */ new Vector4();
 class Triangle {
-  constructor(a = new Vector3$1(), b = new Vector3$1(), c = new Vector3$1()) {
+  constructor(a = new Vector3(), b = new Vector3(), c = new Vector3()) {
     this.a = a;
     this.b = b;
     this.c = c;
@@ -19597,8 +19597,8 @@ const DataUtils = {
   toHalfFloat,
   fromHalfFloat
 };
-const _vector$9 = /* @__PURE__ */ new Vector3$1();
-const _vector2$1 = /* @__PURE__ */ new Vector2$1();
+const _vector$9 = /* @__PURE__ */ new Vector3();
+const _vector2$1 = /* @__PURE__ */ new Vector2();
 class BufferAttribute {
   constructor(array, itemSize, normalized = false) {
     if (Array.isArray(array)) {
@@ -19926,10 +19926,10 @@ class Float32BufferAttribute extends BufferAttribute {
 let _id$1 = 0;
 const _m1$3 = /* @__PURE__ */ new Matrix4();
 const _obj = /* @__PURE__ */ new Object3D$1();
-const _offset = /* @__PURE__ */ new Vector3$1();
-const _box$2 = /* @__PURE__ */ new Box3$1();
-const _boxMorphTargets = /* @__PURE__ */ new Box3$1();
-const _vector$8 = /* @__PURE__ */ new Vector3$1();
+const _offset = /* @__PURE__ */ new Vector3();
+const _box$2 = /* @__PURE__ */ new Box3();
+const _boxMorphTargets = /* @__PURE__ */ new Box3();
+const _vector$8 = /* @__PURE__ */ new Vector3();
 class BufferGeometry extends EventDispatcher {
   constructor() {
     super();
@@ -20086,15 +20086,15 @@ class BufferGeometry extends EventDispatcher {
   }
   computeBoundingBox() {
     if (this.boundingBox === null) {
-      this.boundingBox = new Box3$1();
+      this.boundingBox = new Box3();
     }
     const position = this.attributes.position;
     const morphAttributesPosition = this.morphAttributes.position;
     if (position && position.isGLBufferAttribute) {
       console.error("THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box.", this);
       this.boundingBox.set(
-        new Vector3$1(-Infinity, -Infinity, -Infinity),
-        new Vector3$1(Infinity, Infinity, Infinity)
+        new Vector3(-Infinity, -Infinity, -Infinity),
+        new Vector3(Infinity, Infinity, Infinity)
       );
       return;
     }
@@ -20130,7 +20130,7 @@ class BufferGeometry extends EventDispatcher {
     const morphAttributesPosition = this.morphAttributes.position;
     if (position && position.isGLBufferAttribute) {
       console.error("THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere.", this);
-      this.boundingSphere.set(new Vector3$1(), Infinity);
+      this.boundingSphere.set(new Vector3(), Infinity);
       return;
     }
     if (position) {
@@ -20193,10 +20193,10 @@ class BufferGeometry extends EventDispatcher {
     const tangentAttribute = this.getAttribute("tangent");
     const tan1 = [], tan2 = [];
     for (let i = 0; i < positionAttribute.count; i++) {
-      tan1[i] = new Vector3$1();
-      tan2[i] = new Vector3$1();
+      tan1[i] = new Vector3();
+      tan2[i] = new Vector3();
     }
-    const vA = new Vector3$1(), vB = new Vector3$1(), vC = new Vector3$1(), uvA = new Vector2$1(), uvB = new Vector2$1(), uvC = new Vector2$1(), sdir = new Vector3$1(), tdir = new Vector3$1();
+    const vA = new Vector3(), vB = new Vector3(), vC = new Vector3(), uvA = new Vector2(), uvB = new Vector2(), uvC = new Vector2(), sdir = new Vector3(), tdir = new Vector3();
     function handleTriangle(a, b, c) {
       vA.fromBufferAttribute(positionAttribute, a);
       vB.fromBufferAttribute(positionAttribute, b);
@@ -20238,8 +20238,8 @@ class BufferGeometry extends EventDispatcher {
         );
       }
     }
-    const tmp2 = new Vector3$1(), tmp22 = new Vector3$1();
-    const n = new Vector3$1(), n2 = new Vector3$1();
+    const tmp2 = new Vector3(), tmp22 = new Vector3();
+    const n = new Vector3(), n2 = new Vector3();
     function handleVertex(v) {
       n.fromBufferAttribute(normalAttribute, v);
       n2.copy(n);
@@ -20275,9 +20275,9 @@ class BufferGeometry extends EventDispatcher {
           normalAttribute.setXYZ(i, 0, 0, 0);
         }
       }
-      const pA = new Vector3$1(), pB = new Vector3$1(), pC = new Vector3$1();
-      const nA = new Vector3$1(), nB = new Vector3$1(), nC = new Vector3$1();
-      const cb = new Vector3$1(), ab = new Vector3$1();
+      const pA = new Vector3(), pB = new Vector3(), pC = new Vector3();
+      const nA = new Vector3(), nB = new Vector3(), nC = new Vector3();
+      const cb = new Vector3(), ab = new Vector3();
       if (index2) {
         for (let i = 0, il = index2.count; i < il; i += 3) {
           const vA = index2.getX(i + 0);
@@ -20493,14 +20493,14 @@ class BufferGeometry extends EventDispatcher {
 const _inverseMatrix$3 = /* @__PURE__ */ new Matrix4();
 const _ray$3 = /* @__PURE__ */ new Ray();
 const _sphere$6 = /* @__PURE__ */ new Sphere();
-const _sphereHitAt = /* @__PURE__ */ new Vector3$1();
-const _vA$1 = /* @__PURE__ */ new Vector3$1();
-const _vB$1 = /* @__PURE__ */ new Vector3$1();
-const _vC$1 = /* @__PURE__ */ new Vector3$1();
-const _tempA = /* @__PURE__ */ new Vector3$1();
-const _morphA = /* @__PURE__ */ new Vector3$1();
-const _intersectionPoint = /* @__PURE__ */ new Vector3$1();
-const _intersectionPointWorld = /* @__PURE__ */ new Vector3$1();
+const _sphereHitAt = /* @__PURE__ */ new Vector3();
+const _vA$1 = /* @__PURE__ */ new Vector3();
+const _vB$1 = /* @__PURE__ */ new Vector3();
+const _vC$1 = /* @__PURE__ */ new Vector3();
+const _tempA = /* @__PURE__ */ new Vector3();
+const _morphA = /* @__PURE__ */ new Vector3();
+const _intersectionPoint = /* @__PURE__ */ new Vector3();
+const _intersectionPointWorld = /* @__PURE__ */ new Vector3();
 class Mesh extends Object3D$1 {
   constructor(geometry = new BufferGeometry(), material = new MeshBasicMaterial()) {
     super();
@@ -20687,16 +20687,16 @@ function checkGeometryIntersection(object, material, raycaster, ray, uv, uv1, no
   object.getVertexPosition(c, _vC$1);
   const intersection = checkIntersection$1(object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint);
   if (intersection) {
-    const barycoord = new Vector3$1();
+    const barycoord = new Vector3();
     Triangle.getBarycoord(_intersectionPoint, _vA$1, _vB$1, _vC$1, barycoord);
     if (uv) {
-      intersection.uv = Triangle.getInterpolatedAttribute(uv, a, b, c, barycoord, new Vector2$1());
+      intersection.uv = Triangle.getInterpolatedAttribute(uv, a, b, c, barycoord, new Vector2());
     }
     if (uv1) {
-      intersection.uv1 = Triangle.getInterpolatedAttribute(uv1, a, b, c, barycoord, new Vector2$1());
+      intersection.uv1 = Triangle.getInterpolatedAttribute(uv1, a, b, c, barycoord, new Vector2());
     }
     if (normal) {
-      intersection.normal = Triangle.getInterpolatedAttribute(normal, a, b, c, barycoord, new Vector3$1());
+      intersection.normal = Triangle.getInterpolatedAttribute(normal, a, b, c, barycoord, new Vector3());
       if (intersection.normal.dot(ray.direction) > 0) {
         intersection.normal.multiplyScalar(-1);
       }
@@ -20705,7 +20705,7 @@ function checkGeometryIntersection(object, material, raycaster, ray, uv, uv1, no
       a,
       b,
       c,
-      normal: new Vector3$1(),
+      normal: new Vector3(),
       materialIndex: 0
     };
     Triangle.getNormal(_vA$1, _vB$1, _vC$1, face.normal);
@@ -20756,7 +20756,7 @@ class BoxGeometry extends BufferGeometry {
       const gridY1 = gridY + 1;
       let vertexCounter = 0;
       let groupCount = 0;
-      const vector = new Vector3$1();
+      const vector = new Vector3();
       for (let iy = 0; iy < gridY1; iy++) {
         const y = iy * segmentHeight - heightHalf;
         for (let ix = 0; ix < gridX1; ix++) {
@@ -20996,9 +20996,9 @@ let Camera$2 = class Camera extends Object3D$1 {
     return new this.constructor().copy(this);
   }
 };
-const _v3$1 = /* @__PURE__ */ new Vector3$1();
-const _minTarget = /* @__PURE__ */ new Vector2$1();
-const _maxTarget = /* @__PURE__ */ new Vector2$1();
+const _v3$1 = /* @__PURE__ */ new Vector3();
+const _minTarget = /* @__PURE__ */ new Vector2();
+const _maxTarget = /* @__PURE__ */ new Vector2();
 class PerspectiveCamera extends Camera$2 {
   constructor(fov2 = 50, aspect2 = 1, near = 0.1, far = 2e3) {
     super();
@@ -21547,7 +21547,7 @@ class InterleavedBuffer {
     };
   }
 }
-const _vector$7 = /* @__PURE__ */ new Vector3$1();
+const _vector$7 = /* @__PURE__ */ new Vector3();
 class InterleavedBufferAttribute {
   constructor(interleavedBuffer, itemSize, offset, normalized = false) {
     this.isInterleavedBufferAttribute = true;
@@ -21756,18 +21756,18 @@ class SpriteMaterial extends Material {
   }
 }
 let _geometry$1;
-const _intersectPoint = /* @__PURE__ */ new Vector3$1();
-const _worldScale = /* @__PURE__ */ new Vector3$1();
-const _mvPosition = /* @__PURE__ */ new Vector3$1();
-const _alignedPosition = /* @__PURE__ */ new Vector2$1();
-const _rotatedPosition = /* @__PURE__ */ new Vector2$1();
+const _intersectPoint = /* @__PURE__ */ new Vector3();
+const _worldScale = /* @__PURE__ */ new Vector3();
+const _mvPosition = /* @__PURE__ */ new Vector3();
+const _alignedPosition = /* @__PURE__ */ new Vector2();
+const _rotatedPosition = /* @__PURE__ */ new Vector2();
 const _viewWorldMatrix = /* @__PURE__ */ new Matrix4();
-const _vA = /* @__PURE__ */ new Vector3$1();
-const _vB = /* @__PURE__ */ new Vector3$1();
-const _vC = /* @__PURE__ */ new Vector3$1();
-const _uvA = /* @__PURE__ */ new Vector2$1();
-const _uvB = /* @__PURE__ */ new Vector2$1();
-const _uvC = /* @__PURE__ */ new Vector2$1();
+const _vA = /* @__PURE__ */ new Vector3();
+const _vB = /* @__PURE__ */ new Vector3();
+const _vC = /* @__PURE__ */ new Vector3();
+const _uvA = /* @__PURE__ */ new Vector2();
+const _uvB = /* @__PURE__ */ new Vector2();
+const _uvC = /* @__PURE__ */ new Vector2();
 class Sprite extends Object3D$1 {
   constructor(material = new SpriteMaterial()) {
     super();
@@ -21804,7 +21804,7 @@ class Sprite extends Object3D$1 {
     }
     this.geometry = _geometry$1;
     this.material = material;
-    this.center = new Vector2$1(0.5, 0.5);
+    this.center = new Vector2(0.5, 0.5);
   }
   raycast(raycaster, intersects2) {
     if (raycaster.camera === null) {
@@ -21844,7 +21844,7 @@ class Sprite extends Object3D$1 {
     intersects2.push({
       distance,
       point: _intersectPoint.clone(),
-      uv: Triangle.getInterpolation(_intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2$1()),
+      uv: Triangle.getInterpolation(_intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2()),
       face: null,
       object: this
     });
@@ -21869,8 +21869,8 @@ function transformVertex(vertexPosition, mvPosition, center, scale, sin, cos) {
   vertexPosition.y += _rotatedPosition.y;
   vertexPosition.applyMatrix4(_viewWorldMatrix);
 }
-const _v1$2 = /* @__PURE__ */ new Vector3$1();
-const _v2$1 = /* @__PURE__ */ new Vector3$1();
+const _v1$2 = /* @__PURE__ */ new Vector3();
+const _v2$1 = /* @__PURE__ */ new Vector3();
 class LOD extends Object3D$1 {
   constructor() {
     super();
@@ -21991,12 +21991,12 @@ class LOD extends Object3D$1 {
     return data2;
   }
 }
-const _basePosition = /* @__PURE__ */ new Vector3$1();
+const _basePosition = /* @__PURE__ */ new Vector3();
 const _skinIndex = /* @__PURE__ */ new Vector4();
 const _skinWeight = /* @__PURE__ */ new Vector4();
-const _vector3 = /* @__PURE__ */ new Vector3$1();
+const _vector3 = /* @__PURE__ */ new Vector3();
 const _matrix4 = /* @__PURE__ */ new Matrix4();
-const _vertex = /* @__PURE__ */ new Vector3$1();
+const _vertex = /* @__PURE__ */ new Vector3();
 const _sphere$5 = /* @__PURE__ */ new Sphere();
 const _inverseMatrix$2 = /* @__PURE__ */ new Matrix4();
 const _ray$2 = /* @__PURE__ */ new Ray();
@@ -22014,7 +22014,7 @@ class SkinnedMesh extends Mesh {
   computeBoundingBox() {
     const geometry = this.geometry;
     if (this.boundingBox === null) {
-      this.boundingBox = new Box3$1();
+      this.boundingBox = new Box3();
     }
     this.boundingBox.makeEmpty();
     const positionAttribute = geometry.getAttribute("position");
@@ -22296,7 +22296,7 @@ class InstancedBufferAttribute extends BufferAttribute {
 const _instanceLocalMatrix = /* @__PURE__ */ new Matrix4();
 const _instanceWorldMatrix = /* @__PURE__ */ new Matrix4();
 const _instanceIntersects = [];
-const _box3 = /* @__PURE__ */ new Box3$1();
+const _box3 = /* @__PURE__ */ new Box3();
 const _identity = /* @__PURE__ */ new Matrix4();
 const _mesh$1 = /* @__PURE__ */ new Mesh();
 const _sphere$4 = /* @__PURE__ */ new Sphere();
@@ -22318,7 +22318,7 @@ let InstancedMesh$1 = class InstancedMesh extends Mesh {
     const geometry = this.geometry;
     const count = this.count;
     if (this.boundingBox === null) {
-      this.boundingBox = new Box3$1();
+      this.boundingBox = new Box3();
     }
     if (geometry.boundingBox === null) {
       geometry.computeBoundingBox();
@@ -22431,11 +22431,11 @@ let InstancedMesh$1 = class InstancedMesh extends Mesh {
     return this;
   }
 };
-const _vector1 = /* @__PURE__ */ new Vector3$1();
-const _vector2 = /* @__PURE__ */ new Vector3$1();
+const _vector1 = /* @__PURE__ */ new Vector3();
+const _vector2 = /* @__PURE__ */ new Vector3();
 const _normalMatrix = /* @__PURE__ */ new Matrix3();
 class Plane {
-  constructor(normal = new Vector3$1(1, 0, 0), constant = 0) {
+  constructor(normal = new Vector3(1, 0, 0), constant = 0) {
     this.isPlane = true;
     this.normal = normal;
     this.constant = constant;
@@ -22533,7 +22533,7 @@ class Plane {
   }
 }
 const _sphere$3 = /* @__PURE__ */ new Sphere();
-const _vector$6 = /* @__PURE__ */ new Vector3$1();
+const _vector$6 = /* @__PURE__ */ new Vector3();
 class Frustum {
   constructor(p0 = new Plane(), p1 = new Plane(), p2 = new Plane(), p3 = new Plane(), p4 = new Plane(), p5 = new Plane()) {
     this.planes = [p0, p1, p2, p3, p4, p5];
@@ -22673,11 +22673,11 @@ class MultiDrawRenderList {
 const _matrix$1 = /* @__PURE__ */ new Matrix4();
 const _whiteColor = /* @__PURE__ */ new Color(1, 1, 1);
 const _frustum = /* @__PURE__ */ new Frustum();
-const _box$1 = /* @__PURE__ */ new Box3$1();
+const _box$1 = /* @__PURE__ */ new Box3();
 const _sphere$2 = /* @__PURE__ */ new Sphere();
-const _vector$5 = /* @__PURE__ */ new Vector3$1();
-const _forward = /* @__PURE__ */ new Vector3$1();
-const _temp = /* @__PURE__ */ new Vector3$1();
+const _vector$5 = /* @__PURE__ */ new Vector3();
+const _forward = /* @__PURE__ */ new Vector3();
+const _temp = /* @__PURE__ */ new Vector3();
 const _renderList = /* @__PURE__ */ new MultiDrawRenderList();
 const _mesh = /* @__PURE__ */ new Mesh();
 const _batchIntersects = [];
@@ -22826,7 +22826,7 @@ class BatchedMesh extends Mesh {
   }
   computeBoundingBox() {
     if (this.boundingBox === null) {
-      this.boundingBox = new Box3$1();
+      this.boundingBox = new Box3();
     }
     const boundingBox = this.boundingBox;
     const instanceInfo = this._instanceInfo;
@@ -23064,7 +23064,7 @@ class BatchedMesh extends Mesh {
     const geometry = this.geometry;
     const geometryInfo = this._geometryInfo[geometryId];
     if (geometryInfo.boundingBox === null) {
-      const box = new Box3$1();
+      const box = new Box3();
       const index2 = geometry.index;
       const position = geometry.attributes.position;
       for (let i = geometryInfo.start, l = geometryInfo.start + geometryInfo.count; i < l; i++) {
@@ -23239,7 +23239,7 @@ class BatchedMesh extends Mesh {
     _mesh.geometry.index = batchGeometry.index;
     _mesh.geometry.attributes = batchGeometry.attributes;
     if (_mesh.geometry.boundingBox === null) {
-      _mesh.geometry.boundingBox = new Box3$1();
+      _mesh.geometry.boundingBox = new Box3();
     }
     if (_mesh.geometry.boundingSphere === null) {
       _mesh.geometry.boundingSphere = new Sphere();
@@ -23416,13 +23416,13 @@ class LineBasicMaterial extends Material {
     return this;
   }
 }
-const _vStart = /* @__PURE__ */ new Vector3$1();
-const _vEnd = /* @__PURE__ */ new Vector3$1();
+const _vStart = /* @__PURE__ */ new Vector3();
+const _vEnd = /* @__PURE__ */ new Vector3();
 const _inverseMatrix$1 = /* @__PURE__ */ new Matrix4();
 const _ray$1 = /* @__PURE__ */ new Ray();
 const _sphere$1 = /* @__PURE__ */ new Sphere();
-const _intersectPointOnRay = /* @__PURE__ */ new Vector3$1();
-const _intersectPointOnSegment = /* @__PURE__ */ new Vector3$1();
+const _intersectPointOnRay = /* @__PURE__ */ new Vector3();
+const _intersectPointOnSegment = /* @__PURE__ */ new Vector3();
 class Line extends Object3D$1 {
   constructor(geometry = new BufferGeometry(), material = new LineBasicMaterial()) {
     super();
@@ -23548,8 +23548,8 @@ function checkIntersection(object, raycaster, ray, thresholdSq, a, b) {
     object
   };
 }
-const _start = /* @__PURE__ */ new Vector3$1();
-const _end = /* @__PURE__ */ new Vector3$1();
+const _start = /* @__PURE__ */ new Vector3();
+const _end = /* @__PURE__ */ new Vector3();
 class LineSegments extends Line {
   constructor(geometry, material) {
     super(geometry, material);
@@ -23608,7 +23608,7 @@ class PointsMaterial extends Material {
 const _inverseMatrix = /* @__PURE__ */ new Matrix4();
 const _ray = /* @__PURE__ */ new Ray();
 const _sphere = /* @__PURE__ */ new Sphere();
-const _position$2 = /* @__PURE__ */ new Vector3$1();
+const _position$2 = /* @__PURE__ */ new Vector3();
 class Points extends Object3D$1 {
   constructor(geometry = new BufferGeometry(), material = new PointsMaterial()) {
     super();
@@ -23679,7 +23679,7 @@ class Points extends Object3D$1 {
 function testPoint(point, index2, localThresholdSq, matrixWorld, raycaster, intersects2, object) {
   const rayPointDistanceSq = _ray.distanceSqToPoint(point);
   if (rayPointDistanceSq < localThresholdSq) {
-    const intersectPoint = new Vector3$1();
+    const intersectPoint = new Vector3();
     _ray.closestPointToPoint(point, intersectPoint);
     intersectPoint.applyMatrix4(matrixWorld);
     const distance = raycaster.ray.origin.distanceTo(intersectPoint);
@@ -23915,7 +23915,7 @@ class Curve {
     if (t2 > 1) t2 = 1;
     const pt1 = this.getPoint(t1);
     const pt2 = this.getPoint(t2);
-    const tangent = optionalTarget || (pt1.isVector2 ? new Vector2$1() : new Vector3$1());
+    const tangent = optionalTarget || (pt1.isVector2 ? new Vector2() : new Vector3());
     tangent.copy(pt2).sub(pt1).normalize();
     return tangent;
   }
@@ -23924,18 +23924,18 @@ class Curve {
     return this.getTangent(t, optionalTarget);
   }
   computeFrenetFrames(segments, closed) {
-    const normal = new Vector3$1();
+    const normal = new Vector3();
     const tangents = [];
     const normals = [];
     const binormals = [];
-    const vec = new Vector3$1();
+    const vec = new Vector3();
     const mat = new Matrix4();
     for (let i = 0; i <= segments; i++) {
       const u = i / segments;
-      tangents[i] = this.getTangentAt(u, new Vector3$1());
+      tangents[i] = this.getTangentAt(u, new Vector3());
     }
-    normals[0] = new Vector3$1();
-    binormals[0] = new Vector3$1();
+    normals[0] = new Vector3();
+    binormals[0] = new Vector3();
     let min2 = Number.MAX_VALUE;
     const tx = Math.abs(tangents[0].x);
     const ty = Math.abs(tangents[0].y);
@@ -24020,7 +24020,7 @@ class EllipseCurve extends Curve {
     this.aClockwise = aClockwise;
     this.aRotation = aRotation;
   }
-  getPoint(t, optionalTarget = new Vector2$1()) {
+  getPoint(t, optionalTarget = new Vector2()) {
     const point = optionalTarget;
     const twoPi = Math.PI * 2;
     let deltaAngle = this.aEndAngle - this.aStartAngle;
@@ -24124,7 +24124,7 @@ function CubicPoly() {
     }
   };
 }
-const tmp = /* @__PURE__ */ new Vector3$1();
+const tmp = /* @__PURE__ */ new Vector3();
 const px = /* @__PURE__ */ new CubicPoly();
 const py = /* @__PURE__ */ new CubicPoly();
 const pz = /* @__PURE__ */ new CubicPoly();
@@ -24138,7 +24138,7 @@ class CatmullRomCurve3 extends Curve {
     this.curveType = curveType;
     this.tension = tension;
   }
-  getPoint(t, optionalTarget = new Vector3$1()) {
+  getPoint(t, optionalTarget = new Vector3()) {
     const point = optionalTarget;
     const points = this.points;
     const l = points.length;
@@ -24218,7 +24218,7 @@ class CatmullRomCurve3 extends Curve {
     this.points = [];
     for (let i = 0, l = json.points.length; i < l; i++) {
       const point = json.points[i];
-      this.points.push(new Vector3$1().fromArray(point));
+      this.points.push(new Vector3().fromArray(point));
     }
     this.closed = json.closed;
     this.curveType = json.curveType;
@@ -24264,7 +24264,7 @@ function CubicBezier(t, p0, p1, p2, p3) {
   return CubicBezierP0(t, p0) + CubicBezierP1(t, p1) + CubicBezierP2(t, p2) + CubicBezierP3(t, p3);
 }
 class CubicBezierCurve extends Curve {
-  constructor(v0 = new Vector2$1(), v1 = new Vector2$1(), v2 = new Vector2$1(), v3 = new Vector2$1()) {
+  constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2(), v3 = new Vector2()) {
     super();
     this.isCubicBezierCurve = true;
     this.type = "CubicBezierCurve";
@@ -24273,7 +24273,7 @@ class CubicBezierCurve extends Curve {
     this.v2 = v2;
     this.v3 = v3;
   }
-  getPoint(t, optionalTarget = new Vector2$1()) {
+  getPoint(t, optionalTarget = new Vector2()) {
     const point = optionalTarget;
     const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;
     point.set(
@@ -24308,7 +24308,7 @@ class CubicBezierCurve extends Curve {
   }
 }
 class CubicBezierCurve3 extends Curve {
-  constructor(v0 = new Vector3$1(), v1 = new Vector3$1(), v2 = new Vector3$1(), v3 = new Vector3$1()) {
+  constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3(), v3 = new Vector3()) {
     super();
     this.isCubicBezierCurve3 = true;
     this.type = "CubicBezierCurve3";
@@ -24317,7 +24317,7 @@ class CubicBezierCurve3 extends Curve {
     this.v2 = v2;
     this.v3 = v3;
   }
-  getPoint(t, optionalTarget = new Vector3$1()) {
+  getPoint(t, optionalTarget = new Vector3()) {
     const point = optionalTarget;
     const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;
     point.set(
@@ -24353,14 +24353,14 @@ class CubicBezierCurve3 extends Curve {
   }
 }
 class LineCurve extends Curve {
-  constructor(v1 = new Vector2$1(), v2 = new Vector2$1()) {
+  constructor(v1 = new Vector2(), v2 = new Vector2()) {
     super();
     this.isLineCurve = true;
     this.type = "LineCurve";
     this.v1 = v1;
     this.v2 = v2;
   }
-  getPoint(t, optionalTarget = new Vector2$1()) {
+  getPoint(t, optionalTarget = new Vector2()) {
     const point = optionalTarget;
     if (t === 1) {
       point.copy(this.v2);
@@ -24374,7 +24374,7 @@ class LineCurve extends Curve {
   getPointAt(u, optionalTarget) {
     return this.getPoint(u, optionalTarget);
   }
-  getTangent(t, optionalTarget = new Vector2$1()) {
+  getTangent(t, optionalTarget = new Vector2()) {
     return optionalTarget.subVectors(this.v2, this.v1).normalize();
   }
   getTangentAt(u, optionalTarget) {
@@ -24400,14 +24400,14 @@ class LineCurve extends Curve {
   }
 }
 class LineCurve3 extends Curve {
-  constructor(v1 = new Vector3$1(), v2 = new Vector3$1()) {
+  constructor(v1 = new Vector3(), v2 = new Vector3()) {
     super();
     this.isLineCurve3 = true;
     this.type = "LineCurve3";
     this.v1 = v1;
     this.v2 = v2;
   }
-  getPoint(t, optionalTarget = new Vector3$1()) {
+  getPoint(t, optionalTarget = new Vector3()) {
     const point = optionalTarget;
     if (t === 1) {
       point.copy(this.v2);
@@ -24421,7 +24421,7 @@ class LineCurve3 extends Curve {
   getPointAt(u, optionalTarget) {
     return this.getPoint(u, optionalTarget);
   }
-  getTangent(t, optionalTarget = new Vector3$1()) {
+  getTangent(t, optionalTarget = new Vector3()) {
     return optionalTarget.subVectors(this.v2, this.v1).normalize();
   }
   getTangentAt(u, optionalTarget) {
@@ -24447,7 +24447,7 @@ class LineCurve3 extends Curve {
   }
 }
 class QuadraticBezierCurve extends Curve {
-  constructor(v0 = new Vector2$1(), v1 = new Vector2$1(), v2 = new Vector2$1()) {
+  constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2()) {
     super();
     this.isQuadraticBezierCurve = true;
     this.type = "QuadraticBezierCurve";
@@ -24455,7 +24455,7 @@ class QuadraticBezierCurve extends Curve {
     this.v1 = v1;
     this.v2 = v2;
   }
-  getPoint(t, optionalTarget = new Vector2$1()) {
+  getPoint(t, optionalTarget = new Vector2()) {
     const point = optionalTarget;
     const v0 = this.v0, v1 = this.v1, v2 = this.v2;
     point.set(
@@ -24487,7 +24487,7 @@ class QuadraticBezierCurve extends Curve {
   }
 }
 class QuadraticBezierCurve3 extends Curve {
-  constructor(v0 = new Vector3$1(), v1 = new Vector3$1(), v2 = new Vector3$1()) {
+  constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3()) {
     super();
     this.isQuadraticBezierCurve3 = true;
     this.type = "QuadraticBezierCurve3";
@@ -24495,7 +24495,7 @@ class QuadraticBezierCurve3 extends Curve {
     this.v1 = v1;
     this.v2 = v2;
   }
-  getPoint(t, optionalTarget = new Vector3$1()) {
+  getPoint(t, optionalTarget = new Vector3()) {
     const point = optionalTarget;
     const v0 = this.v0, v1 = this.v1, v2 = this.v2;
     point.set(
@@ -24534,7 +24534,7 @@ class SplineCurve extends Curve {
     this.type = "SplineCurve";
     this.points = points;
   }
-  getPoint(t, optionalTarget = new Vector2$1()) {
+  getPoint(t, optionalTarget = new Vector2()) {
     const point = optionalTarget;
     const points = this.points;
     const p = (points.length - 1) * t;
@@ -24573,7 +24573,7 @@ class SplineCurve extends Curve {
     this.points = [];
     for (let i = 0, l = json.points.length; i < l; i++) {
       const point = json.points[i];
-      this.points.push(new Vector2$1().fromArray(point));
+      this.points.push(new Vector2().fromArray(point));
     }
     return this;
   }
@@ -24725,7 +24725,7 @@ class Path extends CurvePath {
   constructor(points) {
     super();
     this.type = "Path";
-    this.currentPoint = new Vector2$1();
+    this.currentPoint = new Vector2();
     if (points) {
       this.setFromPoints(points);
     }
@@ -24742,7 +24742,7 @@ class Path extends CurvePath {
     return this;
   }
   lineTo(x, y) {
-    const curve = new LineCurve(this.currentPoint.clone(), new Vector2$1(x, y));
+    const curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y));
     this.curves.push(curve);
     this.currentPoint.set(x, y);
     return this;
@@ -24750,8 +24750,8 @@ class Path extends CurvePath {
   quadraticCurveTo(aCPx, aCPy, aX, aY) {
     const curve = new QuadraticBezierCurve(
       this.currentPoint.clone(),
-      new Vector2$1(aCPx, aCPy),
-      new Vector2$1(aX, aY)
+      new Vector2(aCPx, aCPy),
+      new Vector2(aX, aY)
     );
     this.curves.push(curve);
     this.currentPoint.set(aX, aY);
@@ -24760,9 +24760,9 @@ class Path extends CurvePath {
   bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) {
     const curve = new CubicBezierCurve(
       this.currentPoint.clone(),
-      new Vector2$1(aCP1x, aCP1y),
-      new Vector2$1(aCP2x, aCP2y),
-      new Vector2$1(aX, aY)
+      new Vector2(aCP1x, aCP1y),
+      new Vector2(aCP2x, aCP2y),
+      new Vector2(aX, aY)
     );
     this.curves.push(curve);
     this.currentPoint.set(aX, aY);
@@ -24828,7 +24828,7 @@ class Path extends CurvePath {
   }
 }
 class LatheGeometry extends BufferGeometry {
-  constructor(points = [new Vector2$1(0, -0.5), new Vector2$1(0.5, 0), new Vector2$1(0, 0.5)], segments = 12, phiStart = 0, phiLength = Math.PI * 2) {
+  constructor(points = [new Vector2(0, -0.5), new Vector2(0.5, 0), new Vector2(0, 0.5)], segments = 12, phiStart = 0, phiLength = Math.PI * 2) {
     super();
     this.type = "LatheGeometry";
     this.parameters = {
@@ -24845,11 +24845,11 @@ class LatheGeometry extends BufferGeometry {
     const initNormals = [];
     const normals = [];
     const inverseSegments = 1 / segments;
-    const vertex2 = new Vector3$1();
-    const uv = new Vector2$1();
-    const normal = new Vector3$1();
-    const curNormal = new Vector3$1();
-    const prevNormal = new Vector3$1();
+    const vertex2 = new Vector3();
+    const uv = new Vector2();
+    const normal = new Vector3();
+    const curNormal = new Vector3();
+    const prevNormal = new Vector3();
     let dx = 0;
     let dy = 0;
     for (let j = 0; j <= points.length - 1; j++) {
@@ -24958,8 +24958,8 @@ class CircleGeometry extends BufferGeometry {
     const vertices = [];
     const normals = [];
     const uvs = [];
-    const vertex2 = new Vector3$1();
-    const uv = new Vector2$1();
+    const vertex2 = new Vector3();
+    const uv = new Vector2();
     vertices.push(0, 0, 0);
     normals.push(0, 0, 1);
     uvs.push(0.5, 0.5);
@@ -25025,8 +25025,8 @@ class CylinderGeometry extends BufferGeometry {
     this.setAttribute("normal", new Float32BufferAttribute(normals, 3));
     this.setAttribute("uv", new Float32BufferAttribute(uvs, 2));
     function generateTorso() {
-      const normal = new Vector3$1();
-      const vertex2 = new Vector3$1();
+      const normal = new Vector3();
+      const vertex2 = new Vector3();
       let groupCount = 0;
       const slope = (radiusBottom - radiusTop) / height;
       for (let y = 0; y <= heightSegments; y++) {
@@ -25070,8 +25070,8 @@ class CylinderGeometry extends BufferGeometry {
     }
     function generateCap(top) {
       const centerIndexStart = index2;
-      const uv = new Vector2$1();
-      const vertex2 = new Vector3$1();
+      const uv = new Vector2();
+      const vertex2 = new Vector3();
       let groupCount = 0;
       const radius = top === true ? radiusTop : radiusBottom;
       const sign2 = top === true ? 1 : -1;
@@ -25162,9 +25162,9 @@ class PolyhedronGeometry extends BufferGeometry {
       this.normalizeNormals();
     }
     function subdivide(detail2) {
-      const a = new Vector3$1();
-      const b = new Vector3$1();
-      const c = new Vector3$1();
+      const a = new Vector3();
+      const b = new Vector3();
+      const c = new Vector3();
       for (let i = 0; i < indices.length; i += 3) {
         getVertexByIndex(indices[i + 0], a);
         getVertexByIndex(indices[i + 1], b);
@@ -25204,7 +25204,7 @@ class PolyhedronGeometry extends BufferGeometry {
       }
     }
     function applyRadius(radius2) {
-      const vertex2 = new Vector3$1();
+      const vertex2 = new Vector3();
       for (let i = 0; i < vertexBuffer.length; i += 3) {
         vertex2.x = vertexBuffer[i + 0];
         vertex2.y = vertexBuffer[i + 1];
@@ -25216,7 +25216,7 @@ class PolyhedronGeometry extends BufferGeometry {
       }
     }
     function generateUVs() {
-      const vertex2 = new Vector3$1();
+      const vertex2 = new Vector3();
       for (let i = 0; i < vertexBuffer.length; i += 3) {
         vertex2.x = vertexBuffer[i + 0];
         vertex2.y = vertexBuffer[i + 1];
@@ -25252,13 +25252,13 @@ class PolyhedronGeometry extends BufferGeometry {
       vertex2.z = vertices[stride + 2];
     }
     function correctUVs() {
-      const a = new Vector3$1();
-      const b = new Vector3$1();
-      const c = new Vector3$1();
-      const centroid = new Vector3$1();
-      const uvA = new Vector2$1();
-      const uvB = new Vector2$1();
-      const uvC = new Vector2$1();
+      const a = new Vector3();
+      const b = new Vector3();
+      const c = new Vector3();
+      const centroid = new Vector3();
+      const uvA = new Vector2();
+      const uvB = new Vector2();
+      const uvC = new Vector2();
       for (let i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6) {
         a.set(vertexBuffer[i + 0], vertexBuffer[i + 1], vertexBuffer[i + 2]);
         b.set(vertexBuffer[i + 3], vertexBuffer[i + 4], vertexBuffer[i + 5]);
@@ -25488,9 +25488,9 @@ class DodecahedronGeometry extends PolyhedronGeometry {
     return new DodecahedronGeometry(data2.radius, data2.detail);
   }
 }
-const _v0$3 = /* @__PURE__ */ new Vector3$1();
-const _v1$1 = /* @__PURE__ */ new Vector3$1();
-const _normal = /* @__PURE__ */ new Vector3$1();
+const _v0$3 = /* @__PURE__ */ new Vector3();
+const _v1$1 = /* @__PURE__ */ new Vector3();
+const _normal = /* @__PURE__ */ new Vector3();
 const _triangle = /* @__PURE__ */ new Triangle();
 class EdgesGeometry extends BufferGeometry {
   constructor(geometry = null, thresholdAngle = 1) {
@@ -26064,7 +26064,7 @@ function addContour(vertices, contour) {
   }
 }
 class ExtrudeGeometry extends BufferGeometry {
-  constructor(shapes = new Shape([new Vector2$1(0.5, 0.5), new Vector2$1(-0.5, 0.5), new Vector2$1(-0.5, -0.5), new Vector2$1(0.5, -0.5)]), options = {}) {
+  constructor(shapes = new Shape([new Vector2(0.5, 0.5), new Vector2(-0.5, 0.5), new Vector2(-0.5, -0.5), new Vector2(0.5, -0.5)]), options = {}) {
     super();
     this.type = "ExtrudeGeometry";
     this.parameters = {
@@ -26101,9 +26101,9 @@ class ExtrudeGeometry extends BufferGeometry {
         extrudeByPath = true;
         bevelEnabled = false;
         splineTube = extrudePath.computeFrenetFrames(steps, false);
-        binormal = new Vector3$1();
-        normal = new Vector3$1();
-        position2 = new Vector3$1();
+        binormal = new Vector3();
+        normal = new Vector3();
+        position2 = new Vector3();
       }
       if (!bevelEnabled) {
         bevelSegments = 0;
@@ -26153,7 +26153,7 @@ class ExtrudeGeometry extends BufferGeometry {
           v_trans_y = ptPrevShift_y + v_prev_y * sf - inPt.y;
           const v_trans_lensq = v_trans_x * v_trans_x + v_trans_y * v_trans_y;
           if (v_trans_lensq <= 2) {
-            return new Vector2$1(v_trans_x, v_trans_y);
+            return new Vector2(v_trans_x, v_trans_y);
           } else {
             shrink_by = Math.sqrt(v_trans_lensq / 2);
           }
@@ -26184,7 +26184,7 @@ class ExtrudeGeometry extends BufferGeometry {
             shrink_by = Math.sqrt(v_prev_lensq / 2);
           }
         }
-        return new Vector2$1(v_trans_x / shrink_by, v_trans_y / shrink_by);
+        return new Vector2(v_trans_x / shrink_by, v_trans_y / shrink_by);
       }
       const contourMovements = [];
       for (let i = 0, il = contour.length, j = il - 1, k = i + 1; i < il; i++, j++, k++) {
@@ -26398,9 +26398,9 @@ const WorldUVGenerator = {
     const c_x = vertices[indexC * 3];
     const c_y = vertices[indexC * 3 + 1];
     return [
-      new Vector2$1(a_x, a_y),
-      new Vector2$1(b_x, b_y),
-      new Vector2$1(c_x, c_y)
+      new Vector2(a_x, a_y),
+      new Vector2(b_x, b_y),
+      new Vector2(c_x, c_y)
     ];
   },
   generateSideWallUV: function(geometry, vertices, indexA, indexB, indexC, indexD) {
@@ -26418,17 +26418,17 @@ const WorldUVGenerator = {
     const d_z = vertices[indexD * 3 + 2];
     if (Math.abs(a_y - b_y) < Math.abs(a_x - b_x)) {
       return [
-        new Vector2$1(a_x, 1 - a_z),
-        new Vector2$1(b_x, 1 - b_z),
-        new Vector2$1(c_x, 1 - c_z),
-        new Vector2$1(d_x, 1 - d_z)
+        new Vector2(a_x, 1 - a_z),
+        new Vector2(b_x, 1 - b_z),
+        new Vector2(c_x, 1 - c_z),
+        new Vector2(d_x, 1 - d_z)
       ];
     } else {
       return [
-        new Vector2$1(a_y, 1 - a_z),
-        new Vector2$1(b_y, 1 - b_z),
-        new Vector2$1(c_y, 1 - c_z),
-        new Vector2$1(d_y, 1 - d_z)
+        new Vector2(a_y, 1 - a_z),
+        new Vector2(b_y, 1 - b_z),
+        new Vector2(c_y, 1 - c_z),
+        new Vector2(d_y, 1 - d_z)
       ];
     }
   }
@@ -26696,8 +26696,8 @@ class RingGeometry extends BufferGeometry {
     const uvs = [];
     let radius = innerRadius;
     const radiusStep = (outerRadius - innerRadius) / phiSegments;
-    const vertex2 = new Vector3$1();
-    const uv = new Vector2$1();
+    const vertex2 = new Vector3();
+    const uv = new Vector2();
     for (let j = 0; j <= phiSegments; j++) {
       for (let i = 0; i <= thetaSegments; i++) {
         const segment = thetaStart + i / thetaSegments * thetaLength;
@@ -26738,7 +26738,7 @@ class RingGeometry extends BufferGeometry {
   }
 }
 class ShapeGeometry extends BufferGeometry {
-  constructor(shapes = new Shape([new Vector2$1(0, 0.5), new Vector2$1(-0.5, -0.5), new Vector2$1(0.5, -0.5)]), curveSegments = 12) {
+  constructor(shapes = new Shape([new Vector2(0, 0.5), new Vector2(-0.5, -0.5), new Vector2(0.5, -0.5)]), curveSegments = 12) {
     super();
     this.type = "ShapeGeometry";
     this.parameters = {
@@ -26849,8 +26849,8 @@ class SphereGeometry extends BufferGeometry {
     const thetaEnd = Math.min(thetaStart + thetaLength, Math.PI);
     let index2 = 0;
     const grid = [];
-    const vertex2 = new Vector3$1();
-    const normal = new Vector3$1();
+    const vertex2 = new Vector3();
+    const normal = new Vector3();
     const indices = [];
     const vertices = [];
     const normals = [];
@@ -26959,9 +26959,9 @@ class TorusGeometry extends BufferGeometry {
     const vertices = [];
     const normals = [];
     const uvs = [];
-    const center = new Vector3$1();
-    const vertex2 = new Vector3$1();
-    const normal = new Vector3$1();
+    const center = new Vector3();
+    const vertex2 = new Vector3();
+    const normal = new Vector3();
     for (let j = 0; j <= radialSegments; j++) {
       for (let i = 0; i <= tubularSegments; i++) {
         const u = i / tubularSegments * arc;
@@ -27020,13 +27020,13 @@ class TorusKnotGeometry extends BufferGeometry {
     const vertices = [];
     const normals = [];
     const uvs = [];
-    const vertex2 = new Vector3$1();
-    const normal = new Vector3$1();
-    const P1 = new Vector3$1();
-    const P2 = new Vector3$1();
-    const B = new Vector3$1();
-    const T = new Vector3$1();
-    const N = new Vector3$1();
+    const vertex2 = new Vector3();
+    const normal = new Vector3();
+    const P1 = new Vector3();
+    const P2 = new Vector3();
+    const B = new Vector3();
+    const T = new Vector3();
+    const N = new Vector3();
     for (let i = 0; i <= tubularSegments; ++i) {
       const u = i / tubularSegments * p * Math.PI * 2;
       calculatePositionOnCurve(u, p, q, radius, P1);
@@ -27085,7 +27085,7 @@ class TorusKnotGeometry extends BufferGeometry {
   }
 }
 class TubeGeometry extends BufferGeometry {
-  constructor(path = new QuadraticBezierCurve3(new Vector3$1(-1, -1, 0), new Vector3$1(-1, 1, 0), new Vector3$1(1, 1, 0)), tubularSegments = 64, radius = 1, radialSegments = 8, closed = false) {
+  constructor(path = new QuadraticBezierCurve3(new Vector3(-1, -1, 0), new Vector3(-1, 1, 0), new Vector3(1, 1, 0)), tubularSegments = 64, radius = 1, radialSegments = 8, closed = false) {
     super();
     this.type = "TubeGeometry";
     this.parameters = {
@@ -27099,10 +27099,10 @@ class TubeGeometry extends BufferGeometry {
     this.tangents = frames.tangents;
     this.normals = frames.normals;
     this.binormals = frames.binormals;
-    const vertex2 = new Vector3$1();
-    const normal = new Vector3$1();
-    const uv = new Vector2$1();
-    let P = new Vector3$1();
+    const vertex2 = new Vector3();
+    const normal = new Vector3();
+    const uv = new Vector2();
+    let P = new Vector3();
     const vertices = [];
     const normals = [];
     const uvs = [];
@@ -27191,8 +27191,8 @@ class WireframeGeometry extends BufferGeometry {
     if (geometry !== null) {
       const vertices = [];
       const edges = /* @__PURE__ */ new Set();
-      const start = new Vector3$1();
-      const end = new Vector3$1();
+      const start = new Vector3();
+      const end = new Vector3();
       if (geometry.index !== null) {
         const position = geometry.attributes.position;
         const indices = geometry.index;
@@ -27321,7 +27321,7 @@ class MeshStandardMaterial extends Material {
     this.bumpScale = 1;
     this.normalMap = null;
     this.normalMapType = TangentSpaceNormalMap;
-    this.normalScale = new Vector2$1(1, 1);
+    this.normalScale = new Vector2(1, 1);
     this.displacementMap = null;
     this.displacementScale = 1;
     this.displacementBias = 0;
@@ -27390,7 +27390,7 @@ class MeshPhysicalMaterial extends MeshStandardMaterial {
     this.clearcoatMap = null;
     this.clearcoatRoughness = 0;
     this.clearcoatRoughnessMap = null;
-    this.clearcoatNormalScale = new Vector2$1(1, 1);
+    this.clearcoatNormalScale = new Vector2(1, 1);
     this.clearcoatNormalMap = null;
     this.ior = 1.5;
     Object.defineProperty(this, "reflectivity", {
@@ -27540,7 +27540,7 @@ class MeshPhongMaterial extends Material {
     this.bumpScale = 1;
     this.normalMap = null;
     this.normalMapType = TangentSpaceNormalMap;
-    this.normalScale = new Vector2$1(1, 1);
+    this.normalScale = new Vector2(1, 1);
     this.displacementMap = null;
     this.displacementScale = 1;
     this.displacementBias = 0;
@@ -27616,7 +27616,7 @@ class MeshToonMaterial extends Material {
     this.bumpScale = 1;
     this.normalMap = null;
     this.normalMapType = TangentSpaceNormalMap;
-    this.normalScale = new Vector2$1(1, 1);
+    this.normalScale = new Vector2(1, 1);
     this.displacementMap = null;
     this.displacementScale = 1;
     this.displacementBias = 0;
@@ -27666,7 +27666,7 @@ class MeshNormalMaterial extends Material {
     this.bumpScale = 1;
     this.normalMap = null;
     this.normalMapType = TangentSpaceNormalMap;
-    this.normalScale = new Vector2$1(1, 1);
+    this.normalScale = new Vector2(1, 1);
     this.displacementMap = null;
     this.displacementScale = 1;
     this.displacementBias = 0;
@@ -27709,7 +27709,7 @@ class MeshLambertMaterial extends Material {
     this.bumpScale = 1;
     this.normalMap = null;
     this.normalMapType = TangentSpaceNormalMap;
-    this.normalScale = new Vector2$1(1, 1);
+    this.normalScale = new Vector2(1, 1);
     this.displacementMap = null;
     this.displacementScale = 1;
     this.displacementBias = 0;
@@ -27826,7 +27826,7 @@ class MeshMatcapMaterial extends Material {
     this.bumpScale = 1;
     this.normalMap = null;
     this.normalMapType = TangentSpaceNormalMap;
-    this.normalScale = new Vector2$1(1, 1);
+    this.normalScale = new Vector2(1, 1);
     this.displacementMap = null;
     this.displacementScale = 1;
     this.displacementBias = 0;
@@ -29346,8 +29346,8 @@ class HemisphereLight extends Light {
   }
 }
 const _projScreenMatrix$1 = /* @__PURE__ */ new Matrix4();
-const _lightPositionWorld$1 = /* @__PURE__ */ new Vector3$1();
-const _lookTarget$1 = /* @__PURE__ */ new Vector3$1();
+const _lightPositionWorld$1 = /* @__PURE__ */ new Vector3();
+const _lookTarget$1 = /* @__PURE__ */ new Vector3();
 class LightShadow {
   constructor(camera2) {
     this.camera = camera2;
@@ -29356,14 +29356,14 @@ class LightShadow {
     this.normalBias = 0;
     this.radius = 1;
     this.blurSamples = 8;
-    this.mapSize = new Vector2$1(512, 512);
+    this.mapSize = new Vector2(512, 512);
     this.map = null;
     this.mapPass = null;
     this.matrix = new Matrix4();
     this.autoUpdate = true;
     this.needsUpdate = false;
     this._frustum = new Frustum();
-    this._frameExtents = new Vector2$1(1, 1);
+    this._frameExtents = new Vector2(1, 1);
     this._viewportCount = 1;
     this._viewports = [
       new Vector4(0, 0, 1, 1)
@@ -29503,13 +29503,13 @@ class SpotLight extends Light {
   }
 }
 const _projScreenMatrix = /* @__PURE__ */ new Matrix4();
-const _lightPositionWorld = /* @__PURE__ */ new Vector3$1();
-const _lookTarget = /* @__PURE__ */ new Vector3$1();
+const _lightPositionWorld = /* @__PURE__ */ new Vector3();
+const _lookTarget = /* @__PURE__ */ new Vector3();
 class PointLightShadow extends LightShadow {
   constructor() {
     super(new PerspectiveCamera(90, 1, 0.5, 500));
     this.isPointLightShadow = true;
-    this._frameExtents = new Vector2$1(4, 2);
+    this._frameExtents = new Vector2(4, 2);
     this._viewportCount = 6;
     this._viewports = [
       // These viewports map a cube-map onto a 2D texture with the
@@ -29538,20 +29538,20 @@ class PointLightShadow extends LightShadow {
       new Vector4(1, 0, 1, 1)
     ];
     this._cubeDirections = [
-      new Vector3$1(1, 0, 0),
-      new Vector3$1(-1, 0, 0),
-      new Vector3$1(0, 0, 1),
-      new Vector3$1(0, 0, -1),
-      new Vector3$1(0, 1, 0),
-      new Vector3$1(0, -1, 0)
+      new Vector3(1, 0, 0),
+      new Vector3(-1, 0, 0),
+      new Vector3(0, 0, 1),
+      new Vector3(0, 0, -1),
+      new Vector3(0, 1, 0),
+      new Vector3(0, -1, 0)
     ];
     this._cubeUps = [
-      new Vector3$1(0, 1, 0),
-      new Vector3$1(0, 1, 0),
-      new Vector3$1(0, 1, 0),
-      new Vector3$1(0, 1, 0),
-      new Vector3$1(0, 0, 1),
-      new Vector3$1(0, 0, -1)
+      new Vector3(0, 1, 0),
+      new Vector3(0, 1, 0),
+      new Vector3(0, 1, 0),
+      new Vector3(0, 1, 0),
+      new Vector3(0, 0, 1),
+      new Vector3(0, 0, -1)
     ];
   }
   updateMatrices(light, viewportIndex = 0) {
@@ -29752,7 +29752,7 @@ class SphericalHarmonics3 {
     this.isSphericalHarmonics3 = true;
     this.coefficients = [];
     for (let i = 0; i < 9; i++) {
-      this.coefficients.push(new Vector3$1());
+      this.coefficients.push(new Vector3());
     }
   }
   set(coefficients) {
@@ -30015,10 +30015,10 @@ class MaterialLoader extends Loader {
             material.uniforms[name].value = new Color().setHex(uniform.value);
             break;
           case "v2":
-            material.uniforms[name].value = new Vector2$1().fromArray(uniform.value);
+            material.uniforms[name].value = new Vector2().fromArray(uniform.value);
             break;
           case "v3":
-            material.uniforms[name].value = new Vector3$1().fromArray(uniform.value);
+            material.uniforms[name].value = new Vector3().fromArray(uniform.value);
             break;
           case "v4":
             material.uniforms[name].value = new Vector4().fromArray(uniform.value);
@@ -30059,7 +30059,7 @@ class MaterialLoader extends Loader {
       if (Array.isArray(normalScale) === false) {
         normalScale = [normalScale, normalScale];
       }
-      material.normalScale = new Vector2$1().fromArray(normalScale);
+      material.normalScale = new Vector2().fromArray(normalScale);
     }
     if (json.displacementMap !== void 0) material.displacementMap = getTexture(json.displacementMap);
     if (json.displacementScale !== void 0) material.displacementScale = json.displacementScale;
@@ -30084,7 +30084,7 @@ class MaterialLoader extends Loader {
     if (json.clearcoatMap !== void 0) material.clearcoatMap = getTexture(json.clearcoatMap);
     if (json.clearcoatRoughnessMap !== void 0) material.clearcoatRoughnessMap = getTexture(json.clearcoatRoughnessMap);
     if (json.clearcoatNormalMap !== void 0) material.clearcoatNormalMap = getTexture(json.clearcoatNormalMap);
-    if (json.clearcoatNormalScale !== void 0) material.clearcoatNormalScale = new Vector2$1().fromArray(json.clearcoatNormalScale);
+    if (json.clearcoatNormalScale !== void 0) material.clearcoatNormalScale = new Vector2().fromArray(json.clearcoatNormalScale);
     if (json.iridescenceMap !== void 0) material.iridescenceMap = getTexture(json.iridescenceMap);
     if (json.iridescenceThicknessMap !== void 0) material.iridescenceThicknessMap = getTexture(json.iridescenceThicknessMap);
     if (json.transmissionMap !== void 0) material.transmissionMap = getTexture(json.transmissionMap);
@@ -30277,7 +30277,7 @@ class BufferGeometryLoader extends Loader {
     }
     const boundingSphere = json.data.boundingSphere;
     if (boundingSphere !== void 0) {
-      const center = new Vector3$1();
+      const center = new Vector3();
       if (boundingSphere.center !== void 0) {
         center.fromArray(boundingSphere.center);
       }
@@ -30752,7 +30752,7 @@ class ObjectLoader extends Loader {
         object._visibility = data2.visibility;
         object._active = data2.active;
         object._bounds = data2.bounds.map((bound) => {
-          const box = new Box3$1();
+          const box = new Box3();
           box.min.fromArray(bound.boxMin);
           box.max.fromArray(bound.boxMax);
           const sphere = new Sphere();
@@ -31113,10 +31113,10 @@ class Clock {
 function now() {
   return performance.now();
 }
-const _position$1 = /* @__PURE__ */ new Vector3$1();
+const _position$1 = /* @__PURE__ */ new Vector3();
 const _quaternion$1 = /* @__PURE__ */ new Quaternion();
-const _scale$1 = /* @__PURE__ */ new Vector3$1();
-const _orientation$1 = /* @__PURE__ */ new Vector3$1();
+const _scale$1 = /* @__PURE__ */ new Vector3();
+const _orientation$1 = /* @__PURE__ */ new Vector3();
 class AudioListener extends Object3D$1 {
   constructor() {
     super();
@@ -31428,10 +31428,10 @@ class Audio extends Object3D$1 {
     return new this.constructor(this.listener).copy(this, recursive);
   }
 }
-const _position = /* @__PURE__ */ new Vector3$1();
+const _position = /* @__PURE__ */ new Vector3();
 const _quaternion = /* @__PURE__ */ new Quaternion();
-const _scale = /* @__PURE__ */ new Vector3$1();
-const _orientation = /* @__PURE__ */ new Vector3$1();
+const _scale = /* @__PURE__ */ new Vector3();
+const _orientation = /* @__PURE__ */ new Vector3();
 class PositionalAudio extends Audio {
   constructor(listener2) {
     super(listener2);
@@ -33218,9 +33218,9 @@ class Matrix2 {
     return this;
   }
 }
-const _vector$4 = /* @__PURE__ */ new Vector2$1();
+const _vector$4 = /* @__PURE__ */ new Vector2();
 class Box2 {
-  constructor(min2 = new Vector2$1(Infinity, Infinity), max2 = new Vector2$1(-Infinity, -Infinity)) {
+  constructor(min2 = new Vector2(Infinity, Infinity), max2 = new Vector2(-Infinity, -Infinity)) {
     this.isBox2 = true;
     this.min = min2;
     this.max = max2;
@@ -33321,10 +33321,10 @@ class Box2 {
     return box.min.equals(this.min) && box.max.equals(this.max);
   }
 }
-const _startP = /* @__PURE__ */ new Vector3$1();
-const _startEnd = /* @__PURE__ */ new Vector3$1();
+const _startP = /* @__PURE__ */ new Vector3();
+const _startEnd = /* @__PURE__ */ new Vector3();
 class Line3 {
-  constructor(start = new Vector3$1(), end = new Vector3$1()) {
+  constructor(start = new Vector3(), end = new Vector3()) {
     this.start = start;
     this.end = end;
   }
@@ -33380,7 +33380,7 @@ class Line3 {
     return new this.constructor().copy(this);
   }
 }
-const _vector$3 = /* @__PURE__ */ new Vector3$1();
+const _vector$3 = /* @__PURE__ */ new Vector3();
 class SpotLightHelper extends Object3D$1 {
   constructor(light, color) {
     super();
@@ -33465,7 +33465,7 @@ class SpotLightHelper extends Object3D$1 {
     }
   }
 }
-const _vector$2 = /* @__PURE__ */ new Vector3$1();
+const _vector$2 = /* @__PURE__ */ new Vector3();
 const _boneMatrix = /* @__PURE__ */ new Matrix4();
 const _matrixWorldInv = /* @__PURE__ */ new Matrix4();
 class SkeletonHelper extends LineSegments {
@@ -33556,7 +33556,7 @@ class PointLightHelper extends Mesh {
     }
   }
 }
-const _vector$1 = /* @__PURE__ */ new Vector3$1();
+const _vector$1 = /* @__PURE__ */ new Vector3();
 const _color1 = /* @__PURE__ */ new Color();
 const _color2 = /* @__PURE__ */ new Color();
 class HemisphereLightHelper extends Object3D$1 {
@@ -33678,9 +33678,9 @@ class PolarGridHelper extends LineSegments {
     this.material.dispose();
   }
 }
-const _v1 = /* @__PURE__ */ new Vector3$1();
-const _v2 = /* @__PURE__ */ new Vector3$1();
-const _v3 = /* @__PURE__ */ new Vector3$1();
+const _v1 = /* @__PURE__ */ new Vector3();
+const _v2 = /* @__PURE__ */ new Vector3();
+const _v3 = /* @__PURE__ */ new Vector3();
 class DirectionalLightHelper extends Object3D$1 {
   constructor(light, size, color) {
     super();
@@ -33741,7 +33741,7 @@ class DirectionalLightHelper extends Object3D$1 {
     this.targetLine.scale.z = _v3.length();
   }
 }
-const _vector$d = /* @__PURE__ */ new Vector3$1();
+const _vector$d = /* @__PURE__ */ new Vector3();
 const _camera$1 = /* @__PURE__ */ new Camera$2();
 class CameraHelper extends LineSegments {
   constructor(camera2) {
@@ -33902,7 +33902,7 @@ function setPoint(point, pointMap, geometry, camera2, x, y, z) {
     }
   }
 }
-const _box = /* @__PURE__ */ new Box3$1();
+const _box = /* @__PURE__ */ new Box3();
 class BoxHelper extends LineSegments {
   constructor(object, color = 16776960) {
     const indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);
@@ -34026,11 +34026,11 @@ class PlaneHelper extends Line {
     this.children[0].material.dispose();
   }
 }
-const _axis = /* @__PURE__ */ new Vector3$1();
+const _axis = /* @__PURE__ */ new Vector3();
 let _lineGeometry, _coneGeometry;
 class ArrowHelper extends Object3D$1 {
   // dir is assumed to be normalized
-  constructor(dir = new Vector3$1(0, 0, 1), origin = new Vector3$1(0, 0, 0), length = 1, color = 16776960, headLength = length * 0.2, headWidth = headLength * 0.2) {
+  constructor(dir = new Vector3(0, 0, 1), origin = new Vector3(0, 0, 0), length = 1, color = 16776960, headLength = length * 0.2, headWidth = headLength * 0.2) {
     super();
     this.type = "ArrowHelper";
     if (_lineGeometry === void 0) {
@@ -34983,7 +34983,7 @@ const UniformsLib = {
   normalmap: {
     normalMap: { value: null },
     normalMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-    normalScale: { value: /* @__PURE__ */ new Vector2$1(1, 1) }
+    normalScale: { value: /* @__PURE__ */ new Vector2(1, 1) }
   },
   displacementmap: {
     displacementMap: { value: null },
@@ -35093,7 +35093,7 @@ const UniformsLib = {
   sprite: {
     diffuse: { value: /* @__PURE__ */ new Color(16777215) },
     opacity: { value: 1 },
-    center: { value: /* @__PURE__ */ new Vector2$1(0.5, 0.5) },
+    center: { value: /* @__PURE__ */ new Vector2(0.5, 0.5) },
     rotation: { value: 0 },
     map: { value: null },
     mapTransform: { value: /* @__PURE__ */ new Matrix3() },
@@ -35305,7 +35305,7 @@ const ShaderLib = {
       UniformsLib.common,
       UniformsLib.displacementmap,
       {
-        referencePosition: { value: /* @__PURE__ */ new Vector3$1() },
+        referencePosition: { value: /* @__PURE__ */ new Vector3() },
         nearDistance: { value: 1 },
         farDistance: { value: 1e3 }
       }
@@ -35335,7 +35335,7 @@ ShaderLib.physical = {
       clearcoatMapTransform: { value: /* @__PURE__ */ new Matrix3() },
       clearcoatNormalMap: { value: null },
       clearcoatNormalMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-      clearcoatNormalScale: { value: /* @__PURE__ */ new Vector2$1(1, 1) },
+      clearcoatNormalScale: { value: /* @__PURE__ */ new Vector2(1, 1) },
       clearcoatRoughness: { value: 0 },
       clearcoatRoughnessMap: { value: null },
       clearcoatRoughnessMapTransform: { value: /* @__PURE__ */ new Matrix3() },
@@ -35358,7 +35358,7 @@ ShaderLib.physical = {
       transmission: { value: 0 },
       transmissionMap: { value: null },
       transmissionMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-      transmissionSamplerSize: { value: /* @__PURE__ */ new Vector2$1() },
+      transmissionSamplerSize: { value: /* @__PURE__ */ new Vector2() },
       transmissionSamplerMap: { value: null },
       thickness: { value: 0 },
       thicknessMap: { value: null },
@@ -35371,7 +35371,7 @@ ShaderLib.physical = {
       specularIntensity: { value: 1 },
       specularIntensityMap: { value: null },
       specularIntensityMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-      anisotropyVector: { value: /* @__PURE__ */ new Vector2$1() },
+      anisotropyVector: { value: /* @__PURE__ */ new Vector2() },
       anisotropyMap: { value: null },
       anisotropyMapTransform: { value: /* @__PURE__ */ new Matrix3() }
     }
@@ -36142,16 +36142,16 @@ let _oldXrEnabled = false;
 const PHI = (1 + Math.sqrt(5)) / 2;
 const INV_PHI = 1 / PHI;
 const _axisDirections = [
-  /* @__PURE__ */ new Vector3$1(-PHI, INV_PHI, 0),
-  /* @__PURE__ */ new Vector3$1(PHI, INV_PHI, 0),
-  /* @__PURE__ */ new Vector3$1(-INV_PHI, 0, PHI),
-  /* @__PURE__ */ new Vector3$1(INV_PHI, 0, PHI),
-  /* @__PURE__ */ new Vector3$1(0, PHI, -INV_PHI),
-  /* @__PURE__ */ new Vector3$1(0, PHI, INV_PHI),
-  /* @__PURE__ */ new Vector3$1(-1, 1, -1),
-  /* @__PURE__ */ new Vector3$1(1, 1, -1),
-  /* @__PURE__ */ new Vector3$1(-1, 1, 1),
-  /* @__PURE__ */ new Vector3$1(1, 1, 1)
+  /* @__PURE__ */ new Vector3(-PHI, INV_PHI, 0),
+  /* @__PURE__ */ new Vector3(PHI, INV_PHI, 0),
+  /* @__PURE__ */ new Vector3(-INV_PHI, 0, PHI),
+  /* @__PURE__ */ new Vector3(INV_PHI, 0, PHI),
+  /* @__PURE__ */ new Vector3(0, PHI, -INV_PHI),
+  /* @__PURE__ */ new Vector3(0, PHI, INV_PHI),
+  /* @__PURE__ */ new Vector3(-1, 1, -1),
+  /* @__PURE__ */ new Vector3(1, 1, -1),
+  /* @__PURE__ */ new Vector3(-1, 1, 1),
+  /* @__PURE__ */ new Vector3(1, 1, 1)
 ];
 class PMREMGenerator {
   constructor(renderer) {
@@ -36552,7 +36552,7 @@ function _setViewport(target, x, y, width, height) {
 }
 function _getBlurShader(lodMax, width, height) {
   const weights = new Float32Array(MAX_SAMPLES);
-  const poleAxis = new Vector3$1(0, 1, 0);
+  const poleAxis = new Vector3(0, 1, 0);
   const shaderMaterial = new ShaderMaterial({
     name: "SphericalGaussianBlur",
     defines: {
@@ -37144,7 +37144,7 @@ function WebGLMorphtargets(gl, capabilities, textures) {
       entry = {
         count: morphTargetsCount,
         texture,
-        size: new Vector2$1(width, height)
+        size: new Vector2(width, height)
       };
       morphTextures.set(geometry, entry);
       geometry.addEventListener("dispose", disposeTexture);
@@ -37955,7 +37955,7 @@ function getToneMappingFunction(functionName2, toneMapping) {
   }
   return "vec3 " + functionName2 + "( vec3 color ) { return " + toneMappingName + "ToneMapping( color ); }";
 }
-const _v0 = /* @__PURE__ */ new Vector3$1();
+const _v0 = /* @__PURE__ */ new Vector3();
 function getLuminanceFunction() {
   ColorManagement.getLuminanceCoefficients(_v0);
   const r = _v0.x.toFixed(4);
@@ -39211,14 +39211,14 @@ function UniformsCache() {
       switch (light.type) {
         case "DirectionalLight":
           uniforms = {
-            direction: new Vector3$1(),
+            direction: new Vector3(),
             color: new Color()
           };
           break;
         case "SpotLight":
           uniforms = {
-            position: new Vector3$1(),
-            direction: new Vector3$1(),
+            position: new Vector3(),
+            direction: new Vector3(),
             color: new Color(),
             distance: 0,
             coneCos: 0,
@@ -39228,7 +39228,7 @@ function UniformsCache() {
           break;
         case "PointLight":
           uniforms = {
-            position: new Vector3$1(),
+            position: new Vector3(),
             color: new Color(),
             distance: 0,
             decay: 0
@@ -39236,7 +39236,7 @@ function UniformsCache() {
           break;
         case "HemisphereLight":
           uniforms = {
-            direction: new Vector3$1(),
+            direction: new Vector3(),
             skyColor: new Color(),
             groundColor: new Color()
           };
@@ -39244,9 +39244,9 @@ function UniformsCache() {
         case "RectAreaLight":
           uniforms = {
             color: new Color(),
-            position: new Vector3$1(),
-            halfWidth: new Vector3$1(),
-            halfHeight: new Vector3$1()
+            position: new Vector3(),
+            halfWidth: new Vector3(),
+            halfHeight: new Vector3()
           };
           break;
       }
@@ -39270,7 +39270,7 @@ function ShadowUniformsCache() {
             shadowBias: 0,
             shadowNormalBias: 0,
             shadowRadius: 1,
-            shadowMapSize: new Vector2$1()
+            shadowMapSize: new Vector2()
           };
           break;
         case "SpotLight":
@@ -39279,7 +39279,7 @@ function ShadowUniformsCache() {
             shadowBias: 0,
             shadowNormalBias: 0,
             shadowRadius: 1,
-            shadowMapSize: new Vector2$1()
+            shadowMapSize: new Vector2()
           };
           break;
         case "PointLight":
@@ -39288,7 +39288,7 @@ function ShadowUniformsCache() {
             shadowBias: 0,
             shadowNormalBias: 0,
             shadowRadius: 1,
-            shadowMapSize: new Vector2$1(),
+            shadowMapSize: new Vector2(),
             shadowCameraNear: 1,
             shadowCameraFar: 1e3
           };
@@ -39342,8 +39342,8 @@ function WebGLLights(extensions) {
     numSpotLightShadowsWithMaps: 0,
     numLightProbes: 0
   };
-  for (let i = 0; i < 9; i++) state.probe.push(new Vector3$1());
-  const vector3 = new Vector3$1();
+  for (let i = 0; i < 9; i++) state.probe.push(new Vector3());
+  const vector3 = new Vector3();
   const matrix4 = new Matrix4();
   const matrix42 = new Matrix4();
   function setup(lights) {
@@ -39628,7 +39628,7 @@ const vertex = "void main() {\n	gl_Position = vec4( position, 1.0 );\n}";
 const fragment = "uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\n#include <packing>\nvoid main() {\n	const float samples = float( VSM_SAMPLES );\n	float mean = 0.0;\n	float squared_mean = 0.0;\n	float uvStride = samples <= 1.0 ? 0.0 : 2.0 / ( samples - 1.0 );\n	float uvStart = samples <= 1.0 ? 0.0 : - 1.0;\n	for ( float i = 0.0; i < samples; i ++ ) {\n		float uvOffset = uvStart + i * uvStride;\n		#ifdef HORIZONTAL_PASS\n			vec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( uvOffset, 0.0 ) * radius ) / resolution ) );\n			mean += distribution.x;\n			squared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n		#else\n			float depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, uvOffset ) * radius ) / resolution ) );\n			mean += depth;\n			squared_mean += depth * depth;\n		#endif\n	}\n	mean = mean / samples;\n	squared_mean = squared_mean / samples;\n	float std_dev = sqrt( squared_mean - mean * mean );\n	gl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}";
 function WebGLShadowMap(renderer, objects, capabilities) {
   let _frustum2 = new Frustum();
-  const _shadowMapSize = new Vector2$1(), _viewportSize = new Vector2$1(), _viewport = new Vector4(), _depthMaterial = new MeshDepthMaterial({ depthPacking: RGBADepthPacking }), _distanceMaterial = new MeshDistanceMaterial(), _materialCache = {}, _maxTextureSize = capabilities.maxTextureSize;
+  const _shadowMapSize = new Vector2(), _viewportSize = new Vector2(), _viewport = new Vector4(), _depthMaterial = new MeshDepthMaterial({ depthPacking: RGBADepthPacking }), _distanceMaterial = new MeshDistanceMaterial(), _materialCache = {}, _maxTextureSize = capabilities.maxTextureSize;
   const shadowSide = { [FrontSide]: BackSide, [BackSide]: FrontSide, [DoubleSide]: DoubleSide };
   const shadowMaterialVertical = new ShaderMaterial({
     defines: {
@@ -39636,7 +39636,7 @@ function WebGLShadowMap(renderer, objects, capabilities) {
     },
     uniforms: {
       shadow_pass: { value: null },
-      resolution: { value: new Vector2$1() },
+      resolution: { value: new Vector2() },
       radius: { value: 4 }
     },
     vertexShader: vertex,
@@ -40612,7 +40612,7 @@ function WebGLState(gl, extensions) {
 function WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info) {
   const multisampledRTTExt = extensions.has("WEBGL_multisampled_render_to_texture") ? extensions.get("WEBGL_multisampled_render_to_texture") : null;
   const supportsInvalidateFramebuffer = typeof navigator === "undefined" ? false : /OculusBrowser/g.test(navigator.userAgent);
-  const _imageDimensions = new Vector2$1();
+  const _imageDimensions = new Vector2();
   const _videoTextures = /* @__PURE__ */ new WeakMap();
   let _canvas2;
   const _sources = /* @__PURE__ */ new WeakMap();
@@ -41886,9 +41886,9 @@ class WebXRController {
       this._targetRay.matrixAutoUpdate = false;
       this._targetRay.visible = false;
       this._targetRay.hasLinearVelocity = false;
-      this._targetRay.linearVelocity = new Vector3$1();
+      this._targetRay.linearVelocity = new Vector3();
       this._targetRay.hasAngularVelocity = false;
-      this._targetRay.angularVelocity = new Vector3$1();
+      this._targetRay.angularVelocity = new Vector3();
     }
     return this._targetRay;
   }
@@ -41898,9 +41898,9 @@ class WebXRController {
       this._grip.matrixAutoUpdate = false;
       this._grip.visible = false;
       this._grip.hasLinearVelocity = false;
-      this._grip.linearVelocity = new Vector3$1();
+      this._grip.linearVelocity = new Vector3();
       this._grip.hasAngularVelocity = false;
-      this._grip.angularVelocity = new Vector3$1();
+      this._grip.angularVelocity = new Vector3();
     }
     return this._grip;
   }
@@ -42144,7 +42144,7 @@ class WebXRManager extends EventDispatcher {
     let newRenderTarget = null;
     const controllers = [];
     const controllerInputSources = [];
-    const currentSize = new Vector2$1();
+    const currentSize = new Vector2();
     let currentPixelRatio = null;
     const cameraL = new PerspectiveCamera();
     cameraL.viewport = new Vector4();
@@ -42374,8 +42374,8 @@ class WebXRManager extends EventDispatcher {
         }
       }
     }
-    const cameraLPos = new Vector3$1();
-    const cameraRPos = new Vector3$1();
+    const cameraLPos = new Vector3();
+    const cameraRPos = new Vector3();
     function setProjectionFromUnion(camera2, cameraL2, cameraR2) {
       cameraLPos.setFromMatrixPosition(cameraL2.matrixWorld);
       cameraRPos.setFromMatrixPosition(cameraR2.matrixWorld);
@@ -43168,7 +43168,7 @@ let WebGLRenderer$1 = class WebGLRenderer {
     let _localClippingEnabled = false;
     const _currentProjectionMatrix = new Matrix4();
     const _projScreenMatrix2 = new Matrix4();
-    const _vector32 = new Vector3$1();
+    const _vector32 = new Vector3();
     const _vector4 = new Vector4();
     const _emptyScene = { background: null, fog: null, environment: null, overrideMaterial: null, isScene: true };
     let _renderBackground = false;
@@ -44642,7 +44642,7 @@ const three_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   Bone,
   BooleanKeyframeTrack,
   Box2,
-  Box3: Box3$1,
+  Box3,
   Box3Helper,
   BoxGeometry,
   BoxHelper,
@@ -45002,8 +45002,8 @@ const three_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   UnsignedShort5551Type,
   UnsignedShortType,
   VSMShadowMap,
-  Vector2: Vector2$1,
-  Vector3: Vector3$1,
+  Vector2,
+  Vector3,
   Vector4,
   VectorKeyframeTrack,
   VideoTexture,
@@ -45178,7 +45178,7 @@ var Geometry;
     let vertex2 = 0;
     let offset = 0;
     const matrix = new Matrix4();
-    const vector = new Vector3$1();
+    const vector = new Vector3();
     for (let i = 0; i < info.instances.length; i++) {
       const instance = info.instances[i];
       const mesh = g3d2.getInstanceMesh(instance);
@@ -45209,7 +45209,7 @@ var Geometry;
         vector.applyMatrix4(matrix);
         vector.toArray(buffer.vertices, vertex2);
         vertex2 += distExports$2.G3d.POSITION_SIZE;
-        buffer.boxes[i] = new Box3$1(vector.clone(), vector.clone());
+        buffer.boxes[i] = new Box3(vector.clone(), vector.clone());
       }
       for (let p = vertexStart + 1; p < vertexEnd; p++) {
         vector.fromArray(g3d2.positions, p * distExports$2.G3d.POSITION_SIZE);
@@ -45281,8 +45281,8 @@ var Geometry;
   Geometry2.MergeResult = MergeResult;
 })(Geometry || (Geometry = {}));
 const defaultConfig = {
-  position: new Vector3$1(),
-  rotation: new Vector3$1(),
+  position: new Vector3(),
+  rotation: new Vector3(),
   scale: 1,
   matrix: void 0,
   transparency: "all",
@@ -45304,7 +45304,7 @@ function getFullSettings$1(options) {
         merge.rotation.z * Math.PI / 180
       )
     ),
-    new Vector3$1(merge.scale, merge.scale, merge.scale)
+    new Vector3(merge.scale, merge.scale, merge.scale)
   );
   return merge;
 }
@@ -45765,7 +45765,7 @@ class Object3D2 {
    * A new instance is created if none is provided.
    * @returns {THREE.Vector3 | undefined} The center position of the object, or undefined if the object has no geometry.
    */
-  getCenter(target = new Vector3$1()) {
+  getCenter(target = new Vector3()) {
     var _a2;
     return (_a2 = this.getBoundingBox()) == null ? void 0 : _a2.getCenter(target);
   }
@@ -47308,12 +47308,12 @@ function estimateBytesUsed(geometry) {
 }
 function getAverageBoundingBox(positions, thresholdSpan = 1e3, framingDistanceMultiplier = 2) {
   if (positions.length === 0) {
-    return new Box3$1();
+    return new Box3();
   }
   const { centroid, aabb } = calculateCentroidAndBoundingBox(positions);
-  const span = aabb.getSize(new Vector3$1()).length();
-  const center = span > thresholdSpan ? centroid : aabb.getCenter(new Vector3$1());
-  const avgDist = new Vector3$1();
+  const span = aabb.getSize(new Vector3()).length();
+  const center = span > thresholdSpan ? centroid : aabb.getCenter(new Vector3());
+  const avgDist = new Vector3();
   for (const pos of positions) {
     avgDist.set(
       avgDist.x + Math.abs(pos.x - center.x),
@@ -47322,14 +47322,14 @@ function getAverageBoundingBox(positions, thresholdSpan = 1e3, framingDistanceMu
     );
   }
   const scaledDist = avgDist.multiplyScalar(framingDistanceMultiplier / positions.length);
-  return new Box3$1(
+  return new Box3(
     center.clone().sub(scaledDist),
     center.clone().add(scaledDist)
   );
 }
 function calculateCentroidAndBoundingBox(positions) {
-  const sum = new Vector3$1();
-  const aabb = new Box3$1();
+  const sum = new Vector3();
+  const aabb = new Box3();
   for (const pos of positions) {
     sum.add(pos);
     aabb.expandByPoint(pos);
@@ -47374,7 +47374,7 @@ class Scene2 {
   /**
    * Returns the scene bounding box. Returns undefined if scene is empty.
    */
-  getBoundingBox(target = new Box3$1()) {
+  getBoundingBox(target = new Box3()) {
     return this._boundingBox ? target.copy(this._boundingBox) : void 0;
   }
   /**
@@ -47389,7 +47389,7 @@ class Scene2 {
     this.meshes.forEach((m) => {
       const subs = m.getSubmeshes();
       subs.forEach((s) => {
-        const p = s.boundingBox.getCenter(new Vector3$1());
+        const p = s.boundingBox.getCenter(new Vector3());
         p.applyMatrix4(this._matrix);
         points.push(p);
       });
@@ -47565,11 +47565,11 @@ class GeometrySubmesh {
     __publicField(this, "instance");
     __publicField(this, "start");
     __publicField(this, "end");
-    __publicField(this, "boundingBox", new Box3$1());
+    __publicField(this, "boundingBox", new Box3());
   }
   expandBox(point) {
     var _a2;
-    this.boundingBox = ((_a2 = this.boundingBox) == null ? void 0 : _a2.expandByPoint(point)) ?? new Box3$1().set(point, point);
+    this.boundingBox = ((_a2 = this.boundingBox) == null ? void 0 : _a2.expandByPoint(point)) ?? new Box3().set(point, point);
   }
 }
 class InsertableGeometry {
@@ -47629,7 +47629,7 @@ class InsertableGeometry {
       return added;
     }
     const matrix = new Matrix4();
-    const vector = new Vector3$1();
+    const vector = new Vector3();
     const vertexStart = mesh.getVertexStart(section);
     const vertexEnd = mesh.getVertexEnd(section);
     const vertexCount = vertexEnd - vertexStart;
@@ -47703,7 +47703,7 @@ class InsertableGeometry {
       return added;
     }
     const matrix = new Matrix4();
-    const vector = new Vector3$1();
+    const vector = new Vector3();
     const indexOffset = this.offsets.getIndexOffset(mesh);
     const vertexOffset = this.offsets.getVertexOffset(mesh);
     const vertexStart = g3d2.getMeshVertexStart(meshG3dIndex);
@@ -48075,7 +48075,7 @@ function createGhostMaterial() {
       // Uniform controlling the overall transparency of the non-visible objects.
       opacity: { value: 1e-3 },
       // Uniform specifying the fill color for non-visible objects.
-      fillColor: { value: new Vector3$1(0, 0, 0) }
+      fillColor: { value: new Vector3(0, 0, 0) }
     },
     // Render only the front side of faces to prevent drawing internal geometry.
     side: FrontSide,
@@ -48142,7 +48142,7 @@ class OutlineMaterial {
     this.material = createOutlineMaterial();
     this._antialias = (options == null ? void 0 : options.antialias) ?? false;
     this._precision = (options == null ? void 0 : options.precision) ?? 1;
-    this._resolution = (options == null ? void 0 : options.resolution) ?? new Vector2$1(1, 1);
+    this._resolution = (options == null ? void 0 : options.resolution) ?? new Vector2(1, 1);
     this.resolution = this._resolution;
     if (options == null ? void 0 : options.sceneBuffer) {
       this.sceneBuffer = options.sceneBuffer;
@@ -48583,7 +48583,7 @@ class SkyboxMaterial extends ShaderMaterial {
 
         void main() {
           // Define the up vector
-          vec3 up = vec3(0.0, 1.0, 0.0);
+          vec3 up = vec3(0.0, 0.0, 1.0);
 
           // Calculate the direction from the pixel to the camera
           vec3 directionToCamera = normalize(vCameraPosition - vPosition);
@@ -49099,7 +49099,7 @@ class InstancedMesh2 {
     this.bimInstances = g3d2 instanceof distExports$2.G3dMesh ? instances.map((i) => g3d2.scene.instanceNodes[i]) : instances;
     this.meshInstances = instances;
     this.boxes = g3d2 instanceof distExports$2.G3dMesh ? this.importBoundingBoxes() : this.computeBoundingBoxes();
-    this.size = ((_a2 = this.boxes[0]) == null ? void 0 : _a2.getSize(new Vector3$1()).length()) ?? 0;
+    this.size = ((_a2 = this.boxes[0]) == null ? void 0 : _a2.getSize(new Vector3()).length()) ?? 0;
     this.boundingBox = this.computeBoundingBox(this.boxes);
     this._material = this.mesh.material;
   }
@@ -49147,7 +49147,7 @@ class InstancedMesh2 {
     if (this.g3dMesh instanceof distExports$2.G3d) throw new Error("Wrong type");
     const boxes = new Array(this.meshInstances.length);
     for (let i = 0; i < this.meshInstances.length; i++) {
-      const box = new Box3$1();
+      const box = new Box3();
       const instance = this.meshInstances[i];
       box.min.fromArray(this.g3dMesh.scene.getInstanceMin(instance));
       box.max.fromArray(this.g3dMesh.scene.getInstanceMax(instance));
@@ -49692,8 +49692,8 @@ class G3dSubset {
     if (this._source instanceof distExports$2.G3d) {
       throw new Error("Feature requires a vimx file");
     }
-    const min2 = new Vector3$1();
-    const max2 = new Vector3$1();
+    const min2 = new Vector3();
+    const max2 = new Vector3();
     const values = new Array(this._instances.length);
     for (let i = 0; i < this._instances.length; i++) {
       const instance = this._instances[i];
@@ -49808,7 +49808,7 @@ class G3dSubset {
   getBoundingBox() {
     if (this._instances.length === 0) return;
     if (this._source instanceof distExports$2.G3dScene) {
-      const box = new Box3$1();
+      const box = new Box3();
       const first = this._instances[0];
       box.min.fromArray(this._source.getInstanceMin(first));
       box.max.fromArray(this._source.getInstanceMax(first));
@@ -50245,14 +50245,14 @@ const defaultViewerSettings = {
   },
   camera: {
     orthographic: false,
-    allowedMovement: new Vector3$1(1, 1, 1),
-    allowedRotation: new Vector2$1(1, 1),
+    allowedMovement: new Vector3(1, 1, 1),
+    allowedRotation: new Vector2(1, 1),
     near: 1e-3,
     far: 15e3,
     fov: 50,
     zoom: 1,
     // 45 deg down looking down z.
-    forward: new Vector3$1(1, -1, -1),
+    forward: new Vector3(1, -1, -1),
     controls: {
       orbit: true,
       rotateSpeed: 1,
@@ -50285,13 +50285,13 @@ const defaultViewerSettings = {
   sunlights: [
     {
       followCamera: true,
-      position: new Vector3$1(1e3, 1e3, 1e3),
+      position: new Vector3(1e3, 1e3, 1e3),
       color: new Color(16777215),
       intensity: 0.8
     },
     {
       followCamera: true,
-      position: new Vector3$1(-1e3, -1e3, -1e3),
+      position: new Vector3(-1e3, -1e3, -1e3),
       color: new Color(16777215),
       intensity: 0.2
     }
@@ -50364,7 +50364,7 @@ class PerspectiveWrapper {
   frustrumSizeAt(point) {
     const dist2 = this.camera.position.distanceTo(point);
     const size = 2 * dist2 * Math.tan(this.camera.fov / 2 * (Math.PI / 180));
-    return new Vector2$1(size * this.camera.aspect, size);
+    return new Vector2(size * this.camera.aspect, size);
   }
 }
 class OrthographicWrapper {
@@ -50373,7 +50373,7 @@ class OrthographicWrapper {
     this.camera = camera2;
   }
   frustrumSizeAt(point) {
-    return new Vector2$1(
+    return new Vector2(
       this.camera.right - this.camera.left,
       this.camera.top - this.camera.bottom
     );
@@ -50462,14 +50462,14 @@ class GizmoMarker {
   /** Sets the position of the marker in the 3d scene */
   set position(value) {
     const m = new Matrix4();
-    m.compose(value, new Quaternion(), new Vector3$1(1, 1, 1));
+    m.compose(value, new Quaternion(), new Vector3(1, 1, 1));
     this._submesh.mesh.setMatrixAt(this._submesh.index, m);
     this._submesh.mesh.instanceMatrix.needsUpdate = true;
   }
   get position() {
     const m = new Matrix4();
     this._submesh.mesh.getMatrixAt(0, m);
-    return new Vector3$1().setFromMatrixPosition(m);
+    return new Vector3().setFromMatrixPosition(m);
   }
   /**
    * Always false
@@ -50539,7 +50539,7 @@ class GizmoMarker {
    * @returns {THREE.Box3 | undefined} The bounding box of the object.
    */
   getBoundingBox() {
-    return new Box3$1().setFromCenterAndSize(this.position.clone(), new Vector3$1(1, 1, 1));
+    return new Box3().setFromCenterAndSize(this.position.clone(), new Vector3(1, 1, 1));
   }
 }
 class CameraMovement {
@@ -50553,7 +50553,7 @@ class CameraMovement {
    * @param {'XY' | 'XZ'} axes - The axes defining the plane of movement ('XY' or 'XZ').
    */
   move2(vector, axes) {
-    const direction = axes === "XY" ? new Vector3$1(-vector.x, vector.y, 0) : axes === "XZ" ? new Vector3$1(-vector.x, 0, vector.y) : void 0;
+    const direction = axes === "XY" ? new Vector3(-vector.x, vector.y, 0) : axes === "XZ" ? new Vector3(-vector.x, 0, vector.y) : void 0;
     if (direction) this.move3(direction);
   }
   /**
@@ -50562,7 +50562,7 @@ class CameraMovement {
    * @param {'X' | 'Y' | 'Z'} axis - The axis along which to move the camera ('X', 'Y', or 'Z').
    */
   move1(amount, axis) {
-    const direction = new Vector3$1(
+    const direction = new Vector3(
       axis === "X" ? -amount : 0,
       axis === "Y" ? amount : 0,
       axis === "Z" ? amount : 0
@@ -50589,7 +50589,7 @@ class CameraMovement {
     const angleForward = flatForward.angleTo(forward) * Math.sign(forward.z);
     const angleDirection = flatDirection.angleTo(_direction) * Math.sign(_direction.z);
     const declination = angleForward - angleDirection;
-    const angle = new Vector2$1(-declination, azimuth);
+    const angle = new Vector2(-declination, azimuth);
     angle.multiplyScalar(180 / Math.PI);
     this.orbit(angle);
   }
@@ -50608,7 +50608,7 @@ class CameraMovement {
     if (target === "all") {
       target = this._camera._scene.getAverageBoundingBox();
     }
-    if (target instanceof Box3$1) {
+    if (target instanceof Box3) {
       target = target.getBoundingSphere(new Sphere());
     }
     if (target instanceof Sphere) {
@@ -50675,7 +50675,7 @@ class CameraLerp extends CameraMovement {
     v.applyQuaternion(this._camera.quaternion);
     const start = this._camera.position.clone();
     const end = this._camera.position.clone().add(v);
-    const pos = new Vector3$1();
+    const pos = new Vector3();
     this.onProgress = (progress) => {
       pos.copy(start);
       pos.lerp(end, progress);
@@ -50714,7 +50714,7 @@ class CameraLerp extends CameraMovement {
   orbit(angle) {
     const startPos = this._camera.position.clone();
     const startTarget = this._camera.target.clone();
-    const a = new Vector2$1();
+    const a = new Vector2();
     this.onProgress = (progress) => {
       a.set(0, 0);
       a.lerp(angle, progress);
@@ -50727,7 +50727,7 @@ class CameraLerp extends CameraMovement {
     const next = pos.clone().sub(this._camera.position);
     const start = this._camera.quaternion.clone();
     const rot = new Quaternion().setFromUnitVectors(
-      new Vector3$1(0, 0, -1),
+      new Vector3(0, 0, -1),
       next.normalize()
     );
     this.onProgress = (progress) => {
@@ -50789,26 +50789,26 @@ class CameraMovementSnap extends CameraMovement {
   move3(vector) {
     const v = vector.clone();
     v.applyQuaternion(this._camera.quaternion);
-    const locked = this.lockVector(v, new Vector3$1());
+    const locked = this.lockVector(v, new Vector3());
     const pos = this._camera.position.clone().add(locked);
     const target = this._camera.target.clone().add(locked);
     this.set(pos, target);
   }
   set(position, target) {
     target = target ?? this._camera.target;
-    const direction = new Vector3$1().subVectors(position, target);
+    const direction = new Vector3().subVectors(position, target);
     const dist2 = direction.length();
     if (dist2 > 1e-6) {
-      const up = new Vector3$1(0, 0, 1);
+      const up = new Vector3(0, 0, 1);
       const angle = direction.angleTo(up);
       const minAngle = MathUtils.degToRad(5);
       const maxAngle = MathUtils.degToRad(175);
       if (angle < minAngle) {
-        const axis = new Vector3$1().crossVectors(up, direction).normalize();
+        const axis = new Vector3().crossVectors(up, direction).normalize();
         const delta = minAngle - angle;
         direction.applyQuaternion(new Quaternion().setFromAxisAngle(axis, delta));
       } else if (angle > maxAngle) {
-        const axis = new Vector3$1().crossVectors(up, direction).normalize();
+        const axis = new Vector3().crossVectors(up, direction).normalize();
         const delta = maxAngle - angle;
         direction.applyQuaternion(new Quaternion().setFromAxisAngle(axis, delta));
       }
@@ -50824,17 +50824,17 @@ class CameraMovementSnap extends CameraMovement {
     const x = this._camera.allowedMovement.x === 0 ? fallback.x : position.x;
     const y = this._camera.allowedMovement.y === 0 ? fallback.y : position.y;
     const z = this._camera.allowedMovement.z === 0 ? fallback.z : position.z;
-    return new Vector3$1(x, y, z);
+    return new Vector3(x, y, z);
   }
   predictOrbit(angle) {
     const rotation = this.predictRotate(angle);
-    const delta = new Vector3$1(0, 0, 1).applyQuaternion(rotation).multiplyScalar(this._camera.orbitDistance);
+    const delta = new Vector3(0, 0, 1).applyQuaternion(rotation).multiplyScalar(this._camera.orbitDistance);
     const pos = this._camera.target.clone().add(delta);
     return pos;
   }
   predictRotate(angle) {
-    const xQuat = new Quaternion().setFromAxisAngle(new Vector3$1(1, 0, 0), angle.x * Math.PI / 180);
-    const zQuat = new Quaternion().setFromAxisAngle(new Vector3$1(0, 1, 0), angle.y * Math.PI / 180);
+    const xQuat = new Quaternion().setFromAxisAngle(new Vector3(1, 0, 0), angle.x * Math.PI / 180);
+    const zQuat = new Quaternion().setFromAxisAngle(new Vector3(0, 1, 0), angle.y * Math.PI / 180);
     const rotation = this._camera.quaternion.clone();
     rotation.multiply(xQuat).multiply(zQuat);
     return rotation;
@@ -50850,22 +50850,22 @@ let Camera$1 = class Camera2 {
     __publicField(this, "_lerp");
     __publicField(this, "_movement");
     // movements
-    __publicField(this, "_inputVelocity", new Vector3$1());
-    __publicField(this, "_velocity", new Vector3$1());
+    __publicField(this, "_inputVelocity", new Vector3());
+    __publicField(this, "_velocity", new Vector3());
     __publicField(this, "_speed", 0);
     // orbit
     __publicField(this, "_orthographic", false);
-    __publicField(this, "_target", new Vector3$1());
+    __publicField(this, "_target", new Vector3());
     // updates
-    __publicField(this, "_lastPosition", new Vector3$1());
+    __publicField(this, "_lastPosition", new Vector3());
     __publicField(this, "_lastQuaternion", new Quaternion());
-    __publicField(this, "_lastTarget", new Vector3$1());
+    __publicField(this, "_lastTarget", new Vector3());
     // Reuseable vectors for calculations
-    __publicField(this, "_tmp1", new Vector3$1());
-    __publicField(this, "_tmp2", new Vector3$1());
+    __publicField(this, "_tmp1", new Vector3());
+    __publicField(this, "_tmp2", new Vector3());
     // saves
-    __publicField(this, "_savedPosition", new Vector3$1(0, 0, -5));
-    __publicField(this, "_savedTarget", new Vector3$1(0, 0, 0));
+    __publicField(this, "_savedPosition", new Vector3(0, 0, -5));
+    __publicField(this, "_savedTarget", new Vector3(0, 0, 0));
     __publicField(this, "_onValueChanged", new distExports$1.SignalDispatcher());
     __publicField(this, "_hasMoved");
     __publicField(this, "_onMoved", new distExports$1.SignalDispatcher());
@@ -50875,18 +50875,18 @@ let Camera$1 = class Camera2 {
      * Represents allowed movement along each axis using a Vector3 object.
      * Each component of the Vector3 should be either 0 or 1 to enable/disable movement along the corresponding axis.
      */
-    __publicField(this, "_allowedMovement", new Vector3$1(1, 1, 1));
-    __publicField(this, "_allowedRotation", new Vector2$1(1, 1));
+    __publicField(this, "_allowedMovement", new Vector3(1, 1, 1));
+    __publicField(this, "_allowedRotation", new Vector2(1, 1));
     /**
      * The default forward direction that can be used to initialize the camera.
      */
-    __publicField(this, "_defaultForward", new Vector3$1(1, -1, 1).normalize());
+    __publicField(this, "_defaultForward", new Vector3(1, -1, 1).normalize());
     // Settings
     __publicField(this, "_velocityBlendFactor", 1e-4);
     __publicField(this, "_moveSpeed", 1);
     this.camPerspective = new PerspectiveWrapper(new PerspectiveCamera());
-    this.camPerspective.camera.up = new Vector3$1(0, 0, 1);
-    this.camPerspective.camera.lookAt(new Vector3$1(0, 1, 0));
+    this.camPerspective.camera.up = new Vector3(0, 0, 1);
+    this.camPerspective.camera.lookAt(new Vector3(0, 1, 0));
     this.camOrthographic = new OrthographicWrapper(
       new OrthographicCamera()
     );
@@ -50922,7 +50922,7 @@ let Camera$1 = class Camera2 {
     return this._onMoved.asEvent();
   }
   get allowedMovement() {
-    return this._force ? new Vector3$1(1, 1, 1) : this._allowedMovement;
+    return this._force ? new Vector3(1, 1, 1) : this._allowedMovement;
   }
   set allowedMovement(axes) {
     this._allowedMovement.copy(axes);
@@ -50935,7 +50935,7 @@ let Camera$1 = class Camera2 {
    * Each component of the Vector2 should be either 0 or 1 to enable/disable rotation around the corresponding axis.
    */
   get allowedRotation() {
-    return this._force ? new Vector2$1(1, 1) : this._allowedRotation;
+    return this._force ? new Vector2(1, 1) : this._allowedRotation;
   }
   set allowedRotation(axes) {
     this._allowedRotation.copy(axes);
@@ -51011,7 +51011,7 @@ let Camera$1 = class Camera2 {
    * The forward direction of the camera.
    */
   get forward() {
-    return this.camPerspective.camera.getWorldDirection(new Vector3$1());
+    return this.camPerspective.camera.getWorldDirection(new Vector3());
   }
   /**
    * The camera speed factor.
@@ -51376,7 +51376,7 @@ class KeyboardHandler extends InputHandler$1 {
     }
   }
   applyMove() {
-    const move = new Vector3$1(
+    const move = new Vector3(
       (this.isRightPressed ? 1 : 0) - (this.isLeftPressed ? 1 : 0),
       (this.isEPressed ? 1 : 0) - (this.isQPressed ? 1 : 0),
       (this.isUpPressed ? 1 : 0) - (this.isDownPressed ? 1 : 0)
@@ -51591,7 +51591,7 @@ class Raycaster2 {
     const size = this._viewport.getSize();
     const x = position.x / size.x * 2 - 1;
     const y = -(position.y / size.y) * 2 + 1;
-    target.setFromCamera(new Vector2$1(x, y), this._camera.three);
+    target.setFromCamera(new Vector2(x, y), this._camera.three);
     return target;
   }
   /**
@@ -51719,7 +51719,7 @@ class TouchHandler extends InputHandler$1 {
       if (event.touches.length === 1) {
         const pos = this.touchToVector(event.touches[0]);
         const size = this.viewport.getSize();
-        const delta = pos.clone().sub(this._touch).multiply(new Vector2$1(1 / size.x, 1 / size.y));
+        const delta = pos.clone().sub(this._touch).multiply(new Vector2(1 / size.x, 1 / size.y));
         this._touch = pos;
         this.onDrag(delta);
         return;
@@ -51732,7 +51732,7 @@ class TouchHandler extends InputHandler$1 {
         const size = this.viewport.getSize();
         const moveDelta = this._touch.clone().sub(p).multiply(
           // -1 to invert movement
-          new Vector2$1(-1 / size.x, -1 / size.y)
+          new Vector2(-1 / size.x, -1 / size.y)
         );
         const zoom2 = p1.distanceTo(p2);
         const prevZoom = this._touch1.distanceTo(this._touch2);
@@ -51774,7 +51774,7 @@ class TouchHandler extends InputHandler$1 {
     this.reg(canvas, "touchmove", this.onTouchMove);
   }
   toRotation(delta, speed) {
-    const rotation = new Vector2$1();
+    const rotation = new Vector2();
     rotation.x = delta.y;
     rotation.y = delta.x;
     rotation.multiplyScalar(-180 * speed);
@@ -51784,7 +51784,7 @@ class TouchHandler extends InputHandler$1 {
     return this._touch !== void 0 && this._touchStartTime !== void 0 && this._touch1 === void 0 && this._touch2 === void 0;
   }
   touchToVector(touch) {
-    return new Vector2$1(touch.pageX, touch.pageY);
+    return new Vector2(touch.pageX, touch.pageY);
   }
   average(p1, p2) {
     return p1.clone().lerp(p2, 0.5);
@@ -51837,7 +51837,7 @@ class MouseHandler extends InputHandler$1 {
       this.gizmoRect.visible = false;
     });
     __publicField(this, "onMouseMove", (event) => {
-      this._lastPosition = new Vector2$1(event.offsetX, event.offsetY);
+      this._lastPosition = new Vector2(event.offsetX, event.offsetY);
       if (!this._idlePosition || this._lastPosition.distanceTo(this._idlePosition) > 5) {
         this.resetIdle();
       }
@@ -51850,7 +51850,7 @@ class MouseHandler extends InputHandler$1 {
       if (this._buttonDown) return;
       this.inputs.ContextMenu(void 0);
       this._hasCameraMoved = false;
-      this._downPosition = new Vector2$1(event.offsetX, event.offsetY);
+      this._downPosition = new Vector2(event.offsetX, event.offsetY);
       this._hasMouseMoved = false;
       this.viewport.canvas.focus();
       this._buttonDown = this.getButton(event);
@@ -51879,12 +51879,12 @@ class MouseHandler extends InputHandler$1 {
         this.onRectEnd();
       } else if (event.button === 0 && !this._hasMouseMoved) {
         this.onMouseClick(
-          new Vector2$1(event.offsetX, event.offsetY),
+          new Vector2(event.offsetX, event.offsetY),
           false,
           this.getModifier(event)
         );
       } else if (event.button === 2 && !this._hasMouseMoved) {
-        this.inputs.ContextMenu(new Vector2$1(event.clientX, event.clientY));
+        this.inputs.ContextMenu(new Vector2(event.clientX, event.clientY));
       }
       this._buttonDown = void 0;
       this.inputs.pointerOverride = void 0;
@@ -51892,7 +51892,7 @@ class MouseHandler extends InputHandler$1 {
     __publicField(this, "onDoubleClick", (event) => {
       event.stopImmediatePropagation();
       this.onMouseClick(
-        new Vector2$1(event.offsetX, event.offsetY),
+        new Vector2(event.offsetX, event.offsetY),
         true,
         this.getModifier(event)
       );
@@ -51967,8 +51967,8 @@ class MouseHandler extends InputHandler$1 {
     const deltaX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
     const deltaY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;
     const size = this.viewport.getSize();
-    const delta = new Vector2$1(deltaX / size.x, deltaY / size.y);
-    const position = new Vector2$1(event.offsetX, event.offsetY);
+    const delta = new Vector2(deltaX / size.x, deltaY / size.y);
+    const position = new Vector2(event.offsetX, event.offsetY);
     this._hasMouseMoved = this._hasMouseMoved || this._downPosition && ((_a2 = this._downPosition) == null ? void 0 : _a2.distanceTo(position)) > 4;
     switch (this._buttonDown) {
       case "main":
@@ -52028,8 +52028,8 @@ class MouseHandler extends InputHandler$1 {
   onRectEnd() {
     const box = this.gizmoRect.getBoundingBox();
     if (!box) return;
-    const center = box.getCenter(new Vector3$1());
-    const size = box.getSize(new Vector3$1());
+    const center = box.getCenter(new Vector3());
+    const size = box.getSize(new Vector3());
     size.multiplyScalar(0.5);
     box.setFromCenterAndSize(center, size);
     this._viewer.camera.lerp(1).frame(box);
@@ -52237,7 +52237,7 @@ class DefaultInputScheme {
     }
   }
   onIdleAction(hit) {
-    if (!this._viewer.gizmos.section.interactive) {
+    if (!this._viewer.gizmos.sectionBox.interactive) {
       this._viewer.selection.focus(hit == null ? void 0 : hit.object);
     }
   }
@@ -52459,7 +52459,7 @@ class Selection {
    * @param {THREE.Box3} [target] Optional parameter to specify a box to use for the result.
    * @returns {THREE.Box3 | undefined} The bounding box of the selection or `undefined` if no selection exists.
    */
-  getBoundingBox(target = new Box3$1()) {
+  getBoundingBox(target = new Box3()) {
     if (this._objects.size === 0) return;
     let initialized = false;
     for (const o of this._objects) {
@@ -52814,7 +52814,7 @@ class CSS2DObject extends Object3D$1 {
     this.element.style.position = "absolute";
     this.element.style.userSelect = "none";
     this.element.setAttribute("draggable", false);
-    this.center = new Vector2$1(0.5, 0.5);
+    this.center = new Vector2(0.5, 0.5);
     this.addEventListener("removed", function() {
       this.traverse(function(object) {
         if (object.element instanceof object.element.ownerDocument.defaultView.Element && object.element.parentNode !== null) {
@@ -52830,11 +52830,11 @@ class CSS2DObject extends Object3D$1 {
     return this;
   }
 }
-const _vector = new Vector3$1();
+const _vector = new Vector3();
 const _viewMatrix = new Matrix4();
 const _viewProjectionMatrix = new Matrix4();
-const _a = new Vector3$1();
-const _b = new Vector3$1();
+const _a = new Vector3();
+const _b = new Vector3();
 class CSS2DRenderer {
   constructor(parameters = {}) {
     const _this = this;
@@ -52967,8 +52967,8 @@ class RenderScene {
    * Returns the bounding box encompasing all rendererd objects.
    * @param target box in which to copy result, a new instance is created if undefined.
    */
-  getBoundingBox(target = new Box3$1()) {
-    return this._boundingBox ? target.copy(this._boundingBox) : target.set(new Vector3$1(-1, -1, -1), new Vector3$1(1, 1, 1));
+  getBoundingBox(target = new Box3()) {
+    return this._boundingBox ? target.copy(this._boundingBox) : target.set(new Vector3(-1, -1, -1), new Vector3(1, 1, 1));
   }
   /**
    * Returns the bounding box of the average center of all meshes.
@@ -52976,9 +52976,9 @@ class RenderScene {
    */
   getAverageBoundingBox() {
     if (this._vimScenes.length === 0) {
-      return new Box3$1();
+      return new Box3();
     }
-    const result = new Box3$1();
+    const result = new Box3();
     result.copy(this._vimScenes[0].getAverageBoundingBox());
     for (let i = 1; i < this._vimScenes.length; i++) {
       result.union(this._vimScenes[i].getAverageBoundingBox());
@@ -53180,7 +53180,7 @@ let Viewport$1 = class Viewport {
    * @returns {THREE.Vector2} The pixel size of the parent element.
    */
   getParentSize() {
-    return new Vector2$1(
+    return new Vector2(
       this.getParentWidth(),
       this.getParentHeight()
     );
@@ -53198,7 +53198,7 @@ let Viewport$1 = class Viewport {
    * @returns {THREE.Vector2} The pixel size of the canvas.
    */
   getSize() {
-    return new Vector2$1(this.canvas.clientWidth, this.canvas.clientHeight);
+    return new Vector2(this.canvas.clientWidth, this.canvas.clientHeight);
   }
   /**
    * Calculates and returns the aspect ratio of the parent element.
@@ -53260,64 +53260,64 @@ function createAxes(settings2) {
   return [
     new Axis({
       axis: "x",
-      direction: new Vector3$1(1, 0, 0),
+      direction: new Vector3(1, 0, 0),
       size: settings2.bubbleSizePrimary,
       color: settings2.colorX,
       colorSub: settings2.colorXSub,
       line: settings2.lineWidth,
       label: "X",
-      position: new Vector3$1(0, 0, 0)
+      position: new Vector3(0, 0, 0)
     }),
     new Axis({
       axis: "y",
-      direction: new Vector3$1(0, 1, 0),
+      direction: new Vector3(0, 1, 0),
       size: settings2.bubbleSizePrimary,
       color: settings2.colorY,
       colorSub: settings2.colorYSub,
       line: settings2.lineWidth,
       label: "Y",
-      position: new Vector3$1(0, 0, 0)
+      position: new Vector3(0, 0, 0)
     }),
     new Axis({
       axis: "z",
-      direction: new Vector3$1(0, 0, 1),
+      direction: new Vector3(0, 0, 1),
       size: settings2.bubbleSizePrimary,
       color: settings2.colorZ,
       colorSub: settings2.colorZSub,
       line: settings2.lineWidth,
       label: "Z",
-      position: new Vector3$1(0, 0, 0)
+      position: new Vector3(0, 0, 0)
     }),
     new Axis({
       axis: "-x",
-      direction: new Vector3$1(-1, 0, 0),
+      direction: new Vector3(-1, 0, 0),
       size: settings2.bubbleSizeSecondary,
       color: settings2.colorX,
       colorSub: settings2.colorXSub,
       line: void 0,
       label: void 0,
-      position: new Vector3$1(0, 0, 0)
+      position: new Vector3(0, 0, 0)
     }),
     new Axis({
       axis: "-y",
-      direction: new Vector3$1(0, -1, 0),
+      direction: new Vector3(0, -1, 0),
       size: settings2.bubbleSizeSecondary,
       color: settings2.colorY,
       colorSub: settings2.colorYSub,
       line: void 0,
       label: void 0,
-      position: new Vector3$1(0, 0, 0)
+      position: new Vector3(0, 0, 0)
     }),
     new Axis({
       axis: "-z",
       // inverted Z
-      direction: new Vector3$1(0, 0, -1),
+      direction: new Vector3(0, 0, -1),
       size: settings2.bubbleSizeSecondary,
       color: settings2.colorZ,
       colorSub: settings2.colorZSub,
       line: void 0,
       label: void 0,
-      position: new Vector3$1(0, 0, 0)
+      position: new Vector3(0, 0, 0)
     })
   ];
 }
@@ -53338,9 +53338,9 @@ class GizmoAxes {
     __publicField(this, "_pointerInside", false);
     __publicField(this, "_isDragging", false);
     __publicField(this, "_isDragSignificant", false);
-    __publicField(this, "_dragStart", new Vector2$1());
-    __publicField(this, "_dragLast", new Vector2$1());
-    __publicField(this, "_pointer", new Vector3$1());
+    __publicField(this, "_dragStart", new Vector2());
+    __publicField(this, "_dragLast", new Vector2());
+    __publicField(this, "_pointer", new Vector3());
     __publicField(this, "_center");
     __publicField(this, "_invRotMat", new Matrix4());
     __publicField(this, "_selectedAxis", null);
@@ -53438,7 +53438,7 @@ class GizmoAxes {
     const margin = 24 * ratio;
     this._canvas.style.top = `${margin}px`;
     this._canvas.style.right = `${margin}px`;
-    this._center = new Vector3$1(size / 2, size / 2, 0);
+    this._center = new Vector3(size / 2, size / 2, 0);
     this._axes = createAxes(this._options);
   }
   createCanvas() {
@@ -53464,14 +53464,14 @@ class GizmoAxes {
     }
   }
   updateDrag(x, y) {
-    if (new Vector2$1(x, y).sub(this._dragStart).length() > 3) {
+    if (new Vector2(x, y).sub(this._dragStart).length() > 3) {
       this._isDragSignificant = true;
     }
-    const drag = new Vector2$1(x, y).sub(this._dragLast);
+    const drag = new Vector2(x, y).sub(this._dragLast);
     this._dragLast.set(x, y);
     const rotX = drag.y / this._canvas.height;
     const rotY = drag.x / this._canvas.width;
-    this._camera.snap().orbit(new Vector2$1(rotX * -180, rotY * -180));
+    this._camera.snap().orbit(new Vector2(rotX * -180, rotY * -180));
   }
   endDrag() {
     this._isDragging = false;
@@ -53489,8 +53489,8 @@ class GizmoAxes {
       const axis = this._axes[i];
       const highlight = this._selectedAxis === axis;
       const color = axis.position.z >= -0.01 ? axis.color : axis.colorSub;
-      const center2 = new Vector2$1(this._center.x, this._center.y);
-      const pos2 = new Vector2$1(axis.position.x, axis.position.y);
+      const center2 = new Vector2(this._center.x, this._center.y);
+      const pos2 = new Vector2(axis.position.x, axis.position.y);
       if (axis.line) this.drawLine(center2, pos2, axis.line, color);
       const circleColor = new Color(color);
       circleColor.multiplyScalar(highlight ? 1.5 : 1);
@@ -53854,14 +53854,14 @@ class GizmoRectangle {
     const center = A.clone().add(B).multiplyScalar(0.5);
     const [dx, dy] = this.getBoxSize(A, B);
     this.updateRect(center, dx, dy);
-    const AB = this.getIntersection(plane, new Vector2$1(posA.x, posB.y));
-    const BA = this.getIntersection(plane, new Vector2$1(posB.x, posA.y));
+    const AB = this.getIntersection(plane, new Vector2(posA.x, posB.y));
+    const BA = this.getIntersection(plane, new Vector2(posB.x, posA.y));
     if (!AB || !BA) return;
     this.points = [A, B, AB, BA, center];
   }
   getIntersection(plane, position) {
     const raycaster = this.viewer.raycaster.fromPoint2(position);
-    return raycaster.ray.intersectPlane(plane, new Vector3$1()) ?? void 0;
+    return raycaster.ray.intersectPlane(plane, new Vector3()) ?? void 0;
   }
   updateRect(position, dx, dy) {
     this.line.quaternion.copy(this.viewer.camera.quaternion);
@@ -53872,8 +53872,8 @@ class GizmoRectangle {
   }
   getBoxSize(A, B) {
     const cam = this.viewer.camera;
-    const up = new Vector3$1(0, 1, 0).applyQuaternion(cam.quaternion);
-    const right = new Vector3$1(1, 0, 0).applyQuaternion(cam.quaternion);
+    const up = new Vector3(0, 1, 0).applyQuaternion(cam.quaternion);
+    const right = new Vector3(1, 0, 0).applyQuaternion(cam.quaternion);
     const Ax = A.dot(right);
     const Ay = A.dot(up);
     const Bx = B.dot(right);
@@ -53891,7 +53891,7 @@ class GizmoRectangle {
    * X-----X
    * @returns {THREE.Box3} The bounding box of the selection.
    */
-  getBoundingBox(target = new Box3$1()) {
+  getBoundingBox(target = new Box3()) {
     const position = this.getClosestHit();
     const projections = position ? this.projectPoints(position) : this.points;
     if (!projections) return;
@@ -53923,7 +53923,7 @@ class GizmoRectangle {
       this.viewer.camera.forward,
       position
     );
-    return (_a2 = this.points) == null ? void 0 : _a2.map((p) => plane.projectPoint(p, new Vector3$1()));
+    return (_a2 = this.points) == null ? void 0 : _a2.map((p) => plane.projectPoint(p, new Vector3()));
   }
 }
 class MeasureFlow {
@@ -54057,7 +54057,7 @@ MeshLine.prototype.setPoints = function(points, wcb) {
   this.widthCallback = wcb;
   this.positions = [];
   this.counters = [];
-  if (points.length && points[0] instanceof Vector3$1) {
+  if (points.length && points[0] instanceof Vector3) {
     for (let j = 0; j < points.length; j++) {
       const p = points[j];
       const c = j / points.length;
@@ -54081,7 +54081,7 @@ function MeshLineRaycast(raycaster, intersects2) {
   const inverseMatrix = new Matrix4();
   const ray = new Ray();
   const sphere = new Sphere();
-  const interRay = new Vector3$1();
+  const interRay = new Vector3();
   const geometry = this.geometry;
   if (!geometry.boundingSphere) geometry.computeBoundingSphere();
   sphere.copy(geometry.boundingSphere);
@@ -54091,9 +54091,9 @@ function MeshLineRaycast(raycaster, intersects2) {
   }
   inverseMatrix.copy(this.matrixWorld).invert();
   ray.copy(raycaster.ray).applyMatrix4(inverseMatrix);
-  const vStart = new Vector3$1();
-  const vEnd = new Vector3$1();
-  const interSegment = new Vector3$1();
+  const vStart = new Vector3();
+  const vEnd = new Vector3();
+  const interSegment = new Vector3();
   const step = this instanceof LineSegments ? 2 : 1;
   const index2 = geometry.index;
   const attributes = geometry.attributes;
@@ -54396,7 +54396,7 @@ class MeshLineMaterial extends ShaderMaterial {
         useAlphaMap: { value: 0 },
         color: { value: new Color(16777215) },
         opacity: { value: 1 },
-        resolution: { value: new Vector2$1(1, 1) },
+        resolution: { value: new Vector2(1, 1) },
         sizeAttenuation: { value: 1 },
         dashArray: { value: 0 },
         dashOffset: { value: 0 },
@@ -54404,7 +54404,7 @@ class MeshLineMaterial extends ShaderMaterial {
         useDash: { value: 0 },
         visibility: { value: 1 },
         alphaTest: { value: 0 },
-        repeat: { value: new Vector2$1(1, 1) }
+        repeat: { value: new Vector2(1, 1) }
       }),
       vertexShader: ShaderChunk.meshline_vert,
       fragmentShader: ShaderChunk.meshline_frag
@@ -54795,12 +54795,12 @@ class MeasureGizmo {
     const xz = this.screenDist(this._lineX.position, this._lineZ.position);
     const yz = this.screenDist(this._lineY.position, this._lineZ.position);
     let conflicts = 0;
-    if (lx !== void 0 && lx < 0.1) conflicts++;
-    if (ly !== void 0 && ly < 0.1) conflicts++;
-    if (lz !== void 0 && lz < 0.1) conflicts++;
-    if (xy !== void 0 && xy < 0.1) conflicts++;
-    if (xz !== void 0 && xz < 0.1) conflicts++;
-    if (yz !== void 0 && yz < 0.1) conflicts++;
+    if (lx !== void 0 && lx < 0.3) conflicts++;
+    if (ly !== void 0 && ly < 0.3) conflicts++;
+    if (lz !== void 0 && lz < 0.3) conflicts++;
+    if (xy !== void 0 && xy < 0.3) conflicts++;
+    if (xz !== void 0 && xz < 0.3) conflicts++;
+    if (yz !== void 0 && yz < 0.3) conflicts++;
     const collapse2 = conflicts > 1;
     this._label.visible = collapse2;
     this._line.label.visible = !collapse2;
@@ -54830,6 +54830,7 @@ class MeasureGizmo {
       this._line.mesh.visible = false;
       this._line.label.visible = false;
     }
+    this._label.visible = false;
     this._viewer.renderer.needsUpdate = true;
   }
   /**
@@ -54879,7 +54880,9 @@ class MeasureGizmo {
    * Disposes all resources.
    */
   dispose() {
+    console.log("dispose");
     if (this._animId !== void 0) cancelAnimationFrame(this._animId);
+    this._html.div.remove();
     this._viewer.renderer.remove(this._group);
     this._startMarker.dispose();
     this._endMarker.dispose();
@@ -55062,7 +55065,7 @@ class BoxInputs {
     /** The currently hovered/dragged handle, if any. */
     __publicField(this, "_handle");
     /** The origin point for dragging, updated on pointer down. */
-    __publicField(this, "_dragOrigin", new Vector3$1());
+    __publicField(this, "_dragOrigin", new Vector3());
     /** The plane used for drag intersection (perpendicular to the camera direction). */
     __publicField(this, "_dragPlane", new Plane());
     /** Whether a pointer is currently down on a handle. */
@@ -55070,7 +55073,7 @@ class BoxInputs {
     /** A reusable Raycaster for picking and plane intersection. */
     __publicField(this, "_raycaster", new Raycaster$1());
     /** The box state before the current drag. */
-    __publicField(this, "_lastBox", new Box3$1());
+    __publicField(this, "_lastBox", new Box3());
     /** A collection of unregister callbacks for event listeners. */
     __publicField(this, "_unregisters", []);
     /** The ID of the pointer that is captured, if any. */
@@ -55155,7 +55158,7 @@ class BoxInputs {
   onPointerLeave(event) {
     var _a2, _b2;
     if (!this.pointerCaptured) {
-      (_b2 = this.onFaceEnter) == null ? void 0 : _b2.call(this, ((_a2 = this._handle) == null ? void 0 : _a2.forward) ?? new Vector3$1());
+      (_b2 = this.onFaceEnter) == null ? void 0 : _b2.call(this, ((_a2 = this._handle) == null ? void 0 : _a2.forward) ?? new Vector3());
     }
   }
   /**
@@ -55190,13 +55193,13 @@ class BoxInputs {
       this.onDrag(event);
       return;
     }
-    const hits = this.raycast(new Vector2$1(event.offsetX, event.offsetY));
+    const hits = this.raycast(new Vector2(event.offsetX, event.offsetY));
     const handle = (_b2 = (_a2 = hits == null ? void 0 : hits[0]) == null ? void 0 : _a2.object) == null ? void 0 : _b2.userData.handle;
     if (handle !== this._handle) {
       (_c = this._handle) == null ? void 0 : _c.highlight(false);
       handle == null ? void 0 : handle.highlight(true);
       this._handle = handle;
-      (_d = this.onFaceEnter) == null ? void 0 : _d.call(this, (handle == null ? void 0 : handle.forward) ?? new Vector3$1());
+      (_d = this.onFaceEnter) == null ? void 0 : _d.call(this, (handle == null ? void 0 : handle.forward) ?? new Vector3());
     }
   }
   /**
@@ -55214,7 +55217,7 @@ class BoxInputs {
         this.onMouseMove(event);
       } else {
         this._handle = void 0;
-        (_a2 = this.onFaceEnter) == null ? void 0 : _a2.call(this, new Vector3$1());
+        (_a2 = this.onFaceEnter) == null ? void 0 : _a2.call(this, new Vector3());
       }
       (_b2 = this.onBoxConfirm) == null ? void 0 : _b2.call(this, this._sharedBox);
     }
@@ -55226,7 +55229,7 @@ class BoxInputs {
    */
   onMouseDown(event) {
     var _a2, _b2, _c, _d;
-    const hits = this.raycast(new Vector2$1(event.offsetX, event.offsetY));
+    const hits = this.raycast(new Vector2(event.offsetX, event.offsetY));
     const handle = (_c = (_b2 = (_a2 = hits == null ? void 0 : hits[0]) == null ? void 0 : _a2.object) == null ? void 0 : _b2.userData) == null ? void 0 : _c.handle;
     if (!handle) return;
     this._handle = handle;
@@ -55248,7 +55251,7 @@ class BoxInputs {
   onDrag(event) {
     var _a2;
     if (!this._handle) return;
-    const point = this.raycastPlane(new Vector2$1(event.offsetX, event.offsetY)) ?? this._dragOrigin.clone();
+    const point = this.raycastPlane(new Vector2(event.offsetX, event.offsetY)) ?? this._dragOrigin.clone();
     const delta = point.sub(this._dragOrigin);
     const amount = delta.dot(this._handle.forward);
     const box = this.stretch(this._handle.axis, this._handle.sign, amount);
@@ -55302,7 +55305,7 @@ class BoxInputs {
   raycastPlane(position) {
     return this.getRaycaster(position).ray.intersectPlane(
       this._dragPlane,
-      new Vector3$1()
+      new Vector3()
     );
   }
 }
@@ -55450,15 +55453,24 @@ class SectionBoxHandle extends Mesh {
     __publicField(this, "_color");
     __publicField(this, "_highlightColor");
     __publicField(this, "_materials");
+    __publicField(this, "_camSub");
     this._materials = [matAlways, matBehind];
-    this._forward = new Vector3$1();
+    this._forward = new Vector3();
     this.forward[axes] = sign2;
     this.axis = axes;
     this.sign = sign2;
     this._color = color ?? new Color(0);
     this._highlightColor = this._color.clone().lerp(new Color(13421772), 0.8);
     this.userData.handle = this;
-    this.quaternion.setFromUnitVectors(new Vector3$1(0, -1, 0), this._forward);
+    this.quaternion.setFromUnitVectors(new Vector3(0, -1, 0), this._forward);
+  }
+  trackCamera(camera2) {
+    const rescale = () => {
+      const size = camera2.frustrumSizeAt(this.position);
+      this.scale.set(size.x * 3e-3, size.x * 3e-3, size.x * 3e-3);
+    };
+    this._camSub = camera2.onMoved.subscribe(() => rescale());
+    rescale();
   }
   setPosition(position) {
     this.position.copy(position);
@@ -55471,8 +55483,10 @@ class SectionBoxHandle extends Mesh {
     this.material[1].color.set(value ? this._highlightColor : this._color);
   }
   dispose() {
+    var _a2;
     this.geometry.dispose();
     this._materials.forEach((m) => m.dispose());
+    (_a2 = this._camSub) == null ? void 0 : _a2.call(this);
   }
 }
 function createDoubleCone(size) {
@@ -55488,7 +55502,7 @@ function createDoubleCone(size) {
   return mergedGeo;
 }
 class SectionBoxHandles {
-  constructor() {
+  constructor(camera2) {
     __publicField(this, "up");
     __publicField(this, "down");
     __publicField(this, "left");
@@ -55503,6 +55517,12 @@ class SectionBoxHandles {
     this.right = new SectionBoxHandle("x", 1, size, new Color(16711680));
     this.front = new SectionBoxHandle("z", 1, size, new Color(255));
     this.back = new SectionBoxHandle("z", -1, size, new Color(255));
+    this.up.trackCamera(camera2);
+    this.down.trackCamera(camera2);
+    this.left.trackCamera(camera2);
+    this.right.trackCamera(camera2);
+    this.front.trackCamera(camera2);
+    this.back.trackCamera(camera2);
     this.meshes = new Group();
     this.meshes.add(this.up);
     this.meshes.add(this.down);
@@ -55518,13 +55538,13 @@ class SectionBoxHandles {
     this.meshes.visible = value;
   }
   fitBox(box) {
-    const center = box.getCenter(new Vector3$1());
-    this.up.setPosition(new Vector3$1(center.x, box.max.y, center.z));
-    this.down.setPosition(new Vector3$1(center.x, box.min.y, center.z));
-    this.left.setPosition(new Vector3$1(box.min.x, center.y, center.z));
-    this.right.setPosition(new Vector3$1(box.max.x, center.y, center.z));
-    this.front.setPosition(new Vector3$1(center.x, center.y, box.max.z));
-    this.back.setPosition(new Vector3$1(center.x, center.y, box.min.z));
+    const center = box.getCenter(new Vector3());
+    this.up.setPosition(new Vector3(center.x, box.max.y, center.z));
+    this.down.setPosition(new Vector3(center.x, box.min.y, center.z));
+    this.left.setPosition(new Vector3(box.min.x, center.y, center.z));
+    this.right.setPosition(new Vector3(box.max.x, center.y, center.z));
+    this.front.setPosition(new Vector3(center.x, center.y, box.max.z));
+    this.back.setPosition(new Vector3(center.x, center.y, box.min.z));
   }
   dispose() {
     this.up.dispose();
@@ -55536,7 +55556,7 @@ class SectionBoxHandles {
   }
 }
 class SectionBoxGizmo {
-  constructor(renderer) {
+  constructor(renderer, camera2) {
     __publicField(this, "_renderer");
     __publicField(this, "cube");
     __publicField(this, "outline");
@@ -55545,7 +55565,7 @@ class SectionBoxGizmo {
     this._renderer = renderer;
     this.cube = new SectionBoxMesh();
     this.outline = new SectionBoxOutline(new Color(8882833));
-    this.handles = new SectionBoxHandles();
+    this.handles = new SectionBoxHandles(camera2);
     this._renderer.add(this.outline);
     this._renderer.add(this.handles.meshes);
     this.visible = false;
@@ -55596,7 +55616,7 @@ let SectionBox$1 = class SectionBox {
     __publicField(this, "_onBoxConfirm", new distExports.SimpleEventDispatcher());
     __publicField(this, "_onHover", new distExports.SimpleEventDispatcher());
     this._viewer = viewer;
-    this._gizmos = new SectionBoxGizmo(viewer.renderer);
+    this._gizmos = new SectionBoxGizmo(viewer.renderer, viewer.camera);
     this._inputs = new BoxInputs(
       viewer,
       this._gizmos.handles,
@@ -55611,6 +55631,9 @@ let SectionBox$1 = class SectionBox {
       this.update();
     };
     this._inputs.onBoxConfirm = (box) => this._onBoxConfirm.dispatch(box);
+    viewer.renderer.onBoxUpdated.subscribe(() => {
+      this.fitBox(viewer.renderer.getBoundingBox());
+    });
     this.clip = false;
     this.visible = false;
     this.interactive = false;
@@ -55711,6 +55734,7 @@ let SectionBox$1 = class SectionBox {
   set visible(value) {
     if (value === this._visible) return;
     this._gizmos.visible = value;
+    this._visible = value;
     if (value) {
       this.update();
     }
@@ -55727,11 +55751,10 @@ let SectionBox$1 = class SectionBox {
    * @param box - The bounding box to match (required).
    * @param padding - The scalar amount by which to expand the bounding box. Default is `1`.
    */
-  fitBox(box, padding = 1) {
+  fitBox(box) {
     if (!box) return;
-    const b = box.expandByScalar(padding);
-    this._gizmos.fitBox(b);
-    this.renderer.section.fitBox(b);
+    this._gizmos.fitBox(box);
+    this.renderer.section.fitBox(box);
     this._onBoxConfirm.dispatch(this.box);
     this.renderer.needsUpdate = true;
   }
@@ -55741,7 +55764,7 @@ let SectionBox$1 = class SectionBox {
    * Call this if the renderer's section box is changed by code outside this class.
    */
   update() {
-    this.fitBox(this.section.box, 0);
+    this.fitBox(this.section.box);
     this.renderer.needsUpdate = true;
   }
   /**
@@ -55763,7 +55786,7 @@ class Gizmos {
     /**
      * The section box gizmo.
      */
-    __publicField(this, "section");
+    __publicField(this, "sectionBox");
     /**
      * The loading indicator gizmo.
      */
@@ -55787,7 +55810,7 @@ class Gizmos {
     var _a2;
     this.viewer = viewer;
     this._measure = new Measure(viewer);
-    this.section = new SectionBox$1(viewer);
+    this.sectionBox = new SectionBox$1(viewer);
     this.loading = new GizmoLoading(viewer);
     this.orbit = new GizmoOrbit(
       viewer.renderer,
@@ -55816,7 +55839,7 @@ class Gizmos {
     var _a2;
     (_a2 = this.viewer.viewport.canvas.parentElement) == null ? void 0 : _a2.removeChild(this.axes.canvas);
     this._measure.clear();
-    this.section.dispose();
+    this.sectionBox.dispose();
     this.loading.dispose();
     this.orbit.dispose();
     this.rectangle.dispose();
@@ -55831,16 +55854,16 @@ class RenderingSection {
     /**
      * Current section box. To update the box use fitbox.
      */
-    __publicField(this, "box", new Box3$1(
-      new Vector3$1(-100, -100, -100),
-      new Vector3$1(100, 100, 100)
+    __publicField(this, "box", new Box3(
+      new Vector3(-100, -100, -100),
+      new Vector3(100, 100, 100)
     ));
-    __publicField(this, "maxX", new Plane(new Vector3$1(-1, 0, 0)));
-    __publicField(this, "minX", new Plane(new Vector3$1(1, 0, 0)));
-    __publicField(this, "maxY", new Plane(new Vector3$1(0, -1, 0)));
-    __publicField(this, "minY", new Plane(new Vector3$1(0, 1, 0)));
-    __publicField(this, "maxZ", new Plane(new Vector3$1(0, 0, -1)));
-    __publicField(this, "minZ", new Plane(new Vector3$1(0, 0, 1)));
+    __publicField(this, "maxX", new Plane(new Vector3(-1, 0, 0)));
+    __publicField(this, "minX", new Plane(new Vector3(1, 0, 0)));
+    __publicField(this, "maxY", new Plane(new Vector3(0, -1, 0)));
+    __publicField(this, "minY", new Plane(new Vector3(0, 1, 0)));
+    __publicField(this, "maxZ", new Plane(new Vector3(0, 0, -1)));
+    __publicField(this, "minZ", new Plane(new Vector3(0, 0, 1)));
     __publicField(this, "planes", [
       this.maxX,
       this.minX,
@@ -56057,7 +56080,7 @@ class EffectComposer {
     this.renderer = renderer;
     this._pixelRatio = renderer.getPixelRatio();
     if (renderTarget === void 0) {
-      const size = renderer.getSize(new Vector2$1());
+      const size = renderer.getSize(new Vector2());
       this._width = size.width;
       this._height = size.height;
       renderTarget = new WebGLRenderTarget(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: HalfFloatType });
@@ -56137,7 +56160,7 @@ class EffectComposer {
   }
   reset(renderTarget) {
     if (renderTarget === void 0) {
-      const size = this.renderer.getSize(new Vector2$1());
+      const size = this.renderer.getSize(new Vector2());
       this._pixelRatio = this.renderer.getPixelRatio();
       this._width = size.width;
       this._height = size.height;
@@ -56225,7 +56248,7 @@ const FXAAShader = {
   name: "FXAAShader",
   uniforms: {
     "tDiffuse": { value: null },
-    "resolution": { value: new Vector2$1(1 / 1024, 1 / 512) }
+    "resolution": { value: new Vector2(1 / 1024, 1 / 512) }
   },
   vertexShader: (
     /* glsl */
@@ -56512,7 +56535,7 @@ class OutlinePass extends Pass {
     this.needsSwap = true;
   }
   setSize(width, height) {
-    this.material.resolution = new Vector2$1(width, height);
+    this.material.resolution = new Vector2(width, height);
   }
   get camera() {
     return this.material.camera;
@@ -56752,7 +56775,7 @@ class RenderingComposer {
    * @param height - New height in pixels
    */
   setSize(width, height) {
-    this._size = new Vector2$1(width, height);
+    this._size = new Vector2(width, height);
     this._sceneTarget.setSize(width, height);
     this._renderPass.setSize(width, height);
     this._composer.setSize(width, height);
@@ -56945,7 +56968,7 @@ let Renderer$1 = class Renderer {
    * @param target - Box in which to copy the result. A new instance is created if undefined.
    * @returns The bounding box encompassing all rendered objects.
    */
-  getBoundingBox(target = new Box3$1()) {
+  getBoundingBox(target = new Box3()) {
     return this._scene.getBoundingBox(target);
   }
   /**
@@ -57308,7 +57331,7 @@ function strToVector3(str) {
     const x = Number.parseFloat(split2[0]);
     const y = Number.parseFloat(split2[1]);
     const z = Number.parseFloat(split2[2]);
-    return new Vector3$1(x, y, z);
+    return new Vector3(x, y, z);
   } catch {
   }
 }
@@ -57320,7 +57343,7 @@ function strToVector2(str) {
   try {
     const x = Number.parseFloat(split2[0]);
     const y = Number.parseFloat(split2[1]);
-    return new Vector2$1(x, y);
+    return new Vector2(x, y);
   } catch {
   }
 }
@@ -57353,8 +57376,8 @@ function removeUndefinedProperties(obj) {
   return result;
 }
 function createBoxes(boxes) {
-  const center = new Vector3$1();
-  const size = new Vector3$1();
+  const center = new Vector3();
+  const size = new Vector3();
   const quaternion = new Quaternion();
   const matrices = boxes.map((b) => {
     b.getCenter(center);
@@ -57430,134 +57453,11 @@ class InputHandler2 {
     });
   }
 }
-class Vector32 {
-  constructor(x = 0, y = 0, z = 0) {
-    __publicField(this, "x");
-    __publicField(this, "y");
-    __publicField(this, "z");
-    this.x = x;
-    this.y = y;
-    this.z = z;
-  }
-  set(x, y, z) {
-    this.x = x;
-    this.y = y;
-    this.z = z;
-    return this;
-  }
-  copy(v) {
-    this.x = v.x;
-    this.y = v.y;
-    this.z = v.z;
-    return this;
-  }
-  add(v) {
-    this.x += v.x;
-    this.y += v.y;
-    this.z += v.z;
-    return this;
-  }
-  sub(v) {
-    this.x -= v.x;
-    this.y -= v.y;
-    this.z -= v.z;
-    return this;
-  }
-  multiplyScalar(scalar) {
-    this.x *= scalar;
-    this.y *= scalar;
-    this.z *= scalar;
-    return this;
-  }
-  min(v) {
-    this.x = Math.min(this.x, v.x);
-    this.y = Math.min(this.y, v.y);
-    this.z = Math.min(this.z, v.z);
-    return this;
-  }
-  max(v) {
-    this.x = Math.max(this.x, v.x);
-    this.y = Math.max(this.y, v.y);
-    this.z = Math.max(this.z, v.z);
-    return this;
-  }
-  isValid() {
-    return Number.isFinite(this.x) && Number.isFinite(this.y) && Number.isFinite(this.z);
-  }
-  equals(v) {
-    return this.x === v.x && this.y === v.y && this.z === v.z;
-  }
-  toArray() {
-    return [this.x, this.y, this.z];
-  }
-}
-class Vector22 {
-  constructor(x = 0, y = 0) {
-    __publicField(this, "x");
-    __publicField(this, "y");
-    this.x = x;
-    this.y = y;
-  }
-  set(x, y) {
-    this.x = x;
-    this.y = y;
-    return this;
-  }
-  copy(v) {
-    this.x = v.x;
-    this.y = v.y;
-    return this;
-  }
-  add(v) {
-    this.x += v.x;
-    this.y += v.y;
-    return this;
-  }
-  sub(v) {
-    this.x -= v.x;
-    this.y -= v.y;
-    return this;
-  }
-  multiplyScalar(scalar) {
-    this.x *= scalar;
-    this.y *= scalar;
-    return this;
-  }
-  min(v) {
-    this.x = Math.min(this.x, v.x);
-    this.y = Math.min(this.y, v.y);
-    return this;
-  }
-  max(v) {
-    this.x = Math.max(this.x, v.x);
-    this.y = Math.max(this.y, v.y);
-    return this;
-  }
-  equals(v) {
-    return this.x === v.x && this.y === v.y;
-  }
-  isValid() {
-    return Number.isFinite(this.x) && Number.isFinite(this.y);
-  }
-  almostEquals(v, tolerance = Number.EPSILON) {
-    return Math.abs(this.x - v.x) < tolerance && Math.abs(this.y - v.y) < tolerance;
-  }
-  toArray() {
-    return [this.x, this.y];
-  }
-  distanceTo(v) {
-    const dx = this.x - v.x;
-    const dy = this.y - v.y;
-    return Math.sqrt(dx * dx + dy * dy);
-  }
-  clamp01() {
-    this.x = clamp$1(this.x, 0, 1);
-    this.y = clamp$1(this.y, 0, 1);
-    return this;
-  }
+function almostEqual(v1, v2, epsilon = 1e-6) {
+  return Math.abs(v1.x - v2.x) < epsilon && Math.abs(v1.y - v2.y) < epsilon;
 }
 class Segment {
-  constructor(origin = new Vector32(), target = new Vector32()) {
+  constructor(origin = new Vector3(), target = new Vector3()) {
     __publicField(this, "origin");
     __publicField(this, "target");
     this.origin = origin;
@@ -57565,8 +57465,8 @@ class Segment {
   }
   static fromArray(array) {
     return new Segment(
-      new Vector32(array[0], array[1], array[2]),
-      new Vector32(array[3], array[4], array[5])
+      new Vector3(array[0], array[1], array[2]),
+      new Vector3(array[3], array[4], array[5])
     );
   }
   toArray() {
@@ -57579,62 +57479,6 @@ class Segment {
     return this.origin.equals(segment.origin) && this.target.equals(segment.target);
   }
 }
-class Box32 {
-  constructor(min2 = new Vector32(Infinity, Infinity, Infinity), max2 = new Vector32(-Infinity, -Infinity, -Infinity)) {
-    __publicField(this, "min");
-    __publicField(this, "max");
-    this.min = min2;
-    this.max = max2;
-  }
-  static fromArray(array) {
-    return new Box32().set(
-      new Vector32(array[0], array[1], array[2]),
-      new Vector32(array[3], array[4], array[5])
-    );
-  }
-  isValid() {
-    return this.min.x <= this.max.x && this.min.y <= this.max.y && this.min.z <= this.max.z;
-  }
-  set(min2, max2) {
-    this.min.copy(min2);
-    this.max.copy(max2);
-    return this;
-  }
-  setFromPoints(points) {
-    this.min.set(Infinity, Infinity, Infinity);
-    this.max.set(-Infinity, -Infinity, -Infinity);
-    points.forEach((point) => {
-      this.min.min(point);
-      this.max.max(point);
-    });
-    return this;
-  }
-  getCenter(target = new Vector32()) {
-    return target.copy(this.min).add(this.max).multiplyScalar(0.5);
-  }
-  getSize(target = new Vector32()) {
-    return target.copy(this.max).sub(this.min);
-  }
-  containsPoint(point) {
-    return point.x >= this.min.x && point.x <= this.max.x && point.y >= this.min.y && point.y <= this.max.y && point.z >= this.min.z && point.z <= this.max.z;
-  }
-  intersectsBox(box) {
-    return !(box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y || box.max.z < this.min.z || box.min.z > this.max.z);
-  }
-  expandByPoint(point) {
-    this.min.min(point);
-    this.max.max(point);
-    return this;
-  }
-  union(box) {
-    this.min.min(box.min);
-    this.max.max(box.max);
-    return this;
-  }
-  toArray() {
-    return [this.min.x, this.min.y, this.min.z, this.max.x, this.max.y, this.max.z];
-  }
-}
 class RGBA {
   constructor(r, g, b, a = 1) {
     __publicField(this, "r");
@@ -57772,7 +57616,7 @@ class InputMouse extends InputHandler2 {
     super();
     __publicField(this, "_rpc");
     __publicField(this, "_canvas");
-    __publicField(this, "_lastMouseDownPosition", new Vector22(0, 0));
+    __publicField(this, "_lastMouseDownPosition", new Vector2(0, 0));
     __publicField(this, "_selection");
     __publicField(this, "_camera");
     this._canvas = canvas;
@@ -57819,7 +57663,7 @@ class InputMouse extends InputHandler2 {
   async handleMouseClick(event) {
     if (event.pointerType !== "mouse") return;
     const pos = this.relativePosition(event);
-    if (!this._lastMouseDownPosition.almostEquals(pos, 0.01)) {
+    if (!almostEqual(this._lastMouseDownPosition, pos, 0.01)) {
       return;
     }
     const hit = await this._selection.hitTest(pos);
@@ -57853,7 +57697,7 @@ class InputMouse extends InputHandler2 {
   }
   relativePosition(event) {
     const rect = this._canvas.getBoundingClientRect();
-    return new Vector22(
+    return new Vector2(
       event.offsetX / rect.width,
       event.offsetY / rect.height
     );
@@ -57864,7 +57708,7 @@ class InputTouch extends InputHandler2 {
     super();
     __publicField(this, "_rpc");
     __publicField(this, "_canvas");
-    __publicField(this, "_lastTouchStartPosition", new Vector22(0, 0));
+    __publicField(this, "_lastTouchStartPosition", new Vector2(0, 0));
     // Add these properties to your InputTouch class
     __publicField(this, "_initialTouchDistance");
     this._canvas = canvas;
@@ -57928,7 +57772,7 @@ class InputTouch extends InputHandler2 {
     if (this.handlePinch(pos1, pos2)) {
       return;
     }
-    const avg = new Vector22(
+    const avg = new Vector2(
       (pos1.x + pos2.x) / 2,
       (pos1.y + pos2.y) / 2
     );
@@ -57967,7 +57811,7 @@ class InputTouch extends InputHandler2 {
   handleDoubleTouchEnd(touch1, touch2) {
     const pos1 = this.relativeTouchPosition(touch1);
     const pos2 = this.relativeTouchPosition(touch2);
-    const avg = new Vector22(
+    const avg = new Vector2(
       (pos1.x + pos2.x) / 2,
       (pos1.y + pos2.y) / 2
     );
@@ -57987,7 +57831,7 @@ class InputTouch extends InputHandler2 {
   }
   relativeTouchPosition(touch) {
     const rect = this._canvas.getBoundingClientRect();
-    return new Vector22(
+    return new Vector2(
       (touch.clientX - rect.left) / rect.width,
       (touch.clientY - rect.top) / rect.height
     );
@@ -58155,7 +57999,6 @@ class Marshal {
   }
   // -------------------- SectionBox -------------------
   writeSectionBoxState(data2) {
-    this.writeBoolean(data2.enabled);
     this.writeBoolean(data2.visible);
     this.writeBoolean(data2.interactible);
     this.writeBoolean(data2.clip);
@@ -58263,13 +58106,13 @@ class ReadMarshal {
   readVector2() {
     const x = this.readFloat();
     const y = this.readFloat();
-    return new Vector22(x, y);
+    return new Vector2(x, y);
   }
   readVector3() {
     const x = this.readFloat();
     const y = this.readFloat();
     const z = this.readFloat();
-    return new Vector32(x, y, z);
+    return new Vector3(x, y, z);
   }
   readVector4() {
     const x = this.readFloat();
@@ -58303,7 +58146,7 @@ class ReadMarshal {
   readBox3() {
     const min2 = this.readVector3();
     const max2 = this.readVector3();
-    return new Box32(min2, max2);
+    return new Box3(min2, max2);
   }
   readSegment() {
     const position = this.readVector3();
@@ -58311,13 +58154,11 @@ class ReadMarshal {
     return new Segment(position, target);
   }
   readSectionBoxState() {
-    const enabled = this.readBoolean();
     const visible2 = this.readBoolean();
     const interactible = this.readBoolean();
     const clip = this.readBoolean();
     const box = this.readBox3();
     return {
-      enabled,
       visible: visible2,
       interactible,
       clip,
@@ -58436,6 +58277,12 @@ class RpcClient {
     marshal.writeUInt(componentHandle);
     this._socket.sendRPC(marshal);
   }
+  RPCEnableSectionBox(value) {
+    const marshal = new Marshal();
+    marshal.writeString("RPCEnableSectionBox");
+    marshal.writeBoolean(value);
+    this._socket.sendRPC(marshal);
+  }
   async RPCFrameAll(blendTime) {
     const marshal = new Marshal();
     marshal.writeString("RPCFrameAll");
@@ -58869,17 +58716,14 @@ class Validation {
   // VECTOR AND GEOMETRY VALIDATIONS
   //= ===========================================================================
   static isValidVector2(value) {
-    if (!value.isValid()) {
+    if (!Number.isFinite(value.x) || !Number.isFinite(value.y)) {
       console.warn("Invalid value: must be a valid Vector2. Aborting operation.");
       return false;
     }
     return true;
   }
   static isRelativeVector2(value) {
-    if (!value.isValid()) {
-      console.warn("Invalid value: must be a valid Vector2. Aborting operation.");
-      return false;
-    }
+    if (!this.isValidVector2(value)) return false;
     if (value.x < 0 || value.x > 1 || value.y < 0 || value.y > 1) {
       console.warn("Invalid value: must be a relative Vector2 (0-1, 0-1). Aborting operation.");
       return false;
@@ -58887,14 +58731,14 @@ class Validation {
     return true;
   }
   static isValidVector3(value) {
-    if (!value.isValid()) {
+    if (!Number.isFinite(value.x) || !Number.isFinite(value.y) || !Number.isFinite(value.z)) {
       console.warn("Invalid Vector3. Aborting operation.");
       return false;
     }
     return true;
   }
   static isValidBox(box) {
-    if (!box.isValid()) {
+    if (box.isEmpty()) {
       console.warn("Box is invalid. Min values must be less than max values");
       return false;
     }
@@ -59142,6 +58986,12 @@ class RpcSafeClient {
   RPCLockIblRotation(lock) {
     this.rpc.RPCLockIblRotation(lock);
   }
+  RPCGetSceneAABB() {
+    return this.safeCall(
+      () => this.rpc.RPCGetSceneAABB(),
+      void 0
+    );
+  }
   /*******************************************************************************
    * NODE VISIBILITY METHODS
    * Methods for controlling node visibility, including show/hide, ghosting,
@@ -59276,6 +59126,9 @@ class RpcSafeClient {
    * SECTION BOX METHODS
    * Methods for controlling section box visibility and position.
    ******************************************************************************/
+  RPCEnableSectionBox(enable) {
+    this.rpc.RPCEnableSectionBox(enable);
+  }
   RPCSetSectionBox(state) {
     this.rpc.RPCSetSectionBox(state);
   }
@@ -59334,14 +59187,14 @@ class RpcSafeClient {
   }
   async getBoundingBoxBatched(componentHandle, nodes) {
     if (nodes.length === 0) {
-      return new Box32();
+      return new Box3();
     }
     const batches = batchArray(nodes, this.batchSize);
     const promises = batches.map(async (batch) => {
       const aabb = await this.rpc.RPCGetBoundingBox(componentHandle, batch);
-      const v1 = new Vector32(aabb.min.x, aabb.min.y, aabb.min.z);
-      const v2 = new Vector32(aabb.max.x, aabb.max.y, aabb.max.z);
-      return new Box32(v1, v2);
+      const v1 = new Vector3(aabb.min.x, aabb.min.y, aabb.min.z);
+      const v2 = new Vector3(aabb.max.x, aabb.max.y, aabb.max.z);
+      return new Box3(v1, v2);
     });
     const boxes = await Promise.all(promises);
     const box = boxes[0];
@@ -61426,10 +61279,14 @@ class ViewerSelection {
     __publicField(this, "_rpc");
     __publicField(this, "_vims");
     __publicField(this, "_selectedNodes");
+    __publicField(this, "_onValueChanged", new distExports$1.SignalDispatcher());
     this._rpc = rpc;
     this._vims = vims;
     this._selectedNodes = /* @__PURE__ */ new Map();
   }
+  get onValueChanged() {
+    return this._onValueChanged.asEvent();
+  }
   /**
    * Gets the total number of selected nodes across all VIMs.
    * @returns The total count of selected nodes.
@@ -61498,12 +61355,17 @@ class ViewerSelection {
       nodeSet = /* @__PURE__ */ new Set();
       this._selectedNodes.set(vim, nodeSet);
     }
+    let changed = false;
     nodes.forEach((n) => {
       if (!nodeSet.has(n)) {
         nodeSet.add(n);
         vim.highlight([n]);
+        changed = true;
       }
     });
+    if (changed) {
+      this._onValueChanged.dispatch();
+    }
   }
   /**
    * Removes the specified node(s) from the current selection.
@@ -61515,27 +61377,37 @@ class ViewerSelection {
     const nodeSet = this._selectedNodes.get(vim);
     if (!nodeSet) return;
     const nodes = Array.isArray(node) ? node : [node];
+    let changed = false;
     nodes.forEach((n) => {
       if (nodeSet.has(n)) {
         nodeSet.delete(n);
         vim.removeHighlight([n], "visible");
+        changed = true;
       }
     });
     if (nodeSet.size === 0) {
       this._selectedNodes.delete(vim);
     }
+    if (changed) {
+      this._onValueChanged.dispatch();
+    }
   }
   /**
    * Clears all selections across all VIMs or for a specific VIM.
    * @param vim - Optional. If provided, only clears selections for the specified VIM.
    */
   clear(vim) {
+    let changed = false;
     this._selectedNodes.forEach((nodes, v) => {
       if (vim === void 0 || v === vim) {
         v.removeHighlight(Array.from(nodes), "visible");
+        changed = true;
       }
     });
     this._selectedNodes.clear();
+    if (changed) {
+      this._onValueChanged.dispatch();
+    }
   }
   /**
    * Calculates the bounding box encompassing all selected nodes.
@@ -61564,8 +61436,12 @@ class ViewerSelection {
 class VimCollection {
   constructor() {
     __publicField(this, "_vims");
+    __publicField(this, "_onChanged", new distExports$1.SignalDispatcher());
     this._vims = [];
   }
+  get onChanged() {
+    return this._onChanged.asEvent();
+  }
   get count() {
     return this._vims.length;
   }
@@ -61576,6 +61452,7 @@ class VimCollection {
   add(vim) {
     if (!this._vims.some((v) => v.handle === vim.handle)) {
       this._vims.push(vim);
+      this._onChanged.dispatch();
     }
   }
   /**
@@ -61583,7 +61460,11 @@ class VimCollection {
    * @param vim - The Vim instance to remove.
    */
   remove(vim) {
+    const count = this._vims.length;
     this._vims = this._vims.filter((v) => v.handle !== vim.handle);
+    if (this._vims.length !== count) {
+      this._onChanged.dispatch();
+    }
   }
   /**
    * Gets a Vim instance by its handle.
@@ -61810,6 +61691,9 @@ class Renderer2 {
     this._updateLighting = true;
     this.requestSettingsUpdate();
   }
+  getBoundingBox() {
+    return this._rpc.RPCGetSceneAABB();
+  }
   /**
    * Requests an update to be performed on the next animation frame.
    * Multiple setting changes will be batched into a single update.
@@ -61843,11 +61727,10 @@ class Renderer2 {
 }
 class SectionBox2 {
   constructor(rpc) {
-    __publicField(this, "_enabled", false);
     __publicField(this, "_visible", true);
     __publicField(this, "_interactible", true);
     __publicField(this, "_clip", true);
-    __publicField(this, "_box", new Box32());
+    __publicField(this, "_box", new Box3());
     __publicField(this, "_rpc");
     __publicField(this, "_interval");
     __publicField(this, "_animationFrame");
@@ -61862,6 +61745,7 @@ class SectionBox2 {
     return this._animationFrame > 0;
   }
   async onConnect() {
+    this._rpc.RPCEnableSectionBox(true);
     this.push();
     this._interval = setInterval(() => this.pull(), 1e3);
   }
@@ -61876,10 +61760,9 @@ class SectionBox2 {
     if (this.needUpdate) return;
     const state = await this._rpc.RPCGetSectionBox();
     let changed = false;
-    if (state.enabled !== this._enabled || state.visible !== this._visible || state.interactible !== this._interactible || state.clip !== this._clip || state.box !== this._box) {
+    if (state.visible !== this._visible || state.interactible !== this._interactible || state.clip !== this._clip || state.box !== this._box) {
       changed = true;
     }
-    this._enabled = state.enabled;
     this._visible = state.visible;
     this._interactible = state.interactible;
     this._clip = state.clip;
@@ -61890,20 +61773,12 @@ class SectionBox2 {
   }
   async push() {
     await this._rpc.RPCSetSectionBox({
-      enabled: this._enabled,
       visible: this._visible,
       interactible: this._interactible,
       clip: this._clip,
       box: this._box
     });
   }
-  get enabled() {
-    return this._enabled;
-  }
-  set enabled(value) {
-    this._enabled = value;
-    this.scheduleUpdate();
-  }
   get visible() {
     return this._visible;
   }
@@ -61911,10 +61786,10 @@ class SectionBox2 {
     this._visible = value;
     this.scheduleUpdate();
   }
-  get interactible() {
+  get interactive() {
     return this._interactible;
   }
-  set interactible(value) {
+  set interactive(value) {
     this._interactible = value;
     this.scheduleUpdate();
   }
@@ -62024,6 +61899,9 @@ class Viewer2 {
   get decoder() {
     return this._decoder;
   }
+  get selection() {
+    return this._selection;
+  }
   /**
    * Gets the current URL to which the viewer is connected.
    * @returns The URL as a string, or undefined if not connected.
@@ -62179,7 +62057,7 @@ class Viewer2 {
 }
 const index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Box3: Box32,
+  Box3,
   ColorHandle,
   INVALID_HANDLE,
   Matrix44: Matrix4,
@@ -62187,10 +62065,11 @@ const index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   RGBA,
   RGBA32,
   Segment,
-  Vector2: Vector22,
-  Vector3: Vector32,
+  Vector2,
+  Vector3,
   Viewer: Viewer2,
   Vim: Vim2,
+  almostEqual,
   clamp: clamp$1,
   remap,
   utils: promise
@@ -66653,6 +66532,31 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
   wrapper: "div",
   clickable: false
 }), _defineProperty(_class2, "supportedWrappers", ["div", "span"]), _defineProperty(_class2, "displayName", "ReactTooltip"), _class2)) || _class) || _class) || _class) || _class) || _class) || _class) || _class;
+function slidersHoriz({ height, width, fill: fill2, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M24,74h111.163c6.293,15.258,21.308,26,38.837,26s32.543-10.742,38.837-26h19.163c8.836,0,16-7.164,16-16s-7.164-16-16-16h-19.163c-6.293-15.258-21.308-26-38.837-26s-32.543,10.742-38.837,26H24c-8.836,0-16,7.164-16,16s7.164,16,16,16Zm132.083-17.637c.014-.151,.031-.301,.048-.451,.05-.435,.116-.864,.197-1.289,.021-.11,.037-.222,.06-.331,.106-.503,.236-.998,.383-1.484,.046-.153,.1-.303,.15-.455,.116-.35,.242-.694,.379-1.033,.067-.167,.132-.336,.204-.5,.189-.433,.393-.859,.615-1.273,.092-.173,.196-.339,.294-.508,.15-.26,.305-.517,.467-.768,.133-.205,.268-.409,.409-.608,.147-.208,.302-.41,.458-.611,.28-.362,.572-.713,.878-1.053,.13-.146,.259-.293,.395-.435,.212-.221,.432-.435,.656-.645,.116-.109,.234-.215,.354-.321,.787-.703,1.634-1.338,2.535-1.896,.1-.062,.199-.123,.3-.182,.304-.181,.612-.356,.928-.519,2.464-1.27,5.25-2,8.208-2s5.744,.73,8.208,2c.315,.163,.624,.338,.928,.519,.101,.06,.201,.121,.3,.182,.901,.558,1.749,1.193,2.535,1.896,.119,.106,.238,.212,.354,.321,.224,.21,.443,.424,.656,.645,.135,.142,.264,.289,.395,.435,.306,.34,.599,.691,.878,1.053,.155,.202,.311,.403,.458,.611,.141,.199,.276,.403,.409,.608,.163,.251,.317,.508,.467,.768,.098,.169,.202,.335,.294,.508,.222,.415,.425,.84,.615,1.273,.072,.165,.137,.333,.204,.5,.137,.339,.263,.684,.379,1.033,.05,.151,.104,.301,.15,.455,.147,.487,.277,.981,.383,1.484,.023,.109,.039,.221,.06,.331,.081,.425,.147,.854,.197,1.289,.018,.15,.035,.3,.048,.451,.049,.54,.083,1.084,.083,1.637s-.034,1.097-.083,1.637c-.014,.151-.031,.301-.048,.451-.05,.435-.116,.864-.197,1.289-.021,.11-.037,.222-.06,.331-.106,.503-.236,.998-.383,1.484-.046,.153-.1,.303-.15,.455-.116,.35-.242,.694-.379,1.033-.067,.167-.132,.336-.204,.5-.189,.433-.393,.859-.615,1.273-.092,.173-.196,.339-.294,.508-.15,.26-.305,.517-.467,.768-.133,.205-.268,.409-.409,.608-.147,.208-.302,.41-.458,.611-.28,.362-.572,.713-.878,1.053-.13,.146-.259,.293-.395,.435-.212,.221-.432,.435-.656,.645-.116,.109-.234,.215-.354,.321-.787,.703-1.634,1.338-2.535,1.896-.1,.062-.199,.123-.3,.182-.304,.181-.612,.356-.928,.519-2.464,1.27-5.25,2-8.208,2s-5.744-.73-8.208-2c-.315-.163-.624-.338-.928-.519-.101-.06-.201-.121-.3-.182-.901-.558-1.749-1.193-2.535-1.896-.119-.106-.238-.212-.354-.321-.224-.21-.443-.424-.656-.645-.135-.142-.264-.289-.395-.435-.306-.34-.599-.691-.878-1.053-.155-.202-.311-.403-.458-.611-.141-.199-.276-.403-.409-.608-.163-.251-.317-.508-.467-.768-.098-.169-.202-.335-.294-.508-.222-.415-.425-.84-.615-1.273-.072-.165-.137-.333-.204-.5-.137-.339-.263-.684-.379-1.033-.05-.151-.104-.301-.15-.455-.147-.487-.277-.981-.383-1.484-.023-.109-.039-.221-.06-.331-.081-.425-.147-.854-.197-1.289-.018-.15-.035-.3-.048-.451-.049-.54-.083-1.084-.083-1.637s.034-1.097,.083-1.637Z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M232,112H120.837c-6.293-15.258-21.308-26-38.837-26s-32.543,10.742-38.837,26H24c-8.836,0-16,7.164-16,16s7.164,16,16,16h19.163c6.293,15.258,21.308,26,38.837,26s32.543-10.742,38.837-26h111.163c8.836,0,16-7.164,16-16s-7.164-16-16-16Zm-132.083,17.637c-.014,.151-.031,.301-.048,.451-.05,.435-.116,.864-.197,1.289-.021,.11-.037,.222-.06,.331-.106,.503-.236,.998-.383,1.484-.046,.153-.1,.303-.15,.455-.116,.35-.242,.694-.379,1.033-.067,.167-.132,.336-.204,.5-.189,.433-.393,.859-.615,1.273-.092,.173-.196,.339-.294,.508-.15,.26-.305,.517-.467,.768-.133,.205-.268,.409-.409,.608-.147,.208-.302,.41-.458,.611-.28,.362-.572,.713-.878,1.053-.13,.146-.259,.293-.395,.435-.212,.221-.432,.435-.656,.645-.116,.109-.234,.215-.354,.321-.787,.703-1.634,1.338-2.535,1.896-.1,.062-.199,.123-.3,.182-.304,.181-.612,.356-.928,.519-2.464,1.27-5.25,2-8.208,2s-5.744-.73-8.208-2c-.315-.163-.624-.338-.928-.519-.101-.06-.201-.121-.3-.182-.901-.558-1.749-1.193-2.535-1.896-.119-.106-.238-.212-.354-.321-.224-.21-.443-.424-.656-.645-.135-.142-.264-.289-.395-.435-.306-.34-.599-.691-.878-1.053-.155-.202-.311-.403-.458-.611-.141-.199-.276-.403-.409-.608-.163-.251-.317-.508-.467-.768-.098-.169-.202-.335-.294-.508-.222-.415-.425-.84-.615-1.273-.072-.165-.137-.333-.204-.5-.137-.339-.263-.684-.379-1.033-.05-.151-.104-.301-.15-.455-.147-.487-.277-.981-.383-1.484-.023-.109-.039-.221-.06-.331-.081-.425-.147-.854-.197-1.289-.018-.15-.035-.3-.048-.451-.049-.54-.083-1.084-.083-1.637s.034-1.097,.083-1.637c.014-.151,.031-.301,.048-.451,.05-.435,.116-.864,.197-1.289,.021-.11,.037-.222,.06-.331,.106-.503,.236-.998,.383-1.484,.046-.153,.1-.303,.15-.455,.116-.35,.242-.694,.379-1.033,.067-.167,.132-.336,.204-.5,.189-.433,.393-.859,.615-1.273,.092-.173,.196-.339,.294-.508,.15-.26,.305-.517,.467-.768,.133-.205,.268-.409,.409-.608,.147-.208,.302-.41,.458-.611,.28-.362,.572-.713,.878-1.053,.13-.146,.259-.293,.395-.435,.212-.221,.432-.435,.656-.645,.116-.109,.234-.215,.354-.321,.787-.703,1.634-1.338,2.535-1.896,.1-.062,.199-.123,.3-.182,.304-.181,.612-.356,.928-.519,2.464-1.27,5.25-2,8.208-2s5.744,.73,8.208,2c.315,.163,.624,.338,.928,.519,.101,.06,.201,.121,.3,.182,.901,.558,1.749,1.193,2.535,1.896,.119,.106,.238,.212,.354,.321,.224,.21,.443,.424,.656,.645,.135,.142,.264,.289,.395,.435,.306,.34,.599,.691,.878,1.053,.155,.202,.311,.403,.458,.611,.141,.199,.276,.403,.409,.608,.163,.251,.317,.508,.467,.768,.098,.169,.202,.335,.294,.508,.222,.415,.425,.84,.615,1.273,.072,.165,.137,.333,.204,.5,.137,.339,.263,.684,.379,1.033,.05,.151,.104,.301,.15,.455,.147,.487,.277,.981,.383,1.484,.023,.109,.039,.221,.06,.331,.081,.425,.147,.854,.197,1.289,.018,.15,.035,.3,.048,.451,.049,.54,.083,1.084,.083,1.637s-.034,1.097-.083,1.637Z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M232,182h-19.163c-6.293-15.258-21.308-26-38.837-26s-32.543,10.742-38.837,26H24c-8.836,0-16,7.164-16,16s7.164,16,16,16h111.163c6.293,15.258,21.308,26,38.837,26s32.543-10.742,38.837-26h19.163c8.836,0,16-7.164,16-16s-7.164-16-16-16Zm-40.083,17.637c-.014,.151-.031,.301-.048,.451-.05,.435-.116,.864-.197,1.289-.021,.11-.037,.222-.06,.331-.106,.503-.236,.998-.383,1.484-.046,.153-.1,.303-.15,.455-.116,.35-.242,.694-.379,1.033-.067,.167-.132,.336-.204,.5-.189,.433-.393,.859-.615,1.273-.092,.173-.196,.339-.294,.508-.15,.26-.305,.517-.467,.768-.133,.205-.268,.409-.409,.608-.147,.208-.302,.41-.458,.611-.28,.362-.572,.713-.878,1.053-.13,.146-.259,.293-.395,.435-.212,.221-.432,.435-.656,.645-.116,.109-.234,.215-.354,.321-.787,.703-1.634,1.338-2.535,1.896-.1,.062-.199,.123-.3,.182-.304,.181-.612,.356-.928,.519-2.464,1.27-5.25,2-8.208,2s-5.744-.73-8.208-2c-.315-.163-.624-.338-.928-.519-.101-.06-.201-.121-.3-.182-.901-.558-1.749-1.193-2.535-1.896-.119-.106-.238-.212-.354-.321-.224-.21-.443-.424-.656-.645-.135-.142-.264-.289-.395-.435-.306-.34-.599-.691-.878-1.053-.155-.202-.311-.403-.458-.611-.141-.199-.276-.403-.409-.608-.163-.251-.317-.508-.467-.768-.098-.169-.202-.335-.294-.508-.222-.415-.425-.84-.615-1.273-.072-.165-.137-.333-.204-.5-.137-.339-.263-.684-.379-1.033-.05-.151-.104-.301-.15-.455-.147-.487-.277-.981-.383-1.484-.023-.109-.039-.221-.06-.331-.081-.425-.147-.854-.197-1.289-.018-.15-.035-.3-.048-.451-.049-.54-.083-1.084-.083-1.637s.034-1.097,.083-1.637c.014-.151,.031-.301,.048-.451,.05-.435,.116-.864,.197-1.289,.021-.11,.037-.222,.06-.331,.106-.503,.236-.998,.383-1.484,.046-.153,.1-.303,.15-.455,.116-.35,.242-.694,.379-1.033,.067-.167,.132-.336,.204-.5,.189-.433,.393-.859,.615-1.273,.092-.173,.196-.339,.294-.508,.15-.26,.305-.517,.467-.768,.133-.205,.268-.409,.409-.608,.147-.208,.302-.41,.458-.611,.28-.362,.572-.713,.878-1.053,.13-.146,.259-.293,.395-.435,.212-.221,.432-.435,.656-.645,.116-.109,.234-.215,.354-.321,.787-.703,1.634-1.338,2.535-1.896,.1-.062,.199-.123,.3-.182,.304-.181,.612-.356,.928-.519,2.464-1.27,5.25-2,8.208-2s5.744,.73,8.208,2c.315,.163,.624,.338,.928,.519,.101,.06,.201,.121,.3,.182,.901,.558,1.749,1.193,2.535,1.896,.119,.106,.238,.212,.354,.321,.224,.21,.443,.424,.656,.645,.135,.142,.264,.289,.395,.435,.306,.34,.599,.691,.878,1.053,.155,.202,.311,.403,.458,.611,.141,.199,.276,.403,.409,.608,.163,.251,.317,.508,.467,.768,.098,.169,.202,.335,.294,.508,.222,.415,.425,.84,.615,1.273,.072,.165,.137,.333,.204,.5,.137,.339,.263,.684,.379,1.033,.05,.151,.104,.301,.15,.455,.147,.487,.277,.981,.383,1.484,.023,.109,.039,.221,.06,.331,.081,.425,.147,.854,.197,1.289,.018,.15,.035,.3,.048,.451,.049,.54,.083,1.084,.083,1.637s-.034,1.097-.083,1.637Z"
+      }
+    )
+  ] });
+}
 function settings({ height, width, fill: fill2, className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, height, width, viewBox: "0 0 256 256", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "path",
@@ -67187,6 +67091,60 @@ function measure({ height, width, fill: fill2, className }) {
     )
   ] });
 }
+function sectionBoxSettings({ height, width, fill: fill2, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "m 175.57713,226.38215 c -1.28316,3.98514 -5.40414,6.14971 -9.13315,4.86244 l -3.60809,-1.24739 c -3.76004,-1.29737 -5.86799,-5.60846 -4.70379,-9.64145 l 0.42438,-1.46966 c 0.96925,-3.3572 -0.3989,-7.74539 -3.07521,-9.81798 l -0.73032,-0.56682 c -2.66882,-2.0641 -7.02118,-2.10184 -9.7235,-0.0863 l -1.1842,0.8837 c -3.23919,2.42089 -7.76901,1.59565 -10.07644,-1.77642 l -2.23242,-3.26259 c -2.3254,-3.40131 -1.6226,-8.22657 1.51812,-10.73784 l 1.15669,-0.92571 c 2.63933,-2.1082 3.9555,-6.51288 2.93126,-9.86426 l -0.27844,-0.91558 c -1.01877,-3.33861 -4.52035,-6.09072 -7.821,-6.14815 l -1.44661,-0.0253 c -3.95551,-0.0693 -7.1652,-3.56724 -7.1652,-7.7374 v -4.03725 c 0,-4.20531 3.2372,-7.66991 7.1652,-7.73745 l 1.44661,-0.0251 c 3.30016,-0.0568 6.79826,-2.79894 7.821,-6.14974 l 0.27844,-0.91348 c 1.02023,-3.33859 -0.29193,-7.75605 -2.93126,-9.86586 l -1.15669,-0.9241 c -3.16419,-2.52987 -3.82354,-7.3652 -1.51812,-10.73784 l 2.23242,-3.2647 c 2.32739,-3.39921 6.86326,-4.17603 10.07644,-1.77645 l 1.1842,0.88372 c 2.70232,2.01782 7.04471,1.98645 9.7235,-0.086 l 0.73032,-0.56467 c 2.66683,-2.06414 4.04446,-6.46083 3.07521,-9.81803 l -0.42438,-1.47176 c -1.1627,-4.02504 0.97525,-8.35208 4.70379,-9.63935 l 3.60809,-1.24738 c 3.76004,-1.299493 7.84798,0.87146 9.13315,4.86086 l 0.46987,1.4569 c 1.07175,3.32157 4.60331,6.0152 7.91546,6.0152 h 0.90232 c 3.30011,0 6.84321,-2.69363 7.91345,-6.0152 l 0.46988,-1.4569 c 1.28517,-3.98301 5.40663,-6.148123 9.13516,-4.86033 l 3.60808,1.24739 c 3.76006,1.29738 5.86803,5.60632 4.70383,9.63932 l -0.42441,1.47179 c -0.96925,3.35722 0.39893,7.7454 3.07522,9.81798 l 0.73029,0.56467 c 2.66883,2.06622 7.02122,2.10401 9.72154,0.0862 l 1.1842,-0.88369 c 3.23916,-2.41874 7.77099,-1.59353 10.0764,1.77644 l 2.23444,3.26469 c 2.32542,3.40132 1.62261,8.22656 -1.51812,10.73784 l -1.15667,0.92409 c -2.63936,2.11036 -3.95552,6.51504 -2.93328,9.86586 l 0.28043,0.91346 c 1.01873,3.34022 4.52035,6.09284 7.82101,6.14975 l 1.44514,0.0251 c 3.95749,0.0671 7.16516,3.56725 7.16516,7.73741 v 4.03729 c 0,4.20314 -3.23717,7.66987 -7.16516,7.73739 l -1.44514,0.0254 c -3.30016,0.0568 -6.79828,2.79678 -7.82101,6.14812 l -0.28043,0.91562 c -1.01872,3.33856 0.29392,7.75601 2.93328,9.86424 l 1.15667,0.92571 c 3.16422,2.52985 3.82355,7.36522 1.51812,10.73786 l -2.23444,3.26254 c -2.32537,3.40135 -6.86123,4.17815 -10.0764,1.77645 l -1.1842,-0.88373 c -2.70032,-2.01569 -7.04322,-1.98646 -9.72154,0.086 l -0.73029,0.56681 c -2.66683,2.06412 -4.04447,6.46079 -3.07522,9.81801 l 0.42441,1.46964 c 1.1627,4.02717 -0.97526,8.3542 -4.70383,9.64146 l -3.60808,1.24739 c -3.76002,1.29736 -7.84798,-0.87146 -9.13516,-4.86248 l -0.46988,-1.45474 c -1.06973,-3.32157 -4.60133,-6.01523 -7.91345,-6.01523 h -0.90232 c -3.30013,0 -6.84323,2.69366 -7.91546,6.01523 l -0.46987,1.45474 z m 8.83473,-24.33631 c 18.77473,0 33.99232,-16.18681 33.99232,-36.15723 0,-19.97043 -15.21759,-36.1551 -33.99232,-36.1551 -18.77467,0 -33.9903,16.18681 -33.9903,36.1551 0,19.96828 15.21761,36.15723 33.9903,36.15723 z"
+      }
+    )
+  ] });
+}
+function sectionBoxAuto({ height, width, fill: fill2, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M 221.207314 217.240532 L 214.827314 200.469532 L 160.504314 200.469532 L 154.124314 217.604532 C 151.632314 224.288532 149.506314 228.815532 147.744314 231.186532 C 145.981314 233.494532 143.095314 234.649532 139.085314 234.649532 C 135.682314 234.649532 132.674314 233.403532 130.061314 230.912532 C 127.448314 228.420532 126.142314 225.595532 126.142314 222.435532 C 126.142314 220.612532 126.446314 218.729532 127.053314 216.784532 C 127.661314 214.840532 128.664314 212.137532 130.061314 208.672532 L 164.241314 121.901532 C 165.213314 119.410532 166.368314 116.432532 167.704314 112.969532 C 169.102314 109.444532 170.560314 106.528532 172.079314 104.219532 C 173.659314 101.911532 175.695314 100.057532 178.186314 98.660532 C 180.738314 97.201532 183.868314 96.471532 187.574314 96.471532 C 191.342314 96.471532 194.471314 97.201532 196.962314 98.660532 C 199.514314 100.057532 201.550314 101.879532 203.069314 104.128532 C 204.649314 106.376532 205.955314 108.807532 206.988314 111.419532 C 208.082314 113.971532 209.449314 117.405532 211.090314 121.719532 L 245.999314 207.943532 C 248.733314 214.505532 250.100314 219.275532 250.100314 222.253532 C 250.100314 225.352532 248.794314 228.209532 246.181314 230.822532 C 243.629314 233.373532 240.530314 234.649532 236.884314 234.649532 C 234.758314 234.649532 232.935314 234.254532 231.416314 233.464532 C 229.896314 232.735532 228.620314 231.732532 227.587314 230.456532 C 226.554314 229.119532 225.430314 227.115532 224.215314 224.440532 C 223.060314 221.706532 222.058314 219.306532 221.207314 217.240532 Z M 167.613314 180.143532 L 207.535314 180.143532 L 187.392314 125.000532 Z"
+      }
+    )
+  ] });
+}
+function sectionBoxVisible({ height, width, fill: fill2, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "m 186.05204,115.30607 c -37.93016,0 -68.67906,39.581 -68.67906,59.64313 0,21.35677 30.7489,59.64312 68.67906,59.64312 37.93016,0 68.67906,-38.28635 68.67906,-59.64312 0,-20.06213 -30.7489,-59.64313 -68.67906,-59.64313 z m 40.42729,85.41349 c -6.9441,6.83951 -21.43002,18.31368 -40.42729,18.31368 -18.99727,0 -33.48265,-11.47417 -40.42728,-18.31368 -11.61642,-11.4411 -15.37445,-22.30263 -15.37445,-25.77036 0,-0.0305 0.0381,-3.14164 3.35186,-9.36916 2.8652,-5.38603 7.15818,-11.06056 12.08697,-15.97917 3.66628,-3.65833 9.40099,-8.61065 16.72067,-12.50626 -6.58514,7.55977 -10.6973,18.2333 -10.6973,30.07505 0,22.91463 15.37445,41.49087 34.33953,41.49087 18.96508,0 34.33953,-18.57624 34.33953,-41.49087 0,-5.71277 -0.95614,-11.15521 -2.68492,-16.10818 -0.0445,9.9792 -6.75148,18.05306 -15.0214,18.05306 -8.26992,0 -15.02354,-8.12702 -15.02354,-18.15225 0,-8.97953 5.39774,-16.43168 12.48617,-17.88905 11.9346,3.73548 21.13062,11.40091 26.2676,16.52763 4.92879,4.91861 9.22177,10.59379 12.08697,15.97917 3.31377,6.22752 3.35186,9.33869 3.35186,9.36916 0,3.46773 -3.75803,14.32926 -15.37445,25.77036 z"
+      }
+    )
+  ] });
+}
 function sectionBox({ height, width, fill: fill2, className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67205,6 +67163,31 @@ function sectionBox({ height, width, fill: fill2, className }) {
     )
   ] });
 }
+function sectionBoxDisable({ height, width, fill: fill2, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "m 185.61601,192.28388 v -44.0883 c 0,-2.52838 -1.97182,-4.91709 -4.84542,-5.26996 -3.49833,-0.42965 -6.4956,1.9253 -6.4956,4.89027 v 44.08783 c 0,2.52885 1.97182,4.91756 4.84542,5.27043 3.49833,0.42965 6.4956,-1.92531 6.4956,-4.89027 z m 22.68149,0 v -44.0883 c 0,-2.52838 -1.97182,-4.91709 -4.84542,-5.26996 -3.49832,-0.42965 -6.49559,1.9253 -6.49559,4.89027 v 44.08783 c 0,2.52885 1.97182,4.91756 4.84542,5.27043 3.49832,0.42965 6.49559,-1.92531 6.49559,-4.89027 z m 38.18908,-71.6429 H 225.42553 V 105.9623 c 0,-2.80818 -2.61299,-5.08498 -5.83584,-5.08498 h -56.43703 c -3.22285,0 -5.83585,2.2768 -5.83585,5.08498 v 14.67868 h -21.23089 c -4.69044,0 -8.49236,3.31275 -8.49236,7.39969 v 0.0231 c 0,4.08694 3.80192,7.39969 8.49236,7.39969 h 110.40066 c 4.69044,0 8.49236,-3.31275 8.49236,-7.39969 v -0.0231 c 0,-4.08694 -3.80192,-7.39969 -8.49236,-7.39969 z m -35.23745,-6.4863 v 6.4863 h -39.75592 v -6.4863 a 1.0615448,0.92496161 0 0 1 1.06155,-0.92496 h 37.63282 a 1.0615448,0.92496161 0 0 1 1.06155,0.92496 z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "m 227.42894,215.76405 c 0,5.6549 -4.47215,10.23953 -9.98832,10.23953 h -49.76957 c -5.51617,0 -9.98832,-4.58463 -9.98832,-10.23953 v -69.72083 a 4.9863693,5.1117785 0 0 0 -4.98637,-5.11178 h -10.00391 a 4.9863693,5.1117785 0 0 0 -4.98637,5.11178 v 73.13422 c 0,15.08038 11.92553,27.30584 26.63594,27.30584 h 56.42825 c 14.71041,0 26.63594,-12.22546 26.63594,-27.30584 v -73.13422 a 4.9863693,5.1117785 0 0 0 -4.98637,-5.11178 h -10.0039 a 4.9863693,5.1117785 0 0 0 -4.98637,5.11178 v 69.72147 z"
+      }
+    )
+  ] });
+}
 function sectionBoxClip({ height, width, fill: fill2, className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fill: "none", d: "M0 0h256v256H0z" }),
@@ -67286,6 +67269,24 @@ function sectionBoxShrink({ height, width, fill: fill2, className }) {
     ) })
   ] });
 }
+function sectionBoxShrink2({ height, width, fill: fill2, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        fill: fill2,
+        d: "m 223.41166,231.92815 -50.05,-51.82677 -21.39562,22.15515 -21.52251,-81.36695 78.57748,22.28655 -21.39561,22.15516 50.05002,51.82676 z"
+      }
+    )
+  ] });
+}
 function ghost({ height, width, fill: fill2, className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, width: height, height: width, viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { "data-name": "ICONS", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67345,11 +67346,17 @@ const icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   pan,
   perspective,
   sectionBox,
+  sectionBoxAuto,
   sectionBoxClip,
+  sectionBoxDisable,
   sectionBoxIgnore,
   sectionBoxReset,
+  sectionBoxSettings,
   sectionBoxShrink,
+  sectionBoxShrink2,
+  sectionBoxVisible,
   settings,
+  slidersHoriz,
   toggleIsolation,
   trash,
   treeView,
@@ -67369,9 +67376,6 @@ function anyUiAxesButton(settings2) {
 function anyUiCursorButton(settings2) {
   return isTrue(settings2.ui.orbit) || isTrue(settings2.ui.lookAround) || isTrue(settings2.ui.pan) || isTrue(settings2.ui.zoom) || isTrue(settings2.ui.zoomWindow) || isTrue(settings2.ui.zoomToFit);
 }
-function anyUiToolButton(settings2) {
-  return isTrue(settings2.ui.sectioningMode) || isTrue(settings2.ui.measuringMode) || isTrue(settings2.ui.toggleIsolation);
-}
 function anyUiSettingButton(settings2) {
   return isTrue(settings2.ui.projectInspector) || isTrue(settings2.ui.settings) || isTrue(settings2.ui.help) || isTrue(settings2.ui.maximise);
 }
@@ -67503,7 +67507,7 @@ function AxesPanel(props) {
     }
   );
   const hidden2 = isTrue(props.settings.value.ui.axesPanel) ? "" : " vc-hidden";
-  const createBar2 = () => {
+  const createBar = () => {
     if (!anyUiAxesButton(props.settings.value)) {
       return (
         // Keeps layout when all buttons are disabled.
@@ -67525,7 +67529,7 @@ function AxesPanel(props) {
       className: "vim-axes-panel vc-pointer-events-none vc-absolute vc-overflow-hidden vc-z-20 vc-flex vc-flex-col vc-border vc-border-white vc-opacity-50 vc-shadow-lg vc-saturate-0 vc-transition-all hover:vc-opacity-100 hover:vc-saturate-100" + hidden2,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: gizmoDiv, className: "vim-axes-panel-gizmo vc-absolute vc-pointer-events-auto" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vim-axes-panel-bar vc-absolute vc-top-[75%] vc-bottom-0 vc-right-0 vc-left-0", children: createBar2() })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vim-axes-panel-bar vc-absolute vc-top-[75%] vc-bottom-0 vc-right-0 vc-left-0", children: createBar() })
       ]
     }
   );
@@ -67534,22 +67538,96 @@ const btnStyle = "vim-control-bar-button vc-rounded-full vc-items-center vc-just
 function buttonDefaultStyle(on) {
   return on ? btnStyle + " vc-text-primary" : btnStyle + " vc-text-gray-medium";
 }
+function buttonExpandStyle(on) {
+  return on ? btnStyle + " vc-text-white vc-bg-primary" : btnStyle + " vc-text-gray-medium";
+}
+function buttonDisableStyle(on) {
+  return on ? btnStyle + " vc-text-gray-medium" : btnStyle + " vc-text-gray vc-pointer-events-none";
+}
 function buttonBlueStyle(on) {
   return btnStyle + " vc-text-white";
 }
 function createButton(button) {
   var _a2;
   if (button.enabled !== void 0 && !button.enabled()) return null;
-  const style = button.style((_a2 = button.isOn) == null ? void 0 : _a2.call(button));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { "data-tip": button.tip, onClick: button.action, className: style, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
+  const style = (button.style ?? buttonDefaultStyle)((_a2 = button.isOn) == null ? void 0 : _a2.call(button));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { id: button.id, "data-tip": button.tip, onClick: button.action, className: style, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
 }
-const sectionStyle = "vc-flex vc-items-center vc-rounded-full vc-mb-2 vc-px-2 vc-shadow-md";
+const sectionStyle = "vc-flex vc-items-center vc-rounded-full vc-mb-2 vc-shadow-md";
 const sectionDefaultStyle = sectionStyle + " vc-bg-white";
 const sectionBlueStyle = sectionStyle + " vc-bg-primary";
+const sectionNoPadStyle = sectionStyle.replace("vc-px-2", "") + " vc-bg-white";
 function createSection$1(section) {
   if (section.enable !== void 0 && !section.enable()) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style ?? sectionDefaultStyle}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
 }
+const elementIds = {
+  // Sections
+  sectionCamera: "controlBar.sectionCamera",
+  sectionActions: "controlBar.sectionActions",
+  sectionTools: "controlBar.sectionTools",
+  sectionSettings: "controlBar.sectionSettings",
+  sectionMeasure: "controlBar.sectionMeasure",
+  sectionSectionBox: "controlBar.sectionSectionBox",
+  // Camera buttons
+  buttonCameraOrbit: "controlBar.camera.orbit",
+  buttonCameraLook: "controlBarcamera.look",
+  buttonCameraPan: "controlBar.camera.pan",
+  buttonCameraZoom: "controlBar.camera.zoom",
+  buttonCameraZoomWindow: "controlBar.camera.zoomWindow",
+  // Settings buttons
+  buttonProjectInspector: "controlBar.projectInspector",
+  buttonSettings: "controlBar.settings",
+  buttonHelp: "controlBar.help",
+  buttonMaximize: "controlBar.maximize",
+  // Action Buttons
+  buttonToggleIsolation: "controlBar.action.toggleIsolation",
+  buttonZoomToFit: "controlBar.action.zoomToFit",
+  // Tools buttons
+  buttonSectionBox: "controlBar.sectionBox",
+  buttonMeasure: "controlBar.measure",
+  // Section box buttons
+  buttonSectionBoxEnable: "controlBar.sectionBox.enable",
+  buttonSectionBoxVisible: "controlBar.sectionBox.visible",
+  buttonSectionBoxShrinkToSelection: "controlBar.sectionBox.shrinkToSelection",
+  buttonSectionBoxAuto: "controlBar.sectionBox.auto",
+  buttonSectionBoxClip: "controlBar.sectionBox.clip",
+  buttonSectionBoxSettings: "controlBar.sectionBox.settings"
+};
+function ControlBar(props) {
+  useEffect(() => {
+    ReactTooltip.rebuild();
+  });
+  if (!props.show) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      style: {
+        gap: "min(10px, 2%)",
+        bottom: "min(36px, 10%)"
+      },
+      id: "vim-control-bar",
+      className: "vim-control-bar vc-pointer-events-auto vc-flex-wrap vc-mx-2 vc-min-w-0 vc-absolute vc-left-0 vc-right-0 vc-z-20 vc-flex vc-items-center vc-justify-center transition-all",
+      children: props.content.map(createSection$1)
+    }
+  );
+}
+const controlBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ControlBar,
+  buttonBlueStyle,
+  buttonDefaultStyle,
+  buttonDisableStyle,
+  buttonExpandStyle,
+  createButton,
+  createSection: createSection$1,
+  elementIds,
+  sectionBlueStyle,
+  sectionDefaultStyle,
+  sectionNoPadStyle
+}, Symbol.toStringTag, { value: "Module" }));
 function getPointerState(viewer) {
   const [mode, setMode] = useState(viewer.inputs.pointerActive);
   useEffect(() => {
@@ -67611,52 +67689,6 @@ function getFullScreenState() {
     }
   };
 }
-function getSectionBoxState(viewer) {
-  const sectionGizmo = viewer.gizmos.section;
-  const first = useRef(true);
-  const [section, setSection] = useState({
-    clip: sectionGizmo.clip,
-    active: sectionGizmo.visible && sectionGizmo.interactive
-  });
-  useEffect(() => {
-    const subSection = sectionGizmo.onStateChanged.subscribe(
-      () => setSection({
-        clip: sectionGizmo.clip,
-        active: sectionGizmo.visible && sectionGizmo.interactive
-      })
-    );
-    return () => subSection();
-  }, []);
-  const toggle = () => {
-    ReactTooltip.hide();
-    if (viewer.inputs.pointerActive === "rect") {
-      viewer.inputs.pointerActive = viewer.inputs.pointerFallback;
-    }
-    const next = !(sectionGizmo.visible && sectionGizmo.interactive);
-    sectionGizmo.interactive = next;
-    sectionGizmo.visible = next;
-    if (next && first.current) {
-      sectionGizmo.clip = true;
-      sectionGizmo.fitBox(viewer.renderer.getBoundingBox());
-      first.current = false;
-    }
-  };
-  return {
-    clip: section.clip,
-    active: section.active,
-    set: setSection,
-    toggle,
-    hide: () => {
-      sectionGizmo.visible = false;
-      sectionGizmo.interactive = false;
-    },
-    reset: () => sectionGizmo.fitBox(viewer.renderer.getBoundingBox()),
-    shrinkToSelection: () => sectionGizmo.fitBox(viewer.selection.getBoundingBox()),
-    toggleClip: () => {
-      sectionGizmo.clip = !section.clip;
-    }
-  };
-}
 function pointerToCursor(pointer) {
   switch (pointer) {
     case "orbit":
@@ -67708,13 +67740,13 @@ class CursorManager {
     const sub2 = this._viewer.inputs.onPointerOverrideChanged.subscribe(
       () => this._updateCursor()
     );
-    const sub3 = this._viewer.gizmos.section.onStateChanged.subscribe(() => {
-      if (!this._viewer.gizmos.section.visible) {
+    const sub3 = this._viewer.gizmos.sectionBox.onStateChanged.subscribe(() => {
+      if (!this._viewer.gizmos.sectionBox.visible) {
         this._boxHover = false;
         this._updateCursor();
       }
     });
-    const sub4 = this._viewer.gizmos.section.onHover.subscribe((hover) => {
+    const sub4 = this._viewer.gizmos.sectionBox.onHover.subscribe((hover) => {
       this._boxHover = hover;
       this._updateCursor();
     });
@@ -67777,59 +67809,77 @@ function getMeasureState(viewer, cursor) {
     clear
   };
 }
-const elementIds = {
-  // Sections
-  sectionCamera: "controlBar.sectionCamera",
-  sectionTools: "controlBar.sectionTools",
-  sectionSettings: "controlBar.sectionSettings",
-  sectionMeasure: "controlBar.sectionMeasure",
-  sectionSectionBox: "controlBar.sectionSectionBox",
-  // Camera buttons
-  buttonCameraOrbit: "controlBar.camera.orbit",
-  buttonCameraLook: "controlBarcamera.look",
-  buttonCameraPan: "controlBar.camera.pan",
-  buttonCameraZoom: "controlBar.camera.zoom",
-  buttonCameraZoomWindow: "controlBar.camera.zoomWindow",
-  buttonCameraZoomToFit: "controlBar.camera.zoomToFit",
-  // Settings buttons
-  buttonProjectInspector: "controlBar.projectInspector",
-  buttonSettings: "controlBar.settings",
-  buttonHelp: "controlBar.help",
-  buttonMaximize: "controlBar.maximize",
-  // Tools buttons
-  buttonSectionBox: "controlBar.sectionBox",
-  buttonMeasure: "controlBar.measure",
-  buttonToggleIsolation: "controlBar.toggleIsolation",
-  // Measure buttons
-  buttonMeasureDelete: "controlBar.measure.delete",
-  buttonMeasureDone: "controlBar.measure.done",
-  // Section box buttons
-  buttonSectionBoxReset: "controlBar.sectionBox.reset",
-  buttonSectionBoxShrinkToSelection: "controlBar.sectionBox.shrinkToSelection",
-  buttonSectionBoxClip: "controlBar.sectionBox.clip",
-  buttonSectionBoxIgnore: "controlBar.sectionBox.ignore",
-  buttonSectionBoxDone: "controlBar.sectionBox.done"
-};
-function ControlBar(props) {
-  var _a2;
-  const pointer = getPointerState(props.viewer);
-  const fullScreen = getFullScreenState();
-  const section = getSectionBoxState(props.viewer);
-  const measure$1 = getMeasureState(props.viewer, props.cursor);
-  useEffect(() => {
-    ReactTooltip.rebuild();
-  });
-  if (isFalse(props.settings.ui.controlBar)) {
-    return null;
-  }
-  const cameraSection = {
+function controlBarSectionBox(section, hasSelection) {
+  return {
+    id: elementIds.sectionSectionBox,
+    style: section.enable.get() ? sectionNoPadStyle : sectionDefaultStyle,
+    //enable: () => section.getEnable(),
+    buttons: [
+      {
+        id: elementIds.buttonSectionBoxEnable,
+        tip: "Enable Section Box",
+        isOn: () => section.enable.get(),
+        style: (on) => buttonExpandStyle(on),
+        action: () => section.enable.set(!section.enable.get()),
+        icon: sectionBox
+      },
+      {
+        id: elementIds.buttonSectionBoxShrinkToSelection,
+        tip: "Fit Section",
+        enabled: () => section.enable.get(),
+        isOn: () => hasSelection,
+        style: (on) => buttonDisableStyle(on),
+        action: () => section.sectionSelection(),
+        icon: sectionBoxShrink
+      },
+      {
+        id: elementIds.buttonSectionBoxClip,
+        tip: "Reset Section",
+        enabled: () => section.enable.get(),
+        style: (on) => buttonDefaultStyle(on),
+        action: () => section.sectionReset(),
+        icon: sectionBoxReset
+      },
+      {
+        id: elementIds.buttonSectionBoxVisible,
+        tip: "Show Section Box",
+        enabled: () => section.enable.get(),
+        isOn: () => section.visible.get(),
+        style: (on) => buttonDefaultStyle(on),
+        action: () => section.visible.set(!section.visible.get()),
+        icon: visible
+      },
+      {
+        id: elementIds.buttonSectionBoxAuto,
+        tip: "Auto Section",
+        enabled: () => section.enable.get(),
+        isOn: () => section.auto.get(),
+        style: (on) => buttonDefaultStyle(on),
+        action: () => section.auto.set(!section.auto.get()),
+        icon: sectionBoxAuto
+      },
+      {
+        id: elementIds.buttonSectionBoxSettings,
+        tip: "Section Settings",
+        enabled: () => section.enable.get(),
+        isOn: () => section.showOffsetPanel.get(),
+        style: (on) => buttonDefaultStyle(on),
+        action: () => section.showOffsetPanel.set(!section.showOffsetPanel.get()),
+        icon: slidersHoriz
+      }
+    ]
+  };
+}
+function controlBarPointer(viewer, camera2, settings2, section) {
+  const pointer = getPointerState(viewer);
+  return {
     id: elementIds.sectionCamera,
-    enable: () => anyUiCursorButton(props.settings),
+    enable: () => anyUiCursorButton(settings2),
     style: sectionDefaultStyle,
     buttons: [
       {
         id: elementIds.buttonCameraOrbit,
-        enabled: () => isTrue(props.settings.ui.orbit),
+        enabled: () => isTrue(settings2.ui.orbit),
         tip: "Orbit",
         action: () => pointer.onButton("orbit"),
         icon: orbit,
@@ -67838,7 +67888,7 @@ function ControlBar(props) {
       },
       {
         id: elementIds.buttonCameraLook,
-        enabled: () => isTrue(props.settings.ui.lookAround),
+        enabled: () => isTrue(settings2.ui.lookAround),
         tip: "Look Around",
         action: () => pointer.onButton("look"),
         icon: look,
@@ -67847,7 +67897,7 @@ function ControlBar(props) {
       },
       {
         id: elementIds.buttonCameraPan,
-        enabled: () => isTrue(props.settings.ui.pan),
+        enabled: () => isTrue(settings2.ui.pan),
         tip: "Pan",
         action: () => pointer.onButton("pan"),
         icon: pan,
@@ -67856,7 +67906,7 @@ function ControlBar(props) {
       },
       {
         id: elementIds.buttonCameraZoom,
-        enabled: () => isTrue(props.settings.ui.zoom),
+        enabled: () => isTrue(settings2.ui.zoom),
         tip: "Zoom",
         action: () => pointer.onButton("zoom"),
         icon: zoom,
@@ -67865,59 +67915,87 @@ function ControlBar(props) {
       },
       {
         id: elementIds.buttonCameraZoomWindow,
-        enabled: () => isTrue(props.settings.ui.zoomWindow),
+        enabled: () => isTrue(settings2.ui.zoomWindow),
         tip: "Zoom Window",
         action: () => {
           pointer.onButton("rect");
-          section.hide();
         },
         icon: frameRect,
         isOn: () => pointer.mode === "rect",
         style: buttonDefaultStyle
-      },
+      }
+    ]
+  };
+}
+function controlBarActions(camera2, settings2, isolation, measure$1) {
+  return {
+    id: elementIds.sectionActions,
+    enable: () => true,
+    style: sectionDefaultStyle,
+    buttons: [
       {
-        id: elementIds.buttonCameraZoomToFit,
-        enabled: () => isTrue(props.settings.ui.zoomToFit),
+        id: elementIds.buttonZoomToFit,
+        enabled: () => isTrue(settings2.ui.zoomToFit),
         tip: "Zoom to Fit",
-        action: () => props.camera.frameContext(),
+        action: () => camera2.frameContext(),
         icon: frameSelection,
         isOn: () => false,
         style: buttonDefaultStyle
+      },
+      {
+        id: elementIds.buttonToggleIsolation,
+        enabled: () => isTrue(settings2.ui.toggleIsolation),
+        tip: "Toggle Isolation",
+        action: () => isolation.toggle("controlBar"),
+        icon: toggleIsolation,
+        style: buttonDefaultStyle
+      },
+      {
+        id: elementIds.buttonMeasure,
+        enabled: () => isTrue(settings2.ui.measuringMode),
+        isOn: () => measure$1.active,
+        tip: "Measuring Mode",
+        action: () => measure$1.toggle(),
+        icon: measure,
+        style: buttonDefaultStyle
       }
     ]
   };
-  const settingsSection = {
+}
+function controlBarSettings(modal, side, settings$1) {
+  const fullScreen = getFullScreenState();
+  return {
     id: elementIds.sectionSettings,
-    enable: () => anyUiSettingButton(props.settings),
+    enable: () => anyUiSettingButton(settings$1),
     style: sectionDefaultStyle,
     buttons: [
       {
         id: elementIds.buttonProjectInspector,
-        enabled: () => isTrue(props.settings.ui.projectInspector) && (isTrue(props.settings.ui.bimTreePanel) || isTrue(props.settings.ui.bimInfoPanel)),
+        enabled: () => isTrue(settings$1.ui.projectInspector) && (isTrue(settings$1.ui.bimTreePanel) || isTrue(settings$1.ui.bimInfoPanel)),
         tip: "Project Inspector",
-        action: () => props.side.toggleContent("bim"),
+        action: () => side.toggleContent("bim"),
         icon: treeView,
         style: buttonDefaultStyle
       },
       {
         id: elementIds.buttonSettings,
-        enabled: () => isTrue(props.settings.ui.settings),
+        enabled: () => isTrue(settings$1.ui.settings),
         tip: "Settings",
-        action: () => props.side.toggleContent("settings"),
+        action: () => side.toggleContent("settings"),
         icon: settings,
         style: buttonDefaultStyle
       },
       {
         id: elementIds.buttonHelp,
-        enabled: () => isTrue(props.settings.ui.help),
+        enabled: () => isTrue(settings$1.ui.help),
         tip: "Help",
-        action: () => props.modal.help(true),
+        action: () => modal.help(true),
         icon: help,
         style: buttonDefaultStyle
       },
       {
         id: elementIds.buttonMaximize,
-        enabled: () => isTrue(props.settings.ui.maximise) && props.settings.capacity.canGoFullScreen,
+        enabled: () => isTrue(settings$1.ui.maximise) && settings$1.capacity.canGoFullScreen,
         tip: fullScreen.get() ? "Minimize" : "Fullscreen",
         action: () => fullScreen.toggle(),
         icon: fullScreen.get() ? minimize : fullsScreen,
@@ -67925,112 +68003,23 @@ function ControlBar(props) {
       }
     ]
   };
-  const sectionBoxSection = {
-    id: elementIds.sectionSectionBox,
-    enable: () => !measure$1.active && section.active,
-    style: sectionBlueStyle,
-    buttons: [
-      {
-        id: elementIds.buttonSectionBoxReset,
-        tip: "Reset Section Box",
-        action: () => section.reset(),
-        icon: sectionBoxReset,
-        style: buttonBlueStyle
-      },
-      {
-        id: elementIds.buttonSectionBoxShrinkToSelection,
-        tip: "Shrink to Selection",
-        action: () => section.shrinkToSelection(),
-        icon: sectionBoxShrink,
-        style: buttonBlueStyle
-      },
-      {
-        id: elementIds.buttonSectionBoxClip,
-        tip: section.clip ? "Ignore Section Box" : "Clip Section Box",
-        action: () => section.toggleClip(),
-        icon: section.clip ? sectionBoxIgnore : sectionBoxClip,
-        style: buttonBlueStyle
-      },
-      {
-        id: elementIds.buttonSectionBoxDone,
-        tip: "Done",
-        action: () => section.toggle(),
-        icon: checkmark,
-        style: buttonBlueStyle
-      }
-    ]
-  };
-  const measureSection = {
-    id: elementIds.sectionMeasure,
-    enable: () => measure$1.active && !section.active,
-    style: sectionBlueStyle,
-    buttons: [
-      {
-        id: elementIds.buttonMeasureDelete,
-        tip: "Delete",
-        action: () => measure$1.clear(),
-        icon: trash,
-        style: buttonBlueStyle
-      },
-      {
-        id: elementIds.buttonMeasureDone,
-        tip: "Done",
-        action: () => measure$1.toggle(),
-        icon: checkmark,
-        style: buttonBlueStyle
-      }
-    ]
-  };
-  const toolSections = {
-    id: elementIds.sectionTools,
-    enable: () => anyUiToolButton(props.settings) && !measure$1.active && !section.active,
-    style: measure$1.active || section.active ? sectionBlueStyle : sectionDefaultStyle,
-    buttons: [
-      {
-        id: elementIds.buttonSectionBox,
-        enabled: () => isTrue(props.settings.ui.sectioningMode),
-        tip: "Sectioning Mode",
-        action: () => section.toggle(),
-        icon: sectionBox,
-        style: buttonDefaultStyle
-      },
-      {
-        id: elementIds.buttonMeasure,
-        enabled: () => isTrue(props.settings.ui.measuringMode),
-        tip: "Measuring Mode",
-        action: () => measure$1.toggle(),
-        icon: measure,
-        style: buttonDefaultStyle
-      },
-      {
-        id: elementIds.buttonToggleIsolation,
-        enabled: () => isTrue(props.settings.ui.toggleIsolation),
-        tip: "Toggle Isolation",
-        action: () => props.isolation.toggle("controlBar"),
-        icon: toggleIsolation,
-        style: buttonDefaultStyle
-      }
-    ]
-  };
-  let controlBar2 = [cameraSection, toolSections, measureSection, sectionBoxSection, settingsSection];
-  controlBar2 = ((_a2 = props.customization) == null ? void 0 : _a2.call(props, controlBar2)) ?? controlBar2;
-  return createBar(controlBar2);
 }
-function createBar(sections) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
-    gap: "min(10px, 2%)",
-    bottom: "min(36px, 10%)"
-  }, className: "vim-control-bar vc-pointer-events-auto vc-flex-wrap vc-mx-2 vc-min-w-0 vc-absolute vc-left-0 vc-right-0 vc-z-20 vc-flex vc-items-center vc-justify-center transition-all", children: sections.map(createSection$1) });
+function useControlBar(viewer, camera2, modal, side, isolation, cursor, settings2, section, customization) {
+  const measure2 = getMeasureState(viewer, cursor);
+  const pointerSection = controlBarPointer(viewer, camera2, settings2);
+  const actionSection = controlBarActions(camera2, settings2, isolation, measure2);
+  const sectionBoxSection = controlBarSectionBox(section, viewer.selection.count > 0);
+  const settingsSection = controlBarSettings(modal, side, settings2);
+  let controlBarSections = [
+    pointerSection,
+    actionSection,
+    sectionBoxSection,
+    // Optional section
+    settingsSection
+  ];
+  controlBarSections = (customization == null ? void 0 : customization(controlBarSections)) ?? controlBarSections;
+  return controlBarSections;
 }
-const controlBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  ControlBar,
-  buttonBlueStyle,
-  buttonDefaultStyle,
-  elementIds,
-  sectionBlueStyle,
-  sectionDefaultStyle
-}, Symbol.toStringTag, { value: "Module" }));
 function RestOfScreen(props) {
   const [, setVersion] = useState(0);
   const resizeObserver = useRef();
@@ -72019,23 +72008,23 @@ function VimContextMenu(props) {
   const viewer = props.viewer;
   const camera2 = props.camera;
   const [section, setSection] = useState({
-    visible: viewer.gizmos.section.visible,
-    clip: viewer.gizmos.section.clip
+    visible: viewer.gizmos.sectionBox.visible,
+    clip: viewer.gizmos.sectionBox.clip
   });
   const isClipping = () => {
-    return !viewer.gizmos.section.box.containsBox(viewer.renderer.getBoundingBox());
+    return !viewer.gizmos.sectionBox.box.containsBox(viewer.renderer.getBoundingBox());
   };
   const [clipping, setClipping] = useState(isClipping());
   const [, setVersion] = useState(0);
   const hidden2 = props.isolation.isActive();
   useEffect(() => {
-    const subState = viewer.gizmos.section.onStateChanged.subscribe(() => {
+    const subState = viewer.gizmos.sectionBox.onStateChanged.subscribe(() => {
       setSection({
-        visible: viewer.gizmos.section.visible,
-        clip: viewer.gizmos.section.clip
+        visible: viewer.gizmos.sectionBox.visible,
+        clip: viewer.gizmos.sectionBox.clip
       });
     });
-    const subConfirm = viewer.gizmos.section.onBoxConfirm.subscribe(
+    const subConfirm = viewer.gizmos.sectionBox.onBoxConfirm.subscribe(
       () => setClipping(isClipping())
     );
     props.isolation.onChanged.subscribe(() => setVersion((v) => v + 1));
@@ -72087,10 +72076,10 @@ function VimContextMenu(props) {
     e.stopPropagation();
   };
   const onSectionToggleBtn = (e) => {
-    viewer.gizmos.section.clip = !viewer.gizmos.section.clip;
+    viewer.gizmos.sectionBox.clip = !viewer.gizmos.sectionBox.clip;
   };
   const onSectionResetBtn = (e) => {
-    viewer.gizmos.section.fitBox(viewer.renderer.getBoundingBox());
+    viewer.gizmos.sectionBox.fitBox(viewer.renderer.getBoundingBox());
     e.stopPropagation();
   };
   const onMeasureDeleteBtn = (e) => {
@@ -72099,7 +72088,7 @@ function VimContextMenu(props) {
   const onFitSectionToSelectionBtn = (e) => {
     const box = viewer.selection.getBoundingBox();
     if (box) {
-      viewer.gizmos.section.fitBox(box);
+      viewer.gizmos.sectionBox.fitBox(box);
     }
   };
   const createButton2 = (button) => {
@@ -75057,7 +75046,7 @@ class ComponentCamera {
   frameSelection(duration = 1) {
     if (this._viewer.selection.count === 0) return;
     const box = this._viewer.selection.getBoundingBox();
-    if (box && this._viewer.gizmos.section.box.intersectsBox(box)) {
+    if (box && this._viewer.gizmos.sectionBox.box.intersectsBox(box)) {
       const movement = duration === 0 ? this._viewer.camera.snap() : this._viewer.camera.lerp(duration);
       movement.frame(box);
     }
@@ -75706,6 +75695,254 @@ function setComponentBehind(value) {
     component.classList.remove("behind");
   }
 }
+function SectionBoxPanel(props) {
+  const [panelPosition, setPanelPosition] = useState({
+    top: 0,
+    left: 0
+  });
+  const panelRef = useRef(null);
+  useLayoutEffect(() => {
+    const updatePosition = () => {
+      const { top, left } = computePosition(panelRef);
+      setPanelPosition({ top, left });
+    };
+    updatePosition();
+    let resizeObserver = null;
+    if (panelRef.current) {
+      resizeObserver = new ResizeObserver(updatePosition);
+      resizeObserver.observe(panelRef.current.parentElement);
+    }
+    return () => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    };
+  }, [props.state.showOffsetPanel.get()]);
+  if (!props.state.showOffsetPanel.get()) return null;
+  const renderField = (id2, label, field) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-sectionbox-offsets-entry vc-text-xs vc-flex vc-items-center vc-justify-center vc-justify-between vc-my-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "vc-w-1/2 vc-inline", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "vc-w-1/3 vc-inline", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        id: id2,
+        type: "text",
+        value: field.get(),
+        onChange: (e) => field.set(e.target.value),
+        className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
+        onBlur: () => field.confirm()
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "vc-fixed vc-inset-0 vc-flex vc-pointer-events-none",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          ref: panelRef,
+          style: { position: "absolute", top: panelPosition.top, left: panelPosition.left, width: "min(200px, 60%)" },
+          className: "vim-sectionbox-offsets vc-pointer-events-auto vc-bg-white vc-relative",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-sectionbox-header vc-px-2 vc-bg-gray-light vc-flex vc-items-center vc-justify-between ", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vc-flex vim-sectionbox-offsets-title vc-title vc-block", children: "Section Box Offsets" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  className: "vc-flex vc-border-none vc-bg-transparent vc-text-sm vc-cursor-pointer",
+                  onClick: () => props.state.showOffsetPanel.set(false),
+                  children: close({ height: 12, width: 12, fill: "currentColor" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("dl", { className: "vc-text-xl vc-text-gray-darker vc-mb-2 vc-mx-2 ", children: [
+              renderField("topOffset", "Top Offset", props.state.topOffset),
+              renderField("sideOffseet", "Side Offset", props.state.sideOffset),
+              renderField("bottomOffset", "Bottom Offset", props.state.bottomOffset)
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function computePosition(panelRef) {
+  const origin = document.getElementById("vim-control-bar");
+  if (origin && panelRef.current) {
+    const originRect = origin.getBoundingClientRect();
+    const panelRect = panelRef.current.getBoundingClientRect();
+    let left = originRect.left + originRect.width / 2 - panelRect.width / 2;
+    let top = originRect.top - 10 - panelRect.height;
+    if (top < 10) {
+      top = originRect.bottom + 10;
+    }
+    if (left < 10) {
+      left = 10;
+    }
+    if (left + panelRect.width > window.innerWidth - 10) {
+      left = window.innerWidth - panelRect.width - 10;
+    }
+    return { top, left };
+  }
+  return { top: 0, left: 0 };
+}
+function addBox(b1, b2) {
+  const r = b1.clone();
+  r.min.x += b2.min.x;
+  r.min.y += b2.min.y;
+  r.min.z += b2.min.z;
+  r.max.x += b2.max.x;
+  r.max.y += b2.max.y;
+  r.max.z += b2.max.z;
+  return r;
+}
+function useStateRef(initialValue) {
+  const [value, setValue] = useState(initialValue);
+  const ref = useRef(initialValue);
+  const event = useRef(new distExports.SimpleEventDispatcher());
+  const validate = useRef((value2) => value2);
+  const confirm = useRef((value2) => value2);
+  const set3 = (value2) => {
+    const finalValue = validate.current(value2) ?? value2;
+    if (finalValue === void 0) return;
+    if (finalValue === ref.current) return;
+    ref.current = finalValue;
+    setValue(finalValue);
+    event.current.dispatch(finalValue);
+  };
+  return {
+    get() {
+      return ref.current;
+    },
+    set: set3,
+    confirm() {
+      set3(confirm.current(ref.current));
+    },
+    useRegister(on) {
+      useEffect(() => {
+        return event.current.subscribe(on);
+      }, []);
+    },
+    useMemo(on, deps) {
+      return useMemo(() => on(value), [...deps || [], value]);
+    },
+    useValidate(on) {
+      useEffect(() => {
+        validate.current = on;
+      }, []);
+    },
+    useConfirm(on) {
+      useEffect(() => {
+        confirm.current = on;
+      }, []);
+    }
+  };
+}
+function useSectionBox(adapter) {
+  const enable = useStateRef(false);
+  const visible2 = useStateRef(false);
+  const showOffsetPanel = useStateRef(false);
+  const auto = useStateRef(false);
+  const topOffset = useStateRef("1");
+  const sideOffset = useStateRef("1");
+  const bottomOffset = useStateRef("1");
+  const boxRef = useRef(adapter.getBox());
+  enable.useRegister((v) => {
+    visible2.set(v);
+    auto.set(false);
+    showOffsetPanel.set(false);
+    topOffset.set("1");
+    sideOffset.set("1");
+    bottomOffset.set("1");
+    void sectionReset();
+  });
+  topOffset.useValidate((v) => sanitize(v, false));
+  sideOffset.useValidate((v) => sanitize(v, false));
+  bottomOffset.useValidate((v) => sanitize(v, false));
+  topOffset.useConfirm((v) => sanitize(v, true));
+  sideOffset.useConfirm((v) => sanitize(v, true));
+  bottomOffset.useConfirm((v) => sanitize(v, true));
+  const offsetBox = useMemo(
+    () => offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()),
+    [topOffset.get(), sideOffset.get(), bottomOffset.get()]
+  );
+  useEffect(() => section(boxRef.current), [offsetBox]);
+  auto.useRegister((v) => {
+    if (v) sectionSelection();
+  });
+  useEffect(() => {
+    return adapter.onSelectionChanged.sub(() => {
+      if (auto.get()) sectionSelection();
+    });
+  }, []);
+  visible2.useRegister((v) => adapter.setVisible(v));
+  const section = (baseBox) => {
+    boxRef.current = baseBox;
+    const newBox = addBox(baseBox, offsetBox);
+    adapter.fitBox(newBox);
+  };
+  const sectionSelection = async () => {
+    try {
+      const box = await adapter.getSelectionBox() ?? await adapter.getRendererBox();
+      section(box);
+    } catch (e) {
+      console.error(e);
+    }
+  };
+  const sectionReset = async () => {
+    const box = await adapter.getRendererBox();
+    section(box);
+  };
+  return {
+    enable,
+    visible: visible2,
+    auto,
+    showOffsetPanel,
+    topOffset,
+    sideOffset,
+    bottomOffset,
+    sectionSelection,
+    sectionReset,
+    section
+  };
+}
+const sanitize = (value, strict) => {
+  if (!strict) {
+    if (value === "" || value === "-") return value;
+  }
+  const num = parseFloat(value);
+  if (isNaN(num)) {
+    return strict ? "1" : void 0;
+  }
+  return String(num);
+};
+function offsetsToBox3(top, side, bottom) {
+  const getNumber = (s) => {
+    const num = parseFloat(s);
+    return isNaN(num) ? 0 : num;
+  };
+  return new Box3(
+    new Vector3(-getNumber(side), -getNumber(side), -getNumber(bottom)),
+    new Vector3(getNumber(side), getNumber(side), getNumber(top))
+  );
+}
+function useWebglSectionBox(viewer) {
+  const vimAdapter = {
+    setVisible: (b) => {
+      viewer.gizmos.sectionBox.visible = b;
+      viewer.gizmos.sectionBox.interactive = b;
+    },
+    getBox: () => viewer.gizmos.sectionBox.box.clone(),
+    fitBox: (box) => viewer.gizmos.sectionBox.fitBox(box),
+    getSelectionBox: () => Promise.resolve(viewer.selection.getBoundingBox()),
+    getRendererBox: () => Promise.resolve(viewer.renderer.getBoundingBox()),
+    onSceneChanged: viewer.renderer.onBoxUpdated,
+    onSelectionChanged: viewer.selection.onValueChanged
+  };
+  viewer.gizmos.sectionBox.clip = true;
+  return useSectionBox(vimAdapter);
+}
 function createWebglComponent(container, componentSettings = {}, viewerSettings = {}) {
   const promise2 = new DeferredPromise2();
   const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
@@ -75747,11 +75984,13 @@ function VimComponent(props) {
     Math.min(props.container.root.clientWidth * 0.25, 340)
   );
   const [contextMenu2, setcontextMenu] = useState();
-  const [controlBar2, setControlBar] = useState();
+  const [controlBarCustom, setControlBarCustom] = useState();
   const bimInfoRef = useBimInfo();
   const viewerState = useViewerState(props.viewer);
   const treeRef = useRef();
   const performanceRef = useRef(null);
+  const sectionBox2 = useWebglSectionBox(props.viewer);
+  const controlBar2 = useControlBar(props.viewer, camera2, modal, side, isolation, cursor, settings2.value, sectionBox2, controlBarCustom);
   useEffect(() => {
     var _a3;
     side.setHasBim(((_a3 = viewerState.vim) == null ? void 0 : _a3.bim) !== void 0);
@@ -75776,11 +76015,14 @@ function VimComponent(props) {
       isolation,
       camera: camera2,
       settings: settings2,
+      get sectionBox() {
+        return sectionBox2;
+      },
       contextMenu: {
         customize: (v) => setcontextMenu(() => v)
       },
       controlBar: {
-        customize: (v) => setControlBar(() => v)
+        customize: (v) => setControlBarCustom(() => v)
       },
       modal,
       bimInfo: bimInfoRef,
@@ -75834,16 +76076,11 @@ function VimComponent(props) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ControlBar,
           {
-            viewer: props.viewer,
-            camera: camera2,
-            modal,
-            side,
-            isolation,
-            cursor,
-            settings: settings2.value,
-            customization: controlBar2
+            content: controlBar2,
+            show: isTrue(settings2.value.ui.controlBar)
           }
         ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           AxesPanelMemo,
           {
@@ -76169,12 +76406,53 @@ function getRequestErrorMessage(source, error) {
       return serverConnectionError(source.url);
   }
 }
+function updateModal(modal, state) {
+  if (state.status === "connected") {
+    modal.loading(void 0);
+    modal.message(void 0);
+  }
+  if (state.status === "connecting") {
+    if (modal.current === void 0 || modal.current.type === "loading") {
+      modal.loading({ message: "Connecting to VIM Ultra server..." });
+    }
+  }
+  if (state.status === "error") {
+    console.log("Error loading vim", state);
+    modal.message(getErrorMessage(state));
+  }
+}
+async function updateProgress(request2, modal) {
+  for await (const progress of request2.getProgress()) {
+    if (request2.isCompleted) break;
+    modal.loading({ message: "Loading File in VIM Ultra mode", progress });
+  }
+}
+function useUltraSectionBox(viewer) {
+  const ultraAdapter = {
+    setVisible: (b) => {
+      viewer.sectionBox.visible = b;
+      viewer.sectionBox.interactive = b;
+    },
+    getBox: () => viewer.sectionBox.getBox().clone(),
+    fitBox: (box) => viewer.sectionBox.fitBox(box),
+    getSelectionBox: () => viewer.selection.getBoundingBox(),
+    getRendererBox: () => viewer.renderer.getBoundingBox(),
+    onSelectionChanged: viewer.selection.onValueChanged,
+    onSceneChanged: viewer.vims.onChanged
+  };
+  return useSectionBox(ultraAdapter);
+}
+function useUltraControlBar(viewer, section, customization) {
+  let controlBar2 = [controlBarSectionBox(section, viewer.selection.count > 0)];
+  controlBar2 = (customization == null ? void 0 : customization(controlBar2)) ?? controlBar2;
+  return controlBar2;
+}
 function createUltraComponent(container) {
   const promise2 = new DeferredPromise2();
   const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
   const viewer = Viewer2.createWithCanvas(cmpContainer.gfx);
   const reactRoot = clientExports.createRoot(cmpContainer.ui);
-  const patchRef = (cmp) => {
+  const attachDispose = (cmp) => {
     cmp.dispose = () => {
       viewer.dispose();
       cmpContainer.dispose();
@@ -76188,7 +76466,7 @@ function createUltraComponent(container) {
       {
         container: cmpContainer,
         viewer,
-        onMount: (cmp) => promise2.resolve(patchRef(cmp))
+        onMount: (cmp) => promise2.resolve(attachDispose(cmp))
       }
     )
   );
@@ -76196,31 +76474,36 @@ function createUltraComponent(container) {
 }
 function UltraComponent(props) {
   const modal = useModal(true);
+  const sectionBox2 = useUltraSectionBox(props.viewer);
+  const controlBar2 = useUltraControlBar(props.viewer, sectionBox2, (_2) => _2);
+  const side = useSideState(true, 400);
+  const [_, setSelectState] = useState(0);
   useEffect(() => {
     props.viewer.onStateChanged.subscribe((state) => updateModal(modal, state));
-    props.onMount(ToRef(props.viewer, modal));
+    props.viewer.selection.onValueChanged.subscribe(() => {
+      setSelectState((i) => (i + 1) % 2);
+    });
+    props.onMount(createComponentRef(props.viewer, modal, sectionBox2));
   }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { canvas: props.viewer.viewport.canvas }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RestOfScreen, { side, content: () => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        whenTrue(true, /* @__PURE__ */ jsxRuntimeExports.jsx(LogoMemo, {})),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { canvas: props.viewer.viewport.canvas }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ControlBar,
+          {
+            content: controlBar2,
+            show: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 })
+      ] });
+    } }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { state: modal })
   ] });
 }
-function updateModal(modal, state) {
-  if (state.status === "connected") {
-    modal.loading(void 0);
-    modal.message(void 0);
-  }
-  if (state.status === "connecting") {
-    if (modal.current === void 0 || modal.current.type === "loading") {
-      modal.loading({ message: "Connecting to VIM Ultra server..." });
-    }
-  }
-  if (state.status === "error") {
-    console.log("Error loading vim", state);
-    modal.message(getErrorMessage(state));
-  }
-}
-function ToRef(viewer, modal) {
+function createComponentRef(viewer, modal, sectionBox2) {
   function load(source) {
     const request2 = viewer.loadVim(source);
     void updateProgress(request2, modal);
@@ -76240,17 +76523,12 @@ function ToRef(viewer, modal) {
   return {
     viewer,
     modal,
+    sectionBox: sectionBox2,
     dispose: () => {
     },
     load
   };
 }
-async function updateProgress(request2, modal) {
-  for await (const progress of request2.getProgress()) {
-    if (request2.isCompleted) break;
-    modal.loading({ message: "Loading File in VIM Ultra mode", progress });
-  }
-}
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   UltraComponent,