@tresjs/cientos 4.3.1 → 5.0.0-next.0

package/dist/core/abstractions/ScreenSpace.vue.d.ts

@@ -2,6 +2,7 @@ export interface ScreenSpaceProps {
     depth?: number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -15,14 +16,23 @@ declare function __VLS_template(): {
             Defaults: {};
         }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScreenSpaceProps, {
     instance: import('vue').ShallowRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScreenSpaceProps> & Readonly<{}>, {
     depth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    outerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/core/abstractions/Text3D.vue.d.ts

@@ -114,22 +114,7 @@ export interface Text3DProps {
      */
     needUpdates?: boolean;
 }
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        text3DRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>, typeof import('three').Mesh>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Mesh<import('three').BufferGeometry<import('three').NormalBufferAttributes>, import('three').Material | import('three').Material[], import('three').Object3DEventMap>, typeof import('three').Mesh>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
-    };
-    attrs: Partial<{}>;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Text3DProps, {
     instance: import('vue').ShallowRef<any, any>;
@@ -144,7 +129,7 @@ declare const __VLS_component: import('vue').DefineComponent<Text3DProps, {
     bevelOffset: number;
     bevelSegments: number;
     needUpdates: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/core/abstractions/index.d.ts

@@ -6,6 +6,9 @@ import { default as GradientTexture } from './GradientTexture.vue';
 import { default as Image } from './Image/component.vue';
 import { default as Lensflare } from './Lensflare/component.vue';
 import { default as Levioso } from './Levioso.vue';
+import { default as MarchingCube } from './MarchingCubes/MarchingCube.vue';
+import { default as MarchingCubes } from './MarchingCubes/MarchingCubes.vue';
+import { default as MarchingPlane } from './MarchingCubes/MarchingPlane.vue';
 import { default as Mask } from './Mask/component.vue';
 import { default as MouseParallax } from './MouseParallax.vue';
 import { default as Outline } from './Outline/component.vue';
@@ -22,4 +25,4 @@ import { default as Edges } from './Edges.vue';
 export * from '../staging/useEnvironment';
 export * from './useFBO/';
 export * from './useSurfaceSampler';
-export { AnimatedSprite, Billboard, CubeCamera, Edges, Fbo, GlobalAudio, GradientTexture, Image, Lensflare, Levioso, Mask, MouseParallax, Outline, PositionalAudio, Reflector, Sampler, ScreenSizer, ScreenSpace, Text3D, useAnimations, useMask, };
+export { AnimatedSprite, Billboard, CubeCamera, Edges, Fbo, GlobalAudio, GradientTexture, Image, Lensflare, Levioso, MarchingCube, MarchingCubes, MarchingPlane, Mask, MouseParallax, Outline, PositionalAudio, Reflector, Sampler, ScreenSizer, ScreenSpace, Text3D, useAnimations, useMask, };

package/dist/core/abstractions/useAnimations.d.ts

@@ -1,5 +1,5 @@
-import { AnimationMixer, AnimationAction, AnimationClip, Object3D, Scene } from 'three';
-import { Ref } from 'vue';
+import { AnimationMixer, AnimationAction, AnimationClip, Object3D } from 'three';
+import { MaybeRef } from 'vue';
 /**
  * Creates an AnimationMixer and returns it.
  *
@@ -9,9 +9,9 @@ import { Ref } from 'vue';
  * @param {(Scene | Ref<Object3D | undefined | null>)} [modelRef]
  * @return {*}
  */
-export declare function useAnimations<T extends AnimationClip>(animations: T[], modelRef?: Scene | Ref<Object3D | undefined | null>): {
+export declare function useAnimations<T extends AnimationClip>(animations: MaybeRef<T[]>, modelRef?: MaybeRef<Object3D | undefined | null>): {
     actions: import('vue').ShallowReactive<{
-        [key: string]: AnimationAction;
+        [key: string]: AnimationAction | undefined;
     }>;
     mixer: AnimationMixer;
 };

package/dist/core/abstractions/useSurfaceSampler/component.vue.d.ts

@@ -1,5 +1,6 @@
 import { useSurfaceSamplerProps } from '.';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -13,12 +14,21 @@ declare function __VLS_template(): {
             Defaults: {};
         }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<useSurfaceSamplerProps, {
     samplerRef: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<useSurfaceSamplerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<useSurfaceSamplerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    samplerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/core/controls/CameraControls.vue.d.ts

@@ -300,5 +300,7 @@ declare const _default: import('vue').DefineComponent<CameraControlsProps, {
     boundaryFriction: number;
     restThreshold: number;
     colliderMeshes: Object3D[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    controlsRef: unknown;
+}, any>;
 export default _default;

package/dist/core/controls/Helper/component.vue.d.ts

@@ -0,0 +1,17 @@
+import { Object3D } from 'three';
+type HelperConstructor = new (...args: any[]) => any;
+export interface HelperProps {
+    type: HelperConstructor;
+    args?: any[];
+}
+declare const _default: import('vue').DefineComponent<HelperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HelperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    objRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<Object3D<import('three').Object3DEventMap>, typeof Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<Object3D<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<Object3D<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<Object3D<import('three').Object3DEventMap>, typeof Object3D>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, any>;
+export default _default;

package/dist/core/controls/Helper/useHelper.d.ts

@@ -0,0 +1,9 @@
+import { Object3D } from 'three';
+import { MaybeRefOrGetter } from 'vue';
+type HelperType = Object3D & {
+    update: () => void;
+    dispose: () => void;
+};
+type HelperConstructor = new (...args: any[]) => any;
+export declare function useHelper<T extends HelperConstructor>(object3D: MaybeRefOrGetter<Object3D | null | undefined | false>, helperConstructor: T, ...args: any[]): import('vue').ShallowRef<HelperType | undefined, HelperType | undefined>;
+export {};

package/dist/core/controls/MapControls.vue.d.ts

@@ -254,5 +254,7 @@ declare const _default: import('vue').DefineComponent<MapControlsProps, {
     zoomSpeed: number;
     enableRotate: boolean;
     rotateSpeed: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    controlsRef: unknown;
+}, any>;
 export default _default;

package/dist/core/controls/OrbitControls.vue.d.ts

@@ -279,5 +279,7 @@ declare const _default: import('vue').DefineComponent<OrbitControlsProps, {
     zoomSpeed: number;
     enableRotate: boolean;
     rotateSpeed: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    controlsRef: unknown;
+}, any>;
 export default _default;

package/dist/core/controls/PointerLockControls.vue.d.ts

@@ -45,5 +45,7 @@ declare const _default: import('vue').DefineComponent<PointerLockControlsProps,
     onIsLock?: ((...args: any[]) => any) | undefined;
 }>, {
     makeDefault: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    controlsRef: unknown;
+}, any>;
 export default _default;

package/dist/core/controls/ScrollControls.vue.d.ts

@@ -40,7 +40,15 @@ export interface ScrollControlsProps {
      */
     htmlScroll?: boolean;
 }
+type __VLS_Props = {
+    pages?: number;
+    distance?: number;
+    smoothScroll?: number;
+    horizontal?: boolean;
+    htmlScroll?: boolean;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -54,26 +62,14 @@ declare function __VLS_template(): {
             Defaults: {};
         }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    pages?: number;
-    distance?: number;
-    smoothScroll?: number;
-    horizontal?: boolean;
-    htmlScroll?: boolean;
-}, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     instance: import('vue').ShallowRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{
-    pages?: number;
-    distance?: number;
-    smoothScroll?: number;
-    horizontal?: boolean;
-    htmlScroll?: boolean;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     distance: number;
@@ -81,7 +77,16 @@ declare const __VLS_component: import('vue').DefineComponent<{
     smoothScroll: number;
     horizontal: boolean;
     htmlScroll: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/core/controls/TransformControls.vue.d.ts

@@ -38,5 +38,7 @@ declare const _default: import('vue').DefineComponent<TransformControlsProps, {
     showX: boolean;
     showY: boolean;
     showZ: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    controlsRef: unknown;
+}, any>;
 export default _default;

package/dist/core/controls/index.d.ts

@@ -1,8 +1,9 @@
 import { default as CameraControls, BaseCameraControls } from './CameraControls.vue';
+import { default as Helper } from './Helper/component.vue';
 import { default as KeyboardControls } from './KeyboardControls.vue';
 import { default as MapControls } from './MapControls.vue';
 import { default as OrbitControls } from './OrbitControls.vue';
 import { default as PointerLockControls } from './PointerLockControls.vue';
 import { default as ScrollControls } from './ScrollControls.vue';
 import { default as TransformControls } from './TransformControls.vue';
-export { BaseCameraControls, CameraControls, KeyboardControls, MapControls, OrbitControls, PointerLockControls, ScrollControls, TransformControls, };
+export { BaseCameraControls, CameraControls, Helper, KeyboardControls, MapControls, OrbitControls, PointerLockControls, ScrollControls, TransformControls, };

package/dist/core/loaders/SVG/component.vue.d.ts

@@ -96,5 +96,14 @@ declare const _default: import('vue').DefineComponent<SVGProps, {
     depth: "renderOrder" | "flat" | "offsetZ" | number;
     skipStrokes: boolean;
     skipFills: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    svgRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('@tresjs/core').Mutable<import('@tresjs/core').Overwrite<Partial<import('@tresjs/core').Overwrite<import('three').Group<import('three').Object3DEventMap>, import('@tresjs/core').WithMathProps<import('three').Group<import('three').Object3DEventMap>> & import('@tresjs/core').VueProps & Partial<import('@tresjs/core').EventHandlers>>>, Omit<import('@tresjs/core').InstanceProps<import('three').Group<import('three').Object3DEventMap>, typeof import('three').Group>, "object">>>>, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, {}> | null;
+}, any>;
 export default _default;

package/dist/core/loaders/index.d.ts

@@ -1,8 +1,11 @@
 import { default as SVG } from './SVG/component.vue';
 import { default as FBXModel } from './useFBX/component.vue';
 import { default as GLTFModel } from './useGLTF/component.vue';
+import { default as UseTexture } from './useTexture/component.vue';
 import { useProgress } from './useProgress';
 import { useVideoTexture } from './useVideoTexture';
 export * from './useFBX';
 export * from './useGLTF';
-export { FBXModel, GLTFModel, SVG, useProgress, useVideoTexture };
+export * from './useTexture';
+export * from './useTextures';
+export { FBXModel, GLTFModel, SVG, useProgress, UseTexture, useVideoTexture };

package/dist/core/loaders/useGLTF/component.vue.d.ts

@@ -50,21 +50,14 @@ export interface GLTFModelProps {
      */
     decoderPath?: string;
 }
-declare const _default: import('vue').DefineComponent<{
+type __VLS_Props = {
     path: string;
     draco?: boolean;
     decoderPath?: string;
     castShadow?: boolean;
     receiveShadow?: boolean;
-}, {
-    instance: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    path: string;
-    draco?: boolean;
-    decoderPath?: string;
-    castShadow?: boolean;
-    receiveShadow?: boolean;
-}> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     castShadow: boolean;
     receiveShadow: boolean;
     draco: boolean;

package/dist/core/loaders/useGLTF/index.d.ts

@@ -1,39 +1,50 @@
-import { TresLoader, TresObject3D } from '@tresjs/core';
-import { DRACOLoader, GLTF } from 'three-stdlib';
-import { AnimationClip, Material, Scene } from 'three';
-export interface GLTFLoaderOptions {
+import { MaybeRef } from 'vue';
+import { GLTF } from 'three-stdlib';
+export interface UseGLTFOptions {
     /**
-     * Whether to use Draco compression.
-     *
+     * Whether to use DRACO compression for loading the model
      * @type {boolean}
-     * @memberof GLTFLoaderOptions
      */
     draco?: boolean;
     /**
-     * The path to the Draco decoder.
-     *
+     * Path to the DRACO decoder. Defaults to https://www.gstatic.com/draco/versioned/decoders/1.5.6/
      * @type {string}
-     * @memberof GLTFLoaderOptions
      */
     decoderPath?: string;
 }
-export interface GLTFResult {
-    animations: Array<AnimationClip>;
-    nodes: Record<string, TresObject3D>;
-    materials: Record<string, Material>;
-    scene: Scene;
-}
-export interface TresGLTFLoaderType extends TresLoader<GLTF> {
-    setDRACOLoader?: (dracoLoader: DRACOLoader) => void;
-}
 /**
- * Loads a GLTF file and returns a THREE.Object3D.
+ * Vue composable for loading GLTF models in TresJS
+ *
+ * @remarks
+ * This composable uses Three.js GLTFLoader under the hood and supports DRACO compression.
+ * When DRACO compression is enabled, it will use the specified decoder path or fallback to Google's CDN.
+ *
+ * @example
+ * ```ts
+ * const { state: model } = useGLTF('/path/to/model.glb', { draco: true })
+ * ```
  *
- * @export
- * @template T
- * @param {T} path - Path or array of paths to the GLTF file(s)
- * @param {GLTFLoaderOptions} [options] - Options for the loader
- * @param {(loader: TresGLTFLoaderType) => void} [extendLoader] - Function to extend the loader
- * @returns {Promise<T extends string[] ? GLTFResult[] : GLTFResult>} Promise that resolves with the loaded model(s)
+ * @param {MaybeRef<string>} path - Path to the GLTF model file
+ * @param {UseGLTFOptions} options - Options for loading the model
+ * @returns {{ state: GLTF, isLoading: boolean, execute: () => Promise<void> }} Object containing the model state, loading state and reload function
  */
-export declare function useGLTF<T extends string | string[]>(path: T, options?: GLTFLoaderOptions, extendLoader?: (loader: TresGLTFLoaderType) => void): Promise<T extends string[] ? GLTFResult[] : GLTFResult>;
+export declare function useGLTF(path: MaybeRef<string>, options?: UseGLTFOptions): {
+    nodes: import('vue').ComputedRef<{
+        [name: string]: import('three').Object3D<import('three').Object3DEventMap>;
+    }>;
+    materials: import('vue').ComputedRef<{
+        [name: string]: import('three').Material;
+    }>;
+    state: import('vue').Ref<GLTF, GLTF>;
+    isReady: import('vue').Ref<boolean>;
+    isLoading: import('vue').Ref<boolean>;
+    error: import('vue').Ref<unknown>;
+    execute: (delay?: number, args_0: string) => Promise<GLTF>;
+    then<TResult1 = import('@vueuse/core').UseAsyncStateReturnBase<GLTF, [string], true>, TResult2 = never>(onfulfilled?: ((value: import('@vueuse/core').UseAsyncStateReturnBase<GLTF, [string], true>) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): PromiseLike<TResult1 | TResult2>;
+    load: (path: string) => void;
+    progress: {
+        loaded: number;
+        total: number;
+        percentage: number;
+    };
+};