@tresjs/core 5.1.1 → 5.2.0

package/dist/{chunk-QpvadvMP.js → chunk-DADVwcMf.js}

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.1.1
+  * version: v5.2.0
   * (c) 2025
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)

package/dist/template-compiler-options.d.mts

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.1.1
+  * version: v5.2.0
   * (c) 2025
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)

package/dist/template-compiler-options.mjs

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.1.1
+  * version: v5.2.0
   * (c) 2025
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)

package/dist/tres.d.ts

@@ -1,11 +1,11 @@
 /**
   * name: @tresjs/core
-  * version: v5.1.1
+  * version: v5.2.0
   * (c) 2025
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
-import * as vue0 from "vue";
+import * as vue10 from "vue";
 import { App, ComputedRef, DefineComponent, MaybeRef, MaybeRefOrGetter, Reactive, Ref, ShallowRef, VNode, VNodeRef } from "vue";
 import * as THREE from "three";
 import { BufferGeometry, Camera, Color, ColorRepresentation, ColorSpace, Event, Fog, Group, Layers, Light, Loader, LoadingManager, Material, Mesh, Object3D, Object3DEventMap, OrthographicCamera, PerspectiveCamera, Scene, ShadowMapType, ToneMapping, Vector3, WebGLRenderer } from "three";
@@ -311,7 +311,7 @@ declare function useRendererManager({
   onReady: _vueuse_core0.EventHookOn<TresRenderer>;
   onRender: _vueuse_core0.EventHookOn<TresRenderer>;
   invalidate: (amountOfFramesToInvalidate?: number) => void;
-  canBeInvalidated: vue0.ComputedRef<boolean>;
+  canBeInvalidated: vue10.ComputedRef<boolean>;
   mode: "always" | "on-demand" | "manual" | undefined;
   replaceRenderFunction: (fn: RenderFunction) => void;
 };
@@ -329,7 +329,7 @@ declare function useEventManager({
   canvas: MaybeRef<HTMLCanvasElement>;
   contextParts: Pick<TresContext, 'scene' | 'camera' | 'renderer'>;
 }): {
-  onPointerMissed: _vueuse_core0.EventHookOn<PointerEvent<MouseEvent> & Event<"click", Object3D<Object3DEventMap & PointerEventsMap>>>;
+  onPointerMissed: _vueuse_core0.EventHookOn<TresPointerEvent & Event<"click", Object3D<Object3DEventMap & PointerEventsMap>>>;
 };
 //#endregion
 //#region src/composables/useTresContextProvider/index.d.ts
@@ -353,6 +353,7 @@ declare const useTresContext: () => TresContext;
 //#region src/utils/pointerEvents.d.ts
 declare const supportedPointerEvents: readonly ["onClick", "onContextmenu", "onPointermove", "onPointerenter", "onPointerleave", "onPointerover", "onPointerout", "onDblclick", "onPointerdown", "onPointerup", "onPointercancel", "onLostpointercapture", "onWheel"];
 type SupportedVuePointerEvent = typeof supportedPointerEvents[number];
+type TresPointerEventName = 'click' | 'contextmenu' | 'pointermove' | 'pointerenter' | 'pointerleave' | 'pointerover' | 'pointerout' | 'dblclick' | 'pointerdown' | 'pointerup' | 'pointercancel' | 'lostpointercapture' | 'wheel';
 type TresPointerEvent = PointerEvent<MouseEvent>;
 type PointerEventHandlers = { [key in SupportedVuePointerEvent]: (event: TresPointerEvent) => void };
 //#endregion
@@ -361,10 +362,10 @@ type AttachFnType = (parent: any, self: TresInstance) => () => void;
 type AttachType = string | AttachFnType;
 type DisposeType = ((self: TresInstance) => void) | boolean | 'default';
 type ConstructorRepresentation = new (...args: any[]) => any;
-type NonFunctionKeys<P> = { [K in keyof P]-?: P[K] extends ((...args: any[]) => any) ? never : K }[keyof P];
-type Overwrite<P, O> = Omit<P, NonFunctionKeys<O>> & O;
+type NonFunctionKeys<P$1> = { [K in keyof P$1]-?: P$1[K] extends ((...args: any[]) => any) ? never : K }[keyof P$1];
+type Overwrite<P$1, O> = Omit<P$1, NonFunctionKeys<O>> & O;
 type Properties<T> = Pick<T, NonFunctionKeys<T>>;
-type Mutable<P> = { [K in keyof P]: P[K] | Readonly<P[K]> };
+type Mutable<P$1> = { [K in keyof P$1]: P$1[K] | Readonly<P$1[K]> };
 type Args<T> = T extends ConstructorRepresentation ? ConstructorParameters<T> : any[];
 interface TresCatalogue {
   [name: string]: ConstructorRepresentation;
@@ -376,8 +377,8 @@ type TresCamera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
  * @template T - The type of the object.
  * @template P - The type of the arguments.
  */
-interface InstanceProps<T = any, P = any> {
-  args?: Args<P>;
+interface InstanceProps<T = any, P$1 = any> {
+  args?: Args<P$1>;
   object?: T;
   visible?: boolean;
   dispose?: null;
@@ -454,17 +455,17 @@ type TresContextWithClock = TresContext & {
   delta: number;
   elapsed: number;
 };
-type WithMathProps<P> = { [K in keyof P]: P[K] extends MathRepresentation | THREE.Euler ? MathType<P[K]> : P[K] };
+type WithMathProps<P$1> = { [K in keyof P$1]: P$1[K] extends MathRepresentation | THREE.Euler ? MathType<P$1[K]> : P$1[K] };
 interface RaycastableRepresentation {
   raycast: (raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void;
 }
-type EventProps<P> = P extends RaycastableRepresentation ? Partial<PointerEventHandlers> : unknown;
+type EventProps<P$1> = P$1 extends RaycastableRepresentation ? Partial<PointerEventHandlers> : unknown;
 interface VueProps {
   children?: VNode[];
   ref?: VNodeRef;
   key?: string | number | symbol;
 }
-type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<P, WithMathProps<P> & VueProps & EventProps<P>>>;
+type ElementProps<T extends ConstructorRepresentation, P$1 = InstanceType<T>> = Partial<Overwrite<P$1, WithMathProps<P$1> & VueProps & EventProps<P$1>>>;
 type ThreeElement<T extends ConstructorRepresentation> = Mutable<Overwrite<ElementProps<T>, Omit<InstanceProps<InstanceType<T>, T>, 'object'>>>;
 type ThreeExports = typeof THREE;
 type ThreeInstancesImpl = { [K in keyof ThreeExports as Uncapitalize<K>]: ThreeExports[K] extends ConstructorRepresentation ? ThreeElement<ThreeExports[K]> : never };
@@ -496,7 +497,7 @@ interface TresObjectMap {
 declare function buildGraph(object: Object3D | TresObject): TresObjectMap;
 //#endregion
 //#region src/composables/useLoader/component.vue.d.ts
-declare const __VLS_export$1: <T extends TresObjectMap>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export$1: <T extends TresObjectMap>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<{
     /**
      * The THREE.js loader to use
@@ -513,25 +514,27 @@ declare const __VLS_export$1: <T extends TresObjectMap>(__VLS_props: NonNullable
   } & {
     onLoaded?: ((result: T) => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
-  }> & vue0.PublicProps;
+  }> & vue10.PublicProps & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     default?: (props: {
-      state: vue0.UnwrapRef<T>;
+      state: vue10.UnwrapRef<T>;
       isLoading: boolean;
       error: unknown;
     }) => any;
   };
   emit: ((evt: "loaded", result: T) => void) & ((evt: "error", error: unknown) => void);
-}>) => vue0.VNode & {
+}>) => vue10.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default$1: typeof __VLS_export$1;
-type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 //#region src/composables/useGraph/index.d.ts
-declare const useGraph: (object: MaybeRef$1<TresObject | undefined>) => vue0.ComputedRef<TresObjectMap | undefined>;
+declare const useGraph: (object: MaybeRef$1<TresObject | undefined>) => vue10.ComputedRef<TresObjectMap | undefined>;
 //#endregion
 //#region src/utils/createPriorityEventHook.d.ts
 type Callback<T> = Parameters<EventHookOff<T>>[0];
@@ -582,7 +585,7 @@ type LoopContext = RafLoopContext & TresPartialContext;
 declare const useLoop: () => {
   stop: () => void;
   start: () => void;
-  isActive: Readonly<vue0.ShallowRef<boolean>>;
+  isActive: Readonly<vue10.ShallowRef<boolean>>;
   onBeforeRender: PriorityEventHookOn<LoopContext>;
   onRender: PriorityEventHookOn<LoopContext>;
   render: (fn: RenderFunction) => void;
@@ -660,49 +663,58 @@ interface TresCanvasProps extends RendererOptions {
    */
   enableProvideBridge?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<vue0.DefineComponent<TresCanvasProps, {
-  context: vue0.ShallowRef<TresContext | null, TresContext | null>;
+type TresCanvasEmits = {
+  ready: [context: TresContext];
+  pointermissed: [event: TresPointerEvent];
+  render: [context: TresContext];
+  beforeLoop: [context: TresContextWithClock];
+  loop: [context: TresContextWithClock];
+} & { [key in TresPointerEventName]: [event: TresPointerEvent] };
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue10.DefineComponent<TresCanvasProps, {
+  context: vue10.ShallowRef<TresContext | null, TresContext | null>;
   dispose: () => void;
-}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {
-  click: (event: PointerEvent<MouseEvent>) => any;
-  contextmenu: (event: PointerEvent<MouseEvent>) => any;
-  pointermove: (event: PointerEvent<MouseEvent>) => any;
-  pointerenter: (event: PointerEvent<MouseEvent>) => any;
-  pointerleave: (event: PointerEvent<MouseEvent>) => any;
-  pointerover: (event: PointerEvent<MouseEvent>) => any;
-  pointerout: (event: PointerEvent<MouseEvent>) => any;
-  dblclick: (event: PointerEvent<MouseEvent>) => any;
-  pointerdown: (event: PointerEvent<MouseEvent>) => any;
-  pointerup: (event: PointerEvent<MouseEvent>) => any;
-  pointercancel: (event: PointerEvent<MouseEvent>) => any;
-  lostpointercapture: (event: PointerEvent<MouseEvent>) => any;
-  wheel: (event: PointerEvent<MouseEvent>) => any;
+}, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {
+  click: (event: TresPointerEvent) => any;
+  contextmenu: (event: TresPointerEvent) => any;
+  pointermove: (event: TresPointerEvent) => any;
+  pointerenter: (event: TresPointerEvent) => any;
+  pointerleave: (event: TresPointerEvent) => any;
+  pointerover: (event: TresPointerEvent) => any;
+  pointerout: (event: TresPointerEvent) => any;
+  dblclick: (event: TresPointerEvent) => any;
+  pointerdown: (event: TresPointerEvent) => any;
+  pointerup: (event: TresPointerEvent) => any;
+  pointercancel: (event: TresPointerEvent) => any;
+  lostpointercapture: (event: TresPointerEvent) => any;
+  wheel: (event: TresPointerEvent) => any;
   ready: (context: TresContext) => any;
-  pointermissed: (event: PointerEvent<MouseEvent>) => any;
+  pointermissed: (event: TresPointerEvent) => any;
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue0.PublicProps, Readonly<TresCanvasProps> & Readonly<{
-  onClick?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onContextmenu?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointermove?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointerenter?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointerleave?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointerover?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointerout?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onDblclick?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointerdown?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointerup?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onPointercancel?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onLostpointercapture?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
-  onWheel?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
+}, string, vue10.PublicProps, Readonly<TresCanvasProps> & Readonly<{
+  onClick?: ((event: TresPointerEvent) => any) | undefined;
+  onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
+  onPointermove?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerenter?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerleave?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerover?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerout?: ((event: TresPointerEvent) => any) | undefined;
+  onDblclick?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerdown?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerup?: ((event: TresPointerEvent) => any) | undefined;
+  onPointercancel?: ((event: TresPointerEvent) => any) | undefined;
+  onLostpointercapture?: ((event: TresPointerEvent) => any) | undefined;
+  onWheel?: ((event: TresPointerEvent) => any) | undefined;
   onReady?: ((context: TresContext) => any) | undefined;
-  onPointermissed?: ((event: PointerEvent<MouseEvent>) => any) | undefined;
+  onPointermissed?: ((event: TresPointerEvent) => any) | undefined;
   onRender?: ((context: TresContext) => any) | undefined;
   onBeforeLoop?: ((context: TresContextWithClock) => any) | undefined;
   onLoop?: ((context: TresContextWithClock) => any) | undefined;
 }>, {
   windowSize: boolean;
+  enableProvideBridge: boolean;
   antialias: boolean;
   stencil: boolean;
   depth: boolean;
@@ -717,11 +729,9 @@ declare const __VLS_export: __VLS_WithSlots<vue0.DefineComponent<TresCanvasProps
   shadowMapType: THREE.ShadowMapType;
   useLegacyLights: boolean;
   renderMode: "always" | "on-demand" | "manual";
-  enableProvideBridge: boolean;
-}, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>, {
+}, {}, {}, {}, string, vue10.ComponentProvideOptions, false, {}, any>, {
   default: () => any;
 }>;
-declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
@@ -1053,4 +1063,4 @@ interface TresPlugin {
 }
 declare const plugin: TresPlugin;
 //#endregion
-export { Args, AssetLoadData, AttachFnType, AttachType, ConstructorRepresentation, DevtoolsMessage, DevtoolsMessageType, DevtoolsMessenger, DevtoolsSubscriber, DisposeType, ElementProps, InstanceProps, LoaderMethods, LoaderProto, LocalState, LoopContext, MathType, Mutable, NonFunctionKeys, Overwrite, Properties, RenderFunction, RenderMode, RendererOptions, ThreeElement, ThreeInstances, TresCamera, _default as TresCanvas, TresCatalogue, TresColor, TresColorArray, type TresContext, TresContextWithClock, TresControl, TresEuler, TresInstance, TresLayers, TresLoader, TresLoaderOptions, TresMaterial, TresObject, TresObject3D, TresObjectMap, TresOptions, TresPartialContext, TresPlugin, type TresPointerEvent, TresPrimitive, TresQuaternion, TresRenderer, TresRendererSetupContext, TresScene, TresVector2, TresVector3, TresVector4, UseCameraReturn, _default$1 as UseLoader, UseLoaderReturn, UseRendererManagerReturn, UseRendererOptions, VectorCoordinates, type VectorFlexibleParams, VueProps, WithMathProps, buildGraph, catalogue, plugin as default, disposeObject3D as dispose, extend, isBufferGeometry, isCamera, isClassInstance, isColor, isColorRepresentation, isCopyable, isFog, isGroup, isLayers, isLight, isMaterial, isMesh, isObject3D, isOrthographicCamera, isPerspectiveCamera, isProd, isScene, isTresCamera, isTresInstance, isTresObject, isTresPrimitive, isVectorLike, logError, logMessage, logWarning, normalizeColor, normalizeVectorFlexibleParam, registerTresDevtools, templateCompilerOptions, useCameraManager, useGraph, useLoader, useLoop, useRendererManager, useTres, useTresContext, useTresContextProvider, vDistanceTo, vLightHelper, vLog };
+export { Args, AssetLoadData, AttachFnType, AttachType, ConstructorRepresentation, DevtoolsMessage, DevtoolsMessageType, DevtoolsMessenger, DevtoolsSubscriber, DisposeType, ElementProps, InstanceProps, LoaderMethods, LoaderProto, LocalState, LoopContext, MathType, Mutable, NonFunctionKeys, Overwrite, Properties, RenderFunction, RenderMode, RendererOptions, ThreeElement, ThreeInstances, TresCamera, _default as TresCanvas, type TresCanvasEmits, type TresCanvasProps, TresCatalogue, TresColor, TresColorArray, type TresContext, TresContextWithClock, TresControl, TresEuler, TresInstance, TresLayers, TresLoader, TresLoaderOptions, TresMaterial, TresObject, TresObject3D, TresObjectMap, TresOptions, TresPartialContext, TresPlugin, type TresPointerEvent, TresPrimitive, TresQuaternion, TresRenderer, TresRendererSetupContext, TresScene, TresVector2, TresVector3, TresVector4, UseCameraReturn, _default$1 as UseLoader, UseLoaderReturn, UseRendererManagerReturn, UseRendererOptions, VectorCoordinates, type VectorFlexibleParams, VueProps, WithMathProps, buildGraph, catalogue, plugin as default, disposeObject3D as dispose, extend, isBufferGeometry, isCamera, isClassInstance, isColor, isColorRepresentation, isCopyable, isFog, isGroup, isLayers, isLight, isMaterial, isMesh, isObject3D, isOrthographicCamera, isPerspectiveCamera, isProd, isScene, isTresCamera, isTresInstance, isTresObject, isTresPrimitive, isVectorLike, logError, logMessage, logWarning, normalizeColor, normalizeVectorFlexibleParam, registerTresDevtools, templateCompilerOptions, useCameraManager, useGraph, useLoader, useLoop, useRendererManager, useTres, useTresContext, useTresContextProvider, vDistanceTo, vLightHelper, vLog };

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.1.1
+  * version: v5.2.0
   * (c) 2025
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -14,88 +14,7 @@ import { forwardHtmlEvents, getVoidObject } from "@pmndrs/pointer-events";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
 
 //#region package.json
-var package_default = {
-	name: "@tresjs/core",
-	type: "module",
-	version: "5.1.1",
-	description: "Declarative ThreeJS using Vue Components",
-	author: "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
-	license: "MIT",
-	repository: {
-		"type": "git",
-		"url": "git+https://github.com/Tresjs/tres.git",
-		"directory": "packages/core"
-	},
-	keywords: [
-		"vue",
-		"3d",
-		"threejs",
-		"three",
-		"threejs-vue"
-	],
-	sideEffects: false,
-	exports: {
-		".": "./dist/tres.js",
-		"./template-compiler-options": "./dist/template-compiler-options.mjs",
-		"./package.json": "./package.json"
-	},
-	main: "./dist/tres.js",
-	module: "./dist/tres.js",
-	types: "./dist/tres.d.ts",
-	typesVersions: { "*": { "template-compiler-options": ["dist/template-compiler-options.d.mts"] } },
-	files: ["*.d.ts", "dist"],
-	publishConfig: { "access": "public" },
-	scripts: {
-		"build": "tsdown",
-		"test": "vitest",
-		"test:ci": "vitest run",
-		"test:ui": "vitest --ui --coverage.enabled=true",
-		"coverage": "vitest run --coverage",
-		"lint": "eslint .",
-		"lint:fix": "eslint . --fix",
-		"typecheck": "vue-tsc --noEmit"
-	},
-	peerDependencies: {
-		"three": ">=0.133",
-		"vue": ">=3.4"
-	},
-	dependencies: {
-		"@pmndrs/pointer-events": "^6.6.17",
-		"@vue/devtools-api": "^7.7.2",
-		"@vueuse/core": "catalog:utils",
-		"radashi": "^12.6.2",
-		"typescript": "catalog:typescript"
-	},
-	devDependencies: {
-		"@tresjs/eslint-config": "workspace:*",
-		"@types/three": "catalog:three",
-		"@typescript-eslint/eslint-plugin": "catalog:eslint",
-		"@typescript-eslint/parser": "catalog:eslint",
-		"@vitejs/plugin-vue": "catalog:vite",
-		"@vitest/coverage-v8": "3.2.4",
-		"@vitest/ui": "catalog:testing",
-		"@vue/test-utils": "catalog:testing",
-		"eslint": "catalog:eslint",
-		"eslint-plugin-vue": "catalog:eslint",
-		"jsdom": "catalog:testing",
-		"kolorist": "catalog:utils",
-		"pathe": "catalog:utils",
-		"rollup-plugin-analyzer": "catalog:build",
-		"rollup-plugin-copy": "^3.5.0",
-		"rollup-plugin-visualizer": "catalog:build",
-		"three": "catalog:three",
-		"tsdown": "catalog:build",
-		"vite": "catalog:vite",
-		"vite-plugin-banner": "catalog:vite",
-		"vite-plugin-dts": "catalog:vite",
-		"vite-plugin-inspect": "^11.3.3",
-		"vitest": "catalog:testing",
-		"vue": "catalog:vue",
-		"vue-demi": "^0.14.10",
-		"vue-tsc": "catalog:typescript"
-	},
-	nx: { "implicitDependencies": ["!@tresjs/core-*"] }
-};
+var version = "5.2.0";
 
 //#endregion
 //#region src/utils/makeMap.ts
@@ -401,8 +320,8 @@ function logWarning(...args) {
 * @param name - Name of the message
 * @param value - Value to log
 */
-function logMessage(name$1, value) {
-	if (!isProd) console.log(`${logPrefix} - ${name$1}:`, value);
+function logMessage(name, value) {
+	if (!isProd) console.log(`${logPrefix} - ${name}:`, value);
 }
 
 //#endregion
@@ -446,11 +365,11 @@ function resolve(obj, key) {
 function joinAsCamelCase(...strings) {
 	return strings.map((s, i) => i === 0 ? s : s.charAt(0).toUpperCase() + s.slice(1)).join("");
 }
-function attach(parent, child, type$1) {
+function attach(parent, child, type) {
 	const INDEX_REGEX = /-\d+$/;
-	if (isString(type$1)) {
-		if (INDEX_REGEX.test(type$1)) {
-			const { target: target$1, key: key$1 } = resolve(parent, type$1.replace(INDEX_REGEX, ""));
+	if (isString(type)) {
+		if (INDEX_REGEX.test(type)) {
+			const { target: target$1, key: key$1 } = resolve(parent, type.replace(INDEX_REGEX, ""));
 			if (!Array.isArray(target$1[key$1])) {
 				const previousAttach = target$1[key$1];
 				const augmentedArray = [];
@@ -460,14 +379,14 @@ function attach(parent, child, type$1) {
 				target$1[key$1] = augmentedArray;
 			}
 		}
-		const { target, key } = resolve(parent, type$1);
+		const { target, key } = resolve(parent, type);
 		child.__tres.previousAttach = target[key];
 		target[key] = unboxTresPrimitive(child);
-	} else child.__tres.previousAttach = type$1(parent, child);
+	} else child.__tres.previousAttach = type(parent, child);
 }
-function detach(parent, child, type$1) {
-	if (isString(type$1)) {
-		const { target, key } = resolve(parent, type$1);
+function detach(parent, child, type) {
+	if (isString(type)) {
+		const { target, key } = resolve(parent, type);
 		const previous = child.__tres.previousAttach;
 		if (previous === void 0) delete target[key];
 		else target[key] = previous;
@@ -1159,11 +1078,11 @@ const nodeOps = (context) => {
 		if (!props.args) props.args = [];
 		if (isHTMLTag(tag)) return null;
 		if (tag.includes("-")) tag = tag.replace(/-([a-z])/g, (_, c) => c.toUpperCase()).replace(/^[a-z]/, (c) => c.toUpperCase());
-		let name$1 = tag.replace("Tres", "");
+		let name = tag.replace("Tres", "");
 		let obj;
 		if (tag === "primitive") {
 			if (!isObject(props.object) || isRef(props.object)) logError("Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>");
-			name$1 = props.object.type;
+			name = props.object.type;
 			const __tres = {};
 			obj = createRetargetingProxy(props.object, {
 				object: (t) => t,
@@ -1182,8 +1101,8 @@ const nodeOps = (context) => {
 				}
 			});
 		} else {
-			const target = catalogue.value[name$1];
-			if (!target) logError(`${name$1} is not defined on the THREE namespace. Use extend to add it to the catalog.`);
+			const target = catalogue.value[name];
+			if (!target) logError(`${name} is not defined on the THREE namespace. Use extend to add it to the catalog.`);
 			obj = new target(...props.args);
 		}
 		if (!obj) return null;
@@ -1193,7 +1112,7 @@ const nodeOps = (context) => {
 		}
 		obj = prepareTresInstance(obj, {
 			...isTresInstance(obj) ? obj.__tres : {},
-			type: name$1,
+			type: name,
 			memoizedProps: props,
 			primitive: tag === "primitive",
 			attach: props.attach
@@ -1375,14 +1294,14 @@ var DevtoolsMessenger = class {
 	* Send a message to devtools subscribers
 	* If no subscribers are available, only queueable message types are queued
 	*/
-	send(type$1, data) {
+	send(type, data) {
 		const message = {
-			type: type$1,
+			type,
 			data,
 			timestamp: Date.now()
 		};
 		if (this.subscribers.size > 0) this.subscribers.forEach((subscriber) => subscriber(message));
-		else if (QUEUEABLE_MESSAGE_TYPES.includes(type$1)) this.queueMessage(message);
+		else if (QUEUEABLE_MESSAGE_TYPES.includes(type)) this.queueMessage(message);
 	}
 	/**
 	* Queue a message for later delivery
@@ -1440,15 +1359,15 @@ var DevtoolsMessenger = class {
 * @param message - message to log
 * @param type - different color of the tooltip
 */
-function toastMessage(message, type$1) {
+function toastMessage(message, type) {
 	const tresMessage = `▲ ■ ●${message}`;
-	if (typeof __VUE_DEVTOOLS_TOAST__ === "function") __VUE_DEVTOOLS_TOAST__(tresMessage, type$1);
-	else if (type$1 === "error") console.error(tresMessage);
-	else if (type$1 === "warn") console.warn(tresMessage);
+	if (typeof __VUE_DEVTOOLS_TOAST__ === "function") __VUE_DEVTOOLS_TOAST__(tresMessage, type);
+	else if (type === "error") console.error(tresMessage);
+	else if (type === "warn") console.warn(tresMessage);
 	else console.log(tresMessage);
 }
-function __VUE_DEVTOOLS_TOAST__(tresMessage, type$1) {
-	throw new Error(tresMessage + type$1);
+function __VUE_DEVTOOLS_TOAST__(tresMessage, type) {
+	throw new Error(tresMessage + type);
 }
 
 //#endregion
@@ -2154,7 +2073,7 @@ var TresCanvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				ref: canvasRef,
 				"data-scene": scene.value.uuid,
 				class: normalizeClass(_ctx.$attrs.class),
-				"data-tres": `tresjs ${unref(package_default).version}`,
+				"data-tres": `tresjs ${unref(version)}`,
 				style: normalizeStyle({
 					display: "block",
 					width: "100%",
@@ -2243,7 +2162,7 @@ const vDistanceTo = {
 };
 
 //#endregion
-//#region ../../node_modules/.pnpm/three-stdlib@2.36.0_three@0.180.0/node_modules/three-stdlib/helpers/RectAreaLightHelper.js
+//#region ../../node_modules/.pnpm/three-stdlib@2.36.1_three@0.180.0/node_modules/three-stdlib/helpers/RectAreaLightHelper.js
 var RectAreaLightHelper = class extends Line {
 	constructor(light, color) {
 		const positions = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
@@ -48,8 +48,7 @@
     "@pmndrs/pointer-events": "^6.6.17",
     "@vue/devtools-api": "^7.7.2",
     "@vueuse/core": "^13.9.0",
-    "radashi": "^12.6.2",
-    "typescript": "^5.8.3"
+    "radashi": "^12.6.2"
   },
   "devDependencies": {
     "@types/three": "^0.180.0",
@@ -69,6 +68,7 @@
     "rollup-plugin-visualizer": "^6.0.3",
     "three": "^0.180.0",
     "tsdown": "0.16.1",
+    "typescript": "^5.8.3",
     "vite": "^7.1.9",
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-dts": "4.5.4",