softbox 4.19.0 → 4.21.0

package/dist/simple-viewer.es.js

@@ -90,7 +90,7 @@ var St = "#1a1a1f", Ct = (e) => {
 			if (a()) return;
 			n.ok ? t.applyToScene(e, n.value, s) : console.warn("Failed to load environment map:", n.error);
 		} else if (i.helpers?.studioEnvironment) {
-			let r = t.createStudioEnvironment();
+			let r = t.createStudioEnvironment(i.environment?.studioLook);
 			if (r.ok) {
 				if (t.applyToScene(e, r.value, {
 					...s,
@@ -802,7 +802,7 @@ var Bt = (e) => [
 	resetEnvironment() {
 		if (this.deps.isDisposed()) return r.err(new e("Viewer is disposed", d.INVALID_STATE));
 		if (!this.deps.environmentService) return r.err(new e("Environment service unavailable", d.INVALID_STATE));
-		let t = this.deps.environmentService.createStudioEnvironment();
+		let t = this.deps.environmentService.createStudioEnvironment(this.deps.getOptions().environment?.studioLook);
 		if (!t.ok) return r.err(t.error);
 		let n = this.deps.environmentService.applyToScene(this.deps.scene, t.value, { setBackground: !1 });
 		if (!n.ok) return n;
@@ -6111,10 +6111,12 @@ function aa(e) {
 	});
 }
 //#endregion
-//#region src/infrastructure/three/ThreeEnvironmentService.ts
-var oa = 256, sa = .1, ca = 100, la = class {
+//#region src/types/options/ControlsOptions.ts
+var oa = /* @__PURE__ */ function(e) {
+	return e.MapControls = "MapControls", e.OrbitControls = "OrbitControls", e;
+}({}), sa = "crisp", ca = 256, la = .1, ua = 100, da = class {
 	constructor() {
-		this.pmremGenerator = null, this.threeRenderer = null, this.loadedTextures = /* @__PURE__ */ new Map(), this.renderTargets = [], this.studioPmremTexture = null, this.studioCubeTarget = null, this.originalByPmrem = /* @__PURE__ */ new WeakMap(), this.disposed = !1;
+		this.pmremGenerator = null, this.threeRenderer = null, this.loadedTextures = /* @__PURE__ */ new Map(), this.renderTargets = [], this.studioBakes = /* @__PURE__ */ new Map(), this.originalByPmrem = /* @__PURE__ */ new WeakMap(), this.disposed = !1;
 	}
 	async initialize(t) {
 		try {
@@ -6127,7 +6129,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 	async loadEnvironmentMap(t) {
 		try {
 			let n = this.loadedTextures.get(t);
-			if (n) return r.ok(new ua(n));
+			if (n) return r.ok(new fa(n));
 			let i = t.split(".").pop()?.toLowerCase(), a;
 			switch (i) {
 				case "hdr":
@@ -6157,9 +6159,9 @@ var oa = 256, sa = .1, ca = 100, la = class {
 				let e = this.pmremGenerator.fromEquirectangular(o);
 				this.renderTargets.push(e);
 				let n = e.texture;
-				return this.loadedTextures.set(t, n), this.loadedTextures.set(t + "_original", o), this.originalByPmrem.set(n, o), r.ok(new ua(n));
+				return this.loadedTextures.set(t, n), this.loadedTextures.set(t + "_original", o), this.originalByPmrem.set(n, o), r.ok(new fa(n));
 			}
-			return this.loadedTextures.set(t, o), r.ok(new ua(o));
+			return this.loadedTextures.set(t, o), r.ok(new fa(o));
 		} catch (n) {
 			return r.err(new e("Failed to load environment map", d.TEXTURE_LOAD_FAILED, {
 				url: t,
@@ -6182,7 +6184,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 	}
 	getOriginalEnvironmentTexture(e) {
 		let t = this.loadedTextures.get(e + "_original");
-		return t ? new ua(t) : null;
+		return t ? new fa(t) : null;
 	}
 	async setBackgroundImage(t, n) {
 		try {
@@ -6208,38 +6210,45 @@ var oa = 256, sa = .1, ca = 100, la = class {
 			});
 		});
 	}
-	createStudioEnvironment() {
+	createStudioEnvironment(t = sa) {
 		try {
 			if (!this.pmremGenerator) return r.err(new e("Environment service not initialized", d.INITIALIZATION_FAILED));
-			if (this.studioPmremTexture && this.studioCubeTarget) return r.ok(new ua(this.studioPmremTexture));
-			let t = new $i();
-			aa(t);
-			let n = this.pmremGenerator.fromScene(t);
-			this.renderTargets.push(n);
-			let i = n.texture;
-			return this.captureStudioCubeOriginal(t, i), t.dispose(), r.ok(new ua(i));
+			let n = this.studioBakes.get(t);
+			if (n) return r.ok(new fa(n.pmremTexture));
+			let i = new $i();
+			t !== "soft" && aa(i);
+			let a = this.pmremGenerator.fromScene(i);
+			this.renderTargets.push(a);
+			let o = a.texture;
+			return this.captureStudioCubeOriginal(t, i, o), this.studioBakes.has(t) || this.studioBakes.set(t, {
+				pmremTexture: o,
+				cubeTarget: null
+			}), i.dispose(), r.ok(new fa(o));
 		} catch (t) {
 			return r.err(new e("Failed to create studio environment", d.TEXTURE_LOAD_FAILED, { originalError: t }));
 		}
 	}
-	captureStudioCubeOriginal(e, t) {
+	captureStudioCubeOriginal(e, t, n) {
 		if (this.threeRenderer) try {
-			let n = new k.WebGLCubeRenderTarget(oa, { type: k.HalfFloatType }), r = new k.CubeCamera(sa, ca, n), i = this.threeRenderer.toneMapping;
+			let r = new k.WebGLCubeRenderTarget(ca, { type: k.HalfFloatType }), i = new k.CubeCamera(la, ua, r), a = this.threeRenderer.toneMapping;
 			this.threeRenderer.toneMapping = k.NoToneMapping;
 			try {
-				r.update(this.threeRenderer, e);
+				i.update(this.threeRenderer, t);
 			} finally {
-				this.threeRenderer.toneMapping = i;
+				this.threeRenderer.toneMapping = a;
 			}
-			this.studioCubeTarget?.dispose(), this.studioCubeTarget = n, this.studioPmremTexture = t, this.originalByPmrem.set(t, n.texture);
+			this.studioBakes.set(e, {
+				pmremTexture: n,
+				cubeTarget: r
+			}), this.originalByPmrem.set(n, r.texture);
 		} catch (e) {
 			console.warn("Failed to capture the studio environment for path tracing:", e);
 		}
 	}
 	dispose() {
-		this.disposed = !0, this.loadedTextures.forEach((e) => e.dispose()), this.loadedTextures.clear(), this.renderTargets.forEach((e) => e.dispose()), this.renderTargets = [], this.studioCubeTarget?.dispose(), this.studioCubeTarget = null, this.studioPmremTexture = null, this.pmremGenerator &&= (this.pmremGenerator.dispose(), null), this.threeRenderer = null;
+		this.disposed = !0, this.loadedTextures.forEach((e) => e.dispose()), this.loadedTextures.clear(), this.renderTargets.forEach((e) => e.dispose()), this.renderTargets = [], this.studioBakes.forEach((e) => e.cubeTarget?.dispose()), this.studioBakes.clear(), this.pmremGenerator &&= (this.pmremGenerator.dispose(), null), this.threeRenderer = null;
 	}
-}, ua = class {
+}, fa = class {
 	constructor(e) {
 		this.texture = e;
 	}
@@ -6261,7 +6270,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 	getThreeTexture() {
 		return this.texture;
 	}
-}, da = class {
+}, pa = class {
 	constructor(e) {
 		this.object = e, this.boundingBox = new k.Box3().setFromObject(this.object);
 	}
@@ -6276,19 +6285,19 @@ var oa = 256, sa = .1, ca = 100, la = class {
 	applyOffset(e) {
 		this.object.position.add(e);
 	}
-}, fa = class {
+}, ma = class {
 	alignToFloor(t) {
 		try {
 			let n = null;
-			return "getThreeObject" in t && typeof t.getThreeObject == "function" ? n = t.getThreeObject() : t instanceof k.Object3D && (n = t), n ? (new da(n).alignToFloor(), r.ok(void 0)) : r.err(new e("Could not get Three.js object for floor alignment", d.INVALID_PARAMETER));
+			return "getThreeObject" in t && typeof t.getThreeObject == "function" ? n = t.getThreeObject() : t instanceof k.Object3D && (n = t), n ? (new pa(n).alignToFloor(), r.ok(void 0)) : r.err(new e("Could not get Three.js object for floor alignment", d.INVALID_PARAMETER));
 		} catch (t) {
 			return r.err(new e("Failed to align object to floor", d.OPERATION_FAILED, { originalError: t }));
 		}
 	}
-}, pa = {
+}, ha = {
 	touch: 10,
 	default: 5
-}, ma = class {
+}, ga = class {
 	constructor() {
 		this.raycaster = new k.Raycaster(), this.activePointers = /* @__PURE__ */ new Set(), this.options = null, this.pending = null, this.detach = null;
 	}
@@ -6307,7 +6316,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 				pointerId: e.pointerId,
 				x: e.clientX,
 				y: e.clientY,
-				threshold: e.pointerType === "touch" ? pa.touch : pa.default
+				threshold: e.pointerType === "touch" ? ha.touch : ha.default
 			};
 		}, r = (e) => {
 			this.activePointers.delete(e.pointerId);
@@ -6351,7 +6360,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 	dispose() {
 		this.detach?.(), this.detach = null, this.options = null, this.pending = null, this.activePointers.clear();
 	}
-}, ha = .001, ga = { visible: !1 }, _a = class {
+}, _a = .001, va = { visible: !1 }, ya = class {
 	constructor(e) {
 		this.sources = e, this.anchor = new k.Vector3(), this.projected = new k.Vector3(), this.cameraPosition = new k.Vector3(), this.toAnchor = new k.Vector3(), this.raycaster = new k.Raycaster(), this.lastCameraMatrix = new k.Matrix4(), this.lastWidth = -1, this.lastHeight = -1, this.hasProjected = !1;
 	}
@@ -6362,7 +6371,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 		let n = y(this.sources.camera), r = this.sources.getCanvas();
 		if (!n || !r) return null;
 		let i = r.clientWidth || r.width, a = r.clientHeight || r.height;
-		return this.hasProjected && i === this.lastWidth && a === this.lastHeight && this.lastCameraMatrix.equals(n.matrixWorld) ? null : (this.lastCameraMatrix.copy(n.matrixWorld), this.lastWidth = i, this.lastHeight = a, this.hasProjected = !0, this.anchor.set(e.x, e.y, e.z), n.getWorldPosition(this.cameraPosition), this.projected.copy(this.anchor).applyMatrix4(n.matrixWorldInverse), this.projected.z >= 0 || t && this.isOccluded(n) ? ga : (this.projected.copy(this.anchor).project(n), {
+		return this.hasProjected && i === this.lastWidth && a === this.lastHeight && this.lastCameraMatrix.equals(n.matrixWorld) ? null : (this.lastCameraMatrix.copy(n.matrixWorld), this.lastWidth = i, this.lastHeight = a, this.hasProjected = !0, this.anchor.set(e.x, e.y, e.z), n.getWorldPosition(this.cameraPosition), this.projected.copy(this.anchor).applyMatrix4(n.matrixWorldInverse), this.projected.z >= 0 || t && this.isOccluded(n) ? va : (this.projected.copy(this.anchor).project(n), {
 			visible: !0,
 			left: (this.projected.x + 1) / 2 * i,
 			top: (1 - this.projected.y) / 2 * a
@@ -6375,13 +6384,13 @@ var oa = 256, sa = .1, ca = 100, la = class {
 		let n = this.toAnchor.length();
 		this.raycaster.set(this.cameraPosition, this.toAnchor.normalize()), this.raycaster.camera = e, this.raycaster.firstHitOnly = !0;
 		let r = this.raycaster.intersectObject(t, !0)[0];
-		return !!(r && r.distance < n - ha);
+		return !!(r && r.distance < n - _a);
 	}
-}, va = class {
+}, ba = class {
 	createProjector(e) {
-		return new _a(e);
+		return new ya(e);
 	}
-}, ya = class {
+}, xa = class {
 	constructor() {
 		this.mixer = null, this.clips = [], this.activeActions = [], this.playing = !1, this.speed = 1;
 	}
@@ -6389,7 +6398,7 @@ var oa = 256, sa = .1, ca = 100, la = class {
 		this.detach();
 		let t = _(e);
 		if (!t) return;
-		let n = ba(t);
+		let n = Sa(t);
 		n && (this.clips = n.animations, this.mixer = new k.AnimationMixer(n), this.mixer.timeScale = this.speed);
 	}
 	getClipNames() {
@@ -6429,24 +6438,22 @@ var oa = 256, sa = .1, ca = 100, la = class {
 		this.mixer && (this.mixer.stopAllAction(), this.mixer.uncacheRoot(this.mixer.getRoot())), this.mixer = null, this.clips = [], this.activeActions = [], this.playing = !1;
 	}
 };
-function ba(e) {
+function Sa(e) {
 	let t = null;
 	return e.traverse((e) => {
 		!t && (e.animations?.length ?? 0) > 0 && (t = e);
 	}), t;
 }
 //#endregion
-//#region src/types/options/ControlsOptions.ts
-var xa = /* @__PURE__ */ function(e) {
-	return e.MapControls = "MapControls", e.OrbitControls = "OrbitControls", e;
-}({}), Sa = class {
+//#region src/infrastructure/factories/ViewerFactory.ts
+var Ca = class {
 	static createViewer(e, t) {
 		xt(t.units);
-		let n = new mn(e), r = new Xt(), i = this.createCamera(t), a = this.createControls(i.getThreeCamera(), e, t), o = new Ca().createDefaultLoader({
+		let n = new mn(e), r = new Xt(), i = this.createCamera(t), a = this.createControls(i.getThreeCamera(), e, t), o = new wa().createDefaultLoader({
 			renderer: n.getThreeRenderer() ?? void 0,
 			bvh: t.selection?.bvh,
 			...t.loaders
-		}), s = new _i(), c = new la(), l = new vi(), u = new fa(), d = new ma(), f = new va(), p = new ya(), m = an.convertRendererOptions(t.renderer || {});
+		}), s = new _i(), c = new da(), l = new vi(), u = new ma(), d = new ga(), f = new ba(), p = new xa(), m = an.convertRendererOptions(t.renderer || {});
 		return m.preserveDrawingBuffer = !0, new Ut({
 			renderer: n,
 			scene: r,
@@ -6479,23 +6486,23 @@ var xa = /* @__PURE__ */ function(e) {
 		}), s;
 	}
 	static createControls(e, t, n) {
-		let r = n.controls || {}, i = r.type || xa.OrbitControls, a;
-		a = i === xa.MapControls ? new Jr(e, t) : new qr(e, t), a.enabled = r.enabled ?? !0, a.enableDamping = r.enableDamping ?? !0, a.dampingFactor = r.dampingFactor ?? .25, a.enableZoom = r.enableZoom ?? !0, a.enableRotate = r.enableRotate ?? !0, a.enablePan = r.enablePan ?? !0, a.autoRotate = r.autoRotate ?? !1, r.autoRotateSpeed !== void 0 && (a.autoRotateSpeed = r.autoRotateSpeed), r.minDistance !== void 0 && (a.minDistance = r.minDistance), r.maxDistance !== void 0 && (a.maxDistance = r.maxDistance), r.minPolarAngle !== void 0 && (a.minPolarAngle = r.minPolarAngle), r.maxPolarAngle !== void 0 && (a.maxPolarAngle = r.maxPolarAngle);
+		let r = n.controls || {}, i = r.type || oa.OrbitControls, a;
+		a = i === oa.MapControls ? new Jr(e, t) : new qr(e, t), a.enabled = r.enabled ?? !0, a.enableDamping = r.enableDamping ?? !0, a.dampingFactor = r.dampingFactor ?? .25, a.enableZoom = r.enableZoom ?? !0, a.enableRotate = r.enableRotate ?? !0, a.enablePan = r.enablePan ?? !0, a.autoRotate = r.autoRotate ?? !1, r.autoRotateSpeed !== void 0 && (a.autoRotateSpeed = r.autoRotateSpeed), r.minDistance !== void 0 && (a.minDistance = r.minDistance), r.maxDistance !== void 0 && (a.maxDistance = r.maxDistance), r.minPolarAngle !== void 0 && (a.minPolarAngle = r.minPolarAngle), r.maxPolarAngle !== void 0 && (a.maxPolarAngle = r.maxPolarAngle);
 		let o = n.camera || {}, s = o.target || o.cameraTarget;
 		return s && a.target && (a.target.set(s[0], s[1], s[2]), a.update()), a;
 	}
-}, Ca = class extends br {
+}, wa = class extends br {
 	createDefaultLoader(e = {}) {
 		return br.createLoader("model.glb", e);
 	}
-}, wa = [
+}, Ta = [
 	"toneMappingExposure",
 	"bloom",
 	"vignette",
 	"filmGrain",
 	"colorGrade"
-], Ta = ["environmentIntensity"], Ea = ["autoRotate", "autoRotateSpeed"], Da = ["enabled"];
-function Oa(e) {
+], Ea = ["environmentIntensity"], Da = ["autoRotate", "autoRotateSpeed"], Oa = ["enabled"];
+function ka(e) {
 	let t = {
 		backgroundColor: e.backgroundColor,
 		backgroundColorEdge: e.backgroundColorEdge
@@ -6515,7 +6522,7 @@ function Oa(e) {
 }
 //#endregion
 //#region src/defaultOptions.ts
-var ka = {
+var Aa = {
 	staticScene: !1,
 	backgroundColor: "#f0f0f7",
 	replaceWithScreenshotOnComplete: !1,
@@ -6548,7 +6555,8 @@ var ka = {
 	},
 	environment: {
 		backgroundIntensity: 1,
-		environmentIntensity: .5
+		environmentIntensity: .5,
+		studioLook: sa
 	},
 	lighting: {
 		ambientLight: {
@@ -6615,7 +6623,7 @@ var ka = {
 		toneMappingExposure: 1.15
 	},
 	controls: {
-		type: xa.OrbitControls,
+		type: oa.OrbitControls,
 		enabled: !0,
 		enableDamping: !0,
 		dampingFactor: .25,
@@ -6644,7 +6652,38 @@ var ka = {
 		studioEnvironment: !0,
 		darkStudioMode: !1
 	}
-}, Aa = {
+}, ja = {
+	studio_dome: {
+		helpers: {
+			grid: { type: "shadow_floor" },
+			studioEnvironment: !0
+		},
+		environment: { studioLook: "crisp" }
+	},
+	studio_soft: {
+		helpers: {
+			grid: { type: "shadow_floor" },
+			studioEnvironment: !0
+		},
+		environment: { studioLook: "soft" },
+		lighting: {
+			ambientLight: { intensity: .55 },
+			hemisphereLight: { intensity: .6 },
+			directionalLight: {
+				intensity: 1.4,
+				shadow: { radius: 26 }
+			},
+			fillLight: { intensity: 1.2 },
+			rimLight: { intensity: .7 }
+		}
+	}
+}, Ma = "studio_dome";
+function Na(e) {
+	return e ? ja[e] ?? {} : {};
+}
+//#endregion
+//#region src/presets.ts
+var Pa = {
 	studio: {
 		backgroundColor: "#f0f0f7",
 		renderer: { toneMappingExposure: 1.15 },
@@ -6672,30 +6711,31 @@ var ka = {
 		environment: { environmentIntensity: .6 }
 	}
 };
-function ja(e) {
-	return e ? Aa[e] : {};
+function Fa(e) {
+	return e ? Pa[e] ?? {} : {};
 }
-function Ma(e, t) {
-	return Ot(Ot(e, ja(t.preset)), t);
+function Ia(e, t) {
+	return Ot(Ot(Ot(e, Na(t.scene)), Fa(t.preset)), t);
 }
 //#endregion
 //#region src/presentation/hooks/useStableOptions.ts
-var Na = (e, ...t) => {
+var La = (e, ...t) => {
 	if (!e) return;
 	let n = { ...e };
 	for (let e of t) delete n[e];
 	return Object.keys(n).length > 0 ? n : void 0;
 };
-function Pa(e) {
+function Ra(e) {
 	let t = ee(() => JSON.stringify({
-		pathTracing: Na(e.pathTracing, ...Da),
+		pathTracing: La(e.pathTracing, ...Oa),
 		staticScene: e.staticScene,
-		renderer: Na(e.renderer, ...wa),
+		renderer: La(e.renderer, ...Ta),
 		camera: e.camera,
-		controls: Na(e.controls, ...Ea),
-		environment: Na(e.environment, ...Ta),
+		controls: La(e.controls, ...Da),
+		environment: La(e.environment, ...Ea),
+		scene: e.scene ?? "studio_dome",
 		lighting: e.lighting,
-		helpers: Na(e.helpers, "gizmo"),
+		helpers: La(e.helpers, "gizmo"),
 		rendering: e.rendering,
 		replaceWithScreenshotOnComplete: e.replaceWithScreenshotOnComplete,
 		loaders: e.loaders,
@@ -6709,6 +6749,7 @@ function Pa(e) {
 		e.camera,
 		e.controls,
 		e.environment,
+		e.scene,
 		e.lighting,
 		e.helpers,
 		e.rendering,
@@ -6718,8 +6759,8 @@ function Pa(e) {
 		e.floorAlignment,
 		e.selection
 	]), n = ee(() => {
-		let t = Ma(ka, e);
-		return JSON.stringify(Oa(t));
+		let t = Ia(Aa, e);
+		return JSON.stringify(ka(t));
 	}, [
 		e.preset,
 		e.backgroundColor,
@@ -6738,8 +6779,8 @@ function Pa(e) {
 }
 //#endregion
 //#region src/presentation/hooks/useViewportGate.ts
-var Fa = "200px";
-function Ia(e, t) {
+var za = "200px";
+function Ba(e, t) {
 	let [n, r] = te(!t);
 	return E(() => {
 		if (n) return;
@@ -6754,7 +6795,7 @@ function Ia(e, t) {
 		}
 		let a = new IntersectionObserver((e) => {
 			e.some((e) => e.isIntersecting) && r(!0);
-		}, { rootMargin: Fa });
+		}, { rootMargin: za });
 		return a.observe(i), () => a.disconnect();
 	}, [
 		e,
@@ -6764,19 +6805,19 @@ function Ia(e, t) {
 }
 //#endregion
 //#region src/presentation/hooks/useViewerCore.ts
-function La(e, t) {
+function Va(e, t) {
 	let n = O(null), r = O({
 		width: 0,
 		height: 0
-	}), [i, a] = te(!1), [o, s] = te(null), { options: c, structuralKey: l, runtimeKey: u } = Pa(t), d = Ia(e, (t.loading ?? "eager") === "lazy");
+	}), [i, a] = te(null), o = i !== null, [s, c] = te(null), { options: l, structuralKey: u, runtimeKey: d } = Ra(t), f = Ba(e, (t.loading ?? "eager") === "lazy");
 	return E(() => {
-		if (!d || !e.current || n.current) return;
-		s(null);
-		let t = Ma(ka, c), i;
+		if (!f || !e.current || n.current) return;
+		c(null);
+		let t = Ia(Aa, l), i;
 		try {
-			i = Sa.createViewer(e.current, t);
+			i = Ca.createViewer(e.current, t);
 		} catch (e) {
-			console.error("Failed to create viewer:", e), s(e instanceof Error ? e : Error(String(e)));
+			console.error("Failed to create viewer:", e), c(e instanceof Error ? e : Error(String(e)));
 			return;
 		}
 		n.current = i, r.current = {
@@ -6785,19 +6826,19 @@ function La(e, t) {
 		};
 		let o = !1;
 		return i.initialize().then((e) => {
-			o || (e.ok ? a(!0) : (console.error("Failed to initialize viewer:", e.error), s(e.error)));
+			o || (e.ok ? a(i) : (console.error("Failed to initialize viewer:", e.error), c(e.error)));
 		}), () => {
-			o = !0, i.dispose(), n.current = null, a(!1);
+			o = !0, i.dispose(), n.current = null, a(null);
 		};
 	}, [
 		e,
-		l,
-		d
+		u,
+		f
 	]), E(() => {
-		if (!n.current || !i) return;
-		let e = Ma(ka, c);
-		n.current.updateOptions(Oa(e));
-	}, [u, i]), E(() => {
+		if (!i) return;
+		let e = Ia(Aa, l);
+		i.updateOptions(ka(e));
+	}, [d, i]), E(() => {
 		if (!n.current || !e.current) return;
 		let t = null, i = (i) => {
 			if (e.current && n.current) {
@@ -6822,19 +6863,15 @@ function La(e, t) {
 		return typeof ResizeObserver < "u" && e.current.parentElement && (o = new ResizeObserver(i), o.observe(e.current.parentElement)), () => {
 			window.removeEventListener("resize", a), o?.disconnect(), t !== null && cancelAnimationFrame(t);
 		};
-	}, [
-		i,
-		e,
-		l
-	]), {
-		viewer: n.current,
-		isInitialized: i,
-		initError: o
+	}, [i, e]), {
+		viewer: i,
+		isInitialized: o,
+		initError: s
 	};
 }
 //#endregion
 //#region src/presentation/hooks/useViewerEvents.ts
-function Ra(e, t) {
+function Ha(e, t) {
 	let n = O(t);
 	n.current = t, E(() => {
 		if (!e) return;
@@ -6853,7 +6890,7 @@ function Ra(e, t) {
 }
 //#endregion
 //#region src/presentation/hooks/usePickedPreset.ts
-function za(e, t) {
+function Ua(e, t) {
 	let [n, r] = te(null), i = O(/* @__PURE__ */ new Set());
 	E(() => {
 		if (e !== void 0 && i.current.has(e)) {
@@ -6877,7 +6914,7 @@ function za(e, t) {
 }
 //#endregion
 //#region src/presentation/hooks/useResolvedOptions.ts
-function Ba(e, t, n, r, i) {
+function Wa(e, t, n, r, i) {
 	return ee(() => {
 		let a = e.preset !== t, o = n === !0 && e.pathTracing?.enabled === void 0, s = r !== void 0 && e.controls?.autoRotate === void 0, c = i !== void 0 && e.animations?.autoplay === void 0;
 		return !a && !o && !s && !c ? e : {
@@ -6906,7 +6943,7 @@ function Ba(e, t, n, r, i) {
 }
 //#endregion
 //#region src/presentation/hooks/useModelLoader.ts
-function Va(e, t, n) {
+function Ga(e, t, n) {
 	let r = ee(() => {
 		if (typeof n == "string") return n;
 		if (n) return `object-${n.uuid || "no-uuid"}`;
@@ -6932,7 +6969,7 @@ function Va(e, t, n) {
 }
 //#endregion
 //#region src/presentation/adapters/EventAdapter.ts
-var Ha = class {
+var Ka = class {
 	static toThreeObject(e) {
 		let t = _(e);
 		if (t) return t;
@@ -6973,24 +7010,24 @@ var Ha = class {
 };
 //#endregion
 //#region src/presentation/hooks/useForwardedEvents.ts
-function Ua(e) {
+function qa(e) {
 	let n = O(new t());
-	return Ra(e, ee(() => ({
+	return Ha(e, ee(() => ({
 		"model:loading": (e) => n.current.emit("model:loading", e),
 		"model:progress": (e) => n.current.emit("model:progress", e),
-		"model:loaded": (e) => n.current.emit("model:loaded", Ha.convertModelLoaded(e)),
+		"model:loaded": (e) => n.current.emit("model:loaded", Ka.convertModelLoaded(e)),
 		"model:error": (e) => n.current.emit("model:error", e),
 		"render:complete": (e) => n.current.emit("render:complete", e),
-		"controls:change": (e) => n.current.emit("controls:change", Ha.convertControlsChange(e)),
-		"object:selected": (e) => n.current.emit("object:selected", Ha.convertObjectSelected(e)),
+		"controls:change": (e) => n.current.emit("controls:change", Ka.convertControlsChange(e)),
+		"object:selected": (e) => n.current.emit("object:selected", Ka.convertObjectSelected(e)),
 		error: (e) => n.current.emit("error", e)
 	}), [])), n.current;
 }
 //#endregion
 //#region src/presentation/hooks/useOptionCallbacks.ts
-function Wa(e, t, n) {
+function Ja(e, t, n) {
 	let r = O(n);
-	r.current = n, Ra(e, ee(() => ({
+	r.current = n, Ha(e, ee(() => ({
 		"model:loaded": () => r.current.onLoad?.(),
 		"model:progress": (e) => r.current.onProgress?.(Math.min(1, e.loaded / e.total)),
 		"model:error": (e) => r.current.onError?.(e.error)
@@ -7007,26 +7044,26 @@ function Wa(e, t, n) {
 }
 //#endregion
 //#region src/presentation/components/ViewerContext.tsx
-var Ga = S(null);
-function Ka({ viewer: e, canvasRef: t, children: n }) {
+var Ya = S(null);
+function Xa({ viewer: e, canvasRef: t, children: n }) {
 	let r = ee(() => ({
 		viewer: e,
 		canvasRef: t
 	}), [e, t]);
-	return /* @__PURE__ */ U(Ga.Provider, {
+	return /* @__PURE__ */ U(Ya.Provider, {
 		value: r,
 		children: n
 	});
 }
-function qa() {
-	let e = T(Ga);
+function Za() {
+	let e = T(Ya);
 	if (!e) throw Error("useViewerContext must be used within ViewerProvider");
 	return e;
 }
 //#endregion
 //#region src/presentation/components/ViewerCanvas.tsx
-function Ja() {
-	let { canvasRef: e } = qa();
+function Qa() {
+	let { canvasRef: e } = Za();
 	return /* @__PURE__ */ U("canvas", {
 		ref: e,
 		style: {
@@ -7050,13 +7087,13 @@ function Ja() {
 		console.error("vite-plugin-css-injected-by-js", e);
 	}
 })();
-var Ya = (e, t, n, r, i, a) => {
+var $a = (e, t, n, r, i, a) => {
 	let o = performance.now(), s = () => {
 		let c = performance.now() - o, l = Math.min(c / i, 1);
 		e.position.lerpVectors(n, r, l), t?.update(), a(), l < 1 && requestAnimationFrame(s);
 	};
 	requestAnimationFrame(s);
-}, Xa = { type: "change" }, Za = { type: "start" }, Qa = { type: "end" }, $a = new R(), eo = new Xe(), to = Math.cos(70 * Fe.DEG2RAD), X = new H(), Z = 2 * Math.PI, Q = {
+}, eo = { type: "change" }, to = { type: "start" }, no = { type: "end" }, ro = new R(), io = new Xe(), ao = Math.cos(70 * Fe.DEG2RAD), X = new H(), Z = 2 * Math.PI, Q = {
 	NONE: -1,
 	ROTATE: 0,
 	DOLLY: 1,
@@ -7065,7 +7102,7 @@ var Ya = (e, t, n, r, i, a) => {
 	TOUCH_PAN: 4,
 	TOUCH_DOLLY_PAN: 5,
 	TOUCH_DOLLY_ROTATE: 6
-}, no = 1e-6, ro = class extends fe {
+}, oo = 1e-6, so = class extends fe {
 	constructor(e, t = null) {
 		super(e, t), this.state = Q.NONE, this.target = new H(), this.cursor = new H(), this.minDistance = 0, this.maxDistance = Infinity, this.minZoom = 0, this.maxZoom = Infinity, this.minTargetRadius = 0, this.maxTargetRadius = Infinity, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -Infinity, this.maxAzimuthAngle = Infinity, this.enableDamping = !1, this.dampingFactor = .05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = {
 			LEFT: "ArrowLeft",
@@ -7079,7 +7116,7 @@ var Ya = (e, t, n, r, i, a) => {
 		}, this.touches = {
 			ONE: B.ROTATE,
 			TWO: B.DOLLY_PAN
-		}, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new H(), this._lastQuaternion = new tt(), this._lastTargetPosition = new H(), this._quat = new tt().setFromUnitVectors(e.up, new H(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new ft(), this._sphericalDelta = new ft(), this._scale = 1, this._panOffset = new H(), this._rotateStart = new V(), this._rotateEnd = new V(), this._rotateDelta = new V(), this._panStart = new V(), this._panEnd = new V(), this._panDelta = new V(), this._dollyStart = new V(), this._dollyEnd = new V(), this._dollyDelta = new V(), this._dollyDirection = new H(), this._mouse = new V(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = ao.bind(this), this._onPointerDown = io.bind(this), this._onPointerUp = oo.bind(this), this._onContextMenu = mo.bind(this), this._onMouseWheel = lo.bind(this), this._onKeyDown = uo.bind(this), this._onTouchStart = fo.bind(this), this._onTouchMove = po.bind(this), this._onMouseDown = so.bind(this), this._onMouseMove = co.bind(this), this._interceptControlDown = ho.bind(this), this._interceptControlUp = go.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+		}, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new H(), this._lastQuaternion = new tt(), this._lastTargetPosition = new H(), this._quat = new tt().setFromUnitVectors(e.up, new H(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new ft(), this._sphericalDelta = new ft(), this._scale = 1, this._panOffset = new H(), this._rotateStart = new V(), this._rotateEnd = new V(), this._rotateDelta = new V(), this._panStart = new V(), this._panEnd = new V(), this._panDelta = new V(), this._dollyStart = new V(), this._dollyEnd = new V(), this._dollyDelta = new V(), this._dollyDirection = new H(), this._mouse = new V(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = lo.bind(this), this._onPointerDown = co.bind(this), this._onPointerUp = uo.bind(this), this._onContextMenu = vo.bind(this), this._onMouseWheel = mo.bind(this), this._onKeyDown = ho.bind(this), this._onTouchStart = go.bind(this), this._onTouchMove = _o.bind(this), this._onMouseDown = fo.bind(this), this._onMouseMove = po.bind(this), this._interceptControlDown = yo.bind(this), this._interceptControlUp = bo.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
 	}
 	connect(e) {
 		super.connect(e), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerUp), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.getRootNode().addEventListener("keydown", this._interceptControlDown, {
@@ -7112,7 +7149,7 @@ var Ya = (e, t, n, r, i, a) => {
 		this.target0.copy(this.target), this.position0.copy(this.object.position), this.zoom0 = this.object.zoom;
 	}
 	reset() {
-		this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(Xa), this.update(), this.state = Q.NONE;
+		this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(eo), this.update(), this.state = Q.NONE;
 	}
 	update(e = null) {
 		let t = this.object.position;
@@ -7140,12 +7177,12 @@ var Ya = (e, t, n, r, i, a) => {
 				let r = new H(this._mouse.x, this._mouse.y, 0);
 				r.unproject(this.object), this.object.position.sub(r).add(t), this.object.updateMatrixWorld(), e = X.length();
 			} else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), this.zoomToCursor = !1;
-			e !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(e).add(this.object.position) : ($a.origin.copy(this.object.position), $a.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot($a.direction)) < to ? this.object.lookAt(this.target) : (eo.setFromNormalAndCoplanarPoint(this.object.up, this.target), $a.intersectPlane(eo, this.target))));
+			e !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(e).add(this.object.position) : (ro.origin.copy(this.object.position), ro.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(ro.direction)) < ao ? this.object.lookAt(this.target) : (io.setFromNormalAndCoplanarPoint(this.object.up, this.target), ro.intersectPlane(io, this.target))));
 		} else if (this.object.isOrthographicCamera) {
 			let e = this.object.zoom;
 			this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), e !== this.object.zoom && (this.object.updateProjectionMatrix(), i = !0);
 		}
-		return this._scale = 1, this._performCursorZoom = !1, i || this._lastPosition.distanceToSquared(this.object.position) > no || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > no || this._lastTargetPosition.distanceToSquared(this.target) > no ? (this.dispatchEvent(Xa), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
+		return this._scale = 1, this._performCursorZoom = !1, i || this._lastPosition.distanceToSquared(this.object.position) > oo || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > oo || this._lastTargetPosition.distanceToSquared(this.target) > oo ? (this.dispatchEvent(eo), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
 	}
 	_getAutoRotationAngle(e) {
 		return e === null ? Z / 60 / 60 * this.autoRotateSpeed : Z / 60 * this.autoRotateSpeed * e;
@@ -7324,16 +7361,16 @@ var Ya = (e, t, n, r, i, a) => {
 		return e.ctrlKey && !this._controlActive && (n.deltaY *= 10), n;
 	}
 };
-function io(e) {
+function co(e) {
 	this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(e.pointerId), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(e) && (this._addPointer(e), e.pointerType === "touch" ? this._onTouchStart(e) : this._onMouseDown(e)));
 }
-function ao(e) {
+function lo(e) {
 	this.enabled !== !1 && (e.pointerType === "touch" ? this._onTouchMove(e) : this._onMouseMove(e));
 }
-function oo(e) {
+function uo(e) {
 	switch (this._removePointer(e), this._pointers.length) {
 		case 0:
-			this.domElement.releasePointerCapture(e.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Qa), this.state = Q.NONE;
+			this.domElement.releasePointerCapture(e.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(no), this.state = Q.NONE;
 			break;
 		case 1:
 			let t = this._pointers[0], n = this._pointerPositions[t];
@@ -7345,7 +7382,7 @@ function oo(e) {
 			break;
 	}
 }
-function so(e) {
+function fo(e) {
 	let t;
 	switch (e.button) {
 		case 0:
@@ -7384,9 +7421,9 @@ function so(e) {
 			break;
 		default: this.state = Q.NONE;
 	}
-	this.state !== Q.NONE && this.dispatchEvent(Za);
+	this.state !== Q.NONE && this.dispatchEvent(to);
 }
-function co(e) {
+function po(e) {
 	switch (this.state) {
 		case Q.ROTATE:
 			if (this.enableRotate === !1) return;
@@ -7402,13 +7439,13 @@ function co(e) {
 			break;
 	}
 }
-function lo(e) {
-	this.enabled === !1 || this.enableZoom === !1 || this.state !== Q.NONE || (e.preventDefault(), this.dispatchEvent(Za), this._handleMouseWheel(this._customWheelEvent(e)), this.dispatchEvent(Qa));
+function mo(e) {
+	this.enabled === !1 || this.enableZoom === !1 || this.state !== Q.NONE || (e.preventDefault(), this.dispatchEvent(to), this._handleMouseWheel(this._customWheelEvent(e)), this.dispatchEvent(no));
 }
-function uo(e) {
+function ho(e) {
 	this.enabled !== !1 && this._handleKeyDown(e);
 }
-function fo(e) {
+function go(e) {
 	switch (this._trackPointer(e), this._pointers.length) {
 		case 1:
 			switch (this.touches.ONE) {
@@ -7438,9 +7475,9 @@ function fo(e) {
 			break;
 		default: this.state = Q.NONE;
 	}
-	this.state !== Q.NONE && this.dispatchEvent(Za);
+	this.state !== Q.NONE && this.dispatchEvent(to);
 }
-function po(e) {
+function _o(e) {
 	switch (this._trackPointer(e), this.state) {
 		case Q.TOUCH_ROTATE:
 			if (this.enableRotate === !1) return;
@@ -7461,22 +7498,22 @@ function po(e) {
 		default: this.state = Q.NONE;
 	}
 }
-function mo(e) {
+function vo(e) {
 	this.enabled !== !1 && e.preventDefault();
 }
-function ho(e) {
+function yo(e) {
 	e.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, {
 		passive: !0,
 		capture: !0
 	}));
 }
-function go(e) {
+function bo(e) {
 	e.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, {
 		passive: !0,
 		capture: !0
 	}));
 }
-var _o = class extends ro {
+var xo = class extends so {
 	constructor(e, t) {
 		super(e, t), this.screenSpacePanning = !1, this.mouseButtons = {
 			LEFT: L.PAN,
@@ -7501,39 +7538,39 @@ var _o = class extends ro {
 	EDGE_COLOR: "#EFF3F2",
 	CORNER_COLOR: "#EFF3F2",
 	LINE_COLOR: 0
-}, vo = /* @__PURE__ */ ((e) => (e.FRONT = "FRONT", e.BACK = "BACK", e.RIGHT = "RIGHT", e.LEFT = "LEFT", e.TOP = "TOP", e.BOTTOM = "BOTTOM", e))(vo || {});
+}, So = /* @__PURE__ */ ((e) => (e.FRONT = "FRONT", e.BACK = "BACK", e.RIGHT = "RIGHT", e.LEFT = "LEFT", e.TOP = "TOP", e.BOTTOM = "BOTTOM", e))(So || {});
 new k.Vector3(0, 1, 0);
-var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-rotation-arrow-name", So = "gizmo-group-name", Co = [xo, bo], wo = {
+var Co = "rotation-arrows-name", wo = "left-rotation-arrow-name", To = "right-rotation-arrow-name", Eo = "gizmo-group-name", Do = [To, wo], Oo = {
 	GIZMO_DISTANCE: 8,
 	DEFAULT_UP: new k.Vector3(0, 1, 0),
 	FORWARD: new k.Vector3(0, 0, -1)
-}, To = (e) => wo.FORWARD.clone().applyQuaternion(e), Eo = (e, t, n = new k.Vector3()) => n.clone().add(e.multiplyScalar(-t)), Do = class {
-	constructor(e, t = yo) {
+}, ko = (e) => Oo.FORWARD.clone().applyQuaternion(e), Ao = (e, t, n = new k.Vector3()) => n.clone().add(e.multiplyScalar(-t)), jo = class {
+	constructor(e, t = Co) {
 		this.gizmoScene = e, this.gizmoArrowsName = t;
 	}
 	syncGizmoWithMain(e, t) {
 		e.quaternion.copy(t.quaternion), e.up.copy(t.up);
-		let n = To(e.quaternion).normalize();
-		e.position.copy(Eo(n, wo.GIZMO_DISTANCE)), e.camera.updateMatrixWorld(!0);
+		let n = ko(e.quaternion).normalize();
+		e.position.copy(Ao(n, Oo.GIZMO_DISTANCE)), e.camera.updateMatrixWorld(!0);
 		let r = this.gizmoScene.getObjectByName(this.gizmoArrowsName);
 		r && r.rotation.copy(e.camera.rotation);
 	}
 	syncMainWithGizmo(e, t, n) {
 		let r = n.target.clone(), i = e.position.distanceTo(r), a = e.camera instanceof k.PerspectiveCamera;
-		n instanceof _o && !a ? this.syncMapControls(e, t, r, i) : this.syncOrbitControls(e, t, r, i), e.camera.updateMatrix(), e.camera.updateMatrixWorld(!0), n.update();
+		n instanceof xo && !a ? this.syncMapControls(e, t, r, i) : this.syncOrbitControls(e, t, r, i), e.camera.updateMatrix(), e.camera.updateMatrixWorld(!0), n.update();
 	}
 	syncMapControls(e, t, n, r) {
-		let i = e.position.y - n.y, a = To(t.quaternion);
+		let i = e.position.y - n.y, a = ko(t.quaternion);
 		a.y = 0, a.normalize();
 		let o = n.clone();
-		o.y += i, o.add(a.multiplyScalar(-r)), e.position.copy(o), e.up.copy(wo.DEFAULT_UP), e.camera.lookAt(n);
+		o.y += i, o.add(a.multiplyScalar(-r)), e.position.copy(o), e.up.copy(Oo.DEFAULT_UP), e.camera.lookAt(n);
 	}
 	syncOrbitControls(e, t, n, r) {
-		let i = To(t.quaternion), a = wo.DEFAULT_UP.clone().applyQuaternion(t.quaternion), o = Eo(i, r, n);
+		let i = ko(t.quaternion), a = Oo.DEFAULT_UP.clone().applyQuaternion(t.quaternion), o = Ao(i, r, n);
 		e.position.copy(o), e.up.copy(a), e.camera.lookAt(n);
 	}
-}, Oo = (e) => new Do(e), ko = (e, t, n) => {
-	Oo(n).syncGizmoWithMain({
+}, Mo = (e) => new jo(e), No = (e, t, n) => {
+	Mo(n).syncGizmoWithMain({
 		camera: e,
 		position: e.position,
 		quaternion: e.quaternion,
@@ -7544,8 +7581,8 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 		quaternion: t.quaternion,
 		up: t.up
 	});
-}, Ao = (e, t, n) => {
-	Oo(t.userData.scene).syncMainWithGizmo({
+}, Po = (e, t, n) => {
+	Mo(t.userData.scene).syncMainWithGizmo({
 		camera: e,
 		position: e.position,
 		quaternion: e.quaternion,
@@ -7556,17 +7593,17 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 		quaternion: t.quaternion,
 		up: t.up
 	}, n);
-}, jo = () => {
+}, Fo = () => {
 	try {
 		let e = document.createElement("canvas");
 		return !!(window.WebGLRenderingContext && (e.getContext("webgl") || e.getContext("experimental-webgl")));
 	} catch {
 		return !1;
 	}
-}, Mo = () => jo() ? new k.WebGLRenderer({
+}, Io = () => Fo() ? new k.WebGLRenderer({
 	alpha: !0,
 	antialias: !1
-}) : (console.error("WebGL is not supported in this environment."), null), No = (e) => {
+}) : (console.error("WebGL is not supported in this environment."), null), Lo = (e) => {
 	let t = new k.AmbientLight(16777215, 1);
 	e.add(t);
 	let n = new k.DirectionalLight(16777215, 1);
@@ -7575,14 +7612,14 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 	r.position.set(-5, -10, 5), e.add(r);
 	let i = new k.PointLight(16777215, 1, 100);
 	i.position.set(0, 0, 5), e.add(i), n.castShadow = !1, r.castShadow = !1, i.castShadow = !1;
-}, Po = class {
+}, Ro = class {
 	static createTextTexture(e) {
 		let t = document.createElement("canvas"), n = t.getContext("2d");
 		t.width = $.CANVAS_SIZE, t.height = $.CANVAS_SIZE, n && (n.clearRect(0, 0, t.width, t.height), n.font = `${$.FONT_SIZE} Arial`, n.fillStyle = $.TEXT_COLOR, n.textAlign = $.TEXT_ALIGN, n.textBaseline = $.TEXT_BASELINE, n.fillText(e, t.width / 2, t.height / 2));
 		let r = new k.CanvasTexture(t);
 		return r.needsUpdate = !0, r;
 	}
-}, Fo = class {
+}, zo = class {
 	static createWireframe([e, t, n]) {
 		let r = new k.BoxGeometry(e, t, n), i = new k.EdgesGeometry(r), a = new k.LineBasicMaterial({ color: $.LINE_COLOR }), o = new k.LineSegments(i, a);
 		return o.name = "Wireframe", o;
@@ -7605,20 +7642,20 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 		let r = new k.Group(), i = new k.BoxGeometry($.CUBE_SIZE - $.EDGE_SECTION_SIZE, $.CUBE_SIZE - $.EDGE_SECTION_SIZE, $.FACE_THICKNESS), a = new k.MeshStandardMaterial({ color: $.FACE_COLOR }), o = new k.Mesh(i, a);
 		o.name = `Face Box ${n}`, r.add(o);
 		let s = new k.PlaneGeometry($.CUBE_SIZE - $.EDGE_SECTION_SIZE, $.CUBE_SIZE - $.EDGE_SECTION_SIZE), c = new k.MeshStandardMaterial({
-			map: Po.createTextTexture(n),
+			map: Ro.createTextTexture(n),
 			transparent: !0,
 			depthWrite: !1
 		}), l = new k.Mesh(s, c);
 		return l.position.set(0, 0, $.FACE_THICKNESS / 2 + .01), r.add(l), r.position.copy(e), r.rotation.copy(t), r;
 	}
-}, Io = (e, t) => {
+}, Bo = (e, t) => {
 	let n = document.createElement("canvas");
 	n.width = 64, n.height = 64;
 	let r = n.getContext("2d");
 	r.fillStyle = "rgba(0, 0, 0, 0)", r.fillRect(0, 0, n.width, n.height), r.font = "Bold 48px Arial", r.fillStyle = `#${t.toString(16).padStart(6, "0")}`, r.textAlign = "center", r.textBaseline = "middle", r.fillText(e, n.width / 2, n.height / 2);
 	let i = new k.CanvasTexture(n), a = new k.SpriteMaterial({ map: i }), o = new k.Sprite(a);
 	return o.scale.set(.5, .5, .5), o;
-}, Lo = class {
+}, Vo = class {
 	constructor(e) {
 		this.hoveredObject = null, this.originalColor = null, this.config = e;
 	}
@@ -7627,17 +7664,17 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 	}
 	getInitialRotation() {
 		switch (this.config.initialFace) {
-			case vo.BACK: return new k.Euler(0, Math.PI, 0);
-			case vo.RIGHT: return new k.Euler(0, -Math.PI / 2, 0);
-			case vo.LEFT: return new k.Euler(0, Math.PI / 2, 0);
-			case vo.TOP: return new k.Euler(Math.PI / 2, 0, 0);
-			case vo.BOTTOM: return new k.Euler(-Math.PI / 2, 0, 0);
-			case vo.FRONT:
+			case So.BACK: return new k.Euler(0, Math.PI, 0);
+			case So.RIGHT: return new k.Euler(0, -Math.PI / 2, 0);
+			case So.LEFT: return new k.Euler(0, Math.PI / 2, 0);
+			case So.TOP: return new k.Euler(Math.PI / 2, 0, 0);
+			case So.BOTTOM: return new k.Euler(-Math.PI / 2, 0, 0);
+			case So.FRONT:
 			default: return new k.Euler(0, 0, 0);
 		}
 	}
 	createWireframe() {
-		let e = $.CUBE_SIZE + $.EDGE_SECTION_SIZE, t = Fo.createWireframe([
+		let e = $.CUBE_SIZE + $.EDGE_SECTION_SIZE, t = zo.createWireframe([
 			e,
 			e,
 			e
@@ -7645,15 +7682,15 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 		return t.userData.gizmoCube = this, t;
 	}
 	createEdgeBox(e, t, n) {
-		let r = Fo.createEdgeBox(e, t, n);
+		let r = zo.createEdgeBox(e, t, n);
 		return r.userData.gizmoCube = this, r;
 	}
 	createCornerCube(e, t) {
-		let n = Fo.createCornerCube(e, t);
+		let n = zo.createCornerCube(e, t);
 		return n.userData.gizmoCube = this, n;
 	}
 	createFace(e, t, n) {
-		let r = Fo.createFace(e, t, n), i = r.getObjectByName(`Face Box ${n}`);
+		let r = zo.createFace(e, t, n), i = r.getObjectByName(`Face Box ${n}`);
 		return i.userData.gizmoCube = this, r;
 	}
 	createEdges(e) {
@@ -7773,7 +7810,7 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 			d.setRotationFromAxisAngle(e, t);
 		}
 		s.add(d);
-		let f = Io(o, t);
+		let f = Bo(o, t);
 		return f.position.copy(i).add(n.clone().multiplyScalar(r + .1)), s.add(f), s;
 	}
 	createCoordinateAxes() {
@@ -7813,7 +7850,7 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 	}
 	create() {
 		let e = new k.Group();
-		e.name = So;
+		e.name = Eo;
 		let t = this.createWireframe();
 		e.add(t), this.createEdges(e), this.createCorners(e), this.createFaces(e);
 		let n = this.createCoordinateAxes();
@@ -7835,11 +7872,11 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 			this.hoveredObject.userData.vectorToCube = n;
 		}
 	}
-}, Ro = class {
+}, Ho = class {
 	constructor(e) {
 		this.onChangeMainControlsListener = () => {}, this.onChangeGizmoControlsListener = () => {}, this.animationId = 0;
 		let { gizmoParams: t, mainParams: n, syncFunctions: r, options: i } = e;
-		this.gizmoDiv = t.gizmoDiv, this.gizmoScene = t.gizmoScene, this.gizmoRenderer = t.gizmoRenderer, this.gizmoCamera = t.gizmoCamera, this.mainCamera = n.mainCamera, this.mainControls = n.mainControls, this.renderGizmo = n.renderGizmo, this.syncFunctions = r, this.options = i, this.gizmoControls = new ro(this.gizmoCamera, this.gizmoRenderer.domElement), this.initializeRenderer(), this.initializeScene(), this.initializeControls(), this.startAnimationLoop();
+		this.gizmoDiv = t.gizmoDiv, this.gizmoScene = t.gizmoScene, this.gizmoRenderer = t.gizmoRenderer, this.gizmoCamera = t.gizmoCamera, this.mainCamera = n.mainCamera, this.mainControls = n.mainControls, this.renderGizmo = n.renderGizmo, this.syncFunctions = r, this.options = i, this.gizmoControls = new so(this.gizmoCamera, this.gizmoRenderer.domElement), this.initializeRenderer(), this.initializeScene(), this.initializeControls(), this.startAnimationLoop();
 	}
 	initializeRenderer() {
 		var e;
@@ -7848,12 +7885,12 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 		this.gizmoCamera.aspect = t, this.gizmoCamera.updateProjectionMatrix(), (e = this.options) != null && e.up && this.gizmoCamera.up.copy(this.options.up), this.gizmoDiv.appendChild(this.gizmoRenderer.domElement);
 	}
 	initializeScene() {
-		let e = new Lo({ initialFace: this.options?.initialFace ?? vo.FRONT }).create();
-		this.gizmoScene.add(e), No(this.gizmoScene);
+		let e = new Vo({ initialFace: this.options?.initialFace ?? So.FRONT }).create();
+		this.gizmoScene.add(e), Lo(this.gizmoScene);
 	}
 	initializeControls() {
 		this.onChangeMainControlsListener = () => this.syncFunctions.syncGizmoCameraWithMain(this.gizmoCamera, this.mainCamera, this.gizmoScene), this.mainControls.addEventListener("change", this.onChangeMainControlsListener), this.gizmoControls.enableZoom = !1, this.gizmoControls.enablePan = !1, this.gizmoControls.rotateSpeed = .5, this.gizmoControls.update(), this.onChangeGizmoControlsListener = () => {
-			this.gizmoScene.getObjectByName(yo)?.rotation.copy(this.gizmoCamera.rotation), this.syncFunctions.syncMainCameraWithGizmo(this.mainCamera, this.gizmoCamera, this.mainControls), this.renderGizmo();
+			this.gizmoScene.getObjectByName(Co)?.rotation.copy(this.gizmoCamera.rotation), this.syncFunctions.syncMainCameraWithGizmo(this.mainCamera, this.gizmoCamera, this.mainControls), this.renderGizmo();
 		}, this.gizmoControls.addEventListener("change", this.onChangeGizmoControlsListener);
 	}
 	startAnimationLoop() {
@@ -7867,25 +7904,25 @@ var yo = "rotation-arrows-name", bo = "left-rotation-arrow-name", xo = "right-ro
 	dispose() {
 		this.mainControls.removeEventListener("change", this.onChangeMainControlsListener), this.gizmoControls.removeEventListener("change", this.onChangeGizmoControlsListener), this.gizmoScene.clear(), cancelAnimationFrame(this.animationId);
 	}
-}, zo = (e, t) => {
+}, Uo = (e, t) => {
 	let n;
 	return function(...r) {
 		n || (e.apply(this, r), n = !0, setTimeout(() => n = !1, t));
 	};
 };
-function Bo(e, t, n) {
+function Wo(e, t, n) {
 	if (!t) return;
 	let r = t.domElement.getBoundingClientRect();
 	n.x = (e.clientX - r.left) / r.width * 2 - 1, n.y = -((e.clientY - r.top) / r.height) * 2 + 1;
 }
-var Vo = (e, t, n, r) => (r.setFromCamera(e, t), r.intersectObjects(n.children, !0)), Ho = (e) => {
+var Go = (e, t, n, r) => (r.setFromCamera(e, t), r.intersectObjects(n.children, !0)), Ko = (e) => {
 	let t = ["Wireframe", ""];
 	return e.find((e) => !t.includes(e.object.name))?.object || null;
 };
-function Uo(e, t, n, r) {
-	return !t || !n ? null : Ho(Vo(e, t, n, r));
+function qo(e, t, n, r) {
+	return !t || !n ? null : Ko(Go(e, t, n, r));
 }
-function Wo(e, t) {
+function Jo(e, t) {
 	let n = e?.userData.gizmoCube;
 	if (e && n) {
 		n.handleClick();
@@ -7893,28 +7930,28 @@ function Wo(e, t) {
 		e && t(e);
 	}
 }
-var Go = {
+var Yo = {
 	radius: 2.1,
 	color: 12369854,
 	tubeRadius: .1,
 	tubeSegments: 8,
 	numPoints: 64,
 	tubeOffset: 1.5
-}, Ko = {
+}, Xo = {
 	size: .2,
 	depth: .1,
 	heightRatio: 1.4,
 	segments: 1
-}, qo = class {
+}, Zo = class {
 	constructor(e = {}) {
 		this.config = {
-			...Go,
+			...Yo,
 			...e
 		}, this.material = new k.MeshBasicMaterial({ color: this.config.color });
 	}
 	create() {
 		let e = new k.Group(), t = this.createQuarterCircleCurves();
-		return e.add(...this.createTubes(t), ...this.createArrowHeads(t)), e.name = yo, e;
+		return e.add(...this.createTubes(t), ...this.createArrowHeads(t)), e.name = Co, e;
 	}
 	createQuarterCircleCurves() {
 		let e = this.generateQuarterCirclePoints(), t = Math.floor(e.length / 2);
@@ -7932,10 +7969,10 @@ var Go = {
 			let n = new k.TubeGeometry(e, this.config.numPoints, this.config.tubeRadius, this.config.tubeSegments, !1), r = new k.Mesh(n, this.material);
 			return r.name = t, r;
 		};
-		return [n(e, bo), n(t, xo)];
+		return [n(e, wo), n(t, To)];
 	}
 	createArrowHeads([e, t]) {
-		let { size: n, depth: r, heightRatio: i, segments: a } = Ko, o = this.createArrowShape(n, i), s = new k.ExtrudeGeometry(o, {
+		let { size: n, depth: r, heightRatio: i, segments: a } = Xo, o = this.createArrowShape(n, i), s = new k.ExtrudeGeometry(o, {
 			steps: a,
 			depth: r,
 			bevelEnabled: !1
@@ -7943,7 +7980,7 @@ var Go = {
 			let r = new k.Mesh(s, this.material);
 			return r.position.copy(e), r.rotation.z = t, r.name = n, r;
 		};
-		return [c(e.getPoint(0), this.calculateArrowRotation(e.getTangent(0)) + Math.PI / 2, bo), c(t.getPoint(1), this.calculateArrowRotation(t.getTangent(1)) - Math.PI / 2, xo)];
+		return [c(e.getPoint(0), this.calculateArrowRotation(e.getTangent(0)) + Math.PI / 2, wo), c(t.getPoint(1), this.calculateArrowRotation(t.getTangent(1)) - Math.PI / 2, To)];
 	}
 	createArrowShape(e, t) {
 		return new k.Shape().moveTo(0, 0).lineTo(e, -e * t).lineTo(-e, -e * t).lineTo(0, 0);
@@ -7951,31 +7988,31 @@ var Go = {
 	calculateArrowRotation(e) {
 		return Math.atan2(e.y, e.x);
 	}
-}, Jo = (e) => {
+}, Qo = (e) => {
 	let t = e.rotation, n = .01, r = Math.PI, i = (Math.abs(t.x) % (2 * r) + 2 * r) % (2 * r), a = (Math.abs(t.y) % (2 * r) + 2 * r) % (2 * r), o = Math.abs(i - r / 2) < n || Math.abs(i - 3 * r / 2) < n || Math.abs(a - r / 2) < n || Math.abs(a - 3 * r / 2) < n, s = (Math.abs(i) < n || Math.abs(i - r) < n) && (Math.abs(a) < n || Math.abs(a - r) < n);
 	return !(o || s);
-}, Yo = 25, Xo = 200;
-function Zo({ gizmoRenderer: e, gizmoScene: t, gizmoCamera: n, alignCameraWithVector: r, gizmoControlRef: i }) {
+}, $o = 25, es = 200;
+function ts({ gizmoRenderer: e, gizmoScene: t, gizmoCamera: n, alignCameraWithVector: r, gizmoControlRef: i }) {
 	let a = O(null), o = O(null), s = O(new k.Raycaster()).current, c = O(new k.Vector2()).current, l = w(() => {
-		let e = t.getObjectByName(yo), r = Jo(n);
+		let e = t.getObjectByName(Co), r = Qo(n);
 		if (e && r) {
 			t.remove(e);
 			return;
 		}
 		if (e || r) return;
-		let i = new qo().create();
+		let i = new Zo().create();
 		i.rotation.copy(n.rotation), t.add(i);
 	}, [t, n]), u = w(() => {
-		let e = t.getObjectByName(yo);
+		let e = t.getObjectByName(Co);
 		e && t.remove(e);
-	}, [t]), d = w(zo((r) => {
+	}, [t]), d = w(Uo((r) => {
 		if (!i.current || !e) return;
-		Bo(r, e, c);
-		let a = Vo(c, n, t, s), o = Ho(a);
+		Wo(r, e, c);
+		let a = Go(c, n, t, s), o = Ko(a);
 		o != null && o.userData.gizmoCube ? o.userData.gizmoCube.highlightObject(o) : t.traverse((e) => {
 			e.userData.gizmoCube && e.userData.gizmoCube.highlightObject(null);
 		}), a.length > 0 ? l() : u();
-	}, 1e3 / Yo), [
+	}, 1e3 / $o), [
 		i,
 		e,
 		n,
@@ -7991,17 +8028,17 @@ function Zo({ gizmoRenderer: e, gizmoScene: t, gizmoCamera: n, alignCameraWithVe
 		};
 	}, []), p = w((e) => {
 		var t;
-		let r = e.name === xo ? 1 : -1, a = 90 * Math.PI / 180, o = new k.Vector3(0, 0, 0), s = r * a, c = new k.Matrix4();
+		let r = e.name === To ? 1 : -1, a = 90 * Math.PI / 180, o = new k.Vector3(0, 0, 0), s = r * a, c = new k.Matrix4();
 		c.makeRotationZ(s), n.up.applyMatrix4(c), n.lookAt(o), (t = i.current) == null || t.gizmoControls.update();
 	}, [n, i]);
 	return {
 		onMouseDown: f,
 		onMouseMove: d,
 		onMouseUp: w((i) => {
-			if ((a.current ? Date.now() - a.current : 0) < Xo) {
-				Bo(i, e, c);
-				let a = Uo(c, n, t, s);
-				a != null && a.name && Co.includes(a.name) ? p(a) : Wo(a, r);
+			if ((a.current ? Date.now() - a.current : 0) < es) {
+				Wo(i, e, c);
+				let a = qo(c, n, t, s);
+				a != null && a.name && Do.includes(a.name) ? p(a) : Jo(a, r);
 			}
 			a.current = null, o.current = null;
 		}, [
@@ -8016,15 +8053,15 @@ function Zo({ gizmoRenderer: e, gizmoScene: t, gizmoCamera: n, alignCameraWithVe
 		onMouseLeave: u
 	};
 }
-var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
-	let a = O(null), o = O(new k.Scene()).current, [s] = te(() => Mo()), c = O(new k.PerspectiveCamera(30, 1, .1, 10)).current, l = O(null), u = w(() => {
+var ns = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
+	let a = O(null), o = O(new k.Scene()).current, [s] = te(() => Io()), c = O(new k.PerspectiveCamera(30, 1, .1, 10)).current, l = O(null), u = w(() => {
 		s && (r(), s.render(o, c));
 	}, [
 		r,
 		s,
 		o,
 		c
-	]), { onMouseDown: d, onMouseMove: f, onMouseUp: p, onMouseLeave: m } = Zo({
+	]), { onMouseDown: d, onMouseMove: f, onMouseUp: p, onMouseLeave: m } = ts({
 		gizmoRenderer: s,
 		gizmoScene: o,
 		gizmoCamera: c,
@@ -8033,7 +8070,7 @@ var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
 			let r = e.position.length(), i = n.clone().multiplyScalar(r), a = new k.Matrix4();
 			a.lookAt(i, new k.Vector3(0, 0, 0), new k.Vector3(0, 1, 0));
 			let o = new k.Quaternion();
-			o.setFromRotationMatrix(a), e.quaternion.copy(o), Ya(e, t, e.position.clone(), i, 400, u), e.up.set(0, 1, 0), e.lookAt(new k.Vector3(0, 0, 0)), t.target.set(0, 0, 0), t.update();
+			o.setFromRotationMatrix(a), e.quaternion.copy(o), $a(e, t, e.position.clone(), i, 400, u), e.up.set(0, 1, 0), e.lookAt(new k.Vector3(0, 0, 0)), t.target.set(0, 0, 0), t.update();
 		}, [
 			e,
 			t,
@@ -8044,7 +8081,7 @@ var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
 	});
 	return E(() => {
 		let n = a.current;
-		if (!(!n || !e || !t || !s)) return l.current && l.current.dispose(), l.current = new Ro({
+		if (!(!n || !e || !t || !s)) return l.current && l.current.dispose(), l.current = new Ho({
 			gizmoParams: {
 				gizmoDiv: n,
 				gizmoScene: o,
@@ -8057,8 +8094,8 @@ var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
 				renderGizmo: u
 			},
 			syncFunctions: {
-				syncGizmoCameraWithMain: ko,
-				syncMainCameraWithGizmo: Ao
+				syncGizmoCameraWithMain: No,
+				syncMainCameraWithGizmo: Po
 			},
 			options: i
 		}), n.addEventListener("mousedown", d), n.addEventListener("mousemove", f), n.addEventListener("mouseup", p), n.addEventListener("mouseleave", m), () => {
@@ -8072,17 +8109,17 @@ var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
 		d,
 		p
 	]), E(() => {
-		e && (ko(c, e, o), u());
+		e && (No(c, e, o), u());
 	}, [e, u]), /* @__PURE__ */ U("div", {
 		className: n ? `${n}` : "gizmo-default",
 		ref: a
 	});
-}, $o = 10, es = (e) => ({
-	top: e.startsWith("top") ? $o : "auto",
-	bottom: e.startsWith("bottom") ? $o : "auto",
-	left: e.endsWith("left") ? $o : "auto",
-	right: e.endsWith("right") ? $o : "auto"
-}), ts = ({ camera: e, controls: t, render: n, placement: r = "top-right", size: i = 128 }) => {
+}, rs = 10, is = (e) => ({
+	top: e.startsWith("top") ? rs : "auto",
+	bottom: e.startsWith("bottom") ? rs : "auto",
+	left: e.endsWith("left") ? rs : "auto",
+	right: e.endsWith("right") ? rs : "auto"
+}), as = ({ camera: e, controls: t, render: n, placement: r = "top-right", size: i = 128 }) => {
 	if (!e || !t) return null;
 	let a = t;
 	return /* @__PURE__ */ U("div", {
@@ -8092,15 +8129,15 @@ var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
 			width: i,
 			height: i,
 			zIndex: 10,
-			...es(r)
+			...is(r)
 		},
-		children: /* @__PURE__ */ U(Qo, {
+		children: /* @__PURE__ */ U(ns, {
 			camera: e,
 			controls: a,
 			render: n
 		})
 	});
-}, ns = class extends x {
+}, os = class extends x {
 	constructor(e) {
 		super(e), this.reset = () => {
 			this.setState({
@@ -8146,13 +8183,13 @@ var Qo = ({ camera: e, controls: t, className: n, render: r, options: i }) => {
 			] })
 		}) : this.props.children;
 	}
-}, rs = "(prefers-reduced-motion: reduce)", is = () => typeof window < "u" && typeof window.matchMedia == "function", as = (e) => {
-	if (!is()) return () => {};
-	let t = window.matchMedia(rs);
+}, ss = "(prefers-reduced-motion: reduce)", cs = () => typeof window < "u" && typeof window.matchMedia == "function", ls = (e) => {
+	if (!cs()) return () => {};
+	let t = window.matchMedia(ss);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
-}, os = () => is() && window.matchMedia(rs).matches;
-function ss({ status: e, label: t, color: n, backdrop: r }) {
-	let i = ne(as, os, () => !1);
+}, us = () => cs() && window.matchMedia(ss).matches;
+function ds({ status: e, label: t, color: n, backdrop: r }) {
+	let i = ne(ls, us, () => !1);
 	return /* @__PURE__ */ bt("div", {
 		"data-testid": "viewer-loading-overlay",
 		role: "status",
@@ -8239,14 +8276,14 @@ function ss({ status: e, label: t, color: n, backdrop: r }) {
 }
 //#endregion
 //#region src/presentation/components/theme.ts
-var cs = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", ls = {
+var fs = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", ps = {
 	background: "rgba(255,255,255,0.78)",
 	backdropFilter: "blur(16px)",
 	WebkitBackdropFilter: "blur(16px)",
 	border: "1px solid rgba(0,0,0,0.06)",
 	boxShadow: "0 8px 30px rgba(0,0,0,0.10)"
-}, us = Object.keys(Aa);
-function ds({ active: e, onSelect: t }) {
+}, ms = Object.keys(Pa);
+function hs({ active: e, onSelect: t }) {
 	return /* @__PURE__ */ U("div", {
 		"data-testid": "viewer-preset-picker",
 		role: "group",
@@ -8263,9 +8300,9 @@ function ds({ active: e, onSelect: t }) {
 			borderRadius: 999,
 			maxWidth: "calc(100% - 16px)",
 			overflowX: "auto",
-			...ls
+			...ps
 		},
-		children: us.map((n) => /* @__PURE__ */ U("button", {
+		children: ms.map((n) => /* @__PURE__ */ U("button", {
 			type: "button",
 			"aria-pressed": n === e,
 			onClick: () => t(n),
@@ -8275,7 +8312,7 @@ function ds({ active: e, onSelect: t }) {
 				border: n === e ? "1px solid #111318" : "1px solid transparent",
 				background: n === e ? "#111318" : "transparent",
 				color: n === e ? "#fff" : "#3f3f4a",
-				fontFamily: cs,
+				fontFamily: fs,
 				fontSize: 13,
 				fontWeight: 500,
 				lineHeight: 1,
@@ -8291,32 +8328,32 @@ function ds({ active: e, onSelect: t }) {
 }
 //#endregion
 //#region src/presentation/components/loadingIndicatorConfig.ts
-var fs = {
+var gs = {
 	enabled: !0,
 	label: "Loading…",
 	color: "#ffffff",
 	backdrop: "rgba(15,16,20,0.6)"
 };
-function ps(e) {
-	return e === void 0 || e === !0 ? fs : e === !1 ? {
-		...fs,
+function _s(e) {
+	return e === void 0 || e === !0 ? gs : e === !1 ? {
+		...gs,
 		enabled: !1
 	} : {
 		enabled: e.enabled ?? !0,
-		label: e.label ?? fs.label,
+		label: e.label ?? gs.label,
 		errorLabel: e.errorLabel,
-		color: e.color ?? fs.color,
-		backdrop: e.backdrop ?? fs.backdrop
+		color: e.color ?? gs.color,
+		backdrop: e.backdrop ?? gs.backdrop
 	};
 }
 //#endregion
 //#region src/presentation/components/SimpleViewer.tsx
-var ms = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), hs = C(({ object: e, options: t = {}, preset: n, pathTraced: r, turntable: i, animations: o, children: s }, c) => {
-	let l = O(null), { activePreset: d, pickerEnabled: f, selectPreset: p } = za(t.preset ?? n, t.ui), { viewer: h, isInitialized: g, initError: _ } = La(l, Ba(t, d, r, i, o)), v = Va(h, g, e), b = Ua(h);
-	Wa(h, _, t);
+var vs = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), ys = C(({ object: e, options: t = {}, preset: n, pathTraced: r, turntable: i, animations: o, children: s }, c) => {
+	let l = O(null), { activePreset: d, pickerEnabled: f, selectPreset: p } = Ua(t.preset ?? n, t.ui), { viewer: h, isInitialized: g, initError: _ } = Va(l, Wa(t, d, r, i, o)), v = Ga(h, g, e), b = qa(h);
+	Ja(h, _, t);
 	let x = h ? y(h.getCamera()) : null, S = h ? m(h.getControls()) : null, C = h ? u(h.getRenderer()) : null, T = w(() => {
 		h?.requestRender();
-	}, [h]), E = t.helpers?.gizmo !== void 0 && t.helpers.gizmo !== !1, te = typeof t.helpers?.gizmo == "object" ? t.helpers.gizmo : {}, ne = ee(() => ps(t.loadingIndicator), [t.loadingIndicator]), k = v.status === "error" || !!_, re = ne.enabled && (v.status === "loading" || k);
+	}, [h]), E = t.helpers?.gizmo !== void 0 && t.helpers.gizmo !== !1, te = typeof t.helpers?.gizmo == "object" ? t.helpers.gizmo : {}, ne = ee(() => _s(t.loadingIndicator), [t.loadingIndicator]), k = v.status === "error" || !!_, re = ne.enabled && (v.status === "loading" || k);
 	return D(c, () => ({
 		scene: h ? a(h.getScene()) : null,
 		camera: x,
@@ -8324,25 +8361,25 @@ var ms = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), hs = C
 		controls: S,
 		events: b,
 		loadModel: async (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = typeof e == "string" ? e : new Kt(e), n = await h.loadModel(t);
 			if (!n.ok) throw n.error;
 		},
 		captureStill: async (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = await h.captureStill(e);
 			if (!t.ok) throw t.error;
 			return t.value;
 		},
 		captureVideo: async (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = await h.captureVideo(e);
 			if (!t.ok) throw t.error;
 			return t.value;
 		},
 		getAnimationNames: () => h?.getAnimationNames() ?? [],
 		playAnimations: (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = h.playAnimations(e);
 			if (!t.ok) throw t.error;
 		},
@@ -8350,22 +8387,22 @@ var ms = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), hs = C
 			h?.pauseAnimations();
 		},
 		setEnvironmentMap: async (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = await h.setEnvironmentMap(e);
 			if (!t.ok) throw t.error;
 		},
 		resetEnvironment: () => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let e = h.resetEnvironment();
 			if (!e.ok) throw e.error;
 		},
 		setBackgroundImage: async (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = await h.setBackgroundImage(e);
 			if (!t.ok) throw t.error;
 		},
 		setBackgroundColor: (e) => {
-			if (!h) throw ms();
+			if (!h) throw vs();
 			let t = h.setBackgroundColor(e);
 			if (!t.ok) throw t.error;
 		},
@@ -8378,7 +8415,7 @@ var ms = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), hs = C
 		C,
 		S,
 		b
-	]), /* @__PURE__ */ U(ns, { children: /* @__PURE__ */ U(Ka, {
+	]), /* @__PURE__ */ U(os, { children: /* @__PURE__ */ U(Xa, {
 		viewer: h,
 		canvasRef: l,
 		children: /* @__PURE__ */ bt("div", {
@@ -8388,21 +8425,21 @@ var ms = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), hs = C
 				height: "100%"
 			},
 			children: [
-				/* @__PURE__ */ U(Ja, {}),
-				E && g && x && S && /* @__PURE__ */ U(ts, {
+				/* @__PURE__ */ U(Qa, {}),
+				E && g && x && S && /* @__PURE__ */ U(as, {
 					camera: x,
 					controls: S,
 					render: T,
 					placement: te.placement,
 					size: te.size
 				}),
-				re && /* @__PURE__ */ U(ss, {
+				re && /* @__PURE__ */ U(ds, {
 					status: k ? "error" : "loading",
 					label: k ? ne.errorLabel ?? _?.message ?? v.error ?? "Failed to load model" : ne.label,
 					color: ne.color,
 					backdrop: ne.backdrop
 				}),
-				f && /* @__PURE__ */ U(ds, {
+				f && /* @__PURE__ */ U(hs, {
 					active: d ?? "studio",
 					onSelect: p
 				}),
@@ -8411,17 +8448,17 @@ var ms = () => new e("Viewer is not ready yet", d.COMPONENT_NOT_MOUNTED), hs = C
 		})
 	}) });
 });
-hs.displayName = "SimpleViewer";
+ys.displayName = "SimpleViewer";
 //#endregion
 //#region src/SimpleViewerWrapper.tsx
-var gs = C((e, t) => /* @__PURE__ */ U(hs, {
+var bs = C((e, t) => /* @__PURE__ */ U(ys, {
 	ref: t,
 	...e
 }));
-gs.displayName = "SimpleViewer";
+bs.displayName = "SimpleViewer";
 //#endregion
 //#region src/presentation/components/Hotspot.tsx
-var _s = () => /* @__PURE__ */ U("span", {
+var xs = () => /* @__PURE__ */ U("span", {
 	"aria-hidden": "true",
 	style: {
 		display: "block",
@@ -8433,8 +8470,8 @@ var _s = () => /* @__PURE__ */ U("span", {
 		boxShadow: "0 2px 8px rgba(0,0,0,0.35)"
 	}
 });
-function vs({ position: e, occlude: t = !1, children: n }) {
-	let { viewer: r } = qa(), i = O(null), [a, o, s] = e;
+function Ss({ position: e, occlude: t = !1, children: n }) {
+	let { viewer: r } = Za(), i = O(null), [a, o, s] = e;
 	E(() => {
 		if (!r) return;
 		let e = i.current;
@@ -8486,8 +8523,8 @@ function vs({ position: e, occlude: t = !1, children: n }) {
 			zIndex: 5,
 			pointerEvents: c ? "auto" : "none"
 		},
-		children: c ? n : /* @__PURE__ */ U(_s, {})
+		children: c ? n : /* @__PURE__ */ U(xs, {})
 	});
 }
 //#endregion
-export { xa as ControlType, d as ErrorCode, vs as Hotspot, gs as SimpleViewer, e as ThreeViewerError, t as TypedEventEmitter, Aa as VIEWER_PRESETS, ka as defaultOptions, ja as resolvePreset };
+export { oa as ControlType, Ma as DEFAULT_SCENE, sa as DEFAULT_STUDIO_LOOK, d as ErrorCode, Ss as Hotspot, bs as SimpleViewer, e as ThreeViewerError, t as TypedEventEmitter, Pa as VIEWER_PRESETS, ja as VIEWER_SCENES, Aa as defaultOptions, Fa as resolvePreset, Na as resolveScene };