@relu-interactives/spatial-ecs 0.3.5 → 0.3.7

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var THREE38 = require('three');
+var THREE39 = require('three');
 var SkeletonUtils_js = require('three/examples/jsm/utils/SkeletonUtils.js');
 var RectAreaLightHelper_js = require('three/examples/jsm/helpers/RectAreaLightHelper.js');
 var DRACOLoader_js = require('three/examples/jsm/loaders/DRACOLoader.js');
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var THREE38__namespace = /*#__PURE__*/_interopNamespace(THREE38);
+var THREE39__namespace = /*#__PURE__*/_interopNamespace(THREE39);
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -605,14 +605,14 @@ var _AnimationComponent = class _AnimationComponent extends Component {
       return;
     }
     this.importedClips = clips.map((entry) => {
-      if (entry instanceof THREE38__namespace.AnimationClip) {
+      if (entry instanceof THREE39__namespace.AnimationClip) {
         return { clip: entry, sourceUrl: null };
       }
       if (!entry || typeof entry !== "object") {
         return null;
       }
       const candidate = entry;
-      if (!(candidate.clip instanceof THREE38__namespace.AnimationClip)) {
+      if (!(candidate.clip instanceof THREE39__namespace.AnimationClip)) {
         return null;
       }
       return {
@@ -820,11 +820,11 @@ function normalizeDistanceModel(distanceModel) {
 }
 __name(normalizeDistanceModel, "normalizeDistanceModel");
 function createConfiguredAudio(listener, options) {
-  const sound = options.positional ? new THREE38__namespace.PositionalAudio(listener) : new THREE38__namespace.Audio(listener);
+  const sound = options.positional ? new THREE39__namespace.PositionalAudio(listener) : new THREE39__namespace.Audio(listener);
   sound.setLoop(options.loop);
   sound.setVolume(options.volume);
   sound.setPlaybackRate(options.pitch);
-  if (sound instanceof THREE38__namespace.PositionalAudio) {
+  if (sound instanceof THREE39__namespace.PositionalAudio) {
     sound.setRefDistance(options.refDistance);
     sound.setDistanceModel(normalizeDistanceModel(options.distanceModel));
     sound.setRolloffFactor(options.rolloffFactor);
@@ -834,16 +834,16 @@ function createConfiguredAudio(listener, options) {
 __name(createConfiguredAudio, "createConfiguredAudio");
 function createAudioEditorHelper() {
   if (typeof document === "undefined") {
-    const geometry = new THREE38__namespace.EdgesGeometry(
-      new THREE38__namespace.OctahedronGeometry(0.22, 0)
+    const geometry = new THREE39__namespace.EdgesGeometry(
+      new THREE39__namespace.OctahedronGeometry(0.22, 0)
     );
-    const material2 = new THREE38__namespace.LineBasicMaterial({
+    const material2 = new THREE39__namespace.LineBasicMaterial({
       color: "#8bc8ff",
       transparent: true,
       opacity: 0.95,
       depthTest: false
     });
-    const fallback = new THREE38__namespace.LineSegments(geometry, material2);
+    const fallback = new THREE39__namespace.LineSegments(geometry, material2);
     fallback.renderOrder = 10;
     fallback.userData.ecsHelper = true;
     fallback.visible = false;
@@ -855,7 +855,7 @@ function createAudioEditorHelper() {
   canvas.height = size;
   const ctx = canvas.getContext("2d");
   if (!ctx) {
-    return new THREE38__namespace.Object3D();
+    return new THREE39__namespace.Object3D();
   }
   ctx.clearRect(0, 0, size, size);
   ctx.fillStyle = "rgba(27, 35, 52, 0.9)";
@@ -886,14 +886,14 @@ function createAudioEditorHelper() {
   ctx.beginPath();
   ctx.arc(56, 48, 16, -0.8, 0.8);
   ctx.stroke();
-  const texture = new THREE38__namespace.CanvasTexture(canvas);
+  const texture = new THREE39__namespace.CanvasTexture(canvas);
   texture.needsUpdate = true;
-  const material = new THREE38__namespace.SpriteMaterial({
+  const material = new THREE39__namespace.SpriteMaterial({
     map: texture,
     transparent: true,
     depthTest: false
   });
-  const helper = new THREE38__namespace.Sprite(material);
+  const helper = new THREE39__namespace.Sprite(material);
   helper.scale.set(0.68, 0.68, 0.68);
   helper.renderOrder = 10;
   helper.userData.ecsHelper = true;
@@ -927,7 +927,7 @@ var DEFAULT_ORTHO_TOP = 5;
 var DEFAULT_ORTHO_BOTTOM = -5;
 var DEFAULT_ZOOM = 1;
 function inferProjection(camera) {
-  if (camera instanceof THREE38__namespace.OrthographicCamera) {
+  if (camera instanceof THREE39__namespace.OrthographicCamera) {
     return "orthographic";
   }
   return "perspective";
@@ -948,7 +948,7 @@ function readCameraFar(camera) {
 }
 __name(readCameraFar, "readCameraFar");
 function inferFov(camera) {
-  if (camera instanceof THREE38__namespace.PerspectiveCamera && Number.isFinite(camera.fov)) {
+  if (camera instanceof THREE39__namespace.PerspectiveCamera && Number.isFinite(camera.fov)) {
     return camera.fov;
   }
   return DEFAULT_FOV;
@@ -971,28 +971,28 @@ function inferFar(camera) {
 }
 __name(inferFar, "inferFar");
 function inferOrthoLeft(camera) {
-  if (camera instanceof THREE38__namespace.OrthographicCamera && Number.isFinite(camera.left)) {
+  if (camera instanceof THREE39__namespace.OrthographicCamera && Number.isFinite(camera.left)) {
     return camera.left;
   }
   return DEFAULT_ORTHO_LEFT;
 }
 __name(inferOrthoLeft, "inferOrthoLeft");
 function inferOrthoRight(camera) {
-  if (camera instanceof THREE38__namespace.OrthographicCamera && Number.isFinite(camera.right)) {
+  if (camera instanceof THREE39__namespace.OrthographicCamera && Number.isFinite(camera.right)) {
     return camera.right;
   }
   return DEFAULT_ORTHO_RIGHT;
 }
 __name(inferOrthoRight, "inferOrthoRight");
 function inferOrthoTop(camera) {
-  if (camera instanceof THREE38__namespace.OrthographicCamera && Number.isFinite(camera.top)) {
+  if (camera instanceof THREE39__namespace.OrthographicCamera && Number.isFinite(camera.top)) {
     return camera.top;
   }
   return DEFAULT_ORTHO_TOP;
 }
 __name(inferOrthoTop, "inferOrthoTop");
 function inferOrthoBottom(camera) {
-  if (camera instanceof THREE38__namespace.OrthographicCamera && Number.isFinite(camera.bottom)) {
+  if (camera instanceof THREE39__namespace.OrthographicCamera && Number.isFinite(camera.bottom)) {
     return camera.bottom;
   }
   return DEFAULT_ORTHO_BOTTOM;
@@ -1008,7 +1008,7 @@ __name(inferZoom, "inferZoom");
 var _CameraComponent = class _CameraComponent extends Component {
   constructor(payload = {}) {
     super();
-    this.camera = payload.camera ?? new THREE38__namespace.PerspectiveCamera();
+    this.camera = payload.camera ?? new THREE39__namespace.PerspectiveCamera();
     this.type = payload.type ?? "3d";
     this.isDefault = typeof payload.isDefault === "boolean" ? payload.isDefault : false;
     this.projection = payload.projection ?? inferProjection(payload.camera);
@@ -1039,7 +1039,7 @@ var Object3DRef = _Object3DRef;
 // core/factories/components/CameraFactory.ts
 function createCameraComponent(world, entityId, payload = {}) {
   const object = world.getComponent(entityId, Object3DRef)?.object;
-  const objectCamera = object instanceof THREE38__namespace.Camera ? object : void 0;
+  const objectCamera = object instanceof THREE39__namespace.Camera ? object : void 0;
   const component = new CameraComponent({
     ...payload,
     camera: payload.camera ?? objectCamera
@@ -1609,15 +1609,15 @@ function createValueState(light) {
     castShadow: light.castShadow ?? false,
     frustumCulling: light.frustumCulled
   };
-  if (light instanceof THREE38__namespace.PointLight) {
+  if (light instanceof THREE39__namespace.PointLight) {
     base.distance = light.distance;
     base.decay = light.decay;
-  } else if (light instanceof THREE38__namespace.SpotLight) {
+  } else if (light instanceof THREE39__namespace.SpotLight) {
     base.distance = light.distance;
     base.decay = light.decay;
     base.angle = light.angle;
     base.penumbra = light.penumbra;
-  } else if (light instanceof THREE38__namespace.RectAreaLight) {
+  } else if (light instanceof THREE39__namespace.RectAreaLight) {
     base.width = light.width;
     base.height = light.height;
   }
@@ -1660,13 +1660,13 @@ function toHexColor2(value, fallback) {
 }
 __name(toHexColor2, "toHexColor");
 function getMaterialType(material) {
-  if (material instanceof THREE38__namespace.MeshPhysicalMaterial) {
+  if (material instanceof THREE39__namespace.MeshPhysicalMaterial) {
     return "physical";
   }
-  if (material instanceof THREE38__namespace.MeshPhongMaterial) {
+  if (material instanceof THREE39__namespace.MeshPhongMaterial) {
     return "phong";
   }
-  if (material instanceof THREE38__namespace.MeshBasicMaterial) {
+  if (material instanceof THREE39__namespace.MeshBasicMaterial) {
     return "basic";
   }
   return "standard";
@@ -1701,8 +1701,8 @@ function createMaterialValue(material) {
     opacity: typeof materialRecord.opacity === "number" ? materialRecord.opacity : 1,
     emissive: toHexColor2(materialRecord.emissive, "#000000"),
     emissiveIntensity: typeof materialRecord.emissiveIntensity === "number" ? materialRecord.emissiveIntensity : 0,
-    side: typeof materialRecord.side === "number" ? materialRecord.side : THREE38__namespace.FrontSide,
-    blending: typeof materialRecord.blending === "number" ? materialRecord.blending : THREE38__namespace.NormalBlending,
+    side: typeof materialRecord.side === "number" ? materialRecord.side : THREE39__namespace.FrontSide,
+    blending: typeof materialRecord.blending === "number" ? materialRecord.blending : THREE39__namespace.NormalBlending,
     depthTest: materialRecord.depthTest !== false,
     depthWrite: materialRecord.depthWrite !== false,
     wireframe: Boolean(materialRecord.wireframe),
@@ -1734,7 +1734,7 @@ function createMaterialValue(material) {
       materialRecord.lightMap
     ),
     envMap: textureImageSrc(materialRecord.envMap),
-    textureFiltering: map?.magFilter === THREE38__namespace.NearestFilter ? "sharp" : "smooth",
+    textureFiltering: map?.magFilter === THREE39__namespace.NearestFilter ? "sharp" : "smooth",
     useMipmaps: map?.generateMipmaps !== false
   };
 }
@@ -1749,8 +1749,8 @@ function defaultMaterialValue() {
     opacity: 1,
     emissive: "#000000",
     emissiveIntensity: 0,
-    side: THREE38__namespace.FrontSide,
-    blending: THREE38__namespace.NormalBlending,
+    side: THREE39__namespace.FrontSide,
+    blending: THREE39__namespace.NormalBlending,
     depthTest: true,
     depthWrite: true,
     wireframe: false,
@@ -2327,14 +2327,14 @@ var _TransformComponent = class _TransformComponent extends Component {
       z: scale.z ?? 1
     };
   }
-  toPositionVector3(target = new THREE38.Vector3()) {
+  toPositionVector3(target = new THREE39.Vector3()) {
     return target.set(this.position.x, this.position.y, this.position.z);
   }
-  toRotationEuler(target = new THREE38.Euler(), order = "XYZ") {
+  toRotationEuler(target = new THREE39.Euler(), order = "XYZ") {
     return target.set(this.rotation.x, this.rotation.y, this.rotation.z, order);
   }
-  toRotationQuaternion(target = new THREE38.Quaternion(), order = "XYZ") {
-    const euler = new THREE38.Euler(
+  toRotationQuaternion(target = new THREE39.Quaternion(), order = "XYZ") {
+    const euler = new THREE39.Euler(
       this.rotation.x,
       this.rotation.y,
       this.rotation.z,
@@ -2342,7 +2342,7 @@ var _TransformComponent = class _TransformComponent extends Component {
     );
     return target.setFromEuler(euler);
   }
-  toScaleVector3(target = new THREE38.Vector3()) {
+  toScaleVector3(target = new THREE39.Vector3()) {
     return target.set(this.scale.x, this.scale.y, this.scale.z);
   }
   setPosition(input) {
@@ -2360,8 +2360,8 @@ var _TransformComponent = class _TransformComponent extends Component {
     return this;
   }
   setRotation(input, order = "XYZ") {
-    if (input instanceof THREE38.Quaternion) {
-      const euler = new THREE38.Euler().setFromQuaternion(input, order);
+    if (input instanceof THREE39.Quaternion) {
+      const euler = new THREE39.Euler().setFromQuaternion(input, order);
       this.rotation.x = euler.x;
       this.rotation.y = euler.y;
       this.rotation.z = euler.z;
@@ -2570,6 +2570,7 @@ __name(createVideoComponent, "createVideoComponent");
 var _XRRigComponent = class _XRRigComponent extends Component {
   constructor(options) {
     super();
+    this.trackingOrigin = options?.trackingOrigin ?? "floor";
     this.locomotion = options?.locomotion ?? "teleport";
     this.moveSpeed = options?.moveSpeed ?? 2;
     this.snapTurn = options?.snapTurn ?? true;
@@ -2632,6 +2633,45 @@ function createXRInteractableComponent(world, entityId, ...args) {
 }
 __name(createXRInteractableComponent, "createXRInteractableComponent");
 
+// core/components/XRInteractor.ts
+var _XRInteractorComponent = class _XRInteractorComponent extends Component {
+  constructor(options) {
+    super();
+    this.interactorType = options?.interactorType ?? "both";
+    this.handPreset = options?.handPreset ?? "default";
+    this.handColor = options?.handColor ?? "#e8b48a";
+    this.handOpacity = options?.handOpacity ?? 1;
+    this.handEmissiveIntensity = options?.handEmissiveIntensity ?? 0;
+    this.showRay = options?.showRay ?? true;
+  }
+};
+__name(_XRInteractorComponent, "XRInteractorComponent");
+var XRInteractorComponent = _XRInteractorComponent;
+var _XRInteractorSideComponent = class _XRInteractorSideComponent extends Component {
+  constructor(options) {
+    super();
+    this.side = options?.side ?? "left";
+  }
+};
+__name(_XRInteractorSideComponent, "XRInteractorSideComponent");
+var XRInteractorSideComponent = _XRInteractorSideComponent;
+
+// core/factories/components/XRInteractorFactory.ts
+function createXRInteractorComponent(world, entityId, ...args) {
+  const component = new XRInteractorComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createXRInteractorComponent, "createXRInteractorComponent");
+
+// core/factories/components/XRInteractorSideFactory.ts
+function createXRInteractorSideComponent(world, entityId, ...args) {
+  const component = new XRInteractorSideComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createXRInteractorSideComponent, "createXRInteractorSideComponent");
+
 // core/factories/registerDefaultComponentFactories.ts
 function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("animation", createAnimationComponent);
@@ -2644,6 +2684,8 @@ function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("xrRig", createXRRigComponent);
   objectManagementSystem.registerComponentFactory("vrTeleportArea", createVRTeleportAreaComponent);
   objectManagementSystem.registerComponentFactory("xrInteractable", createXRInteractableComponent);
+  objectManagementSystem.registerComponentFactory("xrInteractor", createXRInteractorComponent);
+  objectManagementSystem.registerComponentFactory("xrInteractorSide", createXRInteractorSideComponent);
   objectManagementSystem.registerComponentFactory(
     "imageTargetAnchor",
     createImageTargetAnchorComponent
@@ -2687,7 +2729,7 @@ var SHARED_MODEL_RESOURCE_FLAG = "spatialEcsSharedModelResource";
 var modelCache = /* @__PURE__ */ new Map();
 function markSharedResources(root) {
   root.traverse((child) => {
-    if (!(child instanceof THREE38__namespace.Mesh)) {
+    if (!(child instanceof THREE39__namespace.Mesh)) {
       return;
     }
     if (child.geometry) {
@@ -2766,10 +2808,10 @@ var _ObjectManagementSystem = class _ObjectManagementSystem {
   }
   getOrCreateAudioListener() {
     const existing = this.camera.userData.ecsAudioListener;
-    if (existing instanceof THREE38__namespace.AudioListener) {
+    if (existing instanceof THREE39__namespace.AudioListener) {
       return existing;
     }
-    const listener = new THREE38__namespace.AudioListener();
+    const listener = new THREE39__namespace.AudioListener();
     this.camera.add(listener);
     this.camera.userData.ecsAudioListener = listener;
     return listener;
@@ -2843,7 +2885,7 @@ var _ObjectManagementSystem = class _ObjectManagementSystem {
     }
     if (dispose && object3d) {
       object3d.traverse((child) => {
-        if (child instanceof THREE38__namespace.Mesh) {
+        if (child instanceof THREE39__namespace.Mesh) {
           if (!child.geometry?.userData?.[SHARED_MODEL_RESOURCE_FLAG]) {
             child.geometry?.dispose();
           }
@@ -2980,10 +3022,10 @@ __name(createBaseEntity, "createBaseEntity");
 // core/factories/objects/AudioFactory.ts
 function getOrCreateListener(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE38__namespace.AudioListener) {
+  if (existing instanceof THREE39__namespace.AudioListener) {
     return existing;
   }
-  const listener = new THREE38__namespace.AudioListener();
+  const listener = new THREE39__namespace.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -2996,7 +3038,7 @@ function createAudio({
   payload,
   isEditor
 }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.Object3D();
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Audio",
     entityType: "audio",
@@ -3018,7 +3060,7 @@ function createAudio({
     return entityId;
   }
   if (!isEditor) {
-    const loader = new THREE38__namespace.AudioLoader();
+    const loader = new THREE39__namespace.AudioLoader();
     loader.load(
       audio.path,
       (buffer) => {
@@ -3093,7 +3135,7 @@ function applyCameraSettings(camera, options) {
   const near = typeof options.near === "number" ? options.near : DEFAULT_NEAR2;
   const far = typeof options.far === "number" ? options.far : DEFAULT_FAR2;
   const projection = options.projection;
-  if (camera instanceof THREE38__namespace.PerspectiveCamera) {
+  if (camera instanceof THREE39__namespace.PerspectiveCamera) {
     if (!projection || projection === "perspective") {
       camera.fov = typeof options.fov === "number" ? options.fov : DEFAULT_FOV2;
     }
@@ -3103,7 +3145,7 @@ function applyCameraSettings(camera, options) {
     camera.updateProjectionMatrix();
     return;
   }
-  if (camera instanceof THREE38__namespace.OrthographicCamera) {
+  if (camera instanceof THREE39__namespace.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;
@@ -3124,7 +3166,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 THREE38__namespace.OrthographicCamera(
+    const camera = new THREE39__namespace.OrthographicCamera(
       left,
       right,
       top,
@@ -3136,7 +3178,7 @@ function createCameraObject(options) {
     camera.updateProjectionMatrix();
     return camera;
   }
-  return new THREE38__namespace.PerspectiveCamera(
+  return new THREE39__namespace.PerspectiveCamera(
     options.fov ?? DEFAULT_FOV2,
     readViewportAspect(),
     near,
@@ -3154,7 +3196,7 @@ function createCamera({ world, scene, camera, payload, isEditor }) {
     transformInput: payload.transform
   });
   const objectRef = world.getComponent(entityId, Object3DRef);
-  if (objectRef?.object instanceof THREE38__namespace.Camera) {
+  if (objectRef?.object instanceof THREE39__namespace.Camera) {
     objectRef.object.userData.entityId = entityId;
   }
   const componentOptions = {
@@ -3186,9 +3228,9 @@ function createCapsule({
   scene,
   payload
 }) {
-  const geometry = new THREE38__namespace.CapsuleGeometry(0.5, 1, 4, 8);
-  const material = new THREE38__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE38__namespace.Mesh(geometry, material);
+  const geometry = new THREE39__namespace.CapsuleGeometry(0.5, 1, 4, 8);
+  const material = new THREE39__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE39__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Capsule",
     entityType: "capsule",
@@ -3208,9 +3250,9 @@ function createCapsule({
 }
 __name(createCapsule, "createCapsule");
 function createCube({ world, scene, payload }) {
-  const geometry = new THREE38__namespace.BoxGeometry(1, 1, 1);
-  const material = new THREE38__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE38__namespace.Mesh(geometry, material);
+  const geometry = new THREE39__namespace.BoxGeometry(1, 1, 1);
+  const material = new THREE39__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE39__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cube",
     entityType: "cube",
@@ -3235,9 +3277,9 @@ function createCylinder({
   scene,
   payload
 }) {
-  const geometry = new THREE38__namespace.CylinderGeometry(0.5, 0.5, 1, 20);
-  const material = new THREE38__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE38__namespace.Mesh(geometry, material);
+  const geometry = new THREE39__namespace.CylinderGeometry(0.5, 0.5, 1, 20);
+  const material = new THREE39__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE39__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cylinder",
     entityType: "cylinder",
@@ -3257,7 +3299,7 @@ function createCylinder({
 }
 __name(createCylinder, "createCylinder");
 function createEmpty({ world, scene, payload, isEditor }) {
-  const object = new THREE38__namespace.Group();
+  const object = new THREE39__namespace.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Empty",
     entityType: "empty",
@@ -3268,7 +3310,7 @@ function createEmpty({ world, scene, payload, isEditor }) {
 }
 __name(createEmpty, "createEmpty");
 function createImage({ world, scene, payload }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image",
@@ -3281,7 +3323,7 @@ function createImage({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE38__namespace.TextureLoader();
+  const loader = new THREE39__namespace.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -3289,13 +3331,13 @@ function createImage({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE38__namespace.MeshBasicMaterial({
+      const material = new THREE39__namespace.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE38__namespace.DoubleSide
+        side: THREE39__namespace.DoubleSide
       });
-      const geometry = new THREE38__namespace.PlaneGeometry(1, 1);
-      const plane = new THREE38__namespace.Mesh(geometry, material);
+      const geometry = new THREE39__namespace.PlaneGeometry(1, 1);
+      const plane = new THREE39__namespace.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -3341,7 +3383,7 @@ function createImageTarget({
   payload,
   isEditor
 }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image Target",
@@ -3358,7 +3400,7 @@ function createImageTarget({
   if (!isEditor || !imagePath) {
     return entityId;
   }
-  const loader = new THREE38__namespace.TextureLoader();
+  const loader = new THREE39__namespace.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -3366,13 +3408,13 @@ function createImageTarget({
         texture.dispose();
         return;
       }
-      const material = new THREE38__namespace.MeshBasicMaterial({
+      const material = new THREE39__namespace.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE38__namespace.DoubleSide
+        side: THREE39__namespace.DoubleSide
       });
-      const geometry = new THREE38__namespace.PlaneGeometry(1, 1);
-      const plane = new THREE38__namespace.Mesh(geometry, material);
+      const geometry = new THREE39__namespace.PlaneGeometry(1, 1);
+      const plane = new THREE39__namespace.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -3423,7 +3465,7 @@ function createInstancedMesh({
   scene,
   payload
 }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.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;
@@ -3494,7 +3536,7 @@ function createAmbientLight({
   scene,
   payload
 }) {
-  const light = new THREE38__namespace.AmbientLight("#ffffff", 0.6);
+  const light = new THREE39__namespace.AmbientLight("#ffffff", 0.6);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Ambient Light",
     entityType: "ambientLight",
@@ -3511,7 +3553,7 @@ function createAreaLight({
   payload,
   isEditor
 }) {
-  const light = new THREE38__namespace.RectAreaLight("#ffffff", 5, 4, 4);
+  const light = new THREE39__namespace.RectAreaLight("#ffffff", 5, 4, 4);
   light.lookAt(0, 0, 0);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Area Light",
@@ -3540,7 +3582,7 @@ function createDirectionalLight({
   payload,
   isEditor
 }) {
-  const light = new THREE38__namespace.DirectionalLight("#ffffff", 1.5);
+  const light = new THREE39__namespace.DirectionalLight("#ffffff", 1.5);
   light.castShadow = true;
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Directional Light",
@@ -3551,7 +3593,7 @@ function createDirectionalLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE38__namespace.DirectionalLightHelper(light, 1.8, "#38bdf8");
+    const helper = new THREE39__namespace.DirectionalLightHelper(light, 1.8, "#38bdf8");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -3569,7 +3611,7 @@ function createPointLight({
   payload,
   isEditor
 }) {
-  const light = new THREE38__namespace.PointLight("#ffffff", 1, 10);
+  const light = new THREE39__namespace.PointLight("#ffffff", 1, 10);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Point Light",
     entityType: "pointLight",
@@ -3579,7 +3621,7 @@ function createPointLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE38__namespace.PointLightHelper(light, 0.35, "#fbbf24");
+    const helper = new THREE39__namespace.PointLightHelper(light, 0.35, "#fbbf24");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -3597,7 +3639,7 @@ function createSpotLight({
   payload,
   isEditor
 }) {
-  const light = new THREE38__namespace.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
+  const light = new THREE39__namespace.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Spot Light",
     entityType: "spotLight",
@@ -3607,7 +3649,7 @@ function createSpotLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE38__namespace.SpotLightHelper(light, "#f59e0b");
+    const helper = new THREE39__namespace.SpotLightHelper(light, "#f59e0b");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -3693,6 +3735,8 @@ __export(components_exports, {
   VRTeleportAreaComponent: () => VRTeleportAreaComponent,
   VideoComponent: () => VideoComponent,
   XRInteractableComponent: () => XRInteractableComponent,
+  XRInteractorComponent: () => XRInteractorComponent,
+  XRInteractorSideComponent: () => XRInteractorSideComponent,
   XRRigComponent: () => XRRigComponent,
   defaultMaterialValue: () => defaultMaterialValue,
   normalizePhysicsState: () => normalizePhysicsState,
@@ -3752,7 +3796,7 @@ function createModel({
   payload,
   isEditor
 }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.Object3D();
   const modelPath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Model",
@@ -3818,12 +3862,12 @@ function createModel({
 }
 __name(createModel, "createModel");
 function createPlane({ world, scene, payload }) {
-  const geometry = new THREE38__namespace.PlaneGeometry(100, 100);
-  const material = new THREE38__namespace.MeshStandardMaterial({
+  const geometry = new THREE39__namespace.PlaneGeometry(100, 100);
+  const material = new THREE39__namespace.MeshStandardMaterial({
     color: "#ffffff",
-    side: THREE38__namespace.DoubleSide
+    side: THREE39__namespace.DoubleSide
   });
-  const mesh = new THREE38__namespace.Mesh(geometry, material);
+  const mesh = new THREE39__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(
     world,
     mesh,
@@ -3859,7 +3903,7 @@ function createScriptObject({
   scene,
   payload
 }) {
-  const object = new THREE38__namespace.Group();
+  const object = new THREE39__namespace.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Script Object",
     entityType: "scriptObject",
@@ -3884,15 +3928,15 @@ function createTeleportArea({
   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 THREE38__namespace.PlaneGeometry(width, depth);
-  const material = new THREE38__namespace.MeshBasicMaterial({
+  const geometry = new THREE39__namespace.PlaneGeometry(width, depth);
+  const material = new THREE39__namespace.MeshBasicMaterial({
     color: "#4da3ff",
     transparent: true,
     opacity: 0.18,
-    side: THREE38__namespace.DoubleSide,
+    side: THREE39__namespace.DoubleSide,
     depthWrite: false
   });
-  const object = new THREE38__namespace.Mesh(geometry, material);
+  const object = new THREE39__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Teleport Area",
     entityType: "teleportArea",
@@ -3915,12 +3959,40 @@ function createTeleportArea({
   return entityId;
 }
 __name(createTeleportArea, "createTeleportArea");
+function createXRInteractor({
+  world,
+  scene,
+  payload
+}) {
+  const root = new THREE39__namespace.Group();
+  const options = payload.options ?? {};
+  const entityId = createBaseEntity(world, root, {
+    label: payload.name ?? "XR Interactor",
+    entityType: "xrInteractor",
+    transformInput: payload.transform
+  });
+  world.addComponent(entityId, new XRInteractorComponent(options));
+  scene.add(root);
+  for (const side of ["left", "right"]) {
+    const slot = new THREE39__namespace.Group();
+    const label = side === "left" ? "Left Interactor" : "Right Interactor";
+    const slotEntityId = createBaseEntity(world, slot, {
+      label,
+      entityType: "empty",
+      parentId: entityId
+    });
+    world.addComponent(slotEntityId, new XRInteractorSideComponent({ side }));
+    scene.add(slot);
+  }
+  return entityId;
+}
+__name(createXRInteractor, "createXRInteractor");
 function createXRRig({
   world,
   scene,
   payload
 }) {
-  const object = new THREE38__namespace.Group();
+  const object = new THREE39__namespace.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "XR Rig",
     entityType: "xrRig",
@@ -3933,7 +4005,7 @@ function createXRRig({
 }
 __name(createXRRig, "createXRRig");
 function createSprite({ world, scene, payload }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Sprite",
@@ -3945,7 +4017,7 @@ function createSprite({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE38__namespace.TextureLoader();
+  const loader = new THREE39__namespace.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -3953,11 +4025,11 @@ function createSprite({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE38__namespace.SpriteMaterial({
+      const material = new THREE39__namespace.SpriteMaterial({
         map: texture,
         transparent: true
       });
-      const sprite = new THREE38__namespace.Sprite(material);
+      const sprite = new THREE39__namespace.Sprite(material);
       sprite.userData.entityId = entityId;
       const textureImage = texture.image;
       spriteComponent.width = textureImage?.width ?? 1;
@@ -3975,9 +4047,9 @@ function createSprite({ world, scene, payload }) {
 }
 __name(createSprite, "createSprite");
 function createSphere({ world, scene, payload }) {
-  const geometry = new THREE38__namespace.SphereGeometry(0.5, 24, 24);
-  const material = new THREE38__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE38__namespace.Mesh(geometry, material);
+  const geometry = new THREE39__namespace.SphereGeometry(0.5, 24, 24);
+  const material = new THREE39__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE39__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Sphere",
     entityType: "sphere",
@@ -3997,10 +4069,10 @@ function createSphere({ world, scene, payload }) {
 __name(createSphere, "createSphere");
 function getOrCreateListener2(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE38__namespace.AudioListener) {
+  if (existing instanceof THREE39__namespace.AudioListener) {
     return existing;
   }
-  const listener = new THREE38__namespace.AudioListener();
+  const listener = new THREE39__namespace.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -4050,10 +4122,10 @@ function normalizeOptions(input) {
 }
 __name(normalizeOptions, "normalizeOptions");
 function createChromaMaterial(texture, options) {
-  return new THREE38__namespace.ShaderMaterial({
+  return new THREE39__namespace.ShaderMaterial({
     uniforms: {
       tex: { value: texture },
-      keyColor: { value: new THREE38__namespace.Color(options.backgroundColor) },
+      keyColor: { value: new THREE39__namespace.Color(options.backgroundColor) },
       similarity: { value: options.similarity },
       smoothness: { value: options.smoothness },
       spill: { value: options.spill }
@@ -4085,22 +4157,22 @@ function createChromaMaterial(texture, options) {
       }
     `,
     transparent: true,
-    side: THREE38__namespace.DoubleSide
+    side: THREE39__namespace.DoubleSide
   });
 }
 __name(createChromaMaterial, "createChromaMaterial");
 function createStandardMaterial(texture) {
-  return new THREE38__namespace.MeshBasicMaterial({
+  return new THREE39__namespace.MeshBasicMaterial({
     map: texture,
     transparent: true,
-    side: THREE38__namespace.DoubleSide
+    side: THREE39__namespace.DoubleSide
   });
 }
 __name(createStandardMaterial, "createStandardMaterial");
 function createVideoMesh(entityId, texture, options) {
-  const geometry = new THREE38__namespace.PlaneGeometry(1, 1);
+  const geometry = new THREE39__namespace.PlaneGeometry(1, 1);
   const material = options.isGreenScreen ? createChromaMaterial(texture, options) : createStandardMaterial(texture);
-  const mesh = new THREE38__namespace.Mesh(geometry, material);
+  const mesh = new THREE39__namespace.Mesh(geometry, material);
   mesh.userData.entityId = entityId;
   mesh.scale.set(options.width, options.height, 1);
   return { mesh, material };
@@ -4135,7 +4207,7 @@ function createVideo({
   payload,
   isEditor
 }) {
-  const anchor = new THREE38__namespace.Object3D();
+  const anchor = new THREE39__namespace.Object3D();
   const path = payload.path ?? "";
   const options = normalizeOptions(payload.options);
   const entityId = createBaseEntity(world, anchor, {
@@ -4150,8 +4222,8 @@ function createVideo({
     return entityId;
   }
   const video = createVideoElement(path, options);
-  const texture = new THREE38__namespace.VideoTexture(video);
-  texture.colorSpace = THREE38__namespace.SRGBColorSpace;
+  const texture = new THREE39__namespace.VideoTexture(video);
+  texture.colorSpace = THREE39__namespace.SRGBColorSpace;
   texture.needsUpdate = true;
   const { mesh, material } = createVideoMesh(entityId, texture, options);
   anchor.add(mesh);
@@ -4167,7 +4239,7 @@ function createVideo({
   });
   if (!isEditor && options.positional) {
     const listener = getOrCreateListener2(camera);
-    const audioNode = new THREE38__namespace.PositionalAudio(listener);
+    const audioNode = new THREE39__namespace.PositionalAudio(listener);
     audioNode.setVolume(options.volume);
     audioNode.setRefDistance(options.refDistance);
     audioNode.setDistanceModel(normalizeDistanceModel2(options.distanceModel));
@@ -4208,6 +4280,7 @@ function registerDefaultFactories(objectManagementSystem) {
   objectManagementSystem.register("areaLight", createAreaLight);
   objectManagementSystem.register("scriptObject", createScriptObject);
   objectManagementSystem.register("xrRig", createXRRig);
+  objectManagementSystem.register("xrInteractor", createXRInteractor);
   objectManagementSystem.register("teleportArea", createTeleportArea);
   registerDefaultComponentFactories(objectManagementSystem);
 }
@@ -4350,6 +4423,14 @@ function buildComponentValueMaps(snapshot) {
       snapshot.components,
       "XRInteractableComponent"
     ),
+    xrInteractorValues: readByComponent(
+      snapshot.components,
+      "XRInteractorComponent"
+    ),
+    xrInteractorSideValues: readByComponent(
+      snapshot.components,
+      "XRInteractorSideComponent"
+    ),
     instancedMeshValues: readByComponent(snapshot.components, "InstancedMeshComponent"),
     instanceSlotValues: readByComponent(snapshot.components, "InstanceSlotComponent"),
     prefabNodeValues: readByComponent(snapshot.components, "PrefabNode"),
@@ -4536,6 +4617,60 @@ function restorePostCreateComponents(world, objectManagementSystem, targetEntity
       }
     }
   }
+  {
+    const sourceInteractor = asRecord3(
+      values.xrInteractorValues.get(sourceEntityId)
+    );
+    const interactor = world.getComponent(targetEntityId, XRInteractorComponent);
+    if (sourceInteractor && interactor) {
+      if (typeof sourceInteractor.interactorType === "string") {
+        interactor.interactorType = sourceInteractor.interactorType;
+      }
+      if (typeof sourceInteractor.handPreset === "string") {
+        interactor.handPreset = sourceInteractor.handPreset;
+      }
+      if (typeof sourceInteractor.handColor === "string") {
+        interactor.handColor = sourceInteractor.handColor;
+      }
+      if (typeof sourceInteractor.handOpacity === "number") {
+        interactor.handOpacity = sourceInteractor.handOpacity;
+      }
+      if (typeof sourceInteractor.handEmissiveIntensity === "number") {
+        interactor.handEmissiveIntensity = sourceInteractor.handEmissiveIntensity;
+      }
+      if (typeof sourceInteractor.showRay === "boolean") {
+        interactor.showRay = sourceInteractor.showRay;
+      }
+    }
+  }
+  {
+    const sourceSide = asRecord3(
+      values.xrInteractorSideValues.get(sourceEntityId)
+    );
+    if (sourceSide && typeof sourceSide.side === "string") {
+      const existing = world.getComponent(
+        targetEntityId,
+        XRInteractorSideComponent
+      );
+      if (existing) {
+        existing.side = sourceSide.side;
+      } else {
+        world.addComponent(
+          targetEntityId,
+          new XRInteractorSideComponent({
+            side: sourceSide.side
+          })
+        );
+      }
+    }
+  }
+  {
+    const sourceRigOrigin = asRecord3(values.xrRigValues.get(sourceEntityId));
+    const rigForOrigin = world.getComponent(targetEntityId, XRRigComponent);
+    if (sourceRigOrigin && rigForOrigin && typeof sourceRigOrigin.trackingOrigin === "string") {
+      rigForOrigin.trackingOrigin = sourceRigOrigin.trackingOrigin;
+    }
+  }
   {
     const imComponent = world.getComponent(targetEntityId, InstancedMeshComponent);
     if (imComponent && imComponent.instanceEntityIds.length > 0) {
@@ -5125,6 +5260,7 @@ var HYDRATABLE_ENTITY_KINDS = /* @__PURE__ */ new Set([
   "instanceSlot",
   "scriptObject",
   "xrRig",
+  "xrInteractor",
   "teleportArea"
 ]);
 
@@ -6229,7 +6365,7 @@ function transitionToClip(runtime, nextClipId, crossFadeDuration) {
 }
 __name(transitionToClip, "transitionToClip");
 function applyActionState(action, component, paused, shouldLoop) {
-  const loopMode = shouldLoop ? THREE38__namespace.LoopRepeat : THREE38__namespace.LoopOnce;
+  const loopMode = shouldLoop ? THREE39__namespace.LoopRepeat : THREE39__namespace.LoopOnce;
   const repetitions = shouldLoop ? Infinity : 1;
   action.setLoop(loopMode, repetitions);
   action.clampWhenFinished = !shouldLoop;
@@ -6402,7 +6538,7 @@ var _AnimationSystem = class _AnimationSystem {
         if (runtime) {
           stopAllActions(runtime);
         }
-        const mixer = new THREE38__namespace.AnimationMixer(root);
+        const mixer = new THREE39__namespace.AnimationMixer(root);
         const entries2 = readRuntimeClipEntries(animation);
         const indexedActions = createActions(mixer, entries2);
         runtime = {
@@ -6528,11 +6664,11 @@ function normalizeOrthoBounds(component) {
 }
 __name(normalizeOrthoBounds, "normalizeOrthoBounds");
 function isPerspectiveCamera(camera) {
-  return camera instanceof THREE38__namespace.PerspectiveCamera;
+  return camera instanceof THREE39__namespace.PerspectiveCamera;
 }
 __name(isPerspectiveCamera, "isPerspectiveCamera");
 function isOrthographicCamera(camera) {
-  return camera instanceof THREE38__namespace.OrthographicCamera;
+  return camera instanceof THREE39__namespace.OrthographicCamera;
 }
 __name(isOrthographicCamera, "isOrthographicCamera");
 function readWindowAspect() {
@@ -6586,7 +6722,7 @@ var _CameraSyncSystem = class _CameraSyncSystem {
         continue;
       }
       const camera = objectRef.object;
-      if (!(camera instanceof THREE38__namespace.Camera)) {
+      if (!(camera instanceof THREE39__namespace.Camera)) {
         continue;
       }
       if (xrCamera !== null && camera === xrCamera) {
@@ -6653,7 +6789,7 @@ var MIN_DENSITY = 0;
 function createGradientTexture(effect, colors) {
   if (typeof document === "undefined") {
     const pixel = new Uint8Array([30, 30, 30, 255]);
-    const fallback = new THREE38__namespace.DataTexture(pixel, 1, 1, THREE38__namespace.RGBAFormat);
+    const fallback = new THREE39__namespace.DataTexture(pixel, 1, 1, THREE39__namespace.RGBAFormat);
     fallback.needsUpdate = true;
     return fallback;
   }
@@ -6662,7 +6798,7 @@ function createGradientTexture(effect, colors) {
   canvas.height = 512;
   const context = canvas.getContext("2d");
   if (!context) {
-    const fallback = new THREE38__namespace.CanvasTexture(canvas);
+    const fallback = new THREE39__namespace.CanvasTexture(canvas);
     fallback.needsUpdate = true;
     return fallback;
   }
@@ -6690,15 +6826,15 @@ function createGradientTexture(effect, colors) {
     context.fillRect(0, 0, 512, 512);
     context.globalCompositeOperation = "source-over";
   }
-  const texture = new THREE38__namespace.CanvasTexture(canvas);
-  texture.colorSpace = THREE38__namespace.SRGBColorSpace;
+  const texture = new THREE39__namespace.CanvasTexture(canvas);
+  texture.colorSpace = THREE39__namespace.SRGBColorSpace;
   texture.needsUpdate = true;
   return texture;
 }
 __name(createGradientTexture, "createGradientTexture");
 var _EnvironmentSyncSystem = class _EnvironmentSyncSystem {
   constructor(scene) {
-    this.textureLoader = new THREE38__namespace.TextureLoader();
+    this.textureLoader = new THREE39__namespace.TextureLoader();
     this.signature = null;
     this.activeTexture = null;
     this.pendingImageUrl = null;
@@ -6721,7 +6857,7 @@ var _EnvironmentSyncSystem = class _EnvironmentSyncSystem {
     if (skybox.type === "color") {
       this.disposeActiveTexture();
       this.pendingImageUrl = null;
-      this.scene.background = new THREE38__namespace.Color(skybox.color || "#1e1e1e");
+      this.scene.background = new THREE39__namespace.Color(skybox.color || "#1e1e1e");
       return;
     }
     if (skybox.type === "gradient") {
@@ -6755,7 +6891,7 @@ var _EnvironmentSyncSystem = class _EnvironmentSyncSystem {
           texture.dispose();
           return;
         }
-        texture.colorSpace = THREE38__namespace.SRGBColorSpace;
+        texture.colorSpace = THREE39__namespace.SRGBColorSpace;
         this.activeTexture = texture;
         this.scene.background = texture;
       },
@@ -6774,16 +6910,16 @@ var _EnvironmentSyncSystem = class _EnvironmentSyncSystem {
       this.scene.fog = null;
       return;
     }
-    const fogColor = new THREE38__namespace.Color(fog.color || "#1e1e1e");
+    const fogColor = new THREE39__namespace.Color(fog.color || "#1e1e1e");
     if (fog.type === "linear") {
       const near = Number.isFinite(fog.linear.near) ? fog.linear.near : 1;
       const farCandidate = Number.isFinite(fog.linear.far) ? fog.linear.far : near + 10;
       const far = Math.max(near + MIN_FOG_DELTA, farCandidate);
-      this.scene.fog = new THREE38__namespace.Fog(fogColor, near, far);
+      this.scene.fog = new THREE39__namespace.Fog(fogColor, near, far);
       return;
     }
     const density = Number.isFinite(fog.exponential.density) ? Math.max(MIN_DENSITY, fog.exponential.density) : 2e-3;
-    this.scene.fog = new THREE38__namespace.FogExp2(fogColor, density);
+    this.scene.fog = new THREE39__namespace.FogExp2(fogColor, density);
   }
   update(world) {
     const entityIds = world.query(Environment);
@@ -6865,10 +7001,10 @@ var _PostprocessingSyncSystem = class _PostprocessingSyncSystem {
       );
     }
     if (values.bloom.enabled) {
-      const size = this.renderer.getSize(new THREE38__namespace.Vector2());
+      const size = this.renderer.getSize(new THREE39__namespace.Vector2());
       composer.addPass(
         new UnrealBloomPass_js.UnrealBloomPass(
-          new THREE38__namespace.Vector2(size.width, size.height),
+          new THREE39__namespace.Vector2(size.width, size.height),
           values.bloom.intensity,
           values.bloom.radius,
           values.bloom.threshold
@@ -6913,7 +7049,7 @@ var _PostprocessingSyncSystem = class _PostprocessingSyncSystem {
     if (values.dotScreen.enabled) {
       composer.addPass(
         new DotScreenPass_js.DotScreenPass(
-          new THREE38__namespace.Vector2(0, 0),
+          new THREE39__namespace.Vector2(0, 0),
           values.dotScreen.angle ?? values.dotScreen.dotScreenAngle,
           values.dotScreen.scale ?? values.dotScreen.dotScreenScale
         )
@@ -6987,7 +7123,7 @@ function computeColliderState(colliderValues, object) {
   if (!object) {
     return colliderValues;
   }
-  const scale = new THREE38__namespace.Vector3();
+  const scale = new THREE39__namespace.Vector3();
   object.getWorldScale(scale);
   return {
     ...colliderValues,
@@ -7038,8 +7174,8 @@ function createColliderDesc(RAPIER, values, triMeshData) {
     values.offsetPosition.y,
     values.offsetPosition.z
   );
-  const offsetQuaternion = new THREE38__namespace.Quaternion().setFromEuler(
-    new THREE38__namespace.Euler(
+  const offsetQuaternion = new THREE39__namespace.Quaternion().setFromEuler(
+    new THREE39__namespace.Euler(
       values.offsetRotation.x,
       values.offsetRotation.y,
       values.offsetRotation.z
@@ -7054,17 +7190,17 @@ function collectTriMeshParts(object) {
     return null;
   }
   object.updateWorldMatrix(true, true);
-  const worldScale = new THREE38__namespace.Vector3();
+  const worldScale = new THREE39__namespace.Vector3();
   object.getWorldScale(worldScale);
   const scale = {
     x: Math.abs(worldScale.x) || 1,
     y: Math.abs(worldScale.y) || 1,
     z: Math.abs(worldScale.z) || 1
   };
-  const worldToObject = new THREE38__namespace.Matrix4().copy(object.matrixWorld).invert();
+  const worldToObject = new THREE39__namespace.Matrix4().copy(object.matrixWorld).invert();
   const parts = [];
   object.traverse((child) => {
-    if (!(child instanceof THREE38__namespace.Mesh) || !child.geometry) {
+    if (!(child instanceof THREE39__namespace.Mesh) || !child.geometry) {
       return;
     }
     const geometry = child.geometry;
@@ -7081,7 +7217,7 @@ function collectTriMeshParts(object) {
     if (indexCount < 3) {
       return;
     }
-    const relativeMatrix = new THREE38__namespace.Matrix4().multiplyMatrices(
+    const relativeMatrix = new THREE39__namespace.Matrix4().multiplyMatrices(
       worldToObject,
       child.matrixWorld
     );
@@ -7122,7 +7258,7 @@ function createTriMeshData(collected) {
   }
   const vertices = new Float32Array(vertexTotal * 3);
   const indices = new Uint32Array(indexTotal);
-  const point = new THREE38__namespace.Vector3();
+  const point = new THREE39__namespace.Vector3();
   let vertexOffset = 0;
   let indexOffset = 0;
   for (const part of parts) {
@@ -7154,8 +7290,8 @@ function createTriMeshData(collected) {
 }
 __name(createTriMeshData, "createTriMeshData");
 function syncBodyFromTransform(body, transform) {
-  const quaternion = new THREE38__namespace.Quaternion().setFromEuler(
-    new THREE38__namespace.Euler(transform.rotation.x, transform.rotation.y, transform.rotation.z)
+  const quaternion = new THREE39__namespace.Quaternion().setFromEuler(
+    new THREE39__namespace.Euler(transform.rotation.x, transform.rotation.y, transform.rotation.z)
   );
   body.setTranslation(
     {
@@ -7182,8 +7318,8 @@ function syncTransformFromBody(transform, body) {
   transform.position.x = position.x;
   transform.position.y = position.y;
   transform.position.z = position.z;
-  const euler = new THREE38__namespace.Euler().setFromQuaternion(
-    new THREE38__namespace.Quaternion(rotation.x, rotation.y, rotation.z, rotation.w)
+  const euler = new THREE39__namespace.Euler().setFromQuaternion(
+    new THREE39__namespace.Quaternion(rotation.x, rotation.y, rotation.z, rotation.w)
   );
   transform.rotation.x = euler.x;
   transform.rotation.y = euler.y;
@@ -7295,8 +7431,8 @@ var _PhysicsSyncSystem = class _PhysicsSyncSystem {
           transform.position.y,
           transform.position.z
         );
-        const quaternion = new THREE38__namespace.Quaternion().setFromEuler(
-          new THREE38__namespace.Euler(
+        const quaternion = new THREE39__namespace.Quaternion().setFromEuler(
+          new THREE39__namespace.Euler(
             transform.rotation.x,
             transform.rotation.y,
             transform.rotation.z
@@ -7875,7 +8011,7 @@ function applyLightValues(lightComponent) {
       values.castShadow
     );
   }
-  if (light instanceof THREE38__namespace.PointLight) {
+  if (light instanceof THREE39__namespace.PointLight) {
     if (typeof values.distance === "number" && Number.isFinite(values.distance)) {
       light.distance = Math.max(MIN_LIGHT_DISTANCE, values.distance);
     }
@@ -7883,7 +8019,7 @@ function applyLightValues(lightComponent) {
       light.decay = Math.max(0, values.decay);
     }
   }
-  if (light instanceof THREE38__namespace.SpotLight) {
+  if (light instanceof THREE39__namespace.SpotLight) {
     if (typeof values.distance === "number" && Number.isFinite(values.distance)) {
       light.distance = Math.max(MIN_LIGHT_DISTANCE, values.distance);
     }
@@ -7897,7 +8033,7 @@ function applyLightValues(lightComponent) {
       light.penumbra = Math.max(0, Math.min(1, values.penumbra));
     }
   }
-  if (light instanceof THREE38__namespace.RectAreaLight) {
+  if (light instanceof THREE39__namespace.RectAreaLight) {
     if (typeof values.width === "number" && Number.isFinite(values.width)) {
       light.width = Math.max(MIN_AREA_SIZE, values.width);
     }
@@ -7958,15 +8094,15 @@ function resolveMaterialPropertyKey(key) {
 __name(resolveMaterialPropertyKey, "resolveMaterialPropertyKey");
 function createMaterialByType(type) {
   if (type === "basic") {
-    return new THREE38__namespace.MeshBasicMaterial();
+    return new THREE39__namespace.MeshBasicMaterial();
   }
   if (type === "phong") {
-    return new THREE38__namespace.MeshPhongMaterial();
+    return new THREE39__namespace.MeshPhongMaterial();
   }
   if (type === "physical") {
-    return new THREE38__namespace.MeshPhysicalMaterial();
+    return new THREE39__namespace.MeshPhysicalMaterial();
   }
-  return new THREE38__namespace.MeshStandardMaterial();
+  return new THREE39__namespace.MeshStandardMaterial();
 }
 __name(createMaterialByType, "createMaterialByType");
 function replaceMaterialAcrossObject(object, previous, next) {
@@ -8025,12 +8161,12 @@ function applyTextureFiltering(material, filtering) {
   const target = material;
   for (const slot of materialTextureSlots) {
     const texture = target[slot];
-    if (!texture || !(texture instanceof THREE38__namespace.Texture)) {
+    if (!texture || !(texture instanceof THREE39__namespace.Texture)) {
       continue;
     }
     const useMipmaps = texture.generateMipmaps !== false;
-    texture.magFilter = sharp ? THREE38__namespace.NearestFilter : THREE38__namespace.LinearFilter;
-    texture.minFilter = useMipmaps ? sharp ? THREE38__namespace.NearestMipmapNearestFilter : THREE38__namespace.LinearMipmapLinearFilter : sharp ? THREE38__namespace.NearestFilter : THREE38__namespace.LinearFilter;
+    texture.magFilter = sharp ? THREE39__namespace.NearestFilter : THREE39__namespace.LinearFilter;
+    texture.minFilter = useMipmaps ? sharp ? THREE39__namespace.NearestMipmapNearestFilter : THREE39__namespace.LinearMipmapLinearFilter : sharp ? THREE39__namespace.NearestFilter : THREE39__namespace.LinearFilter;
     texture.needsUpdate = true;
   }
   material.needsUpdate = true;
@@ -8040,12 +8176,12 @@ function setTextureMipmaps(material, enabled) {
   const target = material;
   for (const slot of materialTextureSlots) {
     const texture = target[slot];
-    if (!texture || !(texture instanceof THREE38__namespace.Texture)) {
+    if (!texture || !(texture instanceof THREE39__namespace.Texture)) {
       continue;
     }
     texture.generateMipmaps = enabled;
-    const sharp = texture.magFilter === THREE38__namespace.NearestFilter;
-    texture.minFilter = enabled ? sharp ? THREE38__namespace.NearestMipmapNearestFilter : THREE38__namespace.LinearMipmapLinearFilter : sharp ? THREE38__namespace.NearestFilter : THREE38__namespace.LinearFilter;
+    const sharp = texture.magFilter === THREE39__namespace.NearestFilter;
+    texture.minFilter = enabled ? sharp ? THREE39__namespace.NearestMipmapNearestFilter : THREE39__namespace.LinearMipmapLinearFilter : sharp ? THREE39__namespace.NearestFilter : THREE39__namespace.LinearFilter;
     texture.needsUpdate = true;
   }
   material.needsUpdate = true;
@@ -8056,7 +8192,7 @@ function assignMaterialTexture(material, rawKey, url, textureCache) {
   const key = resolveMaterialPropertyKey(rawKey);
   let texture = textureCache.get(url);
   if (!texture) {
-    texture = new THREE38__namespace.TextureLoader().load(url);
+    texture = new THREE39__namespace.TextureLoader().load(url);
     textureCache.set(url, texture);
   }
   target[key] = texture;
@@ -8094,7 +8230,7 @@ function applyMaterialState(material, value, textureCache) {
   }
   target.side = value.side;
   target.blending = value.blending;
-  target.premultipliedAlpha = value.blending === THREE38__namespace.MultiplyBlending || value.blending === THREE38__namespace.SubtractiveBlending;
+  target.premultipliedAlpha = value.blending === THREE39__namespace.MultiplyBlending || value.blending === THREE39__namespace.SubtractiveBlending;
   target.depthTest = value.depthTest;
   target.depthWrite = value.depthWrite;
   target.wireframe = value.wireframe;
@@ -8255,12 +8391,12 @@ function resolvePrimaryMesh(object) {
   if (!object) {
     return null;
   }
-  if (object instanceof THREE38__namespace.Mesh) {
+  if (object instanceof THREE39__namespace.Mesh) {
     return object;
   }
   let found = null;
   object.traverse((child) => {
-    if (!found && child instanceof THREE38__namespace.Mesh) {
+    if (!found && child instanceof THREE39__namespace.Mesh) {
       found = child;
     }
   });
@@ -8281,22 +8417,22 @@ function applyGeometry(component) {
   switch (component.kind) {
     case "cube": {
       const params = sanitized;
-      nextGeometry = new THREE38__namespace.BoxGeometry(params.width, params.height, params.depth);
+      nextGeometry = new THREE39__namespace.BoxGeometry(params.width, params.height, params.depth);
       break;
     }
     case "plane": {
       const params = sanitized;
-      nextGeometry = new THREE38__namespace.PlaneGeometry(params.width, params.height);
+      nextGeometry = new THREE39__namespace.PlaneGeometry(params.width, params.height);
       break;
     }
     case "sphere": {
       const params = sanitized;
-      nextGeometry = new THREE38__namespace.SphereGeometry(params.radius, 24, 24);
+      nextGeometry = new THREE39__namespace.SphereGeometry(params.radius, 24, 24);
       break;
     }
     case "cylinder": {
       const params = sanitized;
-      nextGeometry = new THREE38__namespace.CylinderGeometry(
+      nextGeometry = new THREE39__namespace.CylinderGeometry(
         params.radius,
         params.radius,
         params.height,
@@ -8306,7 +8442,7 @@ function applyGeometry(component) {
     }
     case "capsule": {
       const params = sanitized;
-      nextGeometry = new THREE38__namespace.CapsuleGeometry(params.radius, params.height, 4, 8);
+      nextGeometry = new THREE39__namespace.CapsuleGeometry(params.radius, params.height, 4, 8);
       break;
     }
     default:
@@ -8322,7 +8458,7 @@ function applyShadowFlags(component) {
     return;
   }
   component.object.traverse((child) => {
-    if (child instanceof THREE38__namespace.Mesh) {
+    if (child instanceof THREE39__namespace.Mesh) {
       child.castShadow = component.castShadow;
       child.receiveShadow = component.receiveShadow;
     }
@@ -8405,35 +8541,35 @@ function buildGeometry(component) {
   switch (component.meshKind) {
     case "cube": {
       const params = p;
-      return new THREE38__namespace.BoxGeometry(params.width, params.height, params.depth);
+      return new THREE39__namespace.BoxGeometry(params.width, params.height, params.depth);
     }
     case "plane": {
       const params = p;
-      return new THREE38__namespace.PlaneGeometry(params.width, params.height);
+      return new THREE39__namespace.PlaneGeometry(params.width, params.height);
     }
     case "sphere": {
       const params = p;
-      return new THREE38__namespace.SphereGeometry(params.radius, 24, 24);
+      return new THREE39__namespace.SphereGeometry(params.radius, 24, 24);
     }
     case "cylinder": {
       const params = p;
-      return new THREE38__namespace.CylinderGeometry(params.radius, params.radius, params.height, 20);
+      return new THREE39__namespace.CylinderGeometry(params.radius, params.radius, params.height, 20);
     }
     case "capsule": {
       const params = p;
-      return new THREE38__namespace.CapsuleGeometry(params.radius, params.height, 4, 8);
+      return new THREE39__namespace.CapsuleGeometry(params.radius, params.height, 4, 8);
     }
     default:
-      return new THREE38__namespace.BoxGeometry(1, 1, 1);
+      return new THREE39__namespace.BoxGeometry(1, 1, 1);
   }
 }
 __name(buildGeometry, "buildGeometry");
-var _position = new THREE38__namespace.Vector3();
-var _quaternion = new THREE38__namespace.Quaternion();
-var _euler = new THREE38__namespace.Euler();
-var _scale = new THREE38__namespace.Vector3();
-var _matrix = new THREE38__namespace.Matrix4();
-var _modelMatrix = new THREE38__namespace.Matrix4();
+var _position = new THREE39__namespace.Vector3();
+var _quaternion = new THREE39__namespace.Quaternion();
+var _euler = new THREE39__namespace.Euler();
+var _scale = new THREE39__namespace.Vector3();
+var _matrix = new THREE39__namespace.Matrix4();
+var _modelMatrix = new THREE39__namespace.Matrix4();
 function instanceTransformFromComponent(transform, out) {
   _position.set(transform.position.x, transform.position.y, transform.position.z);
   _euler.set(transform.rotation.x, transform.rotation.y, transform.rotation.z, "XYZ");
@@ -8586,7 +8722,7 @@ var _InstancedMeshSystem = class _InstancedMeshSystem {
                 const sourceMaterial = Array.isArray(meshChild.material) ? meshChild.material.map((m) => m.clone()) : meshChild.material.clone();
                 meshChild.updateWorldMatrix(true, false);
                 const localMatrix = meshChild.matrixWorld.clone();
-                const instancedMesh2 = new THREE38__namespace.InstancedMesh(
+                const instancedMesh2 = new THREE39__namespace.InstancedMesh(
                   geometry2,
                   Array.isArray(sourceMaterial) ? sourceMaterial : sourceMaterial,
                   count2
@@ -8611,7 +8747,7 @@ var _InstancedMeshSystem = class _InstancedMeshSystem {
                 this.loadingSignatures.delete(targetEntityId);
                 return;
               }
-              const group = new THREE38__namespace.Group();
+              const group = new THREE39__namespace.Group();
               for (const entry of entries) {
                 group.add(entry.instancedMesh);
               }
@@ -8629,8 +8765,8 @@ var _InstancedMeshSystem = class _InstancedMeshSystem {
         }
         const count = instanceCount;
         const geometry = buildGeometry(comp);
-        const material = new THREE38__namespace.MeshStandardMaterial({ color: "#ffffff" });
-        const instancedMesh = new THREE38__namespace.InstancedMesh(geometry, material, count);
+        const material = new THREE39__namespace.MeshStandardMaterial({ color: "#ffffff" });
+        const instancedMesh = new THREE39__namespace.InstancedMesh(geometry, material, count);
         instancedMesh.castShadow = comp.castShadow;
         instancedMesh.receiveShadow = comp.receiveShadow;
         for (let i = 0; i < count; i++) {
@@ -8813,7 +8949,7 @@ var _Behaviour = class _Behaviour {
     if (!this.threeRef) {
       return null;
     }
-    const position = new THREE38__namespace.Vector3();
+    const position = new THREE39__namespace.Vector3();
     this.threeRef.object.getWorldPosition(position);
     return position;
   }
@@ -8825,7 +8961,7 @@ var _Behaviour = class _Behaviour {
     if (!this.threeRef) {
       return null;
     }
-    const target = new THREE38__namespace.Vector3();
+    const target = new THREE39__namespace.Vector3();
     this.threeRef.object.getWorldDirection(target);
     return target;
   }
@@ -8887,7 +9023,7 @@ var _Behaviour = class _Behaviour {
     if (!this.threeRef) {
       return;
     }
-    const rotation = new THREE38__namespace.Quaternion();
+    const rotation = new THREE39__namespace.Quaternion();
     this.threeRef.object.getWorldQuaternion(rotation);
     rotation.slerp(targetRotation, alpha);
     this.transform.setRotation(rotation);
@@ -8904,7 +9040,7 @@ var _Behaviour = class _Behaviour {
       return;
     }
     const clone3 = this.threeRef.object.clone();
-    const rotation = new THREE38__namespace.Quaternion();
+    const rotation = new THREE39__namespace.Quaternion();
     clone3.lookAt(targetPosition);
     clone3.getWorldQuaternion(rotation);
     this.transform.setRotation(rotation);
@@ -9248,8 +9384,8 @@ var _ScriptBehaviourSystem = class _ScriptBehaviourSystem {
     }, "onPointerUp");
     this.moduleLoader = moduleLoader ?? defaultModuleLoader;
     this.selectionCtx = selectionContext ?? null;
-    this.raycaster = new THREE38__namespace.Raycaster();
-    this.ndcPointer = new THREE38__namespace.Vector2();
+    this.raycaster = new THREE39__namespace.Raycaster();
+    this.ndcPointer = new THREE39__namespace.Vector2();
     if (this.selectionCtx) {
       this.selectionCtx.domElement.addEventListener("pointerdown", this.onPointerDown);
       this.selectionCtx.domElement.addEventListener("pointerup", this.onPointerUp);
@@ -9628,7 +9764,7 @@ function disposeBuiltObject(root) {
     for (const mat of materials) {
       if (mat.userData?.[SHARED_MODEL_RESOURCE_FLAG]) continue;
       for (const value of Object.values(mat)) {
-        if (value instanceof THREE38__namespace.Texture) value.dispose();
+        if (value instanceof THREE39__namespace.Texture) value.dispose();
       }
       mat.dispose?.();
     }
@@ -9992,7 +10128,7 @@ var _AudioSystem = class _AudioSystem {
     if (!prev || prev.volume !== opts.volume) {
       sound.setVolume(opts.volume);
     }
-    if (opts.positional && sound instanceof THREE38__namespace.PositionalAudio) {
+    if (opts.positional && sound instanceof THREE39__namespace.PositionalAudio) {
       if (!prev || prev.refDistance !== opts.refDistance) {
         sound.setRefDistance(opts.refDistance);
       }
@@ -10118,7 +10254,7 @@ var _VideoSystem = class _VideoSystem {
       component.object.scale.set(opts.width, opts.height, 1);
     }
     const material = component.material;
-    if (material instanceof THREE38__namespace.ShaderMaterial) {
+    if (material instanceof THREE39__namespace.ShaderMaterial) {
       if (!prev || prev.backgroundColor !== opts.backgroundColor) {
         material.uniforms.keyColor.value.set(opts.backgroundColor);
       }
@@ -10132,7 +10268,7 @@ var _VideoSystem = class _VideoSystem {
         material.uniforms.spill.value = opts.spill;
       }
     }
-    if (opts.positional && component.audioNode instanceof THREE38__namespace.PositionalAudio) {
+    if (opts.positional && component.audioNode instanceof THREE39__namespace.PositionalAudio) {
       const posAudio = component.audioNode;
       if (!prev || prev.refDistance !== opts.refDistance) {
         posAudio.setRefDistance(opts.refDistance);
@@ -10172,8 +10308,8 @@ function blankState(source) {
     handedness: handednessOf(source),
     kind: kindOf(source),
     connected: true,
-    rayOrigin: new THREE38__namespace.Vector3(),
-    rayDirection: new THREE38__namespace.Vector3(0, 0, -1),
+    rayOrigin: new THREE39__namespace.Vector3(),
+    rayDirection: new THREE39__namespace.Vector3(0, 0, -1),
     gripPosition: null,
     gripQuaternion: null,
     select: false,
@@ -10280,19 +10416,19 @@ var _XRInputSystem = class _XRInputSystem {
       if (frame && referenceSpace && source.targetRaySpace) {
         const pose = frame.getPose(source.targetRaySpace, referenceSpace);
         if (pose) {
-          const m = new THREE38__namespace.Matrix4().fromArray(pose.transform.matrix);
+          const m = new THREE39__namespace.Matrix4().fromArray(pose.transform.matrix);
           state.rayOrigin.setFromMatrixPosition(m);
           state.rayDirection.set(0, 0, -1).applyQuaternion(
-            new THREE38__namespace.Quaternion().setFromRotationMatrix(m)
+            new THREE39__namespace.Quaternion().setFromRotationMatrix(m)
           ).normalize();
         }
       }
       if (frame && referenceSpace && source.gripSpace) {
         const gripPose = frame.getPose(source.gripSpace, referenceSpace);
         if (gripPose) {
-          const m = new THREE38__namespace.Matrix4().fromArray(gripPose.transform.matrix);
-          state.gripPosition ?? (state.gripPosition = new THREE38__namespace.Vector3());
-          state.gripQuaternion ?? (state.gripQuaternion = new THREE38__namespace.Quaternion());
+          const m = new THREE39__namespace.Matrix4().fromArray(gripPose.transform.matrix);
+          state.gripPosition ?? (state.gripPosition = new THREE39__namespace.Vector3());
+          state.gripQuaternion ?? (state.gripQuaternion = new THREE39__namespace.Quaternion());
           state.gripPosition.setFromMatrixPosition(m);
           state.gripQuaternion.setFromRotationMatrix(m);
         }
@@ -10310,6 +10446,9 @@ var _XRInputSystem = class _XRInputSystem {
         state.hasAxes = false;
         state.buttons = [];
       }
+    }
+    for (const record of this.records.values()) {
+      const state = record.state;
       if (record.pendingSelectStart) {
         state.select = true;
         state.selectStart = true;
@@ -10364,7 +10503,7 @@ var XRInputSystem = _XRInputSystem;
 var RAYLESS_HOLD_DISTANCE = 0.5;
 var _XRInteractionSystem = class _XRInteractionSystem {
   constructor(inputSystem) {
-    this.raycaster = new THREE38__namespace.Raycaster();
+    this.raycaster = new THREE39__namespace.Raycaster();
     /** Which entity each source is holding. Keyed by source state identity. */
     this.grabs = /* @__PURE__ */ new Map();
     this.hoveredEntityId = null;
@@ -10434,7 +10573,7 @@ var _XRInteractionSystem = class _XRInteractionSystem {
     const transform = world.getComponent(entityId, TransformComponent);
     if (!transform) return;
     const hand = this.handPosition(input);
-    const offset = new THREE38__namespace.Vector3(
+    const offset = new THREE39__namespace.Vector3(
       transform.position.x - hand.x,
       transform.position.y - hand.y,
       transform.position.z - hand.z
@@ -10481,7 +10620,7 @@ var _XRInteractionSystem = class _XRInteractionSystem {
    */
   handPosition(input) {
     if (input.gripPosition) return input.gripPosition;
-    return new THREE38__namespace.Vector3().copy(input.rayDirection).multiplyScalar(RAYLESS_HOLD_DISTANCE).add(input.rayOrigin);
+    return new THREE39__namespace.Vector3().copy(input.rayDirection).multiplyScalar(RAYLESS_HOLD_DISTANCE).add(input.rayOrigin);
   }
   dispatch(world, entityId, visit) {
     const script = world.getComponent(entityId, ScriptComponent);
@@ -10521,7 +10660,7 @@ function sampleTeleportArc(origin, direction, out = [], options) {
   for (let i = 0; i < steps; i += 1) {
     const t = i / (steps - 1) * maxTime;
     out.push(
-      new THREE38__namespace.Vector3(
+      new THREE39__namespace.Vector3(
         origin.x + velocity.x * t,
         origin.y + velocity.y * t - 0.5 * gravity * t * t,
         origin.z + velocity.z * t
@@ -10538,7 +10677,7 @@ function arcGroundCrossing(points, groundY) {
     if (previous.y >= groundY && current.y <= groundY) {
       const span = previous.y - current.y;
       const alpha = span > 1e-6 ? (previous.y - groundY) / span : 0;
-      return new THREE38__namespace.Vector3().lerpVectors(previous, current, alpha);
+      return new THREE39__namespace.Vector3().lerpVectors(previous, current, alpha);
     }
   }
   return null;
@@ -10546,11 +10685,11 @@ function arcGroundCrossing(points, groundY) {
 __name(arcGroundCrossing, "arcGroundCrossing");
 
 // core/systems/XRLocomotionSystem.ts
-var UP = new THREE38__namespace.Vector3(0, 1, 0);
+var UP = new THREE39__namespace.Vector3(0, 1, 0);
 var AXIS_DEADZONE = 0.5;
 var _XRLocomotionSystem = class _XRLocomotionSystem {
   constructor(inputSystem) {
-    this.raycaster = new THREE38__namespace.Raycaster();
+    this.raycaster = new THREE39__namespace.Raycaster();
     /** Per-source latch so one stick push yields exactly one snap turn. */
     this.turnLatched = /* @__PURE__ */ new WeakSet();
     /** Reused arc buffer — aiming runs every frame. */
@@ -10558,6 +10697,10 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
     /** Curve up to the landing point, for the visual system. Empty when not aiming. */
     this.aimCurve = [];
     this.landingPoint = null;
+    /** True when the current aim lands somewhere the player may actually stand. */
+    this.aimValid = false;
+    /** Sources currently aiming via thumbstick (hysteresis, so it doesn't chatter). */
+    this.stickAiming = /* @__PURE__ */ new WeakSet();
     /** True once we've tried to self-heal camera parenting for this session. */
     this.parentingChecked = false;
     this.inputSystem = inputSystem;
@@ -10565,6 +10708,7 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
   update(world, deltaTime) {
     this.aimCurve = [];
     this.landingPoint = null;
+    this.aimValid = false;
     if (!world.isXrPresenting()) {
       this.parentingChecked = false;
       return;
@@ -10572,6 +10716,7 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
     if (!this.parentingChecked) {
       this.parentingChecked = true;
       this.ensureCameraUnderRig(world);
+      this.warnOnIncompleteSetup(world);
     }
     const rigEntityId = world.query(XRRigComponent, TransformComponent)[0];
     if (typeof rigEntityId !== "number") return;
@@ -10589,6 +10734,26 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
       this.applySmoothMove(world, rig, rigTransform, inputs, deltaTime);
     }
   }
+  /**
+   * Name what is missing, once per session.
+   *
+   * Inside a headset there is no console and no inspector, so a scene that
+   * simply cannot move gives the author nothing to go on. These messages are
+   * visible over remote debugging and say exactly which entity to add.
+   */
+  warnOnIncompleteSetup(world) {
+    if (typeof world.query(XRRigComponent)[0] !== "number") {
+      console.warn(
+        "[XRLocomotion] No XR Rig in this scene \u2014 the player cannot move. Add one via Add Object \u2192 VR \u2192 XR Rig (the scene camera is parented to it automatically)."
+      );
+      return;
+    }
+    if (world.query(VRTeleportAreaComponent).length === 0) {
+      console.warn(
+        "[XRLocomotion] No Teleport Area in this scene \u2014 teleport has nowhere to land. Add one via Add Object \u2192 VR \u2192 Teleport Area, or add a Teleport Area component to an existing floor."
+      );
+    }
+  }
   /**
    * Guarantee the render camera is a CHILD of the rig.
    *
@@ -10633,7 +10798,7 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
       }
       if (this.turnLatched.has(source)) continue;
       this.turnLatched.add(source);
-      transform.rotation.y -= Math.sign(x) * THREE38__namespace.MathUtils.degToRad(rig.snapTurnDegrees);
+      transform.rotation.y -= Math.sign(x) * THREE39__namespace.MathUtils.degToRad(rig.snapTurnDegrees);
     }
   }
   applySmoothMove(world, rig, transform, inputs, deltaTime) {
@@ -10643,12 +10808,12 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
       const y = input.axes[1] ?? 0;
       if (Math.abs(x) < 0.15 && Math.abs(y) < 0.15) continue;
       const camera = world.getCamera();
-      const forward = new THREE38__namespace.Vector3();
+      const forward = new THREE39__namespace.Vector3();
       camera.getWorldDirection(forward);
       forward.y = 0;
       if (forward.lengthSq() < 1e-6) continue;
       forward.normalize();
-      const right = new THREE38__namespace.Vector3().crossVectors(forward, UP).normalize();
+      const right = new THREE39__namespace.Vector3().crossVectors(forward, UP).normalize();
       const step = rig.moveSpeed * Math.max(0, deltaTime);
       transform.position.x += (forward.x * -y + right.x * x) * step;
       transform.position.z += (forward.z * -y + right.z * x) * step;
@@ -10656,33 +10821,64 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
   }
   applyTeleport(world, transform, inputs) {
     const targets = this.collectTeleportTargets(world);
-    if (targets.length === 0) return;
     for (const input of inputs) {
-      if (!input.select && !input.selectEnd) continue;
+      const source = input;
+      const stick = this.readStickAim(input, source);
+      const aiming = input.select || stick.aiming;
+      const commit = input.selectEnd || stick.released;
+      if (!aiming && !commit) continue;
       const points = sampleTeleportArc(
         input.rayOrigin,
         input.rayDirection,
         this.arcPoints
       );
       const hit = this.raycastArc(points, targets);
-      if (!hit) continue;
-      this.landingPoint = hit.point;
-      this.aimCurve = points.slice(0, hit.segmentIndex + 1).concat(hit.point);
-      if (input.selectEnd) {
+      this.aimCurve = hit ? points.slice(0, hit.segmentIndex + 1).concat(hit.point) : points.slice();
+      this.landingPoint = hit ? hit.point : null;
+      this.aimValid = hit !== null;
+      if (commit && hit) {
         transform.position.x = hit.point.x;
         transform.position.y = hit.point.y;
         transform.position.z = hit.point.z;
         this.aimCurve = [];
         this.landingPoint = null;
+        this.aimValid = false;
+      } else if (commit) {
+        this.aimCurve = [];
+        this.aimValid = false;
       }
     }
   }
+  /**
+   * Thumbstick-forward aiming with hysteresis.
+   *
+   * Engaging at 0.6 and releasing at 0.3 stops a stick resting near the
+   * threshold from flickering the arc on and off — and the release edge is what
+   * commits the teleport, so chatter there would teleport the player randomly.
+   */
+  readStickAim(input, source) {
+    if (!input.hasAxes || input.axes.length < 4) {
+      return { aiming: false, released: false };
+    }
+    const forward = -(input.axes[3] ?? 0);
+    const wasAiming = this.stickAiming.has(source);
+    if (!wasAiming && forward > 0.6) {
+      this.stickAiming.add(source);
+      return { aiming: true, released: false };
+    }
+    if (wasAiming && forward < 0.3) {
+      this.stickAiming.delete(source);
+      return { aiming: false, released: true };
+    }
+    return { aiming: wasAiming, released: false };
+  }
   /** Walk the arc segment-by-segment, returning the first surface hit. */
   raycastArc(points, targets) {
+    if (targets.length === 0) return null;
     for (let i = 1; i < points.length; i += 1) {
       const from = points[i - 1];
       const to = points[i];
-      const delta = new THREE38__namespace.Vector3().subVectors(to, from);
+      const delta = new THREE39__namespace.Vector3().subVectors(to, from);
       const distance = delta.length();
       if (distance < 1e-6) continue;
       this.raycaster.set(from, delta.divideScalar(distance));
@@ -10709,6 +10905,10 @@ var _XRLocomotionSystem = class _XRLocomotionSystem {
   getAimCurve() {
     return this.aimCurve;
   }
+  /** True when the aim lands on a valid teleport area. */
+  isAimValid() {
+    return this.aimValid;
+  }
   /** Where the arc currently lands, or null when not aiming at a valid area. */
   getLandingPoint() {
     return this.landingPoint;
@@ -10751,6 +10951,8 @@ var _XRSessionSystem = class _XRSessionSystem {
   constructor(inputSystem) {
     this.presenting = false;
     this.capabilities = NO_XR_CAPABILITIES;
+    /** Y compensation applied when a floor-relative space was requested but not granted. */
+    this.appliedOriginOffset = 0;
     this.inputSystem = inputSystem ?? null;
   }
   update(world) {
@@ -10774,11 +10976,59 @@ var _XRSessionSystem = class _XRSessionSystem {
     if (session && this.inputSystem) {
       this.inputSystem.attachSession(session);
     }
+    this.applyTrackingOrigin(world, session ?? null);
     this.forEachBehaviour(world, (behaviour) => {
       behaviour.onXRSessionStart(this.capabilities);
     });
   }
+  /**
+   * Apply the rig's authored tracking origin, and compensate when the device
+   * cannot honour it.
+   *
+   * `floor` (`local-floor`) puts Y=0 on the user's real floor, which is what a
+   * scene authored standing on the ground expects. `eye` (`local`) puts Y=0 at
+   * the headset, for seated experiences.
+   *
+   * The compensation matters: `local-floor` is only ever REQUESTED as an
+   * optional feature (requiring it would make `requestSession` reject outright
+   * on devices that lack it). When it isn't granted, the runtime silently falls
+   * back to `local` — the origin jumps to head height and a floor-authored
+   * scene swallows the user, which is exactly the "I'm standing under the
+   * building" symptom. Offsetting the rig down by the eye height restores the
+   * intended floor relationship instead of leaving it broken.
+   */
+  applyTrackingOrigin(world, session) {
+    const rigEntityId = world.query(XRRigComponent, TransformComponent)[0];
+    if (typeof rigEntityId !== "number") return;
+    const rig = world.getComponent(rigEntityId, XRRigComponent);
+    const transform = world.getComponent(rigEntityId, TransformComponent);
+    if (!rig || !transform) return;
+    const renderer = world.getRenderer();
+    const wantsFloor = rig.trackingOrigin === "floor";
+    try {
+      renderer.xr.setReferenceSpaceType(wantsFloor ? "local-floor" : "local");
+    } catch {
+    }
+    const granted = session?.enabledFeatures;
+    const floorGranted = Array.isArray(granted) ? granted.includes("local-floor") : (
+      // No report at all: trust the request, since a wrong offset is worse
+      // than none on devices that did honour it.
+      true
+    );
+    this.appliedOriginOffset = wantsFloor && !floorGranted ? rig.fallbackEyeHeight : 0;
+    if (this.appliedOriginOffset !== 0) {
+      transform.position.y -= this.appliedOriginOffset;
+    }
+  }
   handleSessionEnd(world) {
+    if (this.appliedOriginOffset !== 0) {
+      const rigEntityId = world.query(XRRigComponent, TransformComponent)[0];
+      if (typeof rigEntityId === "number") {
+        const transform = world.getComponent(rigEntityId, TransformComponent);
+        if (transform) transform.position.y += this.appliedOriginOffset;
+      }
+      this.appliedOriginOffset = 0;
+    }
     this.capabilities = NO_XR_CAPABILITIES;
     this.inputSystem?.detachSession();
     this.forEachBehaviour(world, (behaviour) => {
@@ -10836,9 +11086,9 @@ var XRSessionSystem = _XRSessionSystem;
 function buildGeometry2(area) {
   if (area.shape === "circle") {
     const radius = Math.max(5e-3, area.width / 2);
-    return new THREE38__namespace.CircleGeometry(radius, 48);
+    return new THREE39__namespace.CircleGeometry(radius, 48);
   }
-  return new THREE38__namespace.PlaneGeometry(
+  return new THREE39__namespace.PlaneGeometry(
     Math.max(0.01, area.width),
     Math.max(0.01, area.depth)
   );
@@ -10861,7 +11111,7 @@ var _VRTeleportAreaSystem = class _VRTeleportAreaSystem {
     for (const entityId of entityIds) {
       const area = world.getComponent(entityId, VRTeleportAreaComponent);
       const object = world.getComponent(entityId, Object3DRef)?.object;
-      if (!area || !(object instanceof THREE38__namespace.Mesh)) continue;
+      if (!area || !(object instanceof THREE39__namespace.Mesh)) continue;
       const signature = signatureOf(area);
       if (this.signatures.get(entityId) === signature) continue;
       this.signatures.set(entityId, signature);
@@ -10872,17 +11122,74 @@ var _VRTeleportAreaSystem = class _VRTeleportAreaSystem {
 };
 __name(_VRTeleportAreaSystem, "VRTeleportAreaSystem");
 var VRTeleportAreaSystem = _VRTeleportAreaSystem;
+function createHandMaterial(preset, options) {
+  const color = new THREE39__namespace.Color(options.color);
+  switch (preset) {
+    case "ghost":
+      return new THREE39__namespace.MeshBasicMaterial({
+        color,
+        transparent: true,
+        opacity: Math.min(1, Math.max(0.05, options.opacity * 0.45)),
+        depthWrite: false,
+        side: THREE39__namespace.DoubleSide
+      });
+    case "neon":
+      return new THREE39__namespace.MeshStandardMaterial({
+        color,
+        emissive: color,
+        emissiveIntensity: Math.max(0.5, options.emissiveIntensity || 2),
+        roughness: 0.35,
+        metalness: 0,
+        transparent: options.opacity < 1,
+        opacity: options.opacity
+      });
+    case "skeleton":
+      return new THREE39__namespace.MeshBasicMaterial({
+        color,
+        wireframe: true,
+        transparent: true,
+        opacity: options.opacity
+      });
+    case "custom":
+    case "default":
+      return new THREE39__namespace.MeshStandardMaterial({
+        color,
+        roughness: 0.85,
+        metalness: 0,
+        emissive: color,
+        emissiveIntensity: Math.max(0, options.emissiveIntensity),
+        transparent: options.opacity < 1,
+        opacity: options.opacity,
+        side: THREE39__namespace.DoubleSide
+      });
+    default: {
+      return new THREE39__namespace.MeshStandardMaterial({ color });
+    }
+  }
+}
+__name(createHandMaterial, "createHandMaterial");
+function applyHandMaterial(root, material) {
+  root.traverse((child) => {
+    const mesh = child;
+    if (!mesh.isMesh) return;
+    mesh.material = material;
+  });
+}
+__name(applyHandMaterial, "applyHandMaterial");
+var SLOTS = [
+  { index: 0, side: "left" },
+  { index: 1, side: "right" }
+];
 var _XRControllerVisualSystem = class _XRControllerVisualSystem {
   constructor(options) {
     this.controllerModelFactory = new XRControllerModelFactory_js.XRControllerModelFactory();
     this.handModelFactory = new XRHandModelFactory_js.XRHandModelFactory();
-    this.group = new THREE38__namespace.Group();
-    this.built = false;
+    this.group = new THREE39__namespace.Group();
+    this.slots = /* @__PURE__ */ new Map();
     this.attachedTo = null;
-    /** Index → whether we've already attached visuals for that slot. */
-    this.ready = /* @__PURE__ */ new Set();
-    this.rays = [];
-    this.slots = options?.slots ?? 2;
+    /** Last applied preset signature, so materials rebuild only on real change. */
+    this.handStyleSignature = "";
+    this.handMaterial = null;
     this.interactionSystem = options?.interactionSystem ?? null;
     this.group.name = "XRControllerVisuals";
     this.group.userData.ecsPreviewHidden = true;
@@ -10891,39 +11198,111 @@ var _XRControllerVisualSystem = class _XRControllerVisualSystem {
     const renderer = world.getRenderer();
     if (!renderer.xr?.enabled) return;
     this.ensureAttached(world);
-    this.updateRayVisibility();
-    if (this.built) return;
-    for (let index = 0; index < this.slots; index += 1) {
-      if (this.ready.has(index)) continue;
+    this.ensureSlots(world);
+    const interactor = this.resolveInteractor(world);
+    const type = interactor?.interactorType ?? "both";
+    const showControllers = type === "controllers" || type === "both";
+    const showHands = type === "hands" || type === "both";
+    this.syncHandMaterial(interactor);
+    for (const { index, side } of SLOTS) {
+      const visuals = this.slots.get(index);
+      if (!visuals) continue;
+      visuals.controllerModel.visible = showControllers;
+      visuals.handModel.visible = showHands;
+      visuals.ray.visible = this.shouldShowRay(interactor);
+      if (showHands && this.handMaterial) {
+        applyHandMaterial(visuals.handModel, this.handMaterial);
+      }
+      this.syncCustomContent(world, visuals, side);
+    }
+  }
+  /** The scene's interactor config, if one was authored. */
+  resolveInteractor(world) {
+    const entityId = world.query(XRInteractorComponent)[0];
+    if (typeof entityId !== "number") return null;
+    return world.getComponent(entityId, XRInteractorComponent) ?? null;
+  }
+  /**
+   * Re-parent the author's left/right interactor content onto the tracked grip
+   * space so it follows the hand.
+   *
+   * `ObjectManagementSystem` reconciles ECS objects back under their ParentId
+   * every frame, so this re-attach has to be re-asserted — the same coexistence
+   * dance the AR anchor system performs.
+   */
+  syncCustomContent(world, visuals, side) {
+    let content = null;
+    for (const entityId of world.query(
+      XRInteractorSideComponent,
+      Object3DRef
+    )) {
+      const slot = world.getComponent(entityId, XRInteractorSideComponent);
+      if (slot?.side !== side) continue;
+      content = world.getComponent(entityId, Object3DRef)?.object ?? null;
+      break;
+    }
+    if (!content) {
+      visuals.attachedCustom = null;
+      return;
+    }
+    if (content.parent !== visuals.grip) {
+      visuals.grip.add(content);
+    }
+    visuals.attachedCustom = content;
+  }
+  /** Rebuild the hand material only when the authored style actually changes. */
+  syncHandMaterial(interactor) {
+    const preset = interactor?.handPreset ?? "default";
+    const color = interactor?.handColor ?? "#e8b48a";
+    const opacity = interactor?.handOpacity ?? 1;
+    const emissive = interactor?.handEmissiveIntensity ?? 0;
+    const signature = `${preset}:${color}:${opacity}:${emissive}`;
+    if (signature === this.handStyleSignature && this.handMaterial) return;
+    this.handStyleSignature = signature;
+    this.handMaterial?.dispose();
+    this.handMaterial = createHandMaterial(preset, {
+      color,
+      opacity,
+      emissiveIntensity: emissive
+    });
+  }
+  /**
+   * The ray is meaningful only when it points at something. Authors can turn it
+   * off entirely; otherwise it appears on hover/grab so it isn't permanent
+   * clutter implying the whole scene is clickable.
+   */
+  shouldShowRay(interactor) {
+    if (interactor && !interactor.showRay) return false;
+    if (!this.interactionSystem) return true;
+    return this.interactionSystem.getHoveredEntityId() !== null || this.interactionSystem.isGrabbing();
+  }
+  /** Lazily build per-slot visuals; the device reports profiles late. */
+  ensureSlots(world) {
+    const renderer = world.getRenderer();
+    for (const { index } of SLOTS) {
+      if (this.slots.has(index)) continue;
       const controller = renderer.xr.getController(index);
       const grip = renderer.xr.getControllerGrip(index);
       const hand = renderer.xr.getHand(index);
       if (!controller || !grip || !hand) continue;
       const ray = this.createRay();
-      this.rays.push(ray);
       controller.add(ray);
-      this.group.add(controller);
-      grip.add(this.controllerModelFactory.createControllerModel(grip));
-      this.group.add(grip);
-      hand.add(this.handModelFactory.createHandModel(hand, "mesh"));
-      this.group.add(hand);
-      this.ready.add(index);
-    }
-    if (this.ready.size >= this.slots) {
-      this.built = true;
+      const controllerModel = this.controllerModelFactory.createControllerModel(grip);
+      grip.add(controllerModel);
+      const handModel = this.handModelFactory.createHandModel(hand, "mesh");
+      hand.add(handModel);
+      this.group.add(controller, grip, hand);
+      this.slots.set(index, {
+        controller,
+        grip,
+        hand,
+        ray,
+        controllerModel,
+        handModel,
+        attachedCustom: null
+      });
     }
   }
-  /**
-   * Show the aim ray only when it is meaningful: hovering something
-   * interactive, or mid-grab. A permanently-drawn ray is visual noise, and it
-   * implies everything is clickable when most of the scene is not. Teleport
-   * aiming has its own arc, so the straight ray stays hidden for that.
-   */
-  updateRayVisibility() {
-    if (!this.interactionSystem) return;
-    const active = this.interactionSystem.getHoveredEntityId() !== null || this.interactionSystem.isGrabbing();
-    for (const ray of this.rays) ray.visible = active;
-  }
   /**
    * Parent the visuals to the XR rig when there is one, so locomotion moves the
    * hands with the player. Falls back to the scene root.
@@ -10936,20 +11315,20 @@ var _XRControllerVisualSystem = class _XRControllerVisualSystem {
     this.attachedTo = target;
   }
   createRay() {
-    const geometry = new THREE38__namespace.BufferGeometry().setFromPoints([
-      new THREE38__namespace.Vector3(0, 0, 0),
-      new THREE38__namespace.Vector3(0, 0, -5)
+    const geometry = new THREE39__namespace.BufferGeometry().setFromPoints([
+      new THREE39__namespace.Vector3(0, 0, 0),
+      new THREE39__namespace.Vector3(0, 0, -5)
     ]);
-    const material = new THREE38__namespace.LineBasicMaterial({
+    const material = new THREE39__namespace.LineBasicMaterial({
       color: "#4da3ff",
       transparent: true,
       opacity: 0.6,
       depthTest: false
     });
-    const line = new THREE38__namespace.Line(geometry, material);
+    const line = new THREE39__namespace.Line(geometry, material);
     line.name = "XRPointerRay";
     line.renderOrder = 999;
-    line.visible = this.interactionSystem === null;
+    line.visible = false;
     return line;
   }
   dispose() {
@@ -10965,31 +11344,33 @@ var _XRControllerVisualSystem = class _XRControllerVisualSystem {
       }
     });
     this.group.clear();
-    this.rays.length = 0;
-    this.ready.clear();
-    this.built = false;
+    this.slots.clear();
+    this.handMaterial?.dispose();
+    this.handMaterial = null;
+    this.handStyleSignature = "";
     this.attachedTo = null;
   }
 };
 __name(_XRControllerVisualSystem, "XRControllerVisualSystem");
 var XRControllerVisualSystem = _XRControllerVisualSystem;
 var MARKER_RADIUS = 0.28;
-var ACCENT = new THREE38__namespace.Color("#4da3ff");
+var ACCENT = new THREE39__namespace.Color("#4da3ff");
+var BLOCKED = new THREE39__namespace.Color("#ff5a5a");
 var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
   constructor(locomotionSystem) {
-    this.group = new THREE38__namespace.Group();
-    this.arcGeometry = new THREE38__namespace.BufferGeometry();
-    this.marker = new THREE38__namespace.Group();
+    this.group = new THREE39__namespace.Group();
+    this.arcGeometry = new THREE39__namespace.BufferGeometry();
+    this.marker = new THREE39__namespace.Group();
     this.attached = false;
     this.locomotionSystem = locomotionSystem;
     this.group.name = "XRTeleportVisuals";
     this.group.userData.ecsPreviewHidden = true;
-    const arcMaterial = new THREE38__namespace.LineBasicMaterial({
+    const arcMaterial = new THREE39__namespace.LineBasicMaterial({
       vertexColors: true,
       transparent: true,
       depthTest: false
     });
-    this.arc = new THREE38__namespace.Line(this.arcGeometry, arcMaterial);
+    this.arc = new THREE39__namespace.Line(this.arcGeometry, arcMaterial);
     this.arc.frustumCulled = false;
     this.arc.renderOrder = 998;
     this.group.add(this.arc);
@@ -11005,16 +11386,22 @@ var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
     }
     const curve = this.locomotionSystem.getAimCurve();
     const landing = this.locomotionSystem.getLandingPoint();
-    if (!landing || curve.length < 2) {
+    const valid = this.locomotionSystem.isAimValid();
+    if (curve.length < 2) {
       this.setVisible(false);
       return;
     }
-    this.updateArcGeometry(curve);
-    this.marker.position.copy(landing);
-    this.marker.position.y += 0.01;
+    this.updateArcGeometry(curve, valid ? ACCENT : BLOCKED);
+    if (valid && landing) {
+      this.marker.position.copy(landing);
+      this.marker.position.y += 0.01;
+      this.marker.visible = true;
+    } else {
+      this.marker.visible = false;
+    }
     this.setVisible(true);
   }
-  updateArcGeometry(curve) {
+  updateArcGeometry(curve, tint) {
     const count = curve.length;
     const positions = new Float32Array(count * 3);
     const colors = new Float32Array(count * 3);
@@ -11025,45 +11412,45 @@ var _XRTeleportVisualSystem = class _XRTeleportVisualSystem {
       positions[i * 3 + 2] = point.z;
       const t = count > 1 ? i / (count - 1) : 0;
       const fade = 1 - t * 0.75;
-      colors[i * 3] = ACCENT.r * fade;
-      colors[i * 3 + 1] = ACCENT.g * fade;
-      colors[i * 3 + 2] = ACCENT.b * fade;
+      colors[i * 3] = tint.r * fade;
+      colors[i * 3 + 1] = tint.g * fade;
+      colors[i * 3 + 2] = tint.b * fade;
     }
     this.arcGeometry.setAttribute(
       "position",
-      new THREE38__namespace.BufferAttribute(positions, 3)
+      new THREE39__namespace.BufferAttribute(positions, 3)
     );
-    this.arcGeometry.setAttribute("color", new THREE38__namespace.BufferAttribute(colors, 3));
+    this.arcGeometry.setAttribute("color", new THREE39__namespace.BufferAttribute(colors, 3));
     this.arcGeometry.computeBoundingSphere();
   }
   createRing() {
-    const geometry = new THREE38__namespace.RingGeometry(
+    const geometry = new THREE39__namespace.RingGeometry(
       MARKER_RADIUS * 0.72,
       MARKER_RADIUS,
       48
     );
     geometry.rotateX(-Math.PI / 2);
-    return new THREE38__namespace.Mesh(
+    return new THREE39__namespace.Mesh(
       geometry,
-      new THREE38__namespace.MeshBasicMaterial({
+      new THREE39__namespace.MeshBasicMaterial({
         color: ACCENT,
         transparent: true,
         opacity: 0.9,
-        side: THREE38__namespace.DoubleSide,
+        side: THREE39__namespace.DoubleSide,
         depthTest: false
       })
     );
   }
   createDot() {
-    const geometry = new THREE38__namespace.CircleGeometry(MARKER_RADIUS * 0.16, 24);
+    const geometry = new THREE39__namespace.CircleGeometry(MARKER_RADIUS * 0.16, 24);
     geometry.rotateX(-Math.PI / 2);
-    return new THREE38__namespace.Mesh(
+    return new THREE39__namespace.Mesh(
       geometry,
-      new THREE38__namespace.MeshBasicMaterial({
+      new THREE39__namespace.MeshBasicMaterial({
         color: ACCENT,
         transparent: true,
         opacity: 0.55,
-        side: THREE38__namespace.DoubleSide,
+        side: THREE39__namespace.DoubleSide,
         depthTest: false
       })
     );
@@ -11758,8 +12145,8 @@ var _World = class _World {
    * ```
    */
   raycast(origin, direction, near = 0, far = Infinity) {
-    const rayOrigin = new THREE38__namespace.Vector3(origin.x, origin.y, origin.z);
-    const rayDirection = new THREE38__namespace.Vector3(
+    const rayOrigin = new THREE39__namespace.Vector3(origin.x, origin.y, origin.z);
+    const rayDirection = new THREE39__namespace.Vector3(
       direction.x,
       direction.y,
       direction.z
@@ -11768,7 +12155,7 @@ var _World = class _World {
       return [];
     }
     rayDirection.normalize();
-    const raycaster = new THREE38__namespace.Raycaster(rayOrigin, rayDirection, near, far);
+    const raycaster = new THREE39__namespace.Raycaster(rayOrigin, rayDirection, near, far);
     const intersections = raycaster.intersectObjects(
       this.scene.children,
       true
@@ -11802,14 +12189,14 @@ var _World = class _World {
     if (!sourceObject) {
       return [];
     }
-    const rayOrigin = new THREE38__namespace.Vector3();
-    const rayDirection = new THREE38__namespace.Vector3();
+    const rayOrigin = new THREE39__namespace.Vector3();
+    const rayDirection = new THREE39__namespace.Vector3();
     sourceObject.getWorldPosition(rayOrigin);
     sourceObject.getWorldDirection(rayDirection);
     if (rayDirection.lengthSq() === 0) {
       return [];
     }
-    const raycaster = new THREE38__namespace.Raycaster(rayOrigin, rayDirection, near, far);
+    const raycaster = new THREE39__namespace.Raycaster(rayOrigin, rayDirection, near, far);
     const intersections = raycaster.intersectObjects(
       this.scene.children,
       true
@@ -12508,6 +12895,7 @@ exports.XRInteractionSystem = XRInteractionSystem;
 exports.XRLocomotionSystem = XRLocomotionSystem;
 exports.XRSessionSystem = XRSessionSystem;
 exports.XRTeleportVisualSystem = XRTeleportVisualSystem;
+exports.applyHandMaterial = applyHandMaterial;
 exports.applyPrefabToSnapshotInstances = applyPrefabToSnapshotInstances;
 exports.arcGroundCrossing = arcGroundCrossing;
 exports.buildComponentValueMaps = buildComponentValueMaps;
@@ -12526,6 +12914,7 @@ exports.createAudioComponent = createAudioComponent;
 exports.createCameraComponent = createCameraComponent;
 exports.createEntityTypeComponent = createEntityTypeComponent;
 exports.createEnvironmentComponent = createEnvironmentComponent;
+exports.createHandMaterial = createHandMaterial;
 exports.createImageComponent = createImageComponent;
 exports.createImageTargetAnchorComponent = createImageTargetAnchorComponent;
 exports.createImageTargetComponent = createImageTargetComponent;
@@ -12550,6 +12939,8 @@ exports.createTransformComponent = createTransformComponent;
 exports.createVRTeleportAreaComponent = createVRTeleportAreaComponent;
 exports.createVideoComponent = createVideoComponent;
 exports.createXRInteractableComponent = createXRInteractableComponent;
+exports.createXRInteractorComponent = createXRInteractorComponent;
+exports.createXRInteractorSideComponent = createXRInteractorSideComponent;
 exports.createXRRigComponent = createXRRigComponent;
 exports.decanonicalizeComponentValue = decanonicalizeComponentValue;
 exports.despawnPrefab = despawnPrefab;