@tresjs/cientos 3.2.1 → 3.3.0-next.0

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

@@ -1,4 +1,4 @@
-export type KeyboardControlsProps = {
+export interface KeyboardControlsProps {
     /**
      * Keys to go forward.
      * @type {string[]}
@@ -71,21 +71,21 @@ export type KeyboardControlsProps = {
      *
      **/
     is2D?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    left: {
+    forward: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
-    right: {
+    back: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
-    forward: {
+    left: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
-    back: {
+    right: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
@@ -110,19 +110,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    left: {
+    forward: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
-    right: {
+    back: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
-    forward: {
+    left: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
-    back: {
+    right: {
         type: import("vue").PropType<string | string[]>;
         default: () => string[];
     };
@@ -147,10 +147,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    left: string | string[];
-    right: string | string[];
     forward: string | string[];
     back: string | string[];
+    left: string | string[];
+    right: string | string[];
     jump: string | string[];
     gravity: number;
     moveSpeed: number;

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

@@ -1,4 +1,4 @@
-import { Camera } from 'three';
+import type { Camera } from 'three';
 export interface MapControlsProps {
     /**
      * Whether to make this the default controls.

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

@@ -1,5 +1,6 @@
-import { Camera, TOUCH } from 'three';
-import { TresVector3 } from '@tresjs/core';
+import type { Camera } from 'three';
+import { TOUCH } from 'three';
+import type { TresVector3 } from '@tresjs/core';
 export interface OrbitControlsProps {
     /**
      * Whether to make this the default controls.
@@ -322,7 +323,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("start" | "change" | "end")[], "start" | "change" | "end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "start" | "end")[], "change" | "start" | "end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     keys: {
         type: import("vue").PropType<Record<string, string>>;
     };
@@ -423,8 +424,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    onStart?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
     onEnd?: ((...args: any[]) => any) | undefined;
 }, {
     target: number | import("three").Vector3 | import("@tresjs/core").VectorCoordinates | [x: number, y: number, z: number];

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

@@ -1,4 +1,4 @@
-import { Camera } from 'three';
+import type { Camera } from 'three';
 export interface PointerLockControlsProps {
     /**
      * Whether to make this the default controls.

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

@@ -1,4 +1,4 @@
-import { Object3D, type Event } from 'three';
+import type { Object3D, Event } from 'three';
 export interface TransformControlsProps {
     object: Object3D;
     mode?: string;
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Object3D<Event>>;
         required: true;
     };
-    enabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    enabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     mode: {
         type: import("vue").PropType<string>;
         default: string;
@@ -64,14 +64,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Object3D<Event>>;
         required: true;
     };
-    enabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    enabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     mode: {
         type: import("vue").PropType<string>;
         default: string;
@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<{
     onMouseUp?: ((...args: any[]) => any) | undefined;
     onObjectChange?: ((...args: any[]) => any) | undefined;
 }, {
-    enabled: boolean;
     size: number;
+    enabled: boolean;
     mode: string;
     axis: "XYZ" | "X" | "Y" | "Z" | "XY" | "YZ" | "XZ";
     space: "local" | "world";

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

@@ -0,0 +1,68 @@
+import type { TresOptions } from '@tresjs/core';
+import type { MeshBasicMaterialParameters } from 'three';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    skipStrokes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skipFills: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    fillMaterial: {
+        type: import("vue").PropType<MeshBasicMaterialParameters>;
+    };
+    strokeMaterial: {
+        type: import("vue").PropType<MeshBasicMaterialParameters>;
+    };
+    fillMeshProps: {
+        type: import("vue").PropType<TresOptions>;
+    };
+    strokeMeshProps: {
+        type: import("vue").PropType<TresOptions>;
+    };
+    depth: {
+        type: import("vue").PropType<number | "flat" | "renderOrder" | "offsetZ">;
+        default: string;
+    };
+}, {
+    value: import("vue").ShallowRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    skipStrokes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skipFills: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    fillMaterial: {
+        type: import("vue").PropType<MeshBasicMaterialParameters>;
+    };
+    strokeMaterial: {
+        type: import("vue").PropType<MeshBasicMaterialParameters>;
+    };
+    fillMeshProps: {
+        type: import("vue").PropType<TresOptions>;
+    };
+    strokeMeshProps: {
+        type: import("vue").PropType<TresOptions>;
+    };
+    depth: {
+        type: import("vue").PropType<number | "flat" | "renderOrder" | "offsetZ">;
+        default: string;
+    };
+}>>, {
+    skipStrokes: boolean;
+    skipFills: boolean;
+    depth: number | "flat" | "renderOrder" | "offsetZ";
+}, {}>;
+export default _default;

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

@@ -1,7 +1,8 @@
 import GLTFModel from './useGLTF/component.vue';
 import FBXModel from './useFBX/component.vue';
-export * from './useGLTF';
-export * from './useFBX';
+import SVG from './SVG/component.vue';
 import { useProgress } from './useProgress';
 import { useVideoTexture } from './useVideoTexture';
-export { FBXModel, GLTFModel, useProgress, useVideoTexture };
+export * from './useGLTF';
+export * from './useFBX';
+export { FBXModel, GLTFModel, SVG, useProgress, useVideoTexture };

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

@@ -1,4 +1,4 @@
-import { Object3D } from 'three';
+import type { Object3D } from 'three';
 /**
  * Loads an FBX file and returns a THREE.Object3D.
  *

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

@@ -1,5 +1,5 @@
 import { GLTFLoader } from 'three-stdlib';
-import { TresObject3D } from '@tresjs/core';
+import type { TresObject3D } from '@tresjs/core';
 export interface GLTFLoaderOptions {
     /**
      * Whether to use Draco compression.

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 export declare function useProgress(): Promise<{
     hasFinishLoading: Ref<boolean>;
     progress: Ref<number>;

package/dist/core/materials/meshGlassMaterial/material.d.ts

@@ -1,4 +1,5 @@
-import { MeshStandardMaterial, MeshStandardMaterialParameters } from 'three';
+import type { MeshStandardMaterialParameters } from 'three';
+import { MeshStandardMaterial } from 'three';
 import { Vector2 } from 'three/src/math/Vector2.js';
 import { Color } from 'three/src/math/Color.js';
 declare class MeshGlassMaterial extends MeshStandardMaterial {

package/dist/core/materials/meshWobbleMaterial/material.d.ts

@@ -1,4 +1,5 @@
-import { MeshStandardMaterial, MeshStandardMaterialParameters, Shader } from 'three';
+import type { MeshStandardMaterialParameters, Shader } from 'three';
+import { MeshStandardMaterial } from 'three';
 interface Uniform<T> {
     value: T;
 }

package/dist/core/misc/Stats.d.ts

@@ -0,0 +1 @@
+export declare const stats: (showPanel?: number) => null;

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

@@ -1,2 +1,3 @@
 import { useTweakPane } from './useTweakPane';
-export { useTweakPane };
+import { stats } from './Stats';
+export { useTweakPane, stats };

package/dist/core/shapes/Box.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { BoxGeometry } from 'three';
-export type BoxProps = {
+import type { TresColor } from '@tresjs/core';
+import type { BoxGeometry } from 'three';
+export interface BoxProps {
     /**
      * The width, height and depth of the box.
      * @default [1, 1, 1]
@@ -18,10 +18,10 @@ export type BoxProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [width?: number | undefined, height?: number | undefined, depth?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, depthSegments?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Circle.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { CircleGeometry } from 'three';
-export type CircleProps = {
+import type { TresColor } from '@tresjs/core';
+import type { CircleGeometry } from 'three';
+export interface CircleProps {
     /**
      * The radius, segment, thetaStart, thetaLength of the circle.
      * @default [1, 32, 0, Math.PI * 2]
@@ -17,10 +17,10 @@ export type CircleProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, segments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Cone.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { ConeGeometry } from 'three';
-export type ConeProps = {
+import type { TresColor } from '@tresjs/core';
+import type { ConeGeometry } from 'three';
+export interface ConeProps {
     /**
      * The radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength of the cone.
      * @default [1, 1, 12, 12, false, 0, Math.PI * 2]
@@ -17,10 +17,10 @@ export type ConeProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => (number | boolean)[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, height?: number | undefined, radialSegments?: number | undefined, heightSegments?: number | undefined, openEnded?: boolean | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Dodecahedron.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { DodecahedronGeometry } from 'three';
-export type DodecahedronProps = {
+import type { TresColor } from '@tresjs/core';
+import type { DodecahedronGeometry } from 'three';
+export interface DodecahedronProps {
     /**
      * The radius and detail of the dodecahedron.
      * @default [1, 0]
@@ -17,10 +17,10 @@ export type DodecahedronProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, detail?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Icosahedron.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { IcosahedronGeometry } from 'three';
-export type IcosahedronProps = {
+import type { TresColor } from '@tresjs/core';
+import type { IcosahedronGeometry } from 'three';
+export interface IcosahedronProps {
     /**
      * The radius and detail of the icosahedron.
      * @default [1, 0]
@@ -17,10 +17,10 @@ export type IcosahedronProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, detail?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Octahedron.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { OctahedronGeometry } from 'three';
-export type OctahedronProps = {
+import type { TresColor } from '@tresjs/core';
+import type { OctahedronGeometry } from 'three';
+export interface OctahedronProps {
     /**
      * The radius and detail of the octahedron.
      * @default [1, 0]
@@ -17,10 +17,10 @@ export type OctahedronProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, detail?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Plane.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { PlaneGeometry } from 'three';
-export type PlaneProps = {
+import type { TresColor } from '@tresjs/core';
+import type { PlaneGeometry } from 'three';
+export interface PlaneProps {
     /**
      * The width and height, widthSegments, heightSegments of the plane.
      * @default [1, 1, 1, 1]
@@ -17,10 +17,10 @@ export type PlaneProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [width?: number | undefined, height?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

package/dist/core/shapes/Ring.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { RingGeometry } from 'three';
-export type RingProps = {
+import type { TresColor } from '@tresjs/core';
+import type { RingGeometry } from 'three';
+export interface RingProps {
     /**
      * The innerRadius, outerRadius, thetaSegments, phiSegments, tethaStart, thetaLength of the ring.
      * @default [0.5, 1, 32, 1, 0, Math.PI * 2]
@@ -17,10 +17,10 @@ export type RingProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
      */
     color?: TresColor;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: import("vue").ShallowRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: import("vue").PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation>;
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
         default: string;
     };
     args: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => number[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     args: [innerRadius?: number | undefined, outerRadius?: number | undefined, thetaSegments?: number | undefined, phiSegments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
 }, {}>, {
     default?(_: {}): any;