react-two.js 0.2.3 → 0.8.22-r.1

package/dist/SVG.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Group as Instance } from 'two.js/src/group';
+import { ShapeProps, type EventHandlers } from './Properties';
+type GroupProps = ShapeProps | 'fill' | 'stroke' | 'linewidth' | 'cap' | 'join' | 'miter' | 'closed' | 'curved' | 'automatic';
+export interface SVGProps extends React.PropsWithChildren<{
+    [K in Extract<GroupProps, keyof Instance>]?: Instance[K];
+}>, Partial<EventHandlers> {
+    src?: string;
+    content?: string;
+    x?: number;
+    y?: number;
+    onLoad?: (group: RefSVG, svg: SVGElement | SVGElement[]) => void;
+    onError?: (error: Error) => void;
+    shallow?: boolean;
+}
+export type RefSVG = Instance;
+export declare const SVG: React.ForwardRefExoticComponent<SVGProps & React.RefAttributes<Instance>>;
+export {};

package/dist/Sprite.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { Sprite as Instance } from 'two.js/src/effects/sprite';
+import { type EventHandlers } from './Properties';
 export type RefSprite = Instance;
 export declare const Sprite: React.ForwardRefExoticComponent<{
+    visible?: boolean | undefined;
     renderer?: {
         type: "element" | "group" | "path" | "text" | "points" | string;
         elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement | SVGPatternElement;
@@ -21,7 +23,6 @@ export declare const Sprite: React.ForwardRefExoticComponent<{
     stroke?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
     linewidth?: number | undefined;
     opacity?: number | undefined;
-    visible?: boolean | undefined;
     cap?: import("two.js/src/path").CapProperties | undefined;
     join?: import("two.js/src/path").JoinProperties | undefined;
     miter?: number | undefined;
@@ -42,10 +43,10 @@ export declare const Sprite: React.ForwardRefExoticComponent<{
     columns?: number | undefined;
     rows?: number | undefined;
 } & {
-    path?: string;
+    src?: string;
     x?: number;
     y?: number;
     autoPlay?: boolean;
-} & {
+} & Partial<EventHandlers> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<Instance>>;

package/dist/Star.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { Star as Instance } from 'two.js/src/shapes/star';
+import { type EventHandlers } from './Properties';
 export type RefStar = Instance;
 export declare const Star: React.ForwardRefExoticComponent<{
+    visible?: boolean | undefined;
     renderer?: {
         type: "element" | "group" | "path" | "text" | "points" | string;
         elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement | SVGPatternElement;
@@ -21,7 +23,6 @@ export declare const Star: React.ForwardRefExoticComponent<{
     stroke?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
     linewidth?: number | undefined;
     opacity?: number | undefined;
-    visible?: boolean | undefined;
     cap?: import("two.js/src/path").CapProperties | undefined;
     join?: import("two.js/src/path").JoinProperties | undefined;
     miter?: number | undefined;
@@ -40,6 +41,6 @@ export declare const Star: React.ForwardRefExoticComponent<{
 } & {
     x?: number;
     y?: number;
-} & {
+} & Partial<EventHandlers> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<Instance>>;

package/dist/Text.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import type { Text as Instance } from 'two.js/src/text';
+import { type EventHandlers } from './Properties';
 export type RefText = Instance;
 export declare const Text: React.ForwardRefExoticComponent<{
-    value?: string | undefined;
+    visible?: boolean | undefined;
     renderer?: {
         type: "element" | "group" | "path" | "text" | "points" | string;
         elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement | SVGPatternElement;
@@ -22,10 +23,10 @@ export declare const Text: React.ForwardRefExoticComponent<{
     stroke?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
     linewidth?: number | undefined;
     opacity?: number | undefined;
-    visible?: boolean | undefined;
     dashes?: (number[] & {
         offset?: number;
     }) | undefined;
+    value?: string | undefined;
     size?: number | undefined;
     family?: string | undefined;
     leading?: number | undefined;
@@ -38,6 +39,6 @@ export declare const Text: React.ForwardRefExoticComponent<{
 } & {
     x?: number;
     y?: number;
-} & {
+} & Partial<EventHandlers> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<Instance>>;

package/dist/Texture.d.ts

@@ -18,7 +18,7 @@ export declare const Texture: React.ForwardRefExoticComponent<{
     offset?: import("two.js/src/vector").Vector | undefined;
     image?: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | undefined;
 } & {
-    source?: string | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement;
+    src?: string | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement;
 } & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<Instance>>;

package/dist/main.d.ts

@@ -1,6 +1,7 @@
 export { Provider as Canvas } from './Provider';
 export { Context, useTwo, useFrame } from './Context';
 export { Group, type RefGroup } from './Group';
+export { SVG, type RefSVG, type SVGProps } from './SVG';
 export { Path, type RefPath } from './Path';
 export { Points, type RefPoints } from './Points';
 export { Text, type RefText } from './Text';