@tresjs/cientos 3.2.1 → 3.3.0

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

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { SphereGeometry } from 'three';
-export type SphereProps = {
+import type { TresColor } from '@tresjs/core';
+import type { SphereGeometry } from 'three';
+export interface SphereProps {
     /**
      * The radius, widthSegments, heightSegments, phiStart phiLength,
      * thetaStart and thetaLength of the sphere.
@@ -18,10 +18,10 @@ export type SphereProps = {
      * @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: [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/Tetrahedron.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { TetrahedronGeometry } from 'three';
-export type TetrahedronProps = {
+import type { TresColor } from '@tresjs/core';
+import type { TetrahedronGeometry } from 'three';
+export interface TetrahedronProps {
     /**
      * The radius and detail of the tetrahedron.
      * @default [1, 0]
@@ -17,10 +17,10 @@ export type TetrahedronProps = {
      * @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/Torus.vue.d.ts

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { TorusGeometry } from 'three';
-export type TorusProps = {
+import type { TresColor } from '@tresjs/core';
+import type { TorusGeometry } from 'three';
+export interface TorusProps {
     /**
      * The radius, tube, radialSegments, tubularSegments, arc of the torus.
      * @default [1, 1, 16, 80, Math.PI * 2]
@@ -17,10 +17,10 @@ export type TorusProps = {
      * @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, tube?: number | undefined, radialSegments?: number | undefined, tubularSegments?: number | undefined, arc?: number | undefined];
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,6 +1,6 @@
-import { TresColor } from '@tresjs/core';
-import { TorusKnotGeometry } from 'three';
-export type TorusKnotProps = {
+import type { TresColor } from '@tresjs/core';
+import type { TorusKnotGeometry } from 'three';
+export interface TorusKnotProps {
     /**
      * The radius, tube, radialSegments, tubularSegments and p, q of the torus knot.
      * @default [1, 0.4, 64, 8, 2, 3]
@@ -17,10 +17,10 @@ export type TorusKnotProps = {
      * @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, 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,7 @@
-import { TresColor } from '@tresjs/core';
-import { QuadraticBezierCurve3, TubeGeometry, Vector3 } from 'three';
-export type TubeProps = {
+import type { TresColor } from '@tresjs/core';
+import type { TubeGeometry } from 'three';
+import { QuadraticBezierCurve3, Vector3 } from 'three';
+export interface TubeProps {
     /**
      * The curve, segments, radius, radialSegments, closed.
      * @default [new QuadraticBezierCurve3(new Vector3(-1, 0, 0), new Vector3(0, 1, 0), new Vector3(1, 0, 0)), 20, 0.2, 8, false]
@@ -17,10 +18,10 @@ export type TubeProps = {
      * @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 +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: {
@@ -39,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => (number | boolean | QuadraticBezierCurve3)[];
     };
 }>>, {
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    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/staging/Backdrop.vue.d.ts

@@ -1,8 +1,8 @@
-export type BackdropProps = {
+export interface BackdropProps {
     floor?: number;
     segments?: number;
     receiveShadow?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     receiveShadow: {
         type: import("vue").PropType<boolean>;

package/dist/core/{abstractions → staging}/Precipitation.vue.d.ts

@@ -1,5 +1,5 @@
-import { TresColor } from '@tresjs/core';
-export type PrecipitationProps = {
+import type { TresColor } from '@tresjs/core';
+export interface PrecipitationProps {
     /**
      * The size of the drops.
      *
@@ -107,24 +107,28 @@ export type PrecipitationProps = {
      * @default true
      */
     sizeAttenuation?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<{
-    opacity: {
+    speed: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    map: {
+        type: import("vue").PropType<null>;
+    };
     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: number;
+    };
+    alphaTest: {
+        type: import("vue").PropType<number>;
         default: number;
     };
     depthWrite: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    map: {
-        type: import("vue").PropType<null>;
-    };
-    alphaTest: {
+    opacity: {
         type: import("vue").PropType<number>;
         default: number;
     };
@@ -132,13 +136,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    alphaMap: {
-        type: import("vue").PropType<string>;
-    };
-    speed: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     size: {
         type: import("vue").PropType<number>;
         default: number;
@@ -147,6 +144,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<[number, number, number]>;
         default: () => number[];
     };
+    alphaMap: {
+        type: import("vue").PropType<string>;
+    };
     count: {
         type: import("vue").PropType<number>;
         default: number;
@@ -160,22 +160,26 @@ declare const _default: 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<{
-    opacity: {
+    speed: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    map: {
+        type: import("vue").PropType<null>;
+    };
     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: number;
+    };
+    alphaTest: {
+        type: import("vue").PropType<number>;
         default: number;
     };
     depthWrite: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    map: {
-        type: import("vue").PropType<null>;
-    };
-    alphaTest: {
+    opacity: {
         type: import("vue").PropType<number>;
         default: number;
     };
@@ -183,13 +187,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    alphaMap: {
-        type: import("vue").PropType<string>;
-    };
-    speed: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     size: {
         type: import("vue").PropType<number>;
         default: number;
@@ -198,6 +195,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<[number, number, number]>;
         default: () => number[];
     };
+    alphaMap: {
+        type: import("vue").PropType<string>;
+    };
     count: {
         type: import("vue").PropType<number>;
         default: number;
@@ -211,12 +211,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    opacity: number;
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
-    depthWrite: boolean;
+    speed: number;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     alphaTest: number;
+    depthWrite: boolean;
+    opacity: number;
     transparent: boolean;
-    speed: number;
     size: number;
     area: [number, number, number];
     count: number;

package/dist/core/{abstractions → staging}/Smoke.vue.d.ts

@@ -1,5 +1,5 @@
-import { TresColor } from '@tresjs/core';
-export type SmokeProps = {
+import type { TresColor } from '@tresjs/core';
+export interface SmokeProps {
     /**
      * The color of the smoke.
      * @default 0xffffff
@@ -64,18 +64,14 @@ export type SmokeProps = {
      * @see https://threejs.org/docs/#api/en/materials/MeshStandardMaterial
      */
     depthTest?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<{
-    opacity: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    width: {
+    speed: {
         type: import("vue").PropType<number>;
         default: number;
     };
     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;
     };
     texture: {
@@ -86,7 +82,11 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    speed: {
+    opacity: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    width: {
         type: import("vue").PropType<number>;
         default: number;
     };
@@ -101,16 +101,12 @@ declare const _default: 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<{
-    opacity: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    width: {
+    speed: {
         type: import("vue").PropType<number>;
         default: number;
     };
     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;
     };
     texture: {
@@ -121,7 +117,11 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    speed: {
+    opacity: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    width: {
         type: import("vue").PropType<number>;
         default: number;
     };
@@ -134,12 +134,12 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>>, {
-    opacity: number;
-    width: number;
-    color: [r: number, g: number, b: number] | import("three").ColorRepresentation;
+    speed: number;
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
     texture: string;
     depthTest: boolean;
-    speed: number;
+    opacity: number;
+    width: number;
     depth: number;
     segments: number;
 }, {}>;

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

@@ -1,2 +1,7 @@
+import { Environment } from './useEnvironment/component';
 import Backdrop from './Backdrop.vue';
-export { Backdrop };
+import ContactShadows from './ContactShadows.vue';
+import Stars from './Stars.vue';
+import Precipitation from './Precipitation.vue';
+import Smoke from './Smoke.vue';
+export { Backdrop, ContactShadows, Stars, Precipitation, Smoke, Environment, };

package/dist/core/{abstractions → staging}/useEnvironment/component.d.ts

@@ -1,2 +1,2 @@
-import { EnvironmentOptions } from './const';
+import type { EnvironmentOptions } from './const';
 export declare const Environment: import("vue").DefineComponent<EnvironmentOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<EnvironmentOptions>, {}, {}>;

package/dist/core/{abstractions → staging}/useEnvironment/const.d.ts

@@ -1,5 +1,5 @@
-import { TextureEncoding } from 'three';
-export type EnvironmentOptions = {
+import type { TextureEncoding } from 'three';
+export interface EnvironmentOptions {
     /**
      * If true, the environment will be set as the scene's background.
      *
@@ -40,7 +40,7 @@ export type EnvironmentOptions = {
      * @type {TextureEncoding}
      */
     encoding?: TextureEncoding;
-};
+}
 export declare const environmentPresets: {
     sunset: string;
 };

package/dist/core/{abstractions → staging}/useEnvironment/index.d.ts

@@ -1,5 +1,5 @@
-import { CubeTexture, Texture } from 'three';
-import { EnvironmentOptions } from './const';
+import type { CubeTexture, Texture } from 'three';
+import type { EnvironmentOptions } from './const';
 /**
  * Component that loads an environment map and sets it as the scene's background and environment.
  *