bimatter-viewer-react 0.8.0 → 0.8.1

package/lib/index.js

@@ -4,26 +4,26 @@ import u, { createContext as d, forwardRef as f, memo as p, useCallback as m, us
 import { Canvas as S, applyProps as C, extend as w, useFrame as T, useThree as E } from "@react-three/fiber";
 import { CameraControls as D, Stats as O } from "@react-three/drei";
 import "three";
-import { AlwaysDepth as k, BackSide as A, BasicDepthPacking as j, Box3 as M, BoxGeometry as ee, BufferAttribute as N, BufferGeometry as P, CanvasTexture as F, Color as I, ConeGeometry as te, DataTexture as ne, DepthStencilFormat as re, DepthTexture as ie, DoubleSide as L, DynamicDrawUsage as R, EventDispatcher as ae, Float32BufferAttribute as oe, FloatType as se, FrontSide as ce, Group as le, HalfFloatType as z, Line as ue, Line3 as de, LineBasicMaterial as fe, LineDashedMaterial as pe, LineSegments as me, LinearFilter as B, LinearSRGBColorSpace as he, Material as ge, MathUtils as _e, Matrix4 as V, Mesh as H, MeshBasicMaterial as ve, MeshLambertMaterial as ye, MeshNormalMaterial as be, NearestFilter as U, NoBlending as xe, NoColorSpace as Se, NoToneMapping as Ce, Object3D as we, OrthographicCamera as Te, PerspectiveCamera as Ee, Plane as De, REVISION as Oe, RGBAFormat as ke, RGFormat as Ae, Raycaster as je, RedFormat as Me, RepeatWrapping as Ne, SRGBColorSpace as Pe, Scene as Fe, ShaderMaterial as W, ShapeUtils as Ie, Sphere as Le, SphereGeometry as Re, Sprite as ze, SpriteMaterial as Be, Texture as Ve, Uint32BufferAttribute as He, Uniform as G, UnsignedByteType as Ue, UnsignedInt248Type as We, UnsignedIntType as Ge, Vector2 as K, Vector3 as q, WebGLRenderTarget as J } from "three";
-import { Fragment as Ke, jsx as Y, jsxs as qe } from "react/jsx-runtime";
-import { useStore as Je } from "zustand";
-import { createStore as Ye } from "zustand/vanilla";
-import { CONTAINED as Xe, INTERSECTED as Ze, MeshBVH as Qe, NOT_INTERSECTED as $e, acceleratedRaycast as et } from "three-mesh-bvh";
-import tt from "pako";
+import { AlwaysDepth as k, BackSide as A, BasicDepthPacking as j, Box3 as M, BoxGeometry as ee, BufferAttribute as N, BufferGeometry as P, CanvasTexture as F, Color as I, ConeGeometry as te, DataTexture as ne, DepthStencilFormat as re, DepthTexture as ie, DoubleSide as L, DynamicDrawUsage as R, EventDispatcher as ae, Float32BufferAttribute as oe, FloatType as se, FrontSide as ce, Group as le, HalfFloatType as z, Line as ue, Line3 as de, LineBasicMaterial as fe, LineDashedMaterial as pe, LineSegments as me, LinearFilter as B, LinearSRGBColorSpace as he, Material as ge, MathUtils as _e, Matrix4 as V, Mesh as H, MeshBasicMaterial as ve, MeshLambertMaterial as ye, MeshNormalMaterial as be, NearestFilter as U, NoBlending as xe, NoColorSpace as Se, NoToneMapping as Ce, Object3D as we, OrthographicCamera as Te, PerspectiveCamera as Ee, Plane as De, REVISION as Oe, RGBAFormat as ke, RGFormat as Ae, RedFormat as je, RepeatWrapping as Me, SRGBColorSpace as Ne, Scene as Pe, ShaderMaterial as W, ShapeUtils as Fe, Sphere as Ie, SphereGeometry as Le, Sprite as Re, SpriteMaterial as ze, Texture as Be, Uint32BufferAttribute as Ve, Uniform as G, UnsignedByteType as He, UnsignedInt248Type as Ue, UnsignedIntType as We, Vector2 as K, Vector3 as q, WebGLRenderTarget as J } from "three";
+import { Fragment as Ge, jsx as Y, jsxs as Ke } from "react/jsx-runtime";
+import { useStore as qe } from "zustand";
+import { createStore as Je } from "zustand/vanilla";
+import { CONTAINED as Ye, INTERSECTED as Xe, MeshBVH as Ze, NOT_INTERSECTED as Qe, acceleratedRaycast as $e } from "three-mesh-bvh";
+import et from "pako";
 //#region src/viewer/utils/ModelGrids/ModelGrids.tsx
-var nt = 10, rt = "#1d2733", it = 2, at = .05, ot = "\0", st = /* @__PURE__ */ new Map();
-function ct() {
+var tt = 10, nt = "#1d2733", rt = 2, it = .05, at = "\0", ot = /* @__PURE__ */ new Map();
+function st() {
 	return typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, 2);
 }
-function lt(e, t, n, r) {
-	let i = ct(), a = document.createElement("canvas"), o = a.getContext("2d");
+function ct(e, t, n, r) {
+	let i = st(), a = document.createElement("canvas"), o = a.getContext("2d");
 	if (!o) throw Error("Could not create grid label canvas context");
 	let s = `400 ${r}px system-ui, "Segoe UI", sans-serif`, c = Math.ceil(r * .5), l = Math.ceil(r * .35);
 	o.font = s;
 	let u = o.measureText(t), d = u.actualBoundingBoxAscent || r * .8, f = u.actualBoundingBoxDescent || r * .2, p = Math.max(1, Math.ceil(u.width + c * 2)), m = Math.max(1, Math.ceil(d + f + l * 2));
 	a.width = Math.ceil(p * i), a.height = Math.ceil(m * i), o.scale(i, i), o.clearRect(0, 0, p, m), o.font = s, o.fillStyle = n, o.textAlign = "left", o.textBaseline = "alphabetic", o.fillText(t, c, l + d);
 	let h = new F(a);
-	return h.colorSpace = Pe, h.generateMipmaps = !1, h.magFilter = B, h.minFilter = B, h.needsUpdate = !0, {
+	return h.colorSpace = Ne, h.generateMipmaps = !1, h.magFilter = B, h.minFilter = B, h.needsUpdate = !0, {
 		disposeTimer: null,
 		height: m,
 		key: e,
@@ -32,49 +32,49 @@ function lt(e, t, n, r) {
 		width: p
 	};
 }
-function ut(e, t, n) {
+function lt(e, t, n) {
 	let r = [
 		e,
 		t,
 		n
-	].join(ot), i = st.get(r);
-	return i || (i = lt(r, e, t, n), st.set(r, i)), i;
+	].join(at), i = ot.get(r);
+	return i || (i = ct(r, e, t, n), ot.set(r, i)), i;
 }
-function dt(e, t, n) {
-	let r = y(() => ut(e, t, n), [
+function ut(e, t, n) {
+	let r = y(() => lt(e, t, n), [
 		t,
 		n,
 		e
 	]);
 	return g(() => (r.disposeTimer &&= (clearTimeout(r.disposeTimer), null), r.refs++, () => {
 		r.refs = Math.max(0, r.refs - 1), r.refs <= 0 && (r.disposeTimer = setTimeout(() => {
-			r.refs > 0 || (r.texture.dispose(), st.delete(r.key), r.disposeTimer = null);
+			r.refs > 0 || (r.texture.dispose(), ot.delete(r.key), r.disposeTimer = null);
 		}, 1e3));
 	}), [r]), r;
 }
-function ft(e, t, n, r) {
+function dt(e, t, n, r) {
 	let i = Math.abs(n.projectionMatrix.elements[5]) || 1, a = t.height * 2 / (Math.max(1, r) * i), o = a * (t.width / t.height);
 	e.scale.set(o, a, 1);
 }
-function pt(e, t) {
+function ft(e, t) {
 	let n = e[t];
 	return n === void 0 ? 0 : Number.isFinite(n) ? n : null;
 }
-function mt(e, t) {
-	return pt(e, t) ?? 0;
+function pt(e, t) {
+	return ft(e, t) ?? 0;
 }
-function ht(e) {
-	let t = pt(e, "x"), n = pt(e, "y"), r = pt(e, "z");
+function mt(e) {
+	let t = ft(e, "x"), n = ft(e, "y"), r = ft(e, "z");
 	return t === null || n === null || r === null ? null : new q(t, n, r);
 }
-function gt(e, t) {
+function ht(e, t) {
 	return [
-		mt(e, "x"),
-		t !== void 0 && Number.isFinite(t) ? t : mt(e, "y"),
-		mt(e, "z")
+		pt(e, "x"),
+		t !== void 0 && Number.isFinite(t) ? t : pt(e, "y"),
+		pt(e, "z")
 	];
 }
-function _t(e) {
+function gt(e) {
 	let { h: t, l: n } = e.getHSL({
 		h: 0,
 		s: 0,
@@ -82,14 +82,14 @@ function _t(e) {
 	});
 	return t < .55 && n >= .5 || t >= .55 && n >= .75 ? "#000000" : "#ffffff";
 }
-function vt(e) {
+function _t(e) {
 	let t = E((e) => e.scene.background);
-	return y(() => e || (t instanceof I ? _t(t) : rt), [t, e]);
+	return y(() => e || (t instanceof I ? gt(t) : nt), [t, e]);
 }
-function yt({ axis: e, grid: t, endSide: n, startSide: r }) {
+function vt({ axis: e, grid: t, endSide: n, startSide: r }) {
 	return Object.entries(e).flatMap(([e, i]) => {
 		if (i.length < 2) return [];
-		let a = ht(i[0]), o = ht(i[1]);
+		let a = mt(i[0]), o = mt(i[1]);
 		return !a || !o ? [] : (a.y = 0, o.y = 0, [{
 			endSide: n,
 			loc: t.loc,
@@ -99,18 +99,18 @@ function yt({ axis: e, grid: t, endSide: n, startSide: r }) {
 		}]);
 	});
 }
-function bt({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight: i, showTop: a }) {
+function yt({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight: i, showTop: a }) {
 	let o = {
 		bottom: n,
 		left: r,
 		right: i,
 		top: a
-	}, s = Object.values(t).flatMap((e) => [...yt({
+	}, s = Object.values(t).flatMap((e) => [...vt({
 		axis: e.points.u,
 		endSide: "right",
 		grid: e,
 		startSide: "left"
-	}), ...yt({
+	}), ...vt({
 		axis: e.points.v,
 		endSide: "bottom",
 		grid: e,
@@ -123,8 +123,8 @@ function bt({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight
 			e.startSide,
 			e.endSide,
 			e.name,
-			mt(e.loc, "x"),
-			mt(e.loc, "z"),
+			pt(e.loc, "x"),
+			pt(e.loc, "z"),
 			e.points[0].x,
 			e.points[0].z,
 			e.points[1].x,
@@ -133,49 +133,49 @@ function bt({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight
 		c.has(t) || c.set(t, e);
 	}), Array.from(c.values());
 }
-function xt(e, t) {
-	return new q(...gt(e.loc, t));
+function bt(e, t) {
+	return new q(...ht(e.loc, t));
 }
-function St({ cameraPosition: e, floorY: t, line: n, showBottom: r, showLeft: i, showRight: a, showTop: o }) {
+function xt({ cameraPosition: e, floorY: t, line: n, showBottom: r, showLeft: i, showRight: a, showTop: o }) {
 	let s = {
 		bottom: r,
 		left: i,
 		right: a,
 		top: o
-	}, c = xt(n, t), l = n.points[0].clone().add(c), u = n.points[1].clone().add(c), d = l.distanceToSquared(e) > u.distanceToSquared(e) ? "start" : "end", f = d === "start" ? "end" : "start", p = (e) => s[e === "start" ? n.startSide : n.endSide];
+	}, c = bt(n, t), l = n.points[0].clone().add(c), u = n.points[1].clone().add(c), d = l.distanceToSquared(e) > u.distanceToSquared(e) ? "start" : "end", f = d === "start" ? "end" : "start", p = (e) => s[e === "start" ? n.startSide : n.endSide];
 	return p(d) ? d : p(f) ? f : null;
 }
-function Ct({ endpoint: e, labelOffset: t, line: n }) {
+function St({ endpoint: e, labelOffset: t, line: n }) {
 	let r = e === "start" ? n.points[0].clone() : n.points[1].clone(), i = n.points[1].clone().sub(n.points[0]);
 	return i.y = 0, i.lengthSq() === 0 && i.set(1, 0, 0), i.normalize().multiplyScalar(t), e === "start" && i.negate(), r.add(i);
 }
-function wt(e, t) {
+function Ct(e, t) {
 	let n = new q(), r = 0;
 	return e.forEach((e) => {
-		let i = xt(e, t);
+		let i = bt(e, t);
 		e.points.forEach((e) => {
 			n.add(e).add(i), r++;
 		});
 	}), r && n.divideScalar(r), n;
 }
-function Tt(e, t, n) {
+function wt(e, t, n) {
 	let r = 0;
 	return e.forEach((e) => {
-		let i = xt(e, n);
+		let i = bt(e, n);
 		e.points.forEach((e) => {
 			r = Math.max(r, e.clone().add(i).distanceTo(t));
 		});
 	}), r;
 }
-function Et({ color: e, fontSize: t, position: n, text: r }) {
+function Tt({ color: e, fontSize: t, position: n, text: r }) {
 	let { camera: i, size: a } = E(), o = b(null), s = b({
 		projectionScale: 0,
 		viewportHeight: 0
-	}), c = dt(r, e, t), l = m((e, t) => {
+	}), c = ut(r, e, t), l = m((e, t) => {
 		let n = Math.abs(e.projectionMatrix.elements[5]) || 1, r = s.current;
 		if (r.projectionScale === n && r.viewportHeight === t) return;
 		let i = o.current;
-		i && (r.projectionScale = n, r.viewportHeight = t, ft(i, c, e, t));
+		i && (r.projectionScale = n, r.viewportHeight = t, dt(i, c, e, t));
 	}, [c]);
 	return g(() => {
 		s.current.projectionScale = 0, l(i, a.height);
@@ -200,8 +200,8 @@ function Et({ color: e, fontSize: t, position: n, text: r }) {
 		})
 	});
 }
-function Dt({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset: i, line: a, showBottom: o, showLeft: s, showRight: c, showTop: l }) {
-	let u = y(() => new P().setFromPoints(a.points), [a.points]), d = St({
+function Et({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset: i, line: a, showBottom: o, showLeft: s, showRight: c, showTop: l }) {
+	let u = y(() => new P().setFromPoints(a.points), [a.points]), d = xt({
 		cameraPosition: e,
 		floorY: n,
 		line: a,
@@ -209,19 +209,19 @@ function Dt({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset:
 		showLeft: s,
 		showRight: c,
 		showTop: l
-	}), f = d ? Ct({
+	}), f = d ? St({
 		endpoint: d,
 		labelOffset: i,
 		line: a
 	}) : null;
-	return g(() => () => u.dispose(), [u]), /* @__PURE__ */ qe("lineSegments", {
+	return g(() => () => u.dispose(), [u]), /* @__PURE__ */ Ke("lineSegments", {
 		geometry: u,
-		position: gt(a.loc, n),
+		position: ht(a.loc, n),
 		children: [/* @__PURE__ */ Y("lineBasicMaterial", {
 			color: t,
 			depthWrite: !1,
 			linewidth: 2
-		}), f && /* @__PURE__ */ Y(Et, {
+		}), f && /* @__PURE__ */ Y(Tt, {
 			color: t,
 			fontSize: r,
 			position: f,
@@ -229,8 +229,8 @@ function Dt({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset:
 		})]
 	});
 }
-function Ot({ color: e, floorY: t, fontSize: n = nt, grids: r, labelOffset: i = it, showBottom: a = !0, showLeft: o = !0, showRight: s = !0, showTop: c = !0, visible: l = !0 }) {
-	let u = E((e) => e.camera), d = b(null), f = b(new q()), [p, m] = x(() => new q()), h = vt(e), g = y(() => r ? bt({
+function Dt({ color: e, floorY: t, fontSize: n = tt, grids: r, labelOffset: i = rt, showBottom: a = !0, showLeft: o = !0, showRight: s = !0, showTop: c = !0, visible: l = !0 }) {
+	let u = E((e) => e.camera), d = b(null), f = b(new q()), [p, m] = x(() => new q()), h = _t(e), g = y(() => r ? yt({
 		flattenToFloor: t !== void 0,
 		grids: r,
 		showBottom: a,
@@ -244,7 +244,7 @@ function Ot({ color: e, floorY: t, fontSize: n = nt, grids: r, labelOffset: i =
 		o,
 		s,
 		c
-	]), _ = y(() => wt(g, t), [t, g]), v = y(() => Math.max(i, Tt(g, _, t) * .015), [
+	]), _ = y(() => Ct(g, t), [t, g]), v = y(() => Math.max(i, wt(g, _, t) * .015), [
 		_,
 		t,
 		i,
@@ -254,11 +254,11 @@ function Ot({ color: e, floorY: t, fontSize: n = nt, grids: r, labelOffset: i =
 		let e = d.current;
 		if (!e) return;
 		let t = f.current.copy(u.position);
-		e.worldToLocal(t), !(t.distanceToSquared(p) < at) && m(t.clone());
+		e.worldToLocal(t), !(t.distanceToSquared(p) < it) && m(t.clone());
 	}), !l || !g.length ? null : /* @__PURE__ */ Y("group", {
 		ref: d,
 		userData: { modelGrids: !0 },
-		children: g.map((e) => /* @__PURE__ */ Y(Dt, {
+		children: g.map((e) => /* @__PURE__ */ Y(Et, {
 			cameraPosition: p,
 			color: h,
 			floorY: t,
@@ -273,9 +273,9 @@ function Ot({ color: e, floorY: t, fontSize: n = nt, grids: r, labelOffset: i =
 			e.startSide,
 			e.endSide,
 			e.name,
-			mt(e.loc, "x"),
-			t ?? mt(e.loc, "y"),
-			mt(e.loc, "z"),
+			pt(e.loc, "x"),
+			t ?? pt(e.loc, "y"),
+			pt(e.loc, "z"),
 			e.points[0].x,
 			e.points[0].y,
 			e.points[0].z,
@@ -287,20 +287,20 @@ function Ot({ color: e, floorY: t, fontSize: n = nt, grids: r, labelOffset: i =
 }
 //#endregion
 //#region src/viewer/store/ViewerStoreContext.ts
-var kt = d(null);
+var Ot = d(null);
 //#endregion
 //#region src/viewer/store/useViewerStore.ts
 function X(e) {
-	return Je(At(), e);
+	return qe(kt(), e);
 }
-function At() {
-	let e = h(kt);
+function kt() {
+	let e = h(Ot);
 	if (!e) throw Error("useViewerStore must be used inside ViewerStoreProvider");
 	return e;
 }
 //#endregion
 //#region src/viewer/store/ViewerStore.ts
-var jt = "rgb(17, 148, 189)", Mt = "rgb(104, 198, 227)", Nt = "#ffffff", Pt = 1.5, Ft = "#ffffff", It = 1.5, Lt = {
+var At = "rgb(17, 148, 189)", jt = "rgb(104, 198, 227)", Mt = "#ffffff", Nt = 1.5, Pt = "#ffffff", Ft = 1.5, It = .4, Lt = {
 	bottom: !0,
 	left: !0,
 	right: !0,
@@ -308,29 +308,30 @@ var jt = "rgb(17, 148, 189)", Mt = "rgb(104, 198, 227)", Nt = "#ffffff", Pt = 1.
 	visible: !0
 };
 function Rt() {
-	return Ye((e) => ({
+	return Je((e) => ({
 		api: null,
 		defaultHotkeysEnabled: !0,
 		gridAxesVisibility: Lt,
 		lighting: {
 			ambient: {
-				color: Nt,
-				intensity: Pt
+				color: Mt,
+				intensity: Nt
 			},
 			directional: {
-				color: Ft,
-				intensity: It
+				color: Pt,
+				intensity: Ft
 			}
 		},
 		modelNames: {},
 		modelProps: {},
 		modelStructure: {},
-		preselectionColor: Mt,
+		performanceMovingFactor: It,
+		preselectionColor: jt,
 		postproductionActivePassFilter: null,
 		postproductionPassType: "N8AO",
 		postproductionSaturation: 0,
 		selected: {},
-		selectionColor: jt,
+		selectionColor: At,
 		selectionInteractionDisabled: !1,
 		showNavCube: !0,
 		showStats: !1,
@@ -406,6 +407,7 @@ function Rt() {
 		setModelNames: (t) => e({ modelNames: t }),
 		setModelProps: (t) => e({ modelProps: t }),
 		setModelStructure: (t) => e({ modelStructure: t }),
+		setPerformanceMovingFactor: (t) => e({ performanceMovingFactor: Number.isFinite(t) ? Math.max(0, Math.min(1, t)) : It }),
 		setPreselectionColor: (t) => e({ preselectionColor: t }),
 		setPostproductionActivePassFilter: (t) => e({ postproductionActivePassFilter: t }),
 		setPostproductionPassType: (t) => e({ postproductionPassType: t }),
@@ -464,8 +466,8 @@ function Rt() {
 }
 var zt = 2;
 function Bt() {
-	let e = new ne(new Uint8Array(256 * 4), 256, 1, ke, Ue);
-	return e.magFilter = U, e.minFilter = U, e.generateMipmaps = !1, e.needsUpdate = !0, Ht(e, 1, new I(jt)), e;
+	let e = new ne(new Uint8Array(256 * 4), 256, 1, ke, He);
+	return e.magFilter = U, e.minFilter = U, e.generateMipmaps = !1, e.needsUpdate = !0, Ht(e, 1, new I(At)), e;
 }
 function Vt(e) {
 	return `${e.r.toFixed(6)}:${e.g.toFixed(6)}:${e.b.toFixed(6)}`;
@@ -629,7 +631,7 @@ function en(e) {
 }
 //#endregion
 //#region src/viewer/SelectableMesh.tsx
-H.prototype.raycast = et;
+H.prototype.raycast = $e;
 var tn = 1 / 1.5;
 function nn({ colorPaletteTexture: e, material: t, materialMode: n = "quality", preselectionColor: r, useDoubleSideMaterial: i = !1 }) {
 	let a = new I(t.r, t.g, t.b);
@@ -688,11 +690,11 @@ var an = u.memo(function({ colorPaletteTexture: e, material: t, materialMode: n
 		rn(p, d);
 	}, [p, d]), g(() => {
 		if (!l.current) return;
-		let e = l.current.geometry, t = new Qe(e, { indirect: !0 });
+		let e = l.current.geometry, t = new Ze(e, { indirect: !0 });
 		return Object.assign(e, { boundsTree: t }), s !== void 0 && u.current?.(s), () => {
 			p.dispose(), Object.assign(e, { boundsTree: null });
 		};
-	}, [p, s]), /* @__PURE__ */ qe("mesh", {
+	}, [p, s]), /* @__PURE__ */ Ke("mesh", {
 		frustumCulled: !0,
 		matrix: a,
 		matrixAutoUpdate: !1,
@@ -703,7 +705,7 @@ var an = u.memo(function({ colorPaletteTexture: e, material: t, materialMode: n
 			let t = e.object;
 			t.preselected &&= !1;
 		},
-		children: [/* @__PURE__ */ qe("bufferGeometry", { children: [
+		children: [/* @__PURE__ */ Ke("bufferGeometry", { children: [
 			/* @__PURE__ */ Y("bufferAttribute", {
 				attach: "attributes-position",
 				args: [r.pos, 3]
@@ -791,11 +793,11 @@ var ln = u.memo(function({ colorPaletteTexture: e, material: t, materialMode: n
 		p,
 		m
 	]), g(() => {
-		let e = new Qe(f, { indirect: !0 });
+		let e = new Ze(f, { indirect: !0 });
 		return Object.assign(f, { boundsTree: e }), s !== void 0 && u.current?.(s), () => {
 			Object.assign(f, { boundsTree: null }), f.dispose();
 		};
-	}, [f, s]), g(() => () => v.dispose(), [v]), /* @__PURE__ */ qe("mesh", {
+	}, [f, s]), g(() => () => v.dispose(), [v]), /* @__PURE__ */ Ke("mesh", {
 		frustumCulled: !0,
 		matrix: a,
 		matrixAutoUpdate: !1,
@@ -896,9 +898,9 @@ function gn({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r
 		let r = t.readyMeshKeys.size, i = g.current;
 		p.current?.(r, i), r >= i && f.current?.(r);
 	}, []);
-	if (!r) return /* @__PURE__ */ Y(Ke, {});
+	if (!r) return /* @__PURE__ */ Y(Ge, {});
 	let v = a ?? r.renderSettings?.materialMode ?? "quality", x = r.renderSettings?.useDoubleSideMaterial === !0, S = c ? ln : an;
-	return /* @__PURE__ */ qe("group", {
+	return /* @__PURE__ */ Ke("group", {
 		matrix: u.coordinationMatrix ?? un,
 		matrixAutoUpdate: !1,
 		userData: { modelID: n },
@@ -912,7 +914,7 @@ function gn({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r
 			onReady: _,
 			readyKey: `${i}:${t.key}`,
 			useDoubleSideMaterial: x
-		}, t.key)), /* @__PURE__ */ Y(Ot, {
+		}, t.key)), /* @__PURE__ */ Y(Dt, {
 			floorY: u.floorY,
 			grids: r.grids,
 			showBottom: l.bottom,
@@ -1050,7 +1052,7 @@ function On(e, t) {
 }
 function kn(e) {
 	let t = e.geometry;
-	Object.assign(t, { boundsTree: void 0 }), e.geometry.index?.count && Object.assign(t, { boundsTree: new Qe(e.geometry, { indirect: !0 }) });
+	Object.assign(t, { boundsTree: void 0 }), e.geometry.index?.count && Object.assign(t, { boundsTree: new Ze(e.geometry, { indirect: !0 }) });
 }
 function An(e, t, n = !0) {
 	e.mesh.geometry.setIndex(new N(t, 1)), n && kn(e.mesh);
@@ -1391,10 +1393,10 @@ var rr = class {
 		let n = t.getSize(new q()).length();
 		this.tolerance = Math.max(Hn, n * Un), this.closeGapTolerance = Math.max(this.tolerance * Gn, n * Wn);
 		let r = Zn(this.plane), i = this.context.getEdgeSegmentsForPlane(this.plane), a = i ? this.getCapSegmentsFromEdgeSegments(i, r) : this.getCapSegments(r), o = this.getClosedContours(a), { elementIDs: s, modelIDs: c, positions: l } = this.triangulateContours(o, r);
-		if (e.setAttribute("position", new oe(l, 3)), e.setAttribute("ids", new He(s, 1)), e.setAttribute("modelID", new He(c, 1)), e.setAttribute("colorIndex", nr(s.length, this.context.getUseWebGPU())), s.length) {
+		if (e.setAttribute("position", new oe(l, 3)), e.setAttribute("ids", new Ve(s, 1)), e.setAttribute("modelID", new Ve(c, 1)), e.setAttribute("colorIndex", nr(s.length, this.context.getUseWebGPU())), s.length) {
 			let t = new Uint32Array(s.length);
 			for (let e = 0; e < t.length; e++) t[e] = e;
-			e.setIndex(new He(t, 1));
+			e.setIndex(new Ve(t, 1));
 		}
 		return l.length && (e.computeVertexNormals(), e.computeBoundingSphere()), e;
 	}
@@ -1559,7 +1561,7 @@ var rr = class {
 	triangulateContours(e, t) {
 		let n = [], r = [], i = [];
 		return e.forEach(({ elementID: e, modelID: a, points: o }) => {
-			Ie.triangulateShape(o, []).forEach(([s, c, l]) => {
+			Fe.triangulateShape(o, []).forEach(([s, c, l]) => {
 				this.pushContourVertex(i, n, r, o[s], t, e, a), this.pushContourVertex(i, n, r, o[c], t, e, a), this.pushContourVertex(i, n, r, o[l], t, e, a);
 			});
 		}), {
@@ -1697,7 +1699,7 @@ var dr = class {
 		let a = n.getX(i);
 		return a >= r.count ? null : r.getX(a);
 	}
-}, fr = "#0b2f5f", pr = "#0b2f5f", mr = 0, hr = "#1f7ae0", gr = .22, _r = .01, vr = .025, yr = .015, br = .02, xr = 1e-7, Sr = .25, Cr = .15, wr = .25, Tr = 1e-5, Er = .2, Dr = 1, Or = 1;
+}, fr = "#0b2f5f", pr = "#0b2f5f", mr = 0, hr = "#165eb0", gr = .3, _r = .01, vr = .025, yr = .015, br = .02, xr = 1e-7, Sr = .25, Cr = .15, wr = .25, Tr = 1e-5, Er = .2, Dr = 1, Or = 1;
 function kr(e, t) {
 	let n = t.getBoundingClientRect();
 	return new K((e.clientX - n.left) / n.width * 2 - 1, -((e.clientY - n.top) / n.height) * 2 + 1);
@@ -2376,7 +2378,8 @@ var Vr = class {
 	}
 };
 function Hr(e, t, n, r = !1) {
-	let i = E((e) => e.camera), a = E((e) => e.gl), o = E((e) => e.raycaster), s = E((e) => e.scene), c = At(), l = y(() => new Vr({
+	let i = E((e) => e.camera), a = E((e) => e.gl), o = E((e) => e.raycaster), s = E((e) => e.scene), c = kt(), l = b(null);
+	l.current ||= new Vr({
 		camera: i,
 		cameraUtils: n,
 		controlRef: t,
@@ -2387,19 +2390,10 @@ function Hr(e, t, n, r = !1) {
 		scene: s,
 		useWebGPU: r,
 		viewerStore: c
-	}), [
-		i,
-		n,
-		t,
-		a,
-		e,
-		o,
-		s,
-		r,
-		c
-	]);
+	});
+	let u = l.current;
 	return g(() => {
-		l.setContext({
+		u.setContext({
 			camera: i,
 			cameraUtils: n,
 			controlRef: t,
@@ -2414,7 +2408,7 @@ function Hr(e, t, n, r = !1) {
 	}, [
 		i,
 		n,
-		l,
+		u,
 		t,
 		a,
 		e,
@@ -2422,42 +2416,42 @@ function Hr(e, t, n, r = !1) {
 		s,
 		r,
 		c
-	]), g(() => () => l.dispose(), [l]), g(() => c.subscribe((e, t) => {
-		e.selected === t.selected && e.preselectionColor === t.preselectionColor && e.selectionColor === t.selectionColor || l.updateCapsVisualState();
-	}), [l, c]), g(() => {
+	]), g(() => () => u.dispose(), [u]), g(() => c.subscribe((e, t) => {
+		e.selected === t.selected && e.preselectionColor === t.preselectionColor && e.selectionColor === t.selectionColor || u.updateCapsVisualState();
+	}), [u, c]), g(() => {
 		let e = a.domElement, n = t.current;
-		return e.addEventListener("pointerdown", l.setHelperHoverMoveStart), window.addEventListener("pointerup", l.setHelperHoverMoveEnd), window.addEventListener("pointercancel", l.setHelperHoverMoveEnd), n?.addEventListener("update", l.setHelperHoverMoving), () => {
-			e.removeEventListener("pointerdown", l.setHelperHoverMoveStart), window.removeEventListener("pointerup", l.setHelperHoverMoveEnd), window.removeEventListener("pointercancel", l.setHelperHoverMoveEnd), n?.removeEventListener("update", l.setHelperHoverMoving);
+		return e.addEventListener("pointerdown", u.setHelperHoverMoveStart), window.addEventListener("pointerup", u.setHelperHoverMoveEnd), window.addEventListener("pointercancel", u.setHelperHoverMoveEnd), n?.addEventListener("update", u.setHelperHoverMoving), () => {
+			e.removeEventListener("pointerdown", u.setHelperHoverMoveStart), window.removeEventListener("pointerup", u.setHelperHoverMoveEnd), window.removeEventListener("pointercancel", u.setHelperHoverMoveEnd), n?.removeEventListener("update", u.setHelperHoverMoving);
 		};
 	}, [
-		l,
+		u,
 		t,
 		a
 	]), y(() => ({
-		createClippingRectangle: (e = !1) => l.createClippingRectangle(e),
-		createPlaneFromPointAndNormal: (e, t) => l.createPlaneFromPointAndNormal(e, t),
-		createPlane: (e) => l.createPlane(e),
-		deleteAllPlanes: () => l.deleteAllPlanes(),
-		getActive: () => l.getActive(),
-		getCapsActive: () => l.getCapsActive(),
-		getCapsColor: () => l.getCapsColor(),
-		getEdgesActive: () => l.getEdgesActive(),
-		getHelpersActive: () => l.getHelpersActive(),
-		getPlanes: () => l.getPlanes(),
-		setActive: (e) => l.setActive(e),
-		setCapsActive: (e) => l.setCapsActive(e),
-		setCapsCameraMotionActive: (e) => l.setCapsCameraMotionActive(e),
-		setCapsColor: (e) => l.setCapsColor(e),
-		setEdgesActive: (e) => l.setEdgesActive(e),
-		setHelpersActive: (e) => l.setHelpersActive(e),
-		syncWithModel: () => l.syncWithModel(),
-		toggle: () => l.toggle(),
-		updateEdges: () => l.updateEdges(),
-		updateMaterials: () => l.updateMaterials(),
-		getSelectableObjects: () => l.getSelectableObjects(),
-		getSnapPoints: (e, t) => l.getSnapPoints(e, t),
-		setCapsPreselection: (e) => l.setCapsPreselection(e)
-	}), [l]);
+		createClippingRectangle: (e = !1) => u.createClippingRectangle(e),
+		createPlaneFromPointAndNormal: (e, t) => u.createPlaneFromPointAndNormal(e, t),
+		createPlane: (e) => u.createPlane(e),
+		deleteAllPlanes: () => u.deleteAllPlanes(),
+		getActive: () => u.getActive(),
+		getCapsActive: () => u.getCapsActive(),
+		getCapsColor: () => u.getCapsColor(),
+		getEdgesActive: () => u.getEdgesActive(),
+		getHelpersActive: () => u.getHelpersActive(),
+		getPlanes: () => u.getPlanes(),
+		setActive: (e) => u.setActive(e),
+		setCapsActive: (e) => u.setCapsActive(e),
+		setCapsCameraMotionActive: (e) => u.setCapsCameraMotionActive(e),
+		setCapsColor: (e) => u.setCapsColor(e),
+		setEdgesActive: (e) => u.setEdgesActive(e),
+		setHelpersActive: (e) => u.setHelpersActive(e),
+		syncWithModel: () => u.syncWithModel(),
+		toggle: () => u.toggle(),
+		updateEdges: () => u.updateEdges(),
+		updateMaterials: () => u.updateMaterials(),
+		getSelectableObjects: () => u.getSelectableObjects(),
+		getSnapPoints: (e, t) => u.getSnapPoints(e, t),
+		setCapsPreselection: (e) => u.setCapsPreselection(e)
+	}), [u]);
 }
 //#endregion
 //#region src/viewer/Camera/useCameraUtils.ts
@@ -2543,7 +2537,7 @@ function $r(e) {
 	let a = r.measureText(e), o = a.actualBoundingBoxAscent || Jr * .8, s = a.actualBoundingBoxDescent || Jr * .2, c = Math.max(1, Math.ceil(a.width + Yr * 2)), l = Math.max(1, Math.ceil(o + s + Xr * 2));
 	n.width = Math.ceil(c * t), n.height = Math.ceil(l * t), r.scale(t, t), r.clearRect(0, 0, c, l), r.fillStyle = "rgba(255, 255, 255, 0.86)", r.strokeStyle = "rgba(29, 39, 51, 0.22)", r.lineWidth = 1, r.beginPath(), r.roundRect(.5, .5, c - 1, l - 1, 4), r.fill(), r.stroke(), r.font = i, r.fillStyle = "#111827", r.textAlign = "center", r.textBaseline = "middle", r.fillText(e, c / 2, l / 2);
 	let u = new F(n);
-	return u.colorSpace = Pe, u.generateMipmaps = !1, u.magFilter = B, u.minFilter = B, u.needsUpdate = !0, {
+	return u.colorSpace = Ne, u.generateMipmaps = !1, u.magFilter = B, u.minFilter = B, u.needsUpdate = !0, {
 		height: l,
 		texture: u,
 		width: c
@@ -2625,7 +2619,7 @@ var ei = class e {
 		n.position.copy(e), n.scale.copy(this.endpointBaseScale), n.lookAt(t), n.renderOrder = 4, this.endpointMeshes.push(n), this.root.add(n);
 	}
 	createLabelSprite() {
-		let e = new ze(new Be({
+		let e = new Re(new ze({
 			depthTest: !1,
 			depthWrite: !1,
 			transparent: !0
@@ -2929,11 +2923,11 @@ var si = class e {
 		return n.translate(0, -e / 2, 0), n.rotateX(-Math.PI / 2), n;
 	}
 	static createPreviewGeometry() {
-		return new Re(.5, 16, 12);
+		return new Le(.5, 16, 12);
 	}
 };
 function ci(e, t, n, r, i) {
-	let a = E((e) => e.camera), o = E((e) => e.gl), s = E((e) => e.scene), c = E((e) => e.size), l = At(), u = y(() => new si({
+	let a = E((e) => e.camera), o = E((e) => e.gl), s = E((e) => e.scene), c = E((e) => e.size), l = kt(), u = y(() => new si({
 		camera: a,
 		cameraUtils: n,
 		controlRef: t,
@@ -3123,7 +3117,7 @@ function Ii(e, t, n, r, i = new K()) {
 function Li(e, t, n, r, i) {
 	let a = Infinity, o = -Infinity, s = Infinity, c = -Infinity, l = 0;
 	for (let u = 0; u < 2; u++) for (let d = 0; d < 2; d++) for (let f = 0; f < 2; f++) fi.set(u ? t.max.x : t.min.x, d ? t.max.y : t.min.y, f ? t.max.z : t.min.z), Ii(e, fi, r, i, pi), a = Math.min(a, pi.x), o = Math.max(o, pi.x), s = Math.min(s, pi.y), c = Math.max(c, pi.y), ki(pi, n) && (l += 1);
-	return o < n.minX || a > n.maxX || c < n.minY || s > n.maxY ? $e : l === 8 ? Xe : Ze;
+	return o < n.minX || a > n.maxX || c < n.minY || s > n.maxY ? Qe : l === 8 ? Ye : Xe;
 }
 function Ri(e, t, n, r) {
 	let i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
@@ -3335,7 +3329,7 @@ function aa(e) {
 	};
 }
 function oa(e, t, n, r, i, a, o, s = 0) {
-	let c = b("end"), l = X((e) => e.selected), u = X((e) => e.setSelected), d = X((e) => e.addSelected), f = X((e) => e.removeSelected), p = X((e) => e.showStats), m = At(), h = b(null), _ = b(null), v = b(!1), y = b(!1), x = b("add"), S = b(null), C = b(!1), w = b(0), T = b(null), D = b(null), O = b(null), k = b({
+	let c = b("end"), l = X((e) => e.selected), u = X((e) => e.setSelected), d = X((e) => e.addSelected), f = X((e) => e.removeSelected), p = X((e) => e.showStats), m = kt(), h = b(null), _ = b(null), v = b(!1), y = b(!1), x = b("add"), S = b(null), C = b(!1), w = b(0), T = b(null), D = b(null), O = b(null), k = b({
 		meshesByModel: /* @__PURE__ */ new Map(),
 		root: null,
 		version: ""
@@ -3571,17 +3565,17 @@ function ha() {
 		if (!t.current || !(e instanceof Ee) && !(e instanceof Te)) return;
 		let i = new M().setFromObject(t.current);
 		if (i.isEmpty()) return;
-		let a = i.getCenter(new q()), o = i.getBoundingSphere(new Le()), s = n.current, c = e instanceof Ee ? ma(e, o.radius) : Math.max(o.radius * da, la);
+		let a = i.getCenter(new q()), o = i.getBoundingSphere(new Ie()), s = n.current, c = e instanceof Ee ? ma(e, o.radius) : Math.max(o.radius * da, la);
 		e.up.set(0, 1, 0);
 		let l = a.clone().addScaledVector(sa, c);
-		s ? (s.cancel(), s.updateCameraUp(), s.setFocalOffset(0, 0, 0, !1), s.setLookAt(l.x, l.y, l.z, a.x, a.y, a.z, !1), e instanceof Te && s.fitToSphere(new Le(a, o.radius * fa), !1), s.update(0), e.updateMatrixWorld(!0)) : (e.position.copy(l), e.lookAt(a)), e instanceof Te && (s || (e.zoom = 1, pa(e, o.radius * 2 * fa))), e.updateProjectionMatrix(), e.updateMatrixWorld(!0), r.current && (r.current.position.copy(a).addScaledVector(sa, c * .8), r.current.lookAt(a));
+		s ? (s.cancel(), s.updateCameraUp(), s.setFocalOffset(0, 0, 0, !1), s.setLookAt(l.x, l.y, l.z, a.x, a.y, a.z, !1), e instanceof Te && s.fitToSphere(new Ie(a, o.radius * fa), !1), s.update(0), e.updateMatrixWorld(!0)) : (e.position.copy(l), e.lookAt(a)), e instanceof Te && (s || (e.zoom = 1, pa(e, o.radius * 2 * fa))), e.updateProjectionMatrix(), e.updateMatrixWorld(!0), r.current && (r.current.position.copy(a).addScaledVector(sa, c * .8), r.current.lookAt(a));
 	}, [e]);
 }
 //#endregion
 //#region src/viewer/store/ViewerStoreProvider.tsx
 function ga({ children: e, store: t }) {
 	let [n] = x(() => t ?? Rt());
-	return /* @__PURE__ */ Y(kt.Provider, {
+	return /* @__PURE__ */ Y(Ot.Provider, {
 		value: n,
 		children: e
 	});
@@ -4557,7 +4551,7 @@ var Fo = "BMT", Io = 1, Lo = {
 		return this.deflateBytes(new Uint8Array(e.buffer, e.byteOffset, e.byteLength));
 	}
 	deflateBytes(e) {
-		return tt.deflate(e);
+		return et.deflate(e);
 	}
 	encodeText(e) {
 		return this.textEncoder.encode(e);
@@ -4963,6 +4957,7 @@ function as(e, t, n) {
 			getShowNavCube: () => e.getState().showNavCube,
 			getShowGridAxes: () => e.getState().gridAxesVisibility.visible,
 			getShowStats: () => e.getState().showStats,
+			getPerformanceMovingFactor: () => e.getState().performanceMovingFactor,
 			getUserDevice: () => e.getState().userDevice,
 			setDefaultHotkeysEnabled: (t) => {
 				e.getState().setDefaultHotkeysEnabled(t);
@@ -4973,6 +4968,12 @@ function as(e, t, n) {
 			setGridAxisVisibility: (t, n) => {
 				e.getState().setGridAxisVisibility(t, n);
 			},
+			setPerformaneMovingFactor: (t) => {
+				e.getState().setPerformanceMovingFactor(t);
+			},
+			setPerformanceMovingFactor: (t) => {
+				e.getState().setPerformanceMovingFactor(t);
+			},
 			setShowNavCube: (t) => {
 				e.getState().setShowNavCube(t);
 			},
@@ -5021,9 +5022,9 @@ var os = class {
 	}
 }, ss = class {
 	decodeBuffer(e) {
-		return this.textDecoder.decode(tt.inflate(e));
+		return this.textDecoder.decode(et.inflate(e));
 	}
-	decoder = tt;
+	decoder = et;
 	textDecoder = new TextDecoder("utf-8");
 	ChunkType = {
 		PROP: 1,
@@ -5600,7 +5601,7 @@ var Qs = new class {
 		}
 		return i;
 	}
-}(), $s = .5, ec = .04, tc = .16, nc = tc, rc = $s * 2 - tc * 2, ic = $s - ec / 2, ac = $s - tc / 2, oc = $s - nc / 2, sc = .63, cc = "#dfe6ec", lc = 260, uc = 30, dc = .3, fc = 8, pc = new q(0, 1, 0), mc = 1e-8, hc = new M(), gc = new Le(), _c = [
+}(), $s = .5, ec = .04, tc = .16, nc = tc, rc = $s * 2 - tc * 2, ic = $s - ec / 2, ac = $s - tc / 2, oc = $s - nc / 2, sc = .63, cc = "#dfe6ec", lc = 260, uc = 30, dc = .3, fc = 8, pc = new q(0, 1, 0), mc = 1e-8, hc = new M(), gc = new Ie(), _c = [
 	{
 		direction: [
 			0,
@@ -5862,14 +5863,14 @@ function Cc(e, t) {
 	let a = r.measureText(e), o = a.actualBoundingBoxAscent || uc * .8, s = a.actualBoundingBoxDescent || uc * .2, c = Math.ceil(a.width + 36), l = Math.ceil(o + s + 20);
 	n.width = c, n.height = l, r.clearRect(0, 0, c, l), r.font = i, r.fillStyle = t, r.textAlign = "center", r.textBaseline = "alphabetic", r.fillText(e, c / 2, 10 + o);
 	let u = new F(n);
-	return u.colorSpace = Pe, u.generateMipmaps = !1, u.magFilter = B, u.minFilter = B, u.anisotropy = fc, u.needsUpdate = !0, {
+	return u.colorSpace = Ne, u.generateMipmaps = !1, u.magFilter = B, u.minFilter = B, u.anisotropy = fc, u.needsUpdate = !0, {
 		aspect: c / l,
 		texture: u
 	};
 }
 function wc({ color: e, label: t, position: n, rotation: r }) {
 	let { aspect: i, texture: a } = y(() => Cc(t, e), [e, t]);
-	return g(() => () => a.dispose(), [a]), /* @__PURE__ */ qe("mesh", {
+	return g(() => () => a.dispose(), [a]), /* @__PURE__ */ Ke("mesh", {
 		position: n,
 		renderOrder: 2,
 		rotation: r,
@@ -5911,7 +5912,7 @@ function kc({ camera: e, controlRef: t, direction: n, modelRef: r, transitionRef
 }
 function Ac({ action: e, onPick: t }) {
 	let [n, r] = x(!1);
-	return /* @__PURE__ */ qe("group", {
+	return /* @__PURE__ */ Ke("group", {
 		position: e.position,
 		onClick: bc,
 		onPointerDown: (n) => {
@@ -5923,7 +5924,7 @@ function Ac({ action: e, onPick: t }) {
 		onPointerLeave: (e) => {
 			bc(e), r(!1);
 		},
-		children: [/* @__PURE__ */ qe("mesh", {
+		children: [/* @__PURE__ */ Ke("mesh", {
 			scale: e.scale,
 			children: [/* @__PURE__ */ Y("boxGeometry", { args: [
 				1,
@@ -6019,7 +6020,7 @@ var Mc = /* @__PURE__ */ (() => {
 	static get fullscreenGeometry() {
 		return Mc;
 	}
-	constructor(e = "Pass", t = new Fe(), n = new Te()) {
+	constructor(e = "Pass", t = new Pe(), n = new Te()) {
 		this.name = e, this.renderer = null, this.scene = t, this.camera = n, this.screen = null, this.rtt = !0, this.needsSwap = !0, this.needsDepthBlit = !1, this.needsDepthTexture = !1, this.enabled = !0;
 	}
 	get renderToScreen() {
@@ -6047,7 +6048,7 @@ var Mc = /* @__PURE__ */ (() => {
 	}
 	set fullscreenMaterial(t) {
 		let n = this.screen;
-		n === null ? (n = new H(e.fullscreenGeometry, t), n.frustumCulled = !1, this.scene === null && (this.scene = new Fe()), this.scene.add(n), this.screen = n) : n.material = t;
+		n === null ? (n = new H(e.fullscreenGeometry, t), n.frustumCulled = !1, this.scene === null && (this.scene = new Pe()), this.scene.add(n), this.screen = n) : n.material = t;
 	}
 	getFullscreenMaterial() {
 		return this.fullscreenMaterial;
@@ -6067,7 +6068,7 @@ var Mc = /* @__PURE__ */ (() => {
 	dispose() {
 		for (let t of Object.keys(this)) {
 			let n = this[t];
-			(n instanceof J || n instanceof ge || n instanceof Ve || n instanceof e) && this[t].dispose();
+			(n instanceof J || n instanceof ge || n instanceof Be || n instanceof e) && this[t].dispose();
 		}
 		this.fullscreenMaterial !== null && this.fullscreenMaterial.dispose();
 	}
@@ -6171,7 +6172,7 @@ var Mc = /* @__PURE__ */ (() => {
 		this.autoResize && this.renderTarget.setSize(e, t);
 	}
 	initialize(e, t, n) {
-		n !== void 0 && (this.renderTarget.texture.type = n, n === Ue ? e !== null && e.outputColorSpace === Pe && (this.renderTarget.texture.colorSpace = Pe) : this.fullscreenMaterial.defines.FRAMEBUFFER_PRECISION_HIGH = "1");
+		n !== void 0 && (this.renderTarget.texture.type = n, n === He ? e !== null && e.outputColorSpace === Ne && (this.renderTarget.texture.colorSpace = Ne) : this.fullscreenMaterial.defines.FRAMEBUFFER_PRECISION_HIGH = "1");
 	}
 }, zc = /* @__PURE__ */ new I(), Bc = class extends Nc {
 	constructor(e = !0, t = !0, n = !1) {
@@ -6291,7 +6292,7 @@ var Mc = /* @__PURE__ */ (() => {
 	setRenderer(e) {
 		if (this.renderer = e, e !== null) {
 			let t = e.getSize(new K()), n = e.getContext().getContextAttributes().alpha, r = this.inputBuffer.texture.type;
-			r === Ue && e.outputColorSpace === Pe && (this.inputBuffer.texture.colorSpace = Pe, this.outputBuffer.texture.colorSpace = Pe, this.inputBuffer.dispose(), this.outputBuffer.dispose()), e.autoClear = !1, this.setSize(t.width, t.height);
+			r === He && e.outputColorSpace === Ne && (this.inputBuffer.texture.colorSpace = Ne, this.outputBuffer.texture.colorSpace = Ne, this.inputBuffer.dispose(), this.outputBuffer.dispose()), e.autoClear = !1, this.setSize(t.width, t.height);
 			for (let t of this.passes) t.initialize(e, n, r);
 		}
 	}
@@ -6301,7 +6302,7 @@ var Mc = /* @__PURE__ */ (() => {
 	}
 	createDepthTexture() {
 		let e = this.inputBuffer, t = new ie();
-		this.depthTexture = t, e.stencilBuffer ? (t.format = re, t.type = We) : t.type = se;
+		this.depthTexture = t, e.stencilBuffer ? (t.format = re, t.type = Ue) : t.type = se;
 		let n = t.clone();
 		return n.name = "EffectComposer.StableDepth", this.depthRenderTarget = new J(e.width, e.height, {
 			depthBuffer: !0,
@@ -6329,7 +6330,7 @@ var Mc = /* @__PURE__ */ (() => {
 			depthBuffer: e,
 			type: n
 		}, s = new J(a.width, a.height, o);
-		return r > 0 && (s.samples = r), n === Ue && i !== null && i.outputColorSpace === Pe && (s.texture.colorSpace = Pe), s.texture.name = "EffectComposer.Buffer", s.texture.generateMipmaps = !1, s;
+		return r > 0 && (s.samples = r), n === He && i !== null && i.outputColorSpace === Ne && (s.texture.colorSpace = Ne), s.texture.name = "EffectComposer.Buffer", s.texture.generateMipmaps = !1, s;
 	}
 	setMainScene(e) {
 		for (let t of this.passes) t.mainScene = e;
@@ -6763,7 +6764,7 @@ var Mc = /* @__PURE__ */ (() => {
 	dispose() {
 		for (let e of Object.keys(this)) {
 			let t = this[e];
-			(t instanceof J || t instanceof ge || t instanceof Ve || t instanceof Nc) && this[e].dispose();
+			(t instanceof J || t instanceof ge || t instanceof Be || t instanceof Nc) && this[e].dispose();
 		}
 	}
 };
@@ -6814,16 +6815,16 @@ var tl = class extends Nc {
 		t !== null && a !== void 0 && a[this.input] !== void 0 && (a[this.input].value = t.texture), e.setRenderTarget(this.renderToScreen ? null : n), e.render(this.scene, this.camera);
 	}
 	initialize(e, t, n) {
-		n !== void 0 && n !== Ue && (this.fullscreenMaterial.defines.FRAMEBUFFER_PRECISION_HIGH = "1");
+		n !== void 0 && n !== He && (this.fullscreenMaterial.defines.FRAMEBUFFER_PRECISION_HIGH = "1");
 	}
 };
 function nl(e, t, n) {
 	let r = /* @__PURE__ */ new Map([
-		[Me, 1],
+		[je, 1],
 		[Ae, 2],
 		[ke, 4]
 	]), i;
-	if (r.has(t) || console.error("Invalid noise texture format"), n === Ue) {
+	if (r.has(t) || console.error("Invalid noise texture format"), n === He) {
 		i = new Uint8Array(e * r.get(t));
 		for (let e = 0, t = i.length; e < t; ++e) i[e] = Math.random() * 255 + .5;
 	} else {
@@ -6833,7 +6834,7 @@ function nl(e, t, n) {
 	return i;
 }
 var rl = class extends ne {
-	constructor(e, t, n = Me, r = Ue) {
+	constructor(e, t, n = je, r = He) {
 		super(nl(e * t, n, r), e, t, n, r), this.needsUpdate = !0;
 	}
 }, il = class extends Nc {
@@ -7270,7 +7271,7 @@ var ll = "#include <common>\n#include <packing>\nuniform vec2 cameraNearFar;\n#d
 			resolutionScale: S
 		}), this.depthDownsamplingPass.enabled = a === null, this.ssaoPass = new tl(new dl(e));
 		let O = new rl(_l, _l, ke);
-		O.wrapS = O.wrapT = Ne;
+		O.wrapS = O.wrapT = Me;
 		let k = this.ssaoMaterial;
 		k.normalBuffer = t, k.noiseTexture = O, k.minRadiusScale = h, k.samples = r, k.radius = _, k.rings = i, k.fade = b, k.bias = y, k.distanceThreshold = d, k.distanceFalloff = f, k.proximityThreshold = p, k.proximityFalloff = m, s !== void 0 && (k.worldDistanceThreshold = s), c !== void 0 && (k.worldDistanceFalloff = c), l !== void 0 && (k.worldProximityThreshold = l), u !== void 0 && (k.worldProximityFalloff = u), a !== null && (this.ssaoMaterial.normalDepthBuffer = a, this.defines.set("NORMAL_DEPTH", "1")), this.depthAwareUpsampling = o, this.color = x;
 	}
@@ -7520,7 +7521,7 @@ function wl(e, t, n) {
 		Cl(e, h, n.defines), Cl(e, h, g), r = g.get("fragment"), i = g.get("vertex");
 		let _ = t.blendMode;
 		if (n.blendModes.set(_.blendFunction, _), a) {
-			t.inputColorSpace !== null && t.inputColorSpace !== n.colorSpace && (d += t.inputColorSpace === Pe ? "color0 = sRGBTransferOETF(color0);\n	" : "color0 = sRGBToLinear(color0);\n	"), t.outputColorSpace === Se ? t.inputColorSpace !== null && (n.colorSpace = t.inputColorSpace) : n.colorSpace = t.outputColorSpace, d += `${e}MainImage(color0, UV, `, (n.attributes & Kc.DEPTH) !== 0 && /MainImage *\([\w\s,]*?depth[\w\s,]*?\)/.test(r) && (d += "depth, ", n.readDepth = !0), d += "color1);\n	";
+			t.inputColorSpace !== null && t.inputColorSpace !== n.colorSpace && (d += t.inputColorSpace === Ne ? "color0 = sRGBTransferOETF(color0);\n	" : "color0 = sRGBToLinear(color0);\n	"), t.outputColorSpace === Se ? t.inputColorSpace !== null && (n.colorSpace = t.inputColorSpace) : n.colorSpace = t.outputColorSpace, d += `${e}MainImage(color0, UV, `, (n.attributes & Kc.DEPTH) !== 0 && /MainImage *\([\w\s,]*?depth[\w\s,]*?\)/.test(r) && (d += "depth, ", n.readDepth = !0), d += "color1);\n	";
 			let i = e + "BlendOpacity";
 			n.uniforms.set(i, _.opacity), d += `color0 = blend${_.blendFunction}(color0, color1, ${i});
 
@@ -7567,7 +7568,7 @@ var Tl = class extends Nc {
 		else wl("e" + t++, n, e);
 		let n = e.shaderParts.get(Z.FRAGMENT_HEAD), r = e.shaderParts.get(Z.FRAGMENT_MAIN_IMAGE), i = e.shaderParts.get(Z.FRAGMENT_MAIN_UV), a = /\bblend\b/g;
 		for (let t of e.blendModes.values()) n += t.getShaderCode().replace(a, `blend${t.blendFunction}`) + "\n";
-		(e.attributes & Kc.DEPTH) === 0 ? this.needsDepthTexture = !1 : (e.readDepth && (r = "float depth = readDepth(UV);\n\n	" + r), this.needsDepthTexture = this.getDepthTexture() === null), e.colorSpace === Pe && (r += "color0 = sRGBToLinear(color0);\n	"), e.uvTransformation ? (i = "vec2 transformedUv = vUv;\n" + i, e.defines.set("UV", "transformedUv")) : e.defines.set("UV", "vUv"), e.shaderParts.set(Z.FRAGMENT_HEAD, n), e.shaderParts.set(Z.FRAGMENT_MAIN_IMAGE, r), e.shaderParts.set(Z.FRAGMENT_MAIN_UV, i);
+		(e.attributes & Kc.DEPTH) === 0 ? this.needsDepthTexture = !1 : (e.readDepth && (r = "float depth = readDepth(UV);\n\n	" + r), this.needsDepthTexture = this.getDepthTexture() === null), e.colorSpace === Ne && (r += "color0 = sRGBToLinear(color0);\n	"), e.uvTransformation ? (i = "vec2 transformedUv = vUv;\n" + i, e.defines.set("UV", "transformedUv")) : e.defines.set("UV", "vUv"), e.shaderParts.set(Z.FRAGMENT_HEAD, n), e.shaderParts.set(Z.FRAGMENT_MAIN_IMAGE, r), e.shaderParts.set(Z.FRAGMENT_MAIN_UV, i);
 		for (let [t, n] of e.shaderParts) n !== null && e.shaderParts.set(t, n.trim().replace(/^#/, "\n#"));
 		this.skipRendering = t === 0, this.needsSwap = !this.skipRendering, this.fullscreenMaterial.setShaderData(e);
 	}
@@ -7595,7 +7596,7 @@ var Tl = class extends Nc {
 	initialize(e, t, n) {
 		this.renderer = e;
 		for (let r of this.effects) r.initialize(e, t, n);
-		this.updateMaterial(), n !== void 0 && n !== Ue && (this.fullscreenMaterial.defines.FRAMEBUFFER_PRECISION_HIGH = "1");
+		this.updateMaterial(), n !== void 0 && n !== He && (this.fullscreenMaterial.defines.FRAMEBUFFER_PRECISION_HIGH = "1");
 	}
 	dispose() {
 		super.dispose();
@@ -8170,7 +8171,7 @@ new function e(t) {
 //#endregion
 //#region node_modules/@react-three/postprocessing/node_modules/maath/dist/easing-3be59c6d.esm.js
 var Rl = /* @__PURE__ */ new class extends P {
-	boundingSphere = new Le();
+	boundingSphere = new Ie();
 	constructor() {
 		super(), this.setAttribute("position", new N(new Float32Array([
 			-1,
@@ -8417,10 +8418,10 @@ var Jl = class extends Nc {
 			opacity: 1,
 			vertexShader: "\n             varying vec2 vUv;\n             void main() {\n                 vUv = uv;\n                 gl_Position = vec4(position, 1);\n             }",
 			fragmentShader: "\n             uniform sampler2D tDiffuse;\n             uniform float frame;\n                varying vec2 vUv;\n                void main() {\n                    vec4 color = texture2D(tDiffuse, vUv);\n                    gl_FragColor = vec4(color.rgb, 1.0 / (frame + 1.0));\n                }\n                "
-		})), this.bluenoise = new ne(Gl, 128, 128), this.bluenoise.colorSpace = Se, this.bluenoise.wrapS = Ne, this.bluenoise.wrapT = Ne, this.bluenoise.minFilter = U, this.bluenoise.magFilter = U, this.bluenoise.needsUpdate = !0, this.lastTime = 0, this.timeRollingAverage = .99, this.needsDepthTexture = !0, this.needsSwap = !0, this._r = new K(), this._c = new I();
+		})), this.bluenoise = new ne(Gl, 128, 128), this.bluenoise.colorSpace = Se, this.bluenoise.wrapS = Me, this.bluenoise.wrapT = Me, this.bluenoise.minFilter = U, this.bluenoise.magFilter = U, this.bluenoise.needsUpdate = !0, this.lastTime = 0, this.timeRollingAverage = .99, this.needsDepthTexture = !0, this.needsSwap = !0, this._r = new K(), this._c = new I();
 	}
 	configureHalfResTargets() {
-		this.firstFrame(), this.configuration.halfRes ? (this.depthDownsampleTarget = new Kl(this.width / 2, this.height / 2, 2), Oe <= 161 && (this.depthDownsampleTarget.textures = this.depthDownsampleTarget.texture), this.depthDownsampleTarget.textures[0].format = Me, this.depthDownsampleTarget.textures[0].type = se, this.depthDownsampleTarget.textures[0].minFilter = U, this.depthDownsampleTarget.textures[0].magFilter = U, this.depthDownsampleTarget.textures[0].depthBuffer = !1, this.depthDownsampleTarget.textures[1].format = ke, this.depthDownsampleTarget.textures[1].type = z, this.depthDownsampleTarget.textures[1].minFilter = U, this.depthDownsampleTarget.textures[1].magFilter = U, this.depthDownsampleTarget.textures[1].depthBuffer = !1, this.depthDownsampleQuad = new Bl(new W(Wl))) : (this.depthDownsampleTarget &&= (this.depthDownsampleTarget.dispose(), null), this.depthDownsampleQuad &&= (this.depthDownsampleQuad.dispose(), null));
+		this.firstFrame(), this.configuration.halfRes ? (this.depthDownsampleTarget = new Kl(this.width / 2, this.height / 2, 2), Oe <= 161 && (this.depthDownsampleTarget.textures = this.depthDownsampleTarget.texture), this.depthDownsampleTarget.textures[0].format = je, this.depthDownsampleTarget.textures[0].type = se, this.depthDownsampleTarget.textures[0].minFilter = U, this.depthDownsampleTarget.textures[0].magFilter = U, this.depthDownsampleTarget.textures[0].depthBuffer = !1, this.depthDownsampleTarget.textures[1].format = ke, this.depthDownsampleTarget.textures[1].type = z, this.depthDownsampleTarget.textures[1].minFilter = U, this.depthDownsampleTarget.textures[1].magFilter = U, this.depthDownsampleTarget.textures[1].depthBuffer = !1, this.depthDownsampleQuad = new Bl(new W(Wl))) : (this.depthDownsampleTarget &&= (this.depthDownsampleTarget.dispose(), null), this.depthDownsampleQuad &&= (this.depthDownsampleQuad.dispose(), null));
 	}
 	detectTransparency() {
 		if (this.autoDetectTransparency) {
@@ -8441,7 +8442,7 @@ var Jl = class extends Nc {
 			magFilter: U,
 			type: z,
 			format: ke
-		}), this.transparencyRenderTargetDWTrue.depthTexture = new ie(this.width, this.height, Ge), this.depthCopyPass = new Bl(new W({
+		}), this.transparencyRenderTargetDWTrue.depthTexture = new ie(this.width, this.height, We), this.depthCopyPass = new Bl(new W({
 			uniforms: {
 				depthTexture: { value: this.depthTexture },
 				reverseDepthBuffer: { value: this.configuration.depthBufferType === $.Reverse }
@@ -8759,50 +8760,44 @@ var Jl = class extends Nc {
 }, uu = {
 	antialias: !1,
 	powerPreference: "high-performance"
-}, du = .1, fu = .02, pu = 150, mu = .75, hu = .6, gu = .4, _u = 150, vu = 500, yu = 5e6, bu = 50, xu = .001, Su = .001, Cu = [
-	new K(0, 0),
-	new K(0, .3),
-	new K(0, -.3),
-	new K(.3, 0),
-	new K(-.3, 0)
-], wu = 1e3, Tu = 50, Eu = 30, Du = 240, Ou = 2, ku = 1.25, Au = .08, ju = new q(1, 1, 1).normalize(), Mu = new M(), Nu = new Le(), Pu = new q(), Fu = new q(), Iu = new q(), Lu = /* @__PURE__ */ new WeakMap();
-function Ru({ alpha: e = !0, performanceMode: t }) {
+}, du = .1, fu = .02, pu = 150, mu = .75, hu = .6, gu = 150, _u = 500, vu = 5e6, yu = 50, bu = .001, xu = .001, Su = 1e3, Cu = 50, wu = 30, Tu = 240, Eu = 2, Du = 1.25, Ou = .08, ku = new q(1, 1, 1).normalize(), Au = new M(), ju = new Ie(), Mu = new q(), Nu = new q(), Pu = new q(), Fu = /* @__PURE__ */ new WeakMap();
+function Iu({ alpha: e = !0, performanceMode: t }) {
 	return async ({ canvas: n }) => {
 		let { WebGPURenderer: r } = await import("./three.webgpu-7Fqpf016.js").then((e) => e.c), i = new r({
 			alpha: e,
 			antialias: !t,
 			canvas: n
 		});
-		return await i.init?.(), zu(i, void 0, !0), i;
+		return await i.init?.(), Lu(i, void 0, !0), i;
 	};
 }
-function zu(e, t, n = !1) {
+function Lu(e, t, n = !1) {
 	if (typeof e.setSize != "function") return;
 	let r = e.domElement, i = r.clientWidth || r.width, a = r.clientHeight || r.height;
 	if (!i || !a) return;
-	let o = e.getPixelRatio?.(), s = t ?? o ?? 1, c = Math.max(1, Math.round(i * s)), l = Math.max(1, Math.round(a * s)), u = Lu.get(e), d = o === void 0 || Math.abs(o - s) < .001, f = Math.abs(r.width - c) <= 1 && Math.abs(r.height - l) <= 1, p = u && u.width === i && u.height === a && Math.abs(u.pixelRatio - s) < .001;
+	let o = e.getPixelRatio?.(), s = t ?? o ?? 1, c = Math.max(1, Math.round(i * s)), l = Math.max(1, Math.round(a * s)), u = Fu.get(e), d = o === void 0 || Math.abs(o - s) < .001, f = Math.abs(r.width - c) <= 1 && Math.abs(r.height - l) <= 1, p = u && u.width === i && u.height === a && Math.abs(u.pixelRatio - s) < .001;
 	if (!(!n && p && f && d)) {
 		if (!n && f && d) {
-			Lu.set(e, {
+			Fu.set(e, {
 				height: a,
 				pixelRatio: s,
 				width: i
 			});
 			return;
 		}
-		typeof e.setPixelRatio == "function" && !d && e.setPixelRatio(s), e.setSize(i, a, !1), Lu.set(e, {
+		typeof e.setPixelRatio == "function" && !d && e.setPixelRatio(s), e.setSize(i, a, !1), Fu.set(e, {
 			height: a,
 			pixelRatio: s,
 			width: i
 		});
 	}
 }
-function Bu({ active: e }) {
+function Ru({ active: e }) {
 	let t = E((e) => e.gl), n = E((e) => e.size), r = E((e) => e.viewport.dpr);
 	return g(() => {
 		if (!e) return;
 		let n = null, i = null, a = () => {
-			zu(t, r);
+			Lu(t, r);
 		};
 		return a(), n = requestAnimationFrame(() => {
 			a(), i = requestAnimationFrame(a);
@@ -8817,7 +8812,7 @@ function Bu({ active: e }) {
 		n.width
 	]), null;
 }
-function Vu({ active: e, onReady: t }) {
+function zu({ active: e, onReady: t }) {
 	return g(() => {
 		if (!e) {
 			t();
@@ -8835,7 +8830,7 @@ function Vu({ active: e, onReady: t }) {
 		t
 	]), null;
 }
-function Hu({ ambientColor: n, ambientIntensity: r, directionalColor: i, directionalIntensity: a, lightRef: o }) {
+function Bu({ ambientColor: n, ambientIntensity: r, directionalColor: i, directionalIntensity: a, lightRef: o }) {
 	let s = y(() => new t(n, r), [n, r]), c = y(() => {
 		let t = new e(i, a);
 		return t.position.set(10, 10, 10), t;
@@ -8845,9 +8840,9 @@ function Hu({ ambientColor: n, ambientIntensity: r, directionalColor: i, directi
 		return e.current = c, () => {
 			e.current === c && (e.current = null);
 		};
-	}, [c, o]), /* @__PURE__ */ qe(Ke, { children: [/* @__PURE__ */ Y("primitive", { object: s }), /* @__PURE__ */ Y("primitive", { object: c })] });
+	}, [c, o]), /* @__PURE__ */ Ke(Ge, { children: [/* @__PURE__ */ Y("primitive", { object: s }), /* @__PURE__ */ Y("primitive", { object: c })] });
 }
-function Uu(e = !1) {
+function Vu(e = !1) {
 	return {
 		active: e,
 		finalFitDone: !1,
@@ -8855,31 +8850,23 @@ function Uu(e = !1) {
 		userInteractedAfterFirstFit: !1
 	};
 }
-function Wu(e, t) {
-	let n = new je(), r = /* @__PURE__ */ new Set();
-	return n.firstHitOnly = !0, e.updateMatrixWorld(), Cu.forEach((i) => {
-		n.setFromCamera(i, e);
-		let a = n.intersectObjects(t, !1).find((e) => e.object instanceof H);
-		a?.object instanceof H && r.add(a.object);
-	}), r;
-}
-function Gu(e) {
+function Hu(e) {
 	let t = [];
 	return e?.traverse((e) => {
 		e instanceof H && e.geometry.attributes.ids && t.push(e);
 	}), t;
 }
-function Ku(e) {
+function Uu(e) {
 	let t = e.geometry.index?.count;
 	return t === void 0 ? (e.geometry.attributes.position?.count ?? 0) / 3 : t / 3;
 }
-function qu(e) {
-	return e.reduce((e, t) => e + Ku(t), 0);
+function Wu(e) {
+	return e.reduce((e, t) => e + Uu(t), 0);
 }
-function Ju(e) {
-	return qu(e) > yu;
+function Gu(e) {
+	return Wu(e) > vu;
 }
-function Yu(e, t) {
+function Ku(e, t) {
 	if (t <= 0 || !e.length) return [];
 	let n = [...e];
 	for (let e = n.length - 1; e > 0 && n.length - e <= t; e--) {
@@ -8888,41 +8875,40 @@ function Yu(e, t) {
 	}
 	return n.slice(-t);
 }
-function Xu(e, t) {
-	let n = Gu(e);
-	if (!Ju(n)) return null;
+function qu(e, t) {
+	if (t <= 0) return null;
+	let n = Hu(e);
+	if (!Gu(n)) return null;
 	let r = n.filter((e) => e.visible);
 	if (r.length < 2) return null;
-	let i = Wu(t, r);
-	if (!i.size) return null;
-	let a = r.filter((e) => !i.has(e)), o = Math.round(a.length * gu);
-	if (!o) return null;
-	let s = [], c = [];
-	a.forEach((e) => {
+	let i = Math.min(r.length, Math.round(r.length * t));
+	if (!i) return null;
+	let a = [], o = [];
+	r.forEach((e) => {
 		if (e.userData.isSelected) {
-			s.push(e);
+			a.push(e);
 			return;
 		}
-		c.push(e);
+		o.push(e);
 	});
-	let l = [...Yu(c, o)], u = o - l.length;
-	return u > 0 && l.push(...Yu(s, u)), l.length ? {
-		hiddenMeshes: l,
+	let s = [...Ku(o, i)], c = i - s.length;
+	return c > 0 && s.push(...Ku(a, c)), s.length ? {
+		hiddenMeshes: s,
 		root: e
 	} : null;
 }
-function Zu(e) {
+function Ju(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0;
 	return e.hiddenMeshes.forEach((e) => {
 		e.parent && (t.set(e, e.visible), e.visible && (e.visible = !1, n++));
 	}), n ? t : null;
 }
-function Qu(e) {
+function Yu(e) {
 	e?.forEach((e, t) => {
 		t.visible = e;
 	});
 }
-function $u(e, t, n) {
+function Xu(e, t, n) {
 	let r = e?.[t.modelID] ?? {
 		data: {},
 		name: t.modelName,
@@ -8945,11 +8931,11 @@ function $u(e, t, n) {
 		}
 	};
 }
-function ed(e) {
+function Zu(e) {
 	let t = {};
 	return e.materialMode !== void 0 && (t.materialMode = e.materialMode), e.uploadMode !== void 0 && (t.uploadMode = e.uploadMode), e.useDoubleSideMaterial !== void 0 && (t.useDoubleSideMaterial = e.useDoubleSideMaterial), Object.keys(t).length ? t : void 0;
 }
-function td(e, t) {
+function Qu(e, t) {
 	let n = { ...e ?? {} };
 	return Object.entries(t).forEach(([t, r]) => {
 		let i = Number(t);
@@ -8962,73 +8948,73 @@ function td(e, t) {
 		};
 	}), n;
 }
-function nd(e, t) {
+function $u(e, t) {
 	return Array.isArray(e) ? [Math.min(e[0], t), Math.min(e[1], t)] : typeof e == "number" ? Math.min(e, t) : t;
 }
-function rd(e) {
-	return Array.isArray(e) ? [Math.max(e[0], Ou), Math.max(e[1], Ou)] : typeof e == "number" ? Math.max(e, Ou) : Ou;
+function ed(e) {
+	return Array.isArray(e) ? [Math.max(e[0], Eu), Math.max(e[1], Eu)] : typeof e == "number" ? Math.max(e, Eu) : Eu;
 }
-function id() {
+function td() {
 	let e = navigator, t = navigator.userAgent.toLowerCase(), n = navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, r = window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 	return e.userAgentData?.mobile || n || /android|iphone|ipad|ipod|mobile|tablet/.test(t) || navigator.maxTouchPoints > 1 && r ? "mobile" : "pc";
 }
-function ad(e) {
-	let t = od(e);
+function nd(e) {
+	let t = rd(e);
 	return t ? Math.max(t.radius * fu, du) : du;
 }
-function od(e) {
-	if (!e || (Mu.setFromObject(e), Mu.isEmpty())) return null;
-	let t = Mu.getBoundingSphere(Nu);
+function rd(e) {
+	if (!e || (Au.setFromObject(e), Au.isEmpty())) return null;
+	let t = Au.getBoundingSphere(ju);
 	return !Number.isFinite(t.radius) || t.radius <= 0 ? null : t;
 }
-function sd(e) {
+function id(e) {
 	return e.type === "Group" && typeof e.userData.modelID == "number";
 }
-function cd(e) {
-	return e?.children.filter(sd) ?? [];
+function ad(e) {
+	return e?.children.filter(id) ?? [];
 }
-function ld(e, t) {
-	return cd(e).find((e) => e.userData.modelID === t) ?? null;
+function od(e, t) {
+	return ad(e).find((e) => e.userData.modelID === t) ?? null;
 }
-function ud(e) {
+function sd(e) {
 	return e instanceof Te ? "orthographic" : "perspective";
 }
-function dd(e) {
+function cd(e) {
 	return e instanceof Ee || e instanceof Te;
 }
-function fd(e) {
+function ld(e) {
 	return e.height > 0 ? e.width / e.height : 1;
 }
-function pd(e) {
-	return Math.max(Su, (e.top - e.bottom) / Math.max(e.zoom, 1e-4));
+function ud(e) {
+	return Math.max(xu, (e.top - e.bottom) / Math.max(e.zoom, 1e-4));
 }
-function md(e, t, n) {
-	let r = Math.max(Su, n) * Math.max(e.zoom, 1e-4), i = r * t;
+function dd(e, t, n) {
+	let r = Math.max(xu, n) * Math.max(e.zoom, 1e-4), i = r * t;
 	e.left = -i / 2, e.right = i / 2, e.top = r / 2, e.bottom = -r / 2, e.updateProjectionMatrix();
 }
-function hd(e, t) {
-	if (e instanceof Te) return pd(e);
+function fd(e, t) {
+	if (e instanceof Te) return ud(e);
 	if (e instanceof Ee) {
-		let n = Math.max(xu, e.position.distanceTo(t));
+		let n = Math.max(bu, e.position.distanceTo(t));
 		return 2 * Math.tan(_e.degToRad(e.fov) / 2) * n;
 	}
 	return 1;
 }
-function gd(e, t) {
-	let n = fd(t);
+function pd(e, t) {
+	let n = ld(t);
 	if (e instanceof Ee) {
 		e.aspect = n, e.updateProjectionMatrix();
 		return;
 	}
-	e instanceof Te && md(e, n, pd(e));
+	e instanceof Te && dd(e, n, ud(e));
 }
-function _d(e, t) {
-	let n = od(t);
+function md(e, t) {
+	let n = rd(t);
 	if (!n) return;
-	let r = Math.max(wu, n.radius * Tu, e.near + 1);
+	let r = Math.max(Su, n.radius * Cu, e.near + 1);
 	Math.abs(e.far - r) < 1 || (e.far = r, e.updateProjectionMatrix());
 }
-function vd(e, t) {
+function hd(e, t) {
 	let n = new M();
 	return Object.entries(e).forEach(([e, r]) => {
 		let i = Number(e), a = t.elementBounds.get(i);
@@ -9038,34 +9024,37 @@ function vd(e, t) {
 		});
 	}), n.isEmpty() ? null : n;
 }
-function yd(e) {
-	let t = e.getSize(Iu), n = Math.max(t.x, t.y, t.z);
-	return Number.isFinite(n) && n > 0 ? n * Au : du;
-}
-function bd(e, t, n) {
-	let r = Math.max(du, (Number.isFinite(n) ? n : du) * ku), i = t.position.distanceTo(e);
-	return Number.isFinite(i) && i >= r ? e : (Pu.copy(e).sub(t.position), (!Number.isFinite(Pu.x + Pu.y + Pu.z) || Pu.lengthSq() === 0) && t.getWorldDirection(Pu), Pu.lengthSq() === 0 && Pu.set(0, 0, -1), Pu.normalize(), Fu.copy(t.position).addScaledVector(Pu, r));
-}
-function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadGeneration: i, lightRef: a, materialMode: o, modelRef: s, modelsData: c, modelsLoading: l, onReady: u, onCameraDprModeChange: d, publicApi: f, setSceneApi: p, usePerformanceMoving: h, useWebGPU: _ }) {
-	let S = E((e) => e.camera), C = E((e) => e.gl), w = E((e) => e.invalidate), T = E((e) => e.scene), k = E((e) => e.set), A = E((e) => e.size), j = Dn(s), M = Vn(j), { colorPaletteTexture: ee, colorUtils: N } = en(j), P = qr(s), F = Hr(s, n, P, _), I = ci(s, n, P, F.getSelectableObjects, F.getSnapPoints), te = y(() => new Vo(), []), ne = M.buildIndex, re = j.resetIndex, ie = N.applyStoredColors, L = ha(), R = b(null), ae = b(null), oe = b(null), se = b(null), ce = b(null), le = b(null), z = b(null), ue = b(Uu()), de = b([]), fe = b(/* @__PURE__ */ new Map()), pe = b(l), me = b(null), B = b(l), he = b(!1), ge = b(i), V = b(/* @__PURE__ */ new Map()), [H, ve] = x(0), [ye, be] = x(0), U = X((e) => e.showStats), xe = X((e) => e.lighting);
-	ge.current !== i && (ge.current = i, V.current.clear(), ue.current = Uu());
-	let Se = m((e, t, n) => {
-		let r = V.current.get(e) ?? 0;
-		V.current.set(e, t), n > 0 && t >= n && r < n && ve((e) => e + 1);
-	}, []), Ce = m((e) => {
+function gd(e) {
+	let t = e.getSize(Pu), n = Math.max(t.x, t.y, t.z);
+	return Number.isFinite(n) && n > 0 ? n * Ou : du;
+}
+function _d(e, t, n) {
+	let r = Math.max(du, (Number.isFinite(n) ? n : du) * Du), i = t.position.distanceTo(e);
+	return Number.isFinite(i) && i >= r ? e : (Mu.copy(e).sub(t.position), (!Number.isFinite(Mu.x + Mu.y + Mu.z) || Mu.lengthSq() === 0) && t.getWorldDirection(Mu), Mu.lengthSq() === 0 && Mu.set(0, 0, -1), Mu.normalize(), Nu.copy(t.position).addScaledVector(Mu, r));
+}
+function vd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadGeneration: i, lightRef: a, materialMode: o, modelRef: s, modelsData: c, modelsLoading: l, onReady: u, onCameraDprModeChange: d, publicApi: f, setSceneApi: p, usePerformanceMoving: h, useWebGPU: _ }) {
+	let S = E((e) => e.camera), C = E((e) => e.gl), w = E((e) => e.invalidate), T = E((e) => e.scene), k = E((e) => e.set), A = E((e) => e.size), j = Dn(s), M = Vn(j), { colorPaletteTexture: ee, colorUtils: N } = en(j), P = qr(s), F = Hr(s, n, P, _), I = ci(s, n, P, F.getSelectableObjects, F.getSnapPoints), te = y(() => new Vo(), []), ne = M.buildIndex, re = j.resetIndex, ie = N.applyStoredColors, L = ha(), R = b(null), ae = b(null), oe = b(null), se = b(null), ce = b(null), le = b(null), z = b(null), ue = b(Vu()), de = b([]), fe = b(/* @__PURE__ */ new Map()), pe = b(l), me = b(null), B = b(null), he = b(l), ge = b(!1), V = b(i), H = b(/* @__PURE__ */ new Map()), [ve, ye] = x(0), [be, U] = x(0), xe = X((e) => e.showStats), Se = X((e) => e.lighting), Ce = X((e) => e.performanceMovingFactor);
+	V.current !== i && (V.current = i, H.current.clear(), ue.current = Vu(), me.current = null);
+	let we = m((e, t, n) => {
+		let r = H.current.get(e) ?? 0;
+		H.current.set(e, t), n > 0 && t >= n && r < n && ye((e) => e + 1);
+	}, []), De = m((e) => {
 		if (s.current = e, !e) return;
 		let t = e;
 		t.isClippingGroup = _, t.enabled = !1, t.clipIntersection = !1, t.clipShadows = !1, t.clippingPlanes = [];
-	}, [s, _]), we = m((e) => {
-		let t = me.current;
-		return !t || e.camera.uuid !== t.cameraUuid ? !1 : (me.current = null, e.cancel(), e.updateCameraUp(), e.zoomTo(t.zoom, !1), e.setFocalOffset(0, 0, 0, !1), e.setLookAt(t.position.x, t.position.y, t.position.z, t.target.x, t.target.y, t.target.z, !1), e.update(0), w(), !0);
-	}, [w]), De = m((e) => {
+	}, [s, _]), Oe = m((e) => {
+		let t = B.current;
+		if (!t || e.camera.uuid !== t.cameraUuid) return !1;
+		B.current = null, e.cancel(), e.updateCameraUp();
+		let n = e;
+		return e.zoomTo(t.zoom, !1), e.setFocalOffset(0, 0, 0, !1), e.setLookAt(t.position.x, t.position.y, t.position.z, t.target.x, t.target.y, t.target.z, !1), e.dollyToCursor = !0, e.infinityDolly = e.camera instanceof Ee, e.minDistance = nd(s.current), e.stop(), e.update(0), n.saveState?.(), w(), !0;
+	}, [w, s]), ke = m((e) => {
 		let t = n;
-		t.current !== e && (t.current = e, e && (e.minDistance = ad(s.current), we(e)), be((e) => e + 1));
+		t.current !== e && (t.current = e, e && (e.minDistance = nd(s.current), Oe(e)), U((e) => e + 1));
 	}, [
 		n,
 		s,
-		we
+		Oe
 	]);
 	g(() => {
 		s.current && F.updateMaterials();
@@ -9074,7 +9063,7 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		s,
 		_
 	]), g(() => {
-		gd(S, A), w();
+		pd(S, A), w();
 	}, [
 		S,
 		w,
@@ -9082,101 +9071,102 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		A.width
 	]), v(() => {
 		let e = n.current;
-		e && we(e);
+		e && Oe(e);
 	}, [
 		S,
 		n,
-		ye,
-		we
+		be,
+		Oe
 	]);
-	let Oe = y(() => {
+	let Ae = y(() => {
 		let e = Object.keys(c).sort((e, t) => Number(e) - Number(t));
 		for (let t of e) {
 			let e = mn(c[Number(t)]);
 			if (e) return e;
 		}
 		return null;
-	}, [c]), ke = y(() => fn(Oe ?? void 0), [Oe]), Ae = y(() => Object.entries(c).map(([e, t]) => [Number(e), t]), [c]), je = y(() => Ae.map(([e]) => e), [Ae]), Me = y(() => new Map(Ae.map(([e, t]) => [e, Object.keys(t.data).length])), [Ae]);
-	de.current = je, fe.current = Me, pe.current = l, g(() => {
-		let e = new Set(je);
-		V.current.forEach((t, n) => {
-			e.has(n) || V.current.delete(n);
+	}, [c]), je = y(() => fn(Ae ?? void 0), [Ae]), Me = y(() => Object.entries(c).map(([e, t]) => [Number(e), t]), [c]), Ne = y(() => Me.map(([e]) => e), [Me]), Pe = y(() => new Map(Me.map(([e, t]) => [e, Object.keys(t.data).length])), [Me]);
+	de.current = Ne, fe.current = Pe, pe.current = l, g(() => {
+		let e = new Set(Ne);
+		H.current.forEach((t, n) => {
+			e.has(n) || H.current.delete(n);
 		});
-	}, [je]);
-	let Ne = o !== "performance", Pe = m(() => {
-		n.current && (n.current.minDistance = ad(s.current));
-	}, [n, s]), Fe = m((e, t = !1) => {
+	}, [Ne]);
+	let W = o !== "performance", Fe = m(() => {
+		n.current && (n.current.minDistance = nd(s.current));
+	}, [n, s]), Ie = m((e, t = !1) => {
 		let r = n.current;
 		if (!r) return !1;
-		let i = t ? bd(e, S, r.minDistance) : e;
+		let i = t ? _d(e, S, r.minDistance) : e;
 		return r.cancel(), r.setOrbitPoint(i.x, i.y, i.z), !0;
-	}, [S, n]), W = m((e) => {
-		R.current = e.clone(), Fe(e, !0);
-	}, [Fe]), Ie = m(() => {
+	}, [S, n]), Le = m((e) => {
+		R.current = e.clone(), Ie(e, !0);
+	}, [Ie]), Re = m(() => {
 		R.current = null, L(s, n, a);
 	}, [
 		n,
 		L,
 		a,
 		s
-	]), Le = m((e) => {
-		if (!dd(S) || ud(S) === e) return;
+	]), ze = m((e) => {
+		if (!cd(S) || sd(S) === e) return;
 		let r = n.current, i = new q(), a = new q();
 		r ? (r.getTarget(i, !0), r.getPosition(a, !0)) : (S.getWorldDirection(i), a.copy(S.position), i.add(a));
 		let o = a.clone().sub(i);
-		o.lengthSq() < xu * xu && S.getWorldDirection(o).multiplyScalar(-1), o.lengthSq() < xu * xu && o.copy(ju), o.normalize();
-		let s = fd(A), c = hd(S, i), l = S.near, u = S.far, d = e === "orthographic" ? new Te(-s * c * .5, s * c * .5, c * .5, -c * .5, l, u) : new Ee(bu, s, l, u);
-		if (d instanceof Ee) {
+		o.lengthSq() < bu * bu && S.getWorldDirection(o).multiplyScalar(-1), o.lengthSq() < bu * bu && o.copy(ku), o.normalize();
+		let s = ld(A), c = fd(S, i), l = S.near, u = S.far, d = e === "orthographic" ? new Te(-s * c * .5, s * c * .5, c * .5, -c * .5, l, u) : new Ee(yu, s, l, u);
+		if (d.manual = !0, d instanceof Ee) {
 			let e = c / (2 * Math.tan(_e.degToRad(d.fov) * .5));
 			a.copy(i).addScaledVector(o, e);
 		}
-		d.position.copy(a), d.up.copy(S.up), d.layers.mask = S.layers.mask, d.lookAt(i), d.updateMatrixWorld(!0), gd(d, A), me.current = {
+		d.position.copy(a), d.up.copy(S.up), d.layers.mask = S.layers.mask, d.lookAt(i), d.updateMatrixWorld(!0), pd(d, A), B.current = {
 			cameraUuid: d.uuid,
 			position: a.clone(),
 			target: i.clone(),
 			zoom: d.zoom
-		}, r?.cancel(), t.current = d, k({ camera: d }), w();
+		}, r?.cancel(), me.current = d.uuid, t.current = d, k({ camera: d }), w();
 	}, [
 		S,
 		t,
 		n,
 		w,
+		s,
 		k,
 		A.height,
 		A.width
-	]), Re = m(() => {
-		let e = ud(S) === "perspective" ? "orthographic" : "perspective";
-		return Le(e), e;
-	}, [S, Le]), ze = m(() => {
+	]), Be = m(() => {
+		let e = sd(S) === "perspective" ? "orthographic" : "perspective";
+		return ze(e), e;
+	}, [S, ze]), Ve = m(() => {
 		if (pe.current) return !0;
 		let e = de.current;
 		return e.length ? !e.every((e) => {
 			let t = fe.current.get(e) ?? 0;
-			return t <= 0 ? !0 : (V.current.get(e) ?? 0) >= t;
+			return t <= 0 ? !0 : (H.current.get(e) ?? 0) >= t;
 		}) : !1;
-	}, []), Be = m((t) => {
+	}, []), G = m((t) => {
 		if (!t) return !1;
-		let n = ze();
-		if (!e || !r) return n || (ue.current = Uu()), !1;
+		let n = Ve();
+		if (!e || !r) return n || (ue.current = Vu()), !1;
 		let i = ue.current;
 		if (n) {
-			i.active || (ue.current = Uu(!0));
+			i.active || (ue.current = Vu(!0));
 			let e = ue.current;
 			return e.firstFitDone ? !1 : (e.firstFitDone = !0, !0);
 		}
-		return i.active ? i.finalFitDone ? !1 : i.firstFitDone && i.userInteractedAfterFirstFit ? (ue.current = Uu(), !1) : (i.finalFitDone = !0, !0) : !0;
+		return i.active ? i.finalFitDone ? !1 : i.firstFitDone && i.userInteractedAfterFirstFit ? (ue.current = Vu(), !1) : (i.finalFitDone = !0, !0) : !0;
 	}, [
 		e,
 		r,
-		ze
-	]), Ve = m((e, t = !1) => {
+		Ve
+	]), He = m((e, t = !1) => {
 		let r = n.current;
 		if (!r) return;
-		let i = vd(e, j.buildIndex());
+		let i = hd(e, j.buildIndex());
 		if (!i) return;
 		let a = i.getCenter(new q());
 		if (R.current = a.clone(), r.cancel(), t) {
-			let e = yd(i);
+			let e = gd(i);
 			r.fitToBox(i, !0, {
 				paddingBottom: e,
 				paddingLeft: e,
@@ -9184,16 +9174,16 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 				paddingTop: e
 			}).then(() => {
 				let e = R.current;
-				e && Fe(e, !0);
+				e && Ie(e, !0);
 			});
 			return;
 		}
-		Fe(a, !0);
+		Ie(a, !0);
 	}, [
-		Fe,
+		Ie,
 		n,
 		j
-	]), He = y(() => {
+	]), Ue = y(() => {
 		let e = (e) => ({
 			...e,
 			activeViewRoot: s.current
@@ -9214,7 +9204,7 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 			let e = oe.current;
 			e !== null && (oe.current = null, F.setEdgesActive(e));
 		}, r = () => {
-			z.current && (Qu(z.current), z.current = null, w());
+			z.current && (Yu(z.current), z.current = null, w());
 		};
 		if (!h) {
 			e(), r(), t(), F.setCapsCameraMotionActive(!1), d("sleep");
@@ -9235,7 +9225,7 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 	}, [
 		F,
 		n,
-		ye,
+		be,
 		w,
 		d,
 		h
@@ -9245,11 +9235,11 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		}, t = () => {
 			ce.current !== null && (window.clearTimeout(ce.current), ce.current = null);
 		}, r = (n = !1) => {
-			e(), z.current && (Qu(z.current), z.current = null, w()), n && (t(), le.current = null);
+			e(), z.current && (Yu(z.current), z.current = null, w()), n && (t(), le.current = null);
 		}, i = () => {
 			t(), ce.current = window.setTimeout(() => {
 				ce.current = null, le.current = null;
-			}, vu);
+			}, _u);
 		};
 		if (!h) {
 			r(!0);
@@ -9259,28 +9249,28 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		if (!a) return;
 		let o = () => {
 			if (se.current = null, z.current) return;
-			s.current?.updateMatrixWorld(!0), (!le.current || le.current.root !== s.current) && (le.current = Xu(s.current, S));
+			s.current?.updateMatrixWorld(!0), (!le.current || le.current.root !== s.current) && (le.current = qu(s.current, Ce));
 			let e = le.current;
 			if (!e) return;
-			let t = Zu(e);
+			let t = Ju(e);
 			t && (z.current = t, w());
 		}, c = () => {
-			t(), !z.current && se.current === null && (se.current = window.setTimeout(o, _u));
+			t(), !z.current && se.current === null && (se.current = window.setTimeout(o, gu));
 		}, l = () => {
 			r(), i();
 		};
-		return a.addEventListener("wake", c), a.addEventListener("controlstart", c), a.addEventListener("sleep", l), () => {
-			a.removeEventListener("wake", c), a.removeEventListener("controlstart", c), a.removeEventListener("sleep", l), r(!0);
+		return a.addEventListener("control", c), a.addEventListener("sleep", l), () => {
+			a.removeEventListener("control", c), a.removeEventListener("sleep", l), r(!0);
 		};
 	}, [
-		S,
 		n,
-		ye,
+		be,
 		w,
 		s,
+		Ce,
 		h
 	]), g(() => {
-		l && !B.current && (ue.current = Uu(!0)), B.current = l;
+		l && !he.current && (ue.current = Vu(!0)), he.current = l;
 	}, [l]), g(() => {
 		let e = n.current, t = C.domElement, r = () => {
 			let e = ue.current;
@@ -9291,19 +9281,19 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		};
 	}, [
 		n,
-		ye,
+		be,
 		C
 	]);
-	let G = m(() => !ze(), [ze]);
-	return oa(s, n, P, W, F.getSelectableObjects, F.setCapsPreselection, G, ye), ui(), g(() => {
+	let We = m(() => !Ve(), [Ve]);
+	return oa(s, n, P, Le, F.getSelectableObjects, F.setCapsPreselection, We, be), ui(), g(() => {
 		let e = C.domElement, t = (e) => {
 			let t = R.current;
-			t && e.button === 0 && (e.ctrlKey || e.metaKey || e.shiftKey || Fe(t, !0));
+			t && e.button === 0 && (e.ctrlKey || e.metaKey || e.shiftKey || Ie(t, !0));
 		};
 		return e.addEventListener("pointerdown", t, !0), () => {
 			e.removeEventListener("pointerdown", t, !0);
 		};
-	}, [Fe, C]), g(() => (P.setClippingSource(F), () => {
+	}, [Ie, C]), g(() => (P.setClippingSource(F), () => {
 		P.setClippingSource(null);
 	}), [P, F]), g(() => (t.current = S, () => {
 		t.current === S && (t.current = null);
@@ -9312,15 +9302,15 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		let t = null, n = !1, r = (e) => {
 			t = requestAnimationFrame(e);
 		}, i = () => {
-			let e = ze();
+			let e = Ve();
 			if (!e) {
 				let e = ue.current;
 				if (e.active && e.firstFitDone && e.userInteractedAfterFirstFit) {
-					ue.current = Uu();
+					ue.current = Vu();
 					return;
 				}
 			}
-			Ie(), e || (ue.current = Uu());
+			Re(), e || (ue.current = Vu());
 		}, a = () => {
 			if (e) {
 				if (!_) {
@@ -9341,15 +9331,15 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 			}
 		}, o = (e) => {
 			if (n || !s.current) return;
-			s.current.updateMatrixWorld(!0), (S instanceof Ee || S instanceof Te) && _d(S, s.current), Pe(), re();
+			s.current.updateMatrixWorld(!0), (S instanceof Ee || S instanceof Te) && md(S, s.current), Fe(), re();
 			let r = ne();
 			if (!r.records.size && e > 0) {
 				t = requestAnimationFrame(() => o(e - 1));
 				return;
 			}
-			ie(), F.syncWithModel(), I.syncWithModel(), Be(r.records.size > 0) && a();
+			ie(), F.syncWithModel(), I.syncWithModel(), me.current !== S.uuid && G(r.records.size > 0) && a();
 		};
-		return r(() => o(_ ? Du : Eu)), () => {
+		return r(() => o(_ ? Tu : wu)), () => {
 			n = !0, t !== null && cancelAnimationFrame(t);
 		};
 	}, [
@@ -9360,17 +9350,17 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		F,
 		n,
 		I,
-		Ie,
-		ze,
+		Re,
+		Ve,
 		a,
 		C,
 		s,
 		c,
-		H,
+		ve,
 		re,
 		T,
-		Be,
-		Pe,
+		G,
+		Fe,
 		_
 	]), g(() => {
 		let e = () => {
@@ -9380,11 +9370,11 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 		};
 		return p({
 			camera: {
-				fitCamera: Ie,
+				fitCamera: Re,
 				getIntersection: P.getIntersection,
-				getProjection: () => ud(S),
-				setProjection: Le,
-				toggleProjection: Re
+				getProjection: () => sd(S),
+				setProjection: ze,
+				toggleProjection: Be
 			},
 			clipping: {
 				createClippingRectangle: F.createClippingRectangle,
@@ -9414,7 +9404,7 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 				rebuildModelByColors: N.rebuildModelByColors,
 				setColor: N.setColor
 			},
-			converter: He,
+			converter: Ue,
 			dimensions: {
 				cancelDrawing: I.cancelDrawing,
 				changeAxes: I.changeAxes,
@@ -9435,8 +9425,8 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 			geometryUtils: {
 				getAllIds: M.getAllIds,
 				getIfcSpacesVisibility: M.getIfcSpacesVisibility,
-				getModelGeometry: (e) => ld(s.current, e),
-				getModelsGeometry: () => cd(s.current),
+				getModelGeometry: (e) => od(s.current, e),
+				getModelsGeometry: () => ad(s.current),
 				hideByIds: (e) => t(() => M.hideByIds(e)),
 				hideSelected: () => t(M.hideSelected),
 				isolateByIds: (e) => t(() => M.isolateByIds(e)),
@@ -9447,36 +9437,36 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 				showByIds: (e) => t(() => M.showByIds(e)),
 				toggleIIfcSpacesVisibility: () => t(M.toggleIIfcSpacesVisibility)
 			},
-			selector: { setTargetToSelection: Ve }
-		}), he.current || (he.current = !0, u?.(f)), () => p(null);
+			selector: { setTargetToSelection: He }
+		}), ge.current || (ge.current = !0, u?.(f)), () => p(null);
 	}, [
 		S,
 		F,
 		P,
 		N,
 		n,
-		He,
+		Ue,
 		I,
-		Ie,
+		Re,
 		M,
 		a,
 		s,
 		u,
 		f,
-		Le,
+		ze,
 		p,
-		Ve,
-		Re
-	]), /* @__PURE__ */ qe(Ke, { children: [
-		Ne && (_ ? /* @__PURE__ */ Y(Hu, {
-			ambientColor: xe.ambient.color,
-			ambientIntensity: xe.ambient.intensity,
-			directionalColor: xe.directional.color,
-			directionalIntensity: xe.directional.intensity,
+		He,
+		Be
+	]), /* @__PURE__ */ Ke(Ge, { children: [
+		W && (_ ? /* @__PURE__ */ Y(Bu, {
+			ambientColor: Se.ambient.color,
+			ambientIntensity: Se.ambient.intensity,
+			directionalColor: Se.directional.color,
+			directionalIntensity: Se.directional.intensity,
 			lightRef: a
-		}) : /* @__PURE__ */ qe(Ke, { children: [/* @__PURE__ */ Y("ambientLight", {
-			intensity: xe.ambient.intensity,
-			color: xe.ambient.color
+		}) : /* @__PURE__ */ Ke(Ge, { children: [/* @__PURE__ */ Y("ambientLight", {
+			intensity: Se.ambient.intensity,
+			color: Se.ambient.color
 		}), /* @__PURE__ */ Y("directionalLight", {
 			ref: a,
 			position: [
@@ -9484,36 +9474,36 @@ function xd({ autoFitCamera: e, cameraRef: t, controlRef: n, fitToView: r, loadG
 				10,
 				10
 			],
-			color: xe.directional.color,
-			intensity: xe.directional.intensity
+			color: Se.directional.color,
+			intensity: Se.directional.intensity
 		})] })),
-		U && /* @__PURE__ */ Y(O, {}),
+		xe && /* @__PURE__ */ Y(O, {}),
 		/* @__PURE__ */ Y("group", {
-			ref: Ce,
-			children: Ae.map(([e, t]) => /* @__PURE__ */ Y(_n, {
+			ref: De,
+			children: Me.map(([e, t]) => /* @__PURE__ */ Y(_n, {
 				colorPaletteTexture: ee,
-				coordinationMatrix: ke,
+				coordinationMatrix: je,
 				data: t,
 				loadGeneration: i,
 				materialMode: o,
 				modelID: e,
-				onUploadComplete: (t) => Se(e, t, Me.get(e) ?? t),
-				onUploadProgress: (t, n) => Se(e, t, n),
+				onUploadComplete: (t) => we(e, t, Pe.get(e) ?? t),
+				onUploadProgress: (t, n) => we(e, t, n),
 				useWebGPU: _
 			}, e))
 		}),
 		/* @__PURE__ */ Y(D, {
-			camera: dd(S) ? S : void 0,
+			camera: cd(S) ? S : void 0,
 			dollyToCursor: !0,
-			infinityDolly: !0,
+			infinityDolly: S instanceof Ee,
 			minDistance: du,
-			ref: De,
+			ref: ke,
 			draggingSmoothTime: .03,
 			smoothTime: .05
-		})
+		}, S.uuid)
 	] });
 }
-function Sd({ pipelineRef: e }) {
+function yd({ pipelineRef: e }) {
 	let t = E((e) => e.camera), n = E((e) => e.gl), r = E((e) => e.scene);
 	return T(() => {
 		let i = e.current;
@@ -9524,10 +9514,10 @@ function Sd({ pipelineRef: e }) {
 		n.render(r, t);
 	}, 1), null;
 }
-function Cd(e) {
+function bd(e) {
 	return e === "N8AO" || e === "SSAO";
 }
-function wd({ setActivePassFilter: e, type: t }) {
+function xd({ setActivePassFilter: e, type: t }) {
 	let n = b(null), r = b(null), i = m(() => {
 		r.current !== null && (window.cancelAnimationFrame(r.current), r.current = null);
 	}, []), a = m(() => {
@@ -9562,8 +9552,8 @@ function wd({ setActivePassFilter: e, type: t }) {
 		case "SSAO": return /* @__PURE__ */ Y(tu, { ref: o });
 	}
 }
-function Td({ enabled: e }) {
-	let t = X((e) => e.postproductionPassType), n = X((e) => e.postproductionSaturation), r = X((e) => e.setPostproductionActivePassFilter), i = Cd(t), a = n !== 0;
+function Sd({ enabled: e }) {
+	let t = X((e) => e.postproductionPassType), n = X((e) => e.postproductionSaturation), r = X((e) => e.setPostproductionActivePassFilter), i = bd(t), a = n !== 0;
 	return g(() => {
 		if (!e) {
 			r(null);
@@ -9574,16 +9564,16 @@ function Td({ enabled: e }) {
 		e,
 		i,
 		r
-	]), !e || !i && !a ? null : /* @__PURE__ */ qe(Zl, {
+	]), !e || !i && !a ? null : /* @__PURE__ */ Ke(Zl, {
 		enableNormalPass: t === "SSAO",
-		children: [i ? /* @__PURE__ */ Y(wd, {
+		children: [i ? /* @__PURE__ */ Y(xd, {
 			setActivePassFilter: r,
 			type: t
-		}) : /* @__PURE__ */ Y(Ke, {}), a ? /* @__PURE__ */ Y(eu, { saturation: n }) : /* @__PURE__ */ Y(Ke, {})]
+		}) : /* @__PURE__ */ Y(Ge, {}), a ? /* @__PURE__ */ Y(eu, { saturation: n }) : /* @__PURE__ */ Y(Ge, {})]
 	});
 }
-function Ed({ enabled: e }) {
-	let t = E((e) => e.camera), n = E((e) => e.gl), r = E((e) => e.invalidate), i = E((e) => e.scene), a = X((e) => e.postproductionPassType), o = X((e) => e.postproductionSaturation), s = X((e) => e.setPostproductionActivePassFilter), c = Cd(a), l = o !== 0, u = e && (c || l), d = b(null), [f, p] = x(null);
+function Cd({ enabled: e }) {
+	let t = E((e) => e.camera), n = E((e) => e.gl), r = E((e) => e.invalidate), i = E((e) => e.scene), a = X((e) => e.postproductionPassType), o = X((e) => e.postproductionSaturation), s = X((e) => e.setPostproductionActivePassFilter), c = bd(a), l = o !== 0, u = e && (c || l), d = b(null), [f, p] = x(null);
 	return g(() => {
 		u || s(null);
 	}, [u, s]), g(() => {
@@ -9648,9 +9638,9 @@ function Ed({ enabled: e }) {
 		o,
 		i,
 		s
-	]), u ? /* @__PURE__ */ Y(Sd, { pipelineRef: d }) : null;
+	]), u ? /* @__PURE__ */ Y(yd, { pipelineRef: d }) : null;
 }
-function Dd({ autoFitCamera: e = !0, camera: t = {
+function wd({ autoFitCamera: e = !0, camera: t = {
 	position: [
 		10,
 		10,
@@ -9661,7 +9651,7 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 	let C = b(null), w = b(null), T = b(null), E = b(null), [D, O] = x(), [k, A] = x(!1), [j, M] = x(!0), [ee, N] = x(null), P = b(void 0), F = b(!1), I = b(null), te = b(null), ne = b({
 		lastProgress: 0,
 		requestID: 0
-	}), re = b(0), ie = b(!v), L = b(/* @__PURE__ */ new Set()), R = At(), ae = X((e) => e.setModelNames), oe = X((e) => e.setModelProps), se = X((e) => e.setModelStructure), ce = X((e) => e.setShowNavCube), le = X((e) => e.setShowStats), z = X((e) => e.setUserDevice), ue = X((e) => e.showNavCube), de = k, fe = de ? D ?? o : o ?? D, pe = r ?? j, me = l ? nd(n, 1) : n, B = nd(me, l ? hu : mu), he = s ?? (l ? "performance" : void 0), [ge, _e] = x("sleep"), V = rd(me), H = y(() => v ? Ru({ performanceMode: l }) : l ? uu : void 0, [l, v]), ve = l ? lu : cu, ye = m(() => {
+	}), re = b(0), ie = b(!v), L = b(/* @__PURE__ */ new Set()), R = kt(), ae = X((e) => e.setModelNames), oe = X((e) => e.setModelProps), se = X((e) => e.setModelStructure), ce = X((e) => e.setShowNavCube), le = X((e) => e.setShowStats), z = X((e) => e.setUserDevice), ue = X((e) => e.showNavCube), de = k, fe = de ? D ?? o : o ?? D, pe = r ?? j, me = l ? $u(n, 1) : n, B = $u(me, l ? hu : mu), he = s ?? (l ? "performance" : void 0), [ge, _e] = x("sleep"), V = ed(me), H = y(() => v ? Iu({ performanceMode: l }) : l ? uu : void 0, [l, v]), ve = l ? lu : cu, ye = m(() => {
 		ie.current = !0, L.current.forEach((e) => e()), L.current.clear();
 	}, []), be = m(() => ie.current ? Promise.resolve() : new Promise((e) => {
 		let t = window.setTimeout(() => {
@@ -9699,9 +9689,9 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 			return t?.(r), r;
 		});
 	}, []), Ce = m((e, t, n) => {
-		Se((t) => $u(t, e, n), t);
+		Se((t) => Xu(t, e, n), t);
 	}, [Se]), we = m(async (e, t = {}) => {
-		let { clearViewer: n = !1, fitToView: r = !0, onChunk: i, onModelLoadingChange: a, onModelProgress: o, onModelsDataChange: s, onProgress: c, ...l } = t, u = re.current + 1, d = ed(l);
+		let { clearViewer: n = !1, fitToView: r = !0, onChunk: i, onModelLoadingChange: a, onModelProgress: o, onModelsDataChange: s, onProgress: c, ...l } = t, u = re.current + 1, d = Zu(l);
 		re.current = u, N(null), I.current = null, te.current = null, ne.current = {
 			lastProgress: 0,
 			onModelProgress: o,
@@ -9724,7 +9714,7 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 					onProgress: f
 				} : { onProgress: f }
 			});
-			return re.current === u && Se((e) => t ? td(e, r) : {
+			return re.current === u && Se((e) => t ? Qu(e, r) : {
 				...e ?? {},
 				...r
 			}, s), r;
@@ -9746,7 +9736,7 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 		reset: xe
 	}), [we, xe]);
 	return g(() => (d(Te), () => d(null)), [Te, d]), g(() => {
-		z(id());
+		z(td());
 	}, [z]), g(() => {
 		le(!!h);
 	}, [le, h]), g(() => {
@@ -9775,21 +9765,21 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 		we,
 		a,
 		i
-	]), fe ? /* @__PURE__ */ qe("div", {
+	]), fe ? /* @__PURE__ */ Ke("div", {
 		style: ou,
 		children: [/* @__PURE__ */ Y(S, {
 			camera: t,
 			dpr: _ && ge === "move" ? B : me,
 			gl: H,
-			children: /* @__PURE__ */ qe(ga, {
+			children: /* @__PURE__ */ Ke(ga, {
 				store: R,
 				children: [
-					/* @__PURE__ */ Y(Vu, {
+					/* @__PURE__ */ Y(zu, {
 						active: v,
 						onReady: ye
 					}),
-					/* @__PURE__ */ Y(Bu, { active: v }),
-					/* @__PURE__ */ Y(xd, {
+					/* @__PURE__ */ Y(Ru, { active: v }),
+					/* @__PURE__ */ Y(vd, {
 						autoFitCamera: e,
 						cameraRef: C,
 						controlRef: w,
@@ -9807,8 +9797,8 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 						usePerformanceMoving: _,
 						useWebGPU: v
 					}),
-					/* @__PURE__ */ Y(Td, { enabled: !v }),
-					/* @__PURE__ */ Y(Ed, { enabled: v })
+					/* @__PURE__ */ Y(Sd, { enabled: !v }),
+					/* @__PURE__ */ Y(Cd, { enabled: v })
 				]
 			})
 		}, v ? "viewer-webgpu" : "viewer-webgl"), ue && /* @__PURE__ */ Y("div", {
@@ -9826,9 +9816,9 @@ function Dd({ autoFitCamera: e = !0, camera: t = {
 				})
 			}, "nav-cube-webgl")
 		})]
-	}) : /* @__PURE__ */ Y(Ke, {});
+	}) : /* @__PURE__ */ Y(Ge, {});
 }
-var Od = f(function(e, t) {
+var Td = f(function(e, t) {
 	let [n] = x(Rt), r = b(!1), i = b(!1), a = y(() => new ru(), []), { defaultSelected: o, onSelectedChange: s, selected: c } = e, l = m((e) => {
 		a.set(e);
 	}, [a]), u = y(() => new iu(), []), d = m((e) => {
@@ -9854,7 +9844,7 @@ var Od = f(function(e, t) {
 		});
 	}, [s, n]), /* @__PURE__ */ Y(ga, {
 		store: n,
-		children: /* @__PURE__ */ Y(Dd, {
+		children: /* @__PURE__ */ Y(wd, {
 			...e,
 			publicApi: f,
 			setModelsApi: d,
@@ -9862,6 +9852,6 @@ var Od = f(function(e, t) {
 		})
 	});
 });
-Od.displayName = "Viewer";
+Td.displayName = "Viewer";
 //#endregion
-export { ss as BMTLoader, Vo as BmtConverter, Uo as ConvertIfcFileToBmt, Wo as ConvertToBmt, ei as DimensionLine, si as DimensionsUtils, ns as FilteredElementsCollector, Ot as ModelGrids, jc as NavigationCube, Od as Viewer, ga as ViewerStoreProvider, Ho as bmtConverter, Ms as convertIfcFilesToBmtInWorker, Ns as createBmtConverterWorker, _s as createBmtWorker, Gs as createIfcWorker, Rt as createViewerStore, ao as exportExcel, no as exportModelPropertiesToExcel, gs as loadBmtModelsInWorker, Ws as loadIfcModelsInWorker, Qs as loader, ci as useDimensionsUtils, X as useViewerStore, At as useViewerStoreApi };
+export { ss as BMTLoader, Vo as BmtConverter, Uo as ConvertIfcFileToBmt, Wo as ConvertToBmt, ei as DimensionLine, si as DimensionsUtils, ns as FilteredElementsCollector, Dt as ModelGrids, jc as NavigationCube, Td as Viewer, ga as ViewerStoreProvider, Ho as bmtConverter, Ms as convertIfcFilesToBmtInWorker, Ns as createBmtConverterWorker, _s as createBmtWorker, Gs as createIfcWorker, Rt as createViewerStore, ao as exportExcel, no as exportModelPropertiesToExcel, gs as loadBmtModelsInWorker, Ws as loadIfcModelsInWorker, Qs as loader, ci as useDimensionsUtils, X as useViewerStore, kt as useViewerStoreApi };