@tresjs/cientos 3.8.0 → 3.9.0

package/dist/core/materials/meshWobbleMaterial/index.vue.d.ts

@@ -1,10 +1,10 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     speed?: number | undefined;
     factor?: number | undefined;
 }>, {
     speed: number;
     factor: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     speed?: number | undefined;
     factor?: number | undefined;
 }>, {

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

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

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

@@ -1 +1 @@
-export declare const BakeShadows: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const BakeShadows: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;

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

@@ -1,9 +1,9 @@
-export declare const Stats: import("vue").DefineComponent<{
+export declare const Stats: import('vue').DefineComponent<{
     showPanel: {
         type: NumberConstructor;
         default: number;
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     showPanel: {
         type: NumberConstructor;
         default: number;

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

@@ -7,4 +7,4 @@ export interface StatsGlProps {
     minimal?: boolean;
     mode?: number;
 }
-export declare const StatsGl: import("vue").DefineComponent<StatsGlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatsGlProps>, {}, {}>;
+export declare const StatsGl: import('vue').DefineComponent<StatsGlProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatsGlProps>, {}, {}>;

package/dist/core/misc/html/HTML.vue.d.ts

@@ -1,7 +1,8 @@
-import type { Ref } from 'vue';
+import { Ref } from 'vue';
 import { PlaneGeometry } from 'three';
-import type { TresObject3D } from '@tresjs/core';
-import type { Mutable } from '@vueuse/core';
+import { TresObject3D } from '@tresjs/core';
+import { Mutable } from '@vueuse/core';
+
 export interface HTMLProps {
     geometry?: any;
     material?: any;
@@ -19,7 +20,7 @@ export interface HTMLProps {
     occlude?: Ref<TresObject3D>[] | boolean | 'raycast' | 'blending';
 }
 type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HTMLProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HTMLProps>, {
     geometry: PlaneGeometry;
     zIndexRange: () => number[];
     as: string;
@@ -27,9 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     eps: number;
     pointerEvents: string;
     sprite: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onOcclude: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HTMLProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<HTMLProps>, {
     geometry: PlaneGeometry;
     zIndexRange: () => number[];
     as: string;

package/dist/core/misc/html/utils.d.ts

@@ -1,6 +1,6 @@
-import type { TresCamera, TresObject3D } from '@tresjs/core';
-import type { Matrix4, Raycaster } from 'three';
-import { Vector3 } from 'three';
+import { TresCamera, TresObject3D } from '@tresjs/core';
+import { Matrix4, Raycaster, Vector3 } from 'three';
+
 export declare const v1: Vector3;
 export declare const v2: Vector3;
 export declare const v3: Vector3;

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

@@ -2,6 +2,7 @@ import { useTweakPane } from './useTweakPane';
 import { Stats } from './Stats';
 import { StatsGl } from './StatsGl';
 import { BakeShadows } from './BakeShadows';
-import Html from './html/HTML.vue';
+import { default as Html } from './html/HTML.vue';
 import { useGLTFExporter } from './useGLTFExporter';
+
 export { useTweakPane, Html, Stats, StatsGl, BakeShadows, useGLTFExporter };

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

@@ -1,4 +1,5 @@
-import type { AnimationClip, Object3D } from 'three';
+import { AnimationClip, Object3D } from 'three';
+
 interface gltfExporterOptions {
     fileName?: string;
     trs?: boolean;

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

@@ -1,7 +1,8 @@
 import { Pane } from 'tweakpane';
+
 type TweakPane = Pane & {
-    addBlade(blade: any): void;
-    addInput(blade: any): void;
+    addBlade: (blade: any) => void;
+    addInput: (blade: any) => void;
 };
 export declare const useTweakPane: (selector?: string) => {
     pane: TweakPane;

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

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { BoxGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { BoxGeometry } from 'three';
+
 export interface BoxProps {
     /**
      * The width, height and depth of the box.
@@ -19,16 +20,16 @@ export interface BoxProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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/CatmullRomCurve3.vue.d.ts

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
+import { TresColor } from '@tresjs/core';
 import { Vector3 } from 'three';
+
 type CurveType = 'centripetal' | 'chordal' | 'catmullrom';
 type Points = Array<Vector3 | [number, number, number]>;
 interface CatmullRomCurve3Props {
@@ -19,12 +20,12 @@ interface CatmullRomCurve3Props {
     gapSize?: number;
     worldUnits?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CatmullRomCurve3Props>, {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CatmullRomCurve3Props>, {
     segments: number;
     closed: boolean;
     curveType: string;
     tension: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CatmullRomCurve3Props>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CatmullRomCurve3Props>, {
     segments: number;
     closed: boolean;
     curveType: string;

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

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { CircleGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { CircleGeometry } from 'three';
+
 export interface CircleProps {
     /**
      * The radius, segment, thetaStart, thetaLength of the circle.
@@ -18,16 +19,16 @@ export interface CircleProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CircleProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CircleProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CircleProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CircleProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { ConeGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { ConeGeometry } from 'three';
+
 export interface ConeProps {
     /**
      * The radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength of the cone.
@@ -18,16 +19,16 @@ export interface ConeProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConeProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConeProps>, {
     args: () => (number | boolean)[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConeProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConeProps>, {
     args: () => (number | boolean)[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { DodecahedronGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { DodecahedronGeometry } from 'three';
+
 export interface DodecahedronProps {
     /**
      * The radius and detail of the dodecahedron.
@@ -18,16 +19,16 @@ export interface DodecahedronProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DodecahedronProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DodecahedronProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DodecahedronProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DodecahedronProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { IcosahedronGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { IcosahedronGeometry } from 'three';
+
 export interface IcosahedronProps {
     /**
      * The radius and detail of the icosahedron.
@@ -18,16 +19,16 @@ export interface IcosahedronProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IcosahedronProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IcosahedronProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IcosahedronProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IcosahedronProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    color: import('three').ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, detail?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,5 +1,6 @@
 import { Vector2, Vector3 } from 'three';
-import type { TresColor } from '@tresjs/core';
+import { TresColor } from '@tresjs/core';
+
 type Points = (Vector3 | Vector2 | [number, number, number] | [number, number] | number)[];
 type VertexColors = Array<TresColor>;
 export interface LineProps {
@@ -15,7 +16,7 @@ export interface LineProps {
     dashScale?: number;
     dashOffset?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LineProps>, {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LineProps>, {
     vertexColors: null;
     color: string;
     lineWidth: number;
@@ -26,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     gapSize: number;
     dashScale: number;
     dashOffset: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LineProps>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LineProps>, {
     vertexColors: null;
     color: string;
     lineWidth: number;
@@ -38,7 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     dashScale: number;
     dashOffset: number;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    color: import('three').ColorRepresentation | [r: number, g: number, b: number];
     alphaToCoverage: boolean;
     vertexColors: VertexColors | null;
     lineWidth: number;

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

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { OctahedronGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { OctahedronGeometry } from 'three';
+
 export interface OctahedronProps {
     /**
      * The radius and detail of the octahedron.
@@ -18,16 +19,16 @@ export interface OctahedronProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OctahedronProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OctahedronProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OctahedronProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OctahedronProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { PlaneGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { PlaneGeometry } from 'three';
+
 export interface PlaneProps {
     /**
      * The width and height, widthSegments, heightSegments of the plane.
@@ -18,16 +19,16 @@ export interface PlaneProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaneProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaneProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaneProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlaneProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { RingGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { RingGeometry } from 'three';
+
 export interface RingProps {
     /**
      * The innerRadius, outerRadius, thetaSegments, phiSegments, tethaStart, thetaLength of the ring.
@@ -18,16 +19,16 @@ export interface RingProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RingProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RingProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RingProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RingProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    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;

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

@@ -0,0 +1,59 @@
+import { TresColor } from '@tresjs/core';
+import { BoxGeometry } from 'three';
+
+export interface BoxProps {
+    /**
+     * The width, height, depth, segments and radius.
+     * @default [1, 1, 1, 2, 0.1]
+     * @type {number[]}
+     * @memberof BoxProps
+     * @see https://github.com/mrdoob/three.js/blob/master/examples/jsm/geometries/RoundedBoxGeometry.js
+     *
+     */
+    args?: ConstructorParameters<typeof BoxGeometry>;
+    /**
+     * The color of the box.
+     * @default 0xffffff
+     * @type {TresColor}
+     * @memberof BoxProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
+     */
+    color?: TresColor;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxProps>, {
+    args: () => number[];
+    color: string;
+}>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxProps>, {
+    args: () => number[];
+    color: string;
+}>>>, {
+    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;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { SphereGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { SphereGeometry } from 'three';
+
 export interface SphereProps {
     /**
      * The radius, widthSegments, heightSegments, phiStart phiLength,
@@ -19,16 +20,16 @@ export interface SphereProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SphereProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SphereProps>, {
     args: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SphereProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SphereProps>, {
     args: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    color: import('three').ColorRepresentation | [r: number, g: number, b: number];
     args: [radius?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, phiStart?: number | undefined, phiLength?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,37 +1,38 @@
-import type { TresColor } from '@tresjs/core';
+import { TresColor } from '@tresjs/core';
+
 export type Float3 = [number, number, number];
 export interface SuperFormulaProps {
     /**
-       * Number of horizontal mesh segments
-       */
+     * Number of horizontal mesh segments
+     */
     widthSegments?: number;
     /**
-       * Number of vertical mesh segments
-       */
+     * Number of vertical mesh segments
+     */
     heightSegments?: number;
     /**
-       * The 3D Superformula is the spherical product of 2 2D superformula curves: here called curves "A" and "B".
-       * Number of radial arms/ripples of A, corresponding to "m" [in this article.](https://en.wikipedia.org/wiki/Superformula)
-       */
+     * The 3D Superformula is the spherical product of 2 2D superformula curves: here called curves "A" and "B".
+     * Number of radial arms/ripples of A, corresponding to "m" [in this article.](https://en.wikipedia.org/wiki/Superformula)
+     */
     numArmsA?: number;
     /**
-       * A's 3 exponents
-       */
+     * A's 3 exponents
+     */
     expA?: Float3;
     /**
-       * For B, number of radial arms/ripples
-       */
+     * For B, number of radial arms/ripples
+     */
     numArmsB?: number;
     /**
-       * B's 3 exponents
-       */
+     * B's 3 exponents
+     */
     expB?: Float3;
     /**
-       * If no material is provided, a color for the default material
-       */
+     * If no material is provided, a color for the default material
+     */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SuperFormulaProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SuperFormulaProps>, {
     widthSegments: number;
     heightSegments: number;
     numArmsA: number;
@@ -40,8 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     expB: () => number[];
     color: string;
 }>, {
-    value: import("vue").ShallowRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SuperFormulaProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SuperFormulaProps>, {
     widthSegments: number;
     heightSegments: number;
     numArmsA: number;
@@ -50,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     expB: () => number[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    color: import('three').ColorRepresentation | [r: number, g: number, b: number];
     widthSegments: number;
     heightSegments: number;
     numArmsA: number;