@relu-interactives/spatial-ecs 0.2.25 → 0.3.1

package/dist/{chunk-RJ4J5UEX.js → chunk-PCOZLCXS.js}

@@ -1,7 +1,7 @@
-import { createTransform, applyTransform, resolveDracoDecoderPath, loadSharedGltf, cloneModelScene } from './chunk-XFD74BQL.js';
-import { AnimationComponent, AudioComponent, Object3DRef, CameraComponent, MeshGeometryComponent, PhysicsComponent, Environment, EntityType, ImageComponent, ImageTargetAnchor, ImageTarget, LightComponent, MaterialComponent, MeshComponent, ModelComponent, Name, ParentId, Postprocessing, ScriptComponent, ScriptObjectComponent, Selectable, SelectionTransformState, SpriteComponent, TransformComponent, InstancedMeshComponent, InstanceSlotComponent, VideoComponent, DEFAULT_INSTANCE_TRANSFORM } from './chunk-J6736FFO.js';
+import { createTransform, applyTransform, resolveDracoDecoderPath, loadSharedGltf, cloneModelScene } from './chunk-67WGASUJ.js';
+import { AnimationComponent, AudioComponent, Object3DRef, CameraComponent, MeshGeometryComponent, PhysicsComponent, Environment, EntityType, ImageComponent, ImageTargetAnchor, ImageTarget, LightComponent, MaterialComponent, MeshComponent, ModelComponent, Name, ParentId, Postprocessing, ScriptComponent, ScriptObjectComponent, Selectable, SelectionTransformState, SpriteComponent, TransformComponent, InstancedMeshComponent, InstanceSlotComponent, VideoComponent, XRRigComponent, VRTeleportAreaComponent, XRInteractableComponent, DEFAULT_INSTANCE_TRANSFORM } from './chunk-U3MDYKPV.js';
 import { __name } from './chunk-OY7ZODZP.js';
-import * as THREE22 from 'three';
+import * as THREE24 from 'three';
 import { RectAreaLightHelper } from 'three/examples/jsm/helpers/RectAreaLightHelper.js';
 import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
@@ -22,11 +22,11 @@ function normalizeDistanceModel(distanceModel) {
 }
 __name(normalizeDistanceModel, "normalizeDistanceModel");
 function createConfiguredAudio(listener, options) {
-  const sound = options.positional ? new THREE22.PositionalAudio(listener) : new THREE22.Audio(listener);
+  const sound = options.positional ? new THREE24.PositionalAudio(listener) : new THREE24.Audio(listener);
   sound.setLoop(options.loop);
   sound.setVolume(options.volume);
   sound.setPlaybackRate(options.pitch);
-  if (sound instanceof THREE22.PositionalAudio) {
+  if (sound instanceof THREE24.PositionalAudio) {
     sound.setRefDistance(options.refDistance);
     sound.setDistanceModel(normalizeDistanceModel(options.distanceModel));
     sound.setRolloffFactor(options.rolloffFactor);
@@ -36,16 +36,16 @@ function createConfiguredAudio(listener, options) {
 __name(createConfiguredAudio, "createConfiguredAudio");
 function createAudioEditorHelper() {
   if (typeof document === "undefined") {
-    const geometry = new THREE22.EdgesGeometry(
-      new THREE22.OctahedronGeometry(0.22, 0)
+    const geometry = new THREE24.EdgesGeometry(
+      new THREE24.OctahedronGeometry(0.22, 0)
     );
-    const material2 = new THREE22.LineBasicMaterial({
+    const material2 = new THREE24.LineBasicMaterial({
       color: "#8bc8ff",
       transparent: true,
       opacity: 0.95,
       depthTest: false
     });
-    const fallback = new THREE22.LineSegments(geometry, material2);
+    const fallback = new THREE24.LineSegments(geometry, material2);
     fallback.renderOrder = 10;
     fallback.userData.ecsHelper = true;
     fallback.visible = false;
@@ -57,7 +57,7 @@ function createAudioEditorHelper() {
   canvas.height = size;
   const ctx = canvas.getContext("2d");
   if (!ctx) {
-    return new THREE22.Object3D();
+    return new THREE24.Object3D();
   }
   ctx.clearRect(0, 0, size, size);
   ctx.fillStyle = "rgba(27, 35, 52, 0.9)";
@@ -88,14 +88,14 @@ function createAudioEditorHelper() {
   ctx.beginPath();
   ctx.arc(56, 48, 16, -0.8, 0.8);
   ctx.stroke();
-  const texture = new THREE22.CanvasTexture(canvas);
+  const texture = new THREE24.CanvasTexture(canvas);
   texture.needsUpdate = true;
-  const material = new THREE22.SpriteMaterial({
+  const material = new THREE24.SpriteMaterial({
     map: texture,
     transparent: true,
     depthTest: false
   });
-  const helper = new THREE22.Sprite(material);
+  const helper = new THREE24.Sprite(material);
   helper.scale.set(0.68, 0.68, 0.68);
   helper.renderOrder = 10;
   helper.userData.ecsHelper = true;
@@ -122,7 +122,7 @@ function createAudioComponent(world, entityId, path = "", options = {}, context)
 __name(createAudioComponent, "createAudioComponent");
 function createCameraComponent(world, entityId, payload = {}) {
   const object = world.getComponent(entityId, Object3DRef)?.object;
-  const objectCamera = object instanceof THREE22.Camera ? object : void 0;
+  const objectCamera = object instanceof THREE24.Camera ? object : void 0;
   const component = new CameraComponent({
     ...payload,
     camera: payload.camera ?? objectCamera
@@ -390,6 +390,30 @@ function createVideoComponent(world, entityId, ...args) {
 }
 __name(createVideoComponent, "createVideoComponent");
 
+// core/factories/components/XRRigFactory.ts
+function createXRRigComponent(world, entityId, ...args) {
+  const component = new XRRigComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createXRRigComponent, "createXRRigComponent");
+
+// core/factories/components/VRTeleportAreaFactory.ts
+function createVRTeleportAreaComponent(world, entityId, ...args) {
+  const component = new VRTeleportAreaComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createVRTeleportAreaComponent, "createVRTeleportAreaComponent");
+
+// core/factories/components/XRInteractableFactory.ts
+function createXRInteractableComponent(world, entityId, ...args) {
+  const component = new XRInteractableComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createXRInteractableComponent, "createXRInteractableComponent");
+
 // core/factories/registerDefaultComponentFactories.ts
 function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("animation", createAnimationComponent);
@@ -399,6 +423,9 @@ function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("environment", createEnvironmentComponent);
   objectManagementSystem.registerComponentFactory("entityType", createEntityTypeComponent);
   objectManagementSystem.registerComponentFactory("image", createImageComponent);
+  objectManagementSystem.registerComponentFactory("xrRig", createXRRigComponent);
+  objectManagementSystem.registerComponentFactory("vrTeleportArea", createVRTeleportAreaComponent);
+  objectManagementSystem.registerComponentFactory("xrInteractable", createXRInteractableComponent);
   objectManagementSystem.registerComponentFactory(
     "imageTargetAnchor",
     createImageTargetAnchorComponent
@@ -458,10 +485,10 @@ __name(createBaseEntity, "createBaseEntity");
 // core/factories/objects/AudioFactory.ts
 function getOrCreateListener(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE22.AudioListener) {
+  if (existing instanceof THREE24.AudioListener) {
     return existing;
   }
-  const listener = new THREE22.AudioListener();
+  const listener = new THREE24.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -474,7 +501,7 @@ function createAudio({
   payload,
   isEditor
 }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Audio",
     entityType: "audio",
@@ -496,7 +523,7 @@ function createAudio({
     return entityId;
   }
   if (!isEditor) {
-    const loader = new THREE22.AudioLoader();
+    const loader = new THREE24.AudioLoader();
     loader.load(
       audio.path,
       (buffer) => {
@@ -571,7 +598,7 @@ function applyCameraSettings(camera, options) {
   const near = typeof options.near === "number" ? options.near : DEFAULT_NEAR;
   const far = typeof options.far === "number" ? options.far : DEFAULT_FAR;
   const projection = options.projection;
-  if (camera instanceof THREE22.PerspectiveCamera) {
+  if (camera instanceof THREE24.PerspectiveCamera) {
     if (!projection || projection === "perspective") {
       camera.fov = typeof options.fov === "number" ? options.fov : DEFAULT_FOV;
     }
@@ -581,7 +608,7 @@ function applyCameraSettings(camera, options) {
     camera.updateProjectionMatrix();
     return;
   }
-  if (camera instanceof THREE22.OrthographicCamera) {
+  if (camera instanceof THREE24.OrthographicCamera) {
     camera.left = typeof options.left === "number" ? options.left : -DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     camera.right = typeof options.right === "number" ? options.right : DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     camera.top = typeof options.top === "number" ? options.top : DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
@@ -602,7 +629,7 @@ function createCameraObject(options) {
     const bottom = options.bottom ?? -DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     const left = options.left ?? -DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     const right = options.right ?? DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
-    const camera = new THREE22.OrthographicCamera(
+    const camera = new THREE24.OrthographicCamera(
       left,
       right,
       top,
@@ -614,7 +641,7 @@ function createCameraObject(options) {
     camera.updateProjectionMatrix();
     return camera;
   }
-  return new THREE22.PerspectiveCamera(
+  return new THREE24.PerspectiveCamera(
     options.fov ?? DEFAULT_FOV,
     readViewportAspect(),
     near,
@@ -632,7 +659,7 @@ function createCamera({ world, scene, camera, payload, isEditor }) {
     transformInput: payload.transform
   });
   const objectRef = world.getComponent(entityId, Object3DRef);
-  if (objectRef?.object instanceof THREE22.Camera) {
+  if (objectRef?.object instanceof THREE24.Camera) {
     objectRef.object.userData.entityId = entityId;
   }
   const componentOptions = {
@@ -664,9 +691,9 @@ function createCapsule({
   scene,
   payload
 }) {
-  const geometry = new THREE22.CapsuleGeometry(0.5, 1, 4, 8);
-  const material = new THREE22.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE22.Mesh(geometry, material);
+  const geometry = new THREE24.CapsuleGeometry(0.5, 1, 4, 8);
+  const material = new THREE24.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE24.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Capsule",
     entityType: "capsule",
@@ -686,9 +713,9 @@ function createCapsule({
 }
 __name(createCapsule, "createCapsule");
 function createCube({ world, scene, payload }) {
-  const geometry = new THREE22.BoxGeometry(1, 1, 1);
-  const material = new THREE22.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE22.Mesh(geometry, material);
+  const geometry = new THREE24.BoxGeometry(1, 1, 1);
+  const material = new THREE24.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE24.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cube",
     entityType: "cube",
@@ -713,9 +740,9 @@ function createCylinder({
   scene,
   payload
 }) {
-  const geometry = new THREE22.CylinderGeometry(0.5, 0.5, 1, 20);
-  const material = new THREE22.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE22.Mesh(geometry, material);
+  const geometry = new THREE24.CylinderGeometry(0.5, 0.5, 1, 20);
+  const material = new THREE24.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE24.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cylinder",
     entityType: "cylinder",
@@ -735,7 +762,7 @@ function createCylinder({
 }
 __name(createCylinder, "createCylinder");
 function createEmpty({ world, scene, payload, isEditor }) {
-  const object = new THREE22.Group();
+  const object = new THREE24.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Empty",
     entityType: "empty",
@@ -746,7 +773,7 @@ function createEmpty({ world, scene, payload, isEditor }) {
 }
 __name(createEmpty, "createEmpty");
 function createImage({ world, scene, payload }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image",
@@ -759,7 +786,7 @@ function createImage({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE22.TextureLoader();
+  const loader = new THREE24.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -767,13 +794,13 @@ function createImage({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE22.MeshBasicMaterial({
+      const material = new THREE24.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE22.DoubleSide
+        side: THREE24.DoubleSide
       });
-      const geometry = new THREE22.PlaneGeometry(1, 1);
-      const plane = new THREE22.Mesh(geometry, material);
+      const geometry = new THREE24.PlaneGeometry(1, 1);
+      const plane = new THREE24.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -819,7 +846,7 @@ function createImageTarget({
   payload,
   isEditor
 }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image Target",
@@ -836,7 +863,7 @@ function createImageTarget({
   if (!isEditor || !imagePath) {
     return entityId;
   }
-  const loader = new THREE22.TextureLoader();
+  const loader = new THREE24.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -844,13 +871,13 @@ function createImageTarget({
         texture.dispose();
         return;
       }
-      const material = new THREE22.MeshBasicMaterial({
+      const material = new THREE24.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE22.DoubleSide
+        side: THREE24.DoubleSide
       });
-      const geometry = new THREE22.PlaneGeometry(1, 1);
-      const plane = new THREE22.Mesh(geometry, material);
+      const geometry = new THREE24.PlaneGeometry(1, 1);
+      const plane = new THREE24.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -901,7 +928,7 @@ function createInstancedMesh({
   scene,
   payload
 }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const opts = payload.options ?? {};
   const meshKind = isInstancedMeshKind(opts.meshKind) ? opts.meshKind : "cube";
   const meshParameters = opts.meshParameters && typeof opts.meshParameters === "object" ? opts.meshParameters : void 0;
@@ -972,7 +999,7 @@ function createAmbientLight({
   scene,
   payload
 }) {
-  const light = new THREE22.AmbientLight("#ffffff", 0.6);
+  const light = new THREE24.AmbientLight("#ffffff", 0.6);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Ambient Light",
     entityType: "ambientLight",
@@ -989,7 +1016,7 @@ function createAreaLight({
   payload,
   isEditor
 }) {
-  const light = new THREE22.RectAreaLight("#ffffff", 5, 4, 4);
+  const light = new THREE24.RectAreaLight("#ffffff", 5, 4, 4);
   light.lookAt(0, 0, 0);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Area Light",
@@ -1018,7 +1045,7 @@ function createDirectionalLight({
   payload,
   isEditor
 }) {
-  const light = new THREE22.DirectionalLight("#ffffff", 1.5);
+  const light = new THREE24.DirectionalLight("#ffffff", 1.5);
   light.castShadow = true;
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Directional Light",
@@ -1029,7 +1056,7 @@ function createDirectionalLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE22.DirectionalLightHelper(light, 1.8, "#38bdf8");
+    const helper = new THREE24.DirectionalLightHelper(light, 1.8, "#38bdf8");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -1047,7 +1074,7 @@ function createPointLight({
   payload,
   isEditor
 }) {
-  const light = new THREE22.PointLight("#ffffff", 1, 10);
+  const light = new THREE24.PointLight("#ffffff", 1, 10);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Point Light",
     entityType: "pointLight",
@@ -1057,7 +1084,7 @@ function createPointLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE22.PointLightHelper(light, 0.35, "#fbbf24");
+    const helper = new THREE24.PointLightHelper(light, 0.35, "#fbbf24");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -1075,7 +1102,7 @@ function createSpotLight({
   payload,
   isEditor
 }) {
-  const light = new THREE22.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
+  const light = new THREE24.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Spot Light",
     entityType: "spotLight",
@@ -1085,7 +1112,7 @@ function createSpotLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE22.SpotLightHelper(light, "#f59e0b");
+    const helper = new THREE24.SpotLightHelper(light, "#f59e0b");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -1120,7 +1147,7 @@ function createModel({
   payload,
   isEditor
 }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const modelPath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Model",
@@ -1186,12 +1213,12 @@ function createModel({
 }
 __name(createModel, "createModel");
 function createPlane({ world, scene, payload }) {
-  const geometry = new THREE22.PlaneGeometry(100, 100);
-  const material = new THREE22.MeshStandardMaterial({
+  const geometry = new THREE24.PlaneGeometry(100, 100);
+  const material = new THREE24.MeshStandardMaterial({
     color: "#ffffff",
-    side: THREE22.DoubleSide
+    side: THREE24.DoubleSide
   });
-  const mesh = new THREE22.Mesh(geometry, material);
+  const mesh = new THREE24.Mesh(geometry, material);
   const entityId = createBaseEntity(
     world,
     mesh,
@@ -1227,7 +1254,7 @@ function createScriptObject({
   scene,
   payload
 }) {
-  const object = new THREE22.Group();
+  const object = new THREE24.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Script Object",
     entityType: "scriptObject",
@@ -1244,8 +1271,56 @@ function createScriptObject({
   return entityId;
 }
 __name(createScriptObject, "createScriptObject");
+function createTeleportArea({
+  world,
+  scene,
+  payload
+}) {
+  const options = payload.options ?? {};
+  const width = typeof options.width === "number" ? options.width : 10;
+  const depth = typeof options.depth === "number" ? options.depth : 10;
+  const geometry = new THREE24.PlaneGeometry(width, depth);
+  const material = new THREE24.MeshBasicMaterial({
+    color: "#4da3ff",
+    transparent: true,
+    opacity: 0.18,
+    side: THREE24.DoubleSide,
+    depthWrite: false
+  });
+  const object = new THREE24.Mesh(geometry, material);
+  object.rotation.x = -Math.PI / 2;
+  const entityId = createBaseEntity(world, object, {
+    label: payload.name ?? "Teleport Area",
+    entityType: "teleportArea",
+    transformInput: payload.transform
+  });
+  world.addComponent(
+    entityId,
+    new VRTeleportAreaComponent({ width, depth, ...options })
+  );
+  scene.add(object);
+  return entityId;
+}
+__name(createTeleportArea, "createTeleportArea");
+function createXRRig({
+  world,
+  scene,
+  payload
+}) {
+  const object = new THREE24.Group();
+  const entityId = createBaseEntity(world, object, {
+    label: payload.name ?? "XR Rig",
+    entityType: "xrRig",
+    transformInput: payload.transform
+  });
+  const options = payload.options ?? {};
+  world.addComponent(entityId, new XRRigComponent(options));
+  scene.add(object);
+  return entityId;
+}
+__name(createXRRig, "createXRRig");
 function createSprite({ world, scene, payload }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Sprite",
@@ -1257,7 +1332,7 @@ function createSprite({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE22.TextureLoader();
+  const loader = new THREE24.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -1265,11 +1340,11 @@ function createSprite({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE22.SpriteMaterial({
+      const material = new THREE24.SpriteMaterial({
         map: texture,
         transparent: true
       });
-      const sprite = new THREE22.Sprite(material);
+      const sprite = new THREE24.Sprite(material);
       sprite.userData.entityId = entityId;
       const textureImage = texture.image;
       spriteComponent.width = textureImage?.width ?? 1;
@@ -1287,9 +1362,9 @@ function createSprite({ world, scene, payload }) {
 }
 __name(createSprite, "createSprite");
 function createSphere({ world, scene, payload }) {
-  const geometry = new THREE22.SphereGeometry(0.5, 24, 24);
-  const material = new THREE22.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE22.Mesh(geometry, material);
+  const geometry = new THREE24.SphereGeometry(0.5, 24, 24);
+  const material = new THREE24.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE24.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Sphere",
     entityType: "sphere",
@@ -1309,10 +1384,10 @@ function createSphere({ world, scene, payload }) {
 __name(createSphere, "createSphere");
 function getOrCreateListener2(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE22.AudioListener) {
+  if (existing instanceof THREE24.AudioListener) {
     return existing;
   }
-  const listener = new THREE22.AudioListener();
+  const listener = new THREE24.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -1362,10 +1437,10 @@ function normalizeOptions(input) {
 }
 __name(normalizeOptions, "normalizeOptions");
 function createChromaMaterial(texture, options) {
-  return new THREE22.ShaderMaterial({
+  return new THREE24.ShaderMaterial({
     uniforms: {
       tex: { value: texture },
-      keyColor: { value: new THREE22.Color(options.backgroundColor) },
+      keyColor: { value: new THREE24.Color(options.backgroundColor) },
       similarity: { value: options.similarity },
       smoothness: { value: options.smoothness },
       spill: { value: options.spill }
@@ -1397,22 +1472,22 @@ function createChromaMaterial(texture, options) {
       }
     `,
     transparent: true,
-    side: THREE22.DoubleSide
+    side: THREE24.DoubleSide
   });
 }
 __name(createChromaMaterial, "createChromaMaterial");
 function createStandardMaterial(texture) {
-  return new THREE22.MeshBasicMaterial({
+  return new THREE24.MeshBasicMaterial({
     map: texture,
     transparent: true,
-    side: THREE22.DoubleSide
+    side: THREE24.DoubleSide
   });
 }
 __name(createStandardMaterial, "createStandardMaterial");
 function createVideoMesh(entityId, texture, options) {
-  const geometry = new THREE22.PlaneGeometry(1, 1);
+  const geometry = new THREE24.PlaneGeometry(1, 1);
   const material = options.isGreenScreen ? createChromaMaterial(texture, options) : createStandardMaterial(texture);
-  const mesh = new THREE22.Mesh(geometry, material);
+  const mesh = new THREE24.Mesh(geometry, material);
   mesh.userData.entityId = entityId;
   mesh.scale.set(options.width, options.height, 1);
   return { mesh, material };
@@ -1447,7 +1522,7 @@ function createVideo({
   payload,
   isEditor
 }) {
-  const anchor = new THREE22.Object3D();
+  const anchor = new THREE24.Object3D();
   const path = payload.path ?? "";
   const options = normalizeOptions(payload.options);
   const entityId = createBaseEntity(world, anchor, {
@@ -1462,8 +1537,8 @@ function createVideo({
     return entityId;
   }
   const video = createVideoElement(path, options);
-  const texture = new THREE22.VideoTexture(video);
-  texture.colorSpace = THREE22.SRGBColorSpace;
+  const texture = new THREE24.VideoTexture(video);
+  texture.colorSpace = THREE24.SRGBColorSpace;
   texture.needsUpdate = true;
   const { mesh, material } = createVideoMesh(entityId, texture, options);
   anchor.add(mesh);
@@ -1479,7 +1554,7 @@ function createVideo({
   });
   if (!isEditor && options.positional) {
     const listener = getOrCreateListener2(camera);
-    const audioNode = new THREE22.PositionalAudio(listener);
+    const audioNode = new THREE24.PositionalAudio(listener);
     audioNode.setVolume(options.volume);
     audioNode.setRefDistance(options.refDistance);
     audioNode.setDistanceModel(normalizeDistanceModel2(options.distanceModel));
@@ -1519,10 +1594,12 @@ function registerDefaultFactories(objectManagementSystem) {
   objectManagementSystem.register("spotLight", createSpotLight);
   objectManagementSystem.register("areaLight", createAreaLight);
   objectManagementSystem.register("scriptObject", createScriptObject);
+  objectManagementSystem.register("xrRig", createXRRig);
+  objectManagementSystem.register("teleportArea", createTeleportArea);
   registerDefaultComponentFactories(objectManagementSystem);
 }
 __name(registerDefaultFactories, "registerDefaultFactories");
 
-export { createAnimationComponent, createAudioComponent, createCameraComponent, createEntityTypeComponent, createEnvironmentComponent, createImageComponent, createImageTargetAnchorComponent, createImageTargetComponent, createInstanceSlotComponent, createInstancedMeshComponent, createLightComponent, createMaterialComponent, createMeshComponent, createMeshGeometryComponent, createModelComponent, createNameComponent, createObject3DRefComponent, createParentIdComponent, createPhysicsComponent, createPostprocessingComponent, createScriptComponent, createScriptObjectComponent, createSelectableComponent, createSelectionTransformStateComponent, createSpriteComponent, createTransformComponent, createVideoComponent, registerDefaultComponentFactories, registerDefaultFactories };
-//# sourceMappingURL=chunk-RJ4J5UEX.js.map
-//# sourceMappingURL=chunk-RJ4J5UEX.js.map
+export { createAnimationComponent, createAudioComponent, createCameraComponent, createEntityTypeComponent, createEnvironmentComponent, createImageComponent, createImageTargetAnchorComponent, createImageTargetComponent, createInstanceSlotComponent, createInstancedMeshComponent, createLightComponent, createMaterialComponent, createMeshComponent, createMeshGeometryComponent, createModelComponent, createNameComponent, createObject3DRefComponent, createParentIdComponent, createPhysicsComponent, createPostprocessingComponent, createScriptComponent, createScriptObjectComponent, createSelectableComponent, createSelectionTransformStateComponent, createSpriteComponent, createTransformComponent, createVRTeleportAreaComponent, createVideoComponent, createXRInteractableComponent, createXRRigComponent, registerDefaultComponentFactories, registerDefaultFactories };
+//# sourceMappingURL=chunk-PCOZLCXS.js.map
+//# sourceMappingURL=chunk-PCOZLCXS.js.map