@tresjs/cientos 3.7.0 → 3.9.0

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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;

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

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { TetrahedronGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { TetrahedronGeometry } from 'three';
+
 export interface TetrahedronProps {
     /**
      * The radius and detail of the tetrahedron.
@@ -18,16 +19,16 @@ export interface TetrahedronProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TetrahedronProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TetrahedronProps>, {
     args: () => number[];
     color: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TetrahedronProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TetrahedronProps>, {
     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/Torus.vue.d.ts

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { TorusGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { TorusGeometry } from 'three';
+
 export interface TorusProps {
     /**
      * The radius, tube, radialSegments, tubularSegments, arc of the torus.
@@ -18,16 +19,16 @@ export interface TorusProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusProps>, {
     args: () => number[];
     color: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusProps>, {
     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, tube?: number | undefined, radialSegments?: number | undefined, tubularSegments?: number | undefined, arc?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,5 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { TorusKnotGeometry } from 'three';
+import { TresColor } from '@tresjs/core';
+import { TorusKnotGeometry } from 'three';
+
 export interface TorusKnotProps {
     /**
      * The radius, tube, radialSegments, tubularSegments and p, q of the torus knot.
@@ -18,16 +19,16 @@ export interface TorusKnotProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusKnotProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusKnotProps>, {
     args: () => number[];
     color: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusKnotProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TorusKnotProps>, {
     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, tube?: number | undefined, tubularSegments?: number | undefined, radialSegments?: number | undefined, p?: number | undefined, q?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,6 +1,6 @@
-import type { TresColor } from '@tresjs/core';
-import type { TubeGeometry } from 'three';
-import { QuadraticBezierCurve3, Vector3 } from 'three';
+import { TresColor } from '@tresjs/core';
+import { TubeGeometry, QuadraticBezierCurve3, Vector3 } from 'three';
+
 export interface TubeProps {
     /**
      * The curve, segments, radius, radialSegments, closed.
@@ -19,17 +19,17 @@ export interface TubeProps {
      */
     color?: TresColor;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TubeProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TubeProps>, {
     args: () => (number | boolean | QuadraticBezierCurve3)[];
     color: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TubeProps>, {
+    value: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TubeProps>, {
     args: () => (number | boolean | QuadraticBezierCurve3)[];
     color: string;
 }>>>, {
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
-    args: [path?: import("three").Curve<Vector3> | undefined, tubularSegments?: number | undefined, radius?: number | undefined, radialSegments?: number | undefined, closed?: boolean | undefined];
+    color: import('three').ColorRepresentation | [r: number, g: number, b: number];
+    args: [path?: import('three').Curve<Vector3> | undefined, tubularSegments?: number | undefined, radius?: number | undefined, radialSegments?: number | undefined, closed?: boolean | undefined];
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,17 +1,19 @@
-import Box from './Box.vue';
-import CatmullRomCurve3 from './CatmullRomCurve3.vue';
-import Circle from './Circle.vue';
-import Cone from './Cone.vue';
-import Dodecahedron from './Dodecahedron.vue';
-import Icosahedron from './Icosahedron.vue';
-import Line2 from './Line2.vue';
-import Octahedron from './Octahedron.vue';
-import Plane from './Plane.vue';
-import Ring from './Ring.vue';
-import Sphere from './Sphere.vue';
-import Superformula from './Superformula.vue';
-import Tetrahedron from './Tetrahedron.vue';
-import Torus from './Torus.vue';
-import TorusKnot from './TorusKnot.vue';
-import Tube from './Tube.vue';
-export { Box, CatmullRomCurve3, Circle, Cone, Dodecahedron, Icosahedron, Line2, Octahedron, Plane, Ring, Sphere, Superformula, Tetrahedron, Torus, TorusKnot, Tube, };
+import { default as Box } from './Box.vue';
+import { default as CatmullRomCurve3 } from './CatmullRomCurve3.vue';
+import { default as Circle } from './Circle.vue';
+import { default as Cone } from './Cone.vue';
+import { default as Dodecahedron } from './Dodecahedron.vue';
+import { default as Icosahedron } from './Icosahedron.vue';
+import { default as Line2 } from './Line2.vue';
+import { default as Octahedron } from './Octahedron.vue';
+import { default as Plane } from './Plane.vue';
+import { default as Ring } from './Ring.vue';
+import { default as RoundedBox } from './RoundedBox.vue';
+import { default as Sphere } from './Sphere.vue';
+import { default as Superformula } from './Superformula.vue';
+import { default as Tetrahedron } from './Tetrahedron.vue';
+import { default as Torus } from './Torus.vue';
+import { default as TorusKnot } from './TorusKnot.vue';
+import { default as Tube } from './Tube.vue';
+
+export { Box, CatmullRomCurve3, Circle, Cone, Dodecahedron, Icosahedron, Line2, Octahedron, Plane, Ring, RoundedBox, Sphere, Superformula, Tetrahedron, Torus, TorusKnot, Tube, };

package/dist/core/staging/Backdrop.vue.d.ts

@@ -3,11 +3,11 @@ export interface BackdropProps {
     segments?: number;
     receiveShadow?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BackdropProps>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BackdropProps>, {
     floor: number;
     segments: number;
     receiveShadow: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BackdropProps>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BackdropProps>, {
     floor: number;
     segments: number;
     receiveShadow: boolean;

package/dist/core/staging/Fit.vue.d.ts

@@ -0,0 +1,56 @@
+import { Object3D, Box3, Vector3 } from 'three';
+
+export interface Props {
+    /**
+     * If `into` is:
+     * - omitted or explicitly `undefined`: position/scale children to fit into a 1 × 1 × 1 `Box3` at world origin.
+     * - `null`: turn off `<Fit />`; reset scale/position of children.
+     * - `number`: convert argument to `Vector3(number, number, number)`.
+     * - `[number, number, number]`: convert argument to `Vector3`.
+     * - `Vector3`: position/scale children to fit inside a `Box3` of size `Vector3` at target objects' cumulative center.
+     * - `Box3`: position/scale children to fit inside `Box3`.
+     * - `Object3D`: position/scale children to fit inside calculated `Box3`. [See `THREE.Box3.setFromObject`](https://threejs.org/docs/#api/en/math/Box3.setFromObject). `<Fit />` must not contain the `Object3D` and vice-versa.
+     */
+    into?: number | [number, number, number] | Vector3 | Box3 | Object3D | null;
+    /** [See `precise` argument in `THREE.Box3.setFromObject`](https://threejs.org/docs/index.html?q=box3#api/en/math/Box3.setFromObject) */
+    precise?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    into: () => Box3;
+    precise: boolean;
+}>, {
+    instance: import('vue').ShallowRef<any>;
+    fit: (into?: number | Box3 | Vector3 | Object3D<import('three').Object3DEventMap> | [number, number, number] | null | undefined, precise?: boolean) => void;
+    update: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    into: () => Box3;
+    precise: boolean;
+}>>>, {
+    into: number | Box3 | Vector3 | Object3D<import('three').Object3DEventMap> | [number, number, number] | null;
+    precise: boolean;
+}, {}>, {
+    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/staging/Ocean.vue.d.ts

@@ -0,0 +1,164 @@
+import { TresColor, TresVector3 } from '@tresjs/core';
+import { Vector3 } from 'three';
+
+export interface OceanProps {
+    /**
+     * The textureWidth of the internal WebGLRenderTarget.
+     *
+     * @default 512
+     * @type {number}
+     * @memberof OceanProps
+     *
+     */
+    textureWidth?: number;
+    /**
+     * The textureHeight of the internal WebGLRenderTarget.
+     *
+     * @default 512
+     * @type {number}
+     * @memberof OceanProps
+     *
+     */
+    textureHeight?: number;
+    /**
+     * The normal texture of the ocean.
+     * @default 'https://raw.githubusercontent.com/mrdoob/three.js/master/examples/textures/water/Water_1_M_Normal.jpg'
+     * @type {string}
+     * @memberof OceanProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshStandardMaterial
+     */
+    waterNormals?: string;
+    /**
+     * The sun direction
+     * @default '[0,0,0]'
+     * @type {TresVector3}
+     * @memberof OceanProps
+     */
+    sunDirection?: TresVector3;
+    /**
+     * The sun color.
+     *
+     * @default '#fff'
+     * @type {TresColor}
+     * @memberof OceanProps
+     *
+     */
+    sunColor?: TresColor;
+    /**
+     * The water color.
+     *
+     * @default '#001e0f'
+     * @type {TresColor}
+     * @memberof OceanProps
+     *
+     */
+    waterColor?: TresColor;
+    /**
+     * The distortion scale of the reflections.
+     * @default 3.7
+     * @type {number}
+     * @memberof OceanProps
+     *
+     */
+    distortionScale?: number;
+    /**
+     * The size of the normal texture.
+     *
+     * @default 1
+     * @type {number}
+     * @memberof OceanProps
+     *
+     */
+    size?: number;
+    /**
+     * The ClipBias.
+     *
+     * @default 0.0
+     * @type {number}
+     * @memberof OceanProps
+     *
+     */
+    clipBias?: number;
+    /**
+     * The alpha factor.
+     *
+     * @default 1.0
+     * @type {number}
+     * @memberof OceanProps
+     *
+     */
+    alpha?: number;
+    /**
+     * ThreeJs side material property.
+     *
+     * @default FrontSide
+     * @type {TresVector3}
+     * @memberof OceanProps
+     *
+     */
+    side?: TresVector3;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OceanProps>, {
+    textureWidth: number;
+    textureHeight: number;
+    waterNormals: string;
+    sunDirection: () => Vector3;
+    sunColor: number;
+    waterColor: number;
+    distortionScale: number;
+    size: number;
+    clipBias: number;
+    alpha: number;
+    side: 0;
+}>, {
+    root: import('vue').ShallowRef<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OceanProps>, {
+    textureWidth: number;
+    textureHeight: number;
+    waterNormals: string;
+    sunDirection: () => Vector3;
+    sunColor: number;
+    waterColor: number;
+    distortionScale: number;
+    size: number;
+    clipBias: number;
+    alpha: number;
+    side: 0;
+}>>>, {
+    side: Vector3 | [x: number, y: number, z: number];
+    textureWidth: number;
+    textureHeight: number;
+    clipBias: number;
+    size: number;
+    waterNormals: string;
+    sunDirection: Vector3 | [x: number, y: number, z: number];
+    sunColor: import('three').ColorRepresentation | [r: number, g: number, b: number];
+    waterColor: import('three').ColorRepresentation | [r: number, g: number, b: number];
+    distortionScale: number;
+    alpha: number;
+}, {}>, {
+    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/staging/Precipitation.vue.d.ts

@@ -1,4 +1,5 @@
-import type { TresColor } from '@tresjs/core';
+import { TresColor } from '@tresjs/core';
+
 export interface PrecipitationProps {
     /**
      * The size of the drops.
@@ -108,7 +109,7 @@ export interface PrecipitationProps {
      */
     sizeAttenuation?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PrecipitationProps>, {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PrecipitationProps>, {
     size: number;
     area: () => number[];
     color: number;
@@ -120,7 +121,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     depthWrite: boolean;
     transparent: boolean;
     sizeAttenuation: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PrecipitationProps>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PrecipitationProps>, {
     size: number;
     area: () => number[];
     color: number;
@@ -134,11 +135,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sizeAttenuation: boolean;
 }>>>, {
     speed: number;
-    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
-    alphaTest: number;
+    color: import('three').ColorRepresentation | [r: number, g: number, b: number];
     depthWrite: boolean;
     opacity: number;
     transparent: boolean;
+    alphaTest: number;
     count: number;
     size: number;
     area: [number, number, number];

package/dist/core/staging/Sky.vue.d.ts

@@ -1,3 +1,6 @@
+import { Vector3 } from 'three';
+import { Sky as SkyImpl } from 'three/examples/jsm/objects/Sky';
+
 export interface SkyProps {
     /**
      * Haziness
@@ -29,7 +32,7 @@ export interface SkyProps {
      */
     distance?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SkyProps>, {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SkyProps>, {
     turbidity: number;
     rayleigh: number;
     mieCoefficient: number;
@@ -37,7 +40,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     elevation: number;
     azimuth: number;
     distance: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SkyProps>, {
+}>, {
+    root: import('vue').ShallowRef<SkyImpl | undefined>;
+    sunPosition: Vector3;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SkyProps>, {
     turbidity: number;
     rayleigh: number;
     mieCoefficient: number;