react-two.js 0.1.0

package/dist/RoundedRectangle.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { RoundedRectangle as Instance } from 'two.js/src/shapes/rounded-rectangle';
+export type RefRoundedRectangle = Instance;
+export declare const RoundedRectangle: React.ForwardRefExoticComponent<{
+    renderer?: {
+        type: "element" | string;
+        elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement;
+        onBeforeRender?: () => void;
+        onAfterRender?: () => void;
+    } | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    position?: import("two.js/src/vector").Vector | undefined;
+    rotation?: number | undefined;
+    scale?: number | import("two.js/src/vector").Vector | undefined;
+    skewX?: number | undefined;
+    skewY?: number | undefined;
+    matrix?: import("two.js/src/matrix").Matrix | undefined;
+    worldMatrix?: import("two.js/src/matrix").Matrix | undefined;
+    fill?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
+    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?: string | undefined;
+    join?: string | undefined;
+    miter?: number | undefined;
+    closed?: boolean | undefined;
+    curved?: boolean | undefined;
+    automatic?: boolean | undefined;
+    beginning?: number | undefined;
+    ending?: number | undefined;
+    dashes?: (number[] & {
+        offset?: number;
+    }) | undefined;
+    vertices?: import("two.js/src/anchor").Anchor[] | undefined;
+    radius?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+} & {
+    x?: number;
+    y?: number;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Instance | null>>;

package/dist/Sprite.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import type { Sprite as Instance } from 'two.js/src/effects/sprite';
+export type RefSprite = Instance;
+export declare const Sprite: React.ForwardRefExoticComponent<{
+    renderer?: {
+        type: "element" | string;
+        elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement;
+        onBeforeRender?: () => void;
+        onAfterRender?: () => void;
+    } | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    position?: import("two.js/src/vector").Vector | undefined;
+    rotation?: number | undefined;
+    scale?: number | import("two.js/src/vector").Vector | undefined;
+    skewX?: number | undefined;
+    skewY?: number | undefined;
+    matrix?: import("two.js/src/matrix").Matrix | undefined;
+    worldMatrix?: import("two.js/src/matrix").Matrix | undefined;
+    fill?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
+    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?: string | undefined;
+    join?: string | undefined;
+    miter?: number | undefined;
+    closed?: boolean | undefined;
+    curved?: boolean | undefined;
+    automatic?: boolean | undefined;
+    beginning?: number | undefined;
+    ending?: number | undefined;
+    dashes?: (number[] & {
+        offset?: number;
+    }) | undefined;
+    vertices?: import("two.js/src/anchor").Anchor[] | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    frameRate?: number | undefined;
+    index?: number | undefined;
+    texture?: import("two.js/src/effects/texture").Texture | undefined;
+    columns?: number | undefined;
+    rows?: number | undefined;
+} & {
+    path?: string;
+    x?: number;
+    y?: number;
+    autoPlay?: boolean;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Instance | null>>;

package/dist/Star.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { Star as Instance } from 'two.js/src/shapes/star';
+export type RefStar = Instance;
+export declare const Star: React.ForwardRefExoticComponent<{
+    renderer?: {
+        type: "element" | string;
+        elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement;
+        onBeforeRender?: () => void;
+        onAfterRender?: () => void;
+    } | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    position?: import("two.js/src/vector").Vector | undefined;
+    rotation?: number | undefined;
+    scale?: number | import("two.js/src/vector").Vector | undefined;
+    skewX?: number | undefined;
+    skewY?: number | undefined;
+    matrix?: import("two.js/src/matrix").Matrix | undefined;
+    worldMatrix?: import("two.js/src/matrix").Matrix | undefined;
+    fill?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
+    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?: string | undefined;
+    join?: string | undefined;
+    miter?: number | undefined;
+    closed?: boolean | undefined;
+    curved?: boolean | undefined;
+    automatic?: boolean | undefined;
+    beginning?: number | undefined;
+    ending?: number | undefined;
+    dashes?: (number[] & {
+        offset?: number;
+    }) | undefined;
+    vertices?: import("two.js/src/anchor").Anchor[] | undefined;
+    innerRadius?: number | undefined;
+    outerRadius?: number | undefined;
+    sides?: number | undefined;
+} & {
+    x?: number;
+    y?: number;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Instance | null>>;

package/dist/Text.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { Text as Instance } from 'two.js/src/text';
+export type RefText = Instance;
+export declare const Text: React.ForwardRefExoticComponent<{
+    value?: string | undefined;
+    renderer?: {
+        type: "element" | string;
+        elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement;
+        onBeforeRender?: () => void;
+        onAfterRender?: () => void;
+    } | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    position?: import("two.js/src/vector").Vector | undefined;
+    rotation?: number | undefined;
+    scale?: number | import("two.js/src/vector").Vector | undefined;
+    skewX?: number | undefined;
+    skewY?: number | undefined;
+    matrix?: import("two.js/src/matrix").Matrix | undefined;
+    worldMatrix?: import("two.js/src/matrix").Matrix | undefined;
+    fill?: string | import("two.js/src/effects/gradient").Gradient | import("two.js/src/effects/texture").Texture | undefined;
+    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;
+    size?: number | undefined;
+    family?: string | undefined;
+    leading?: number | undefined;
+    alignment?: "center" | "left" | "right" | undefined;
+    style?: "normal" | "italic" | undefined;
+    weight?: string | number | undefined;
+    decoration?: "underline" | "strikethrough" | "none" | undefined;
+    direction?: "ltr" | "rtl" | undefined;
+    baseline?: "baseline" | "top" | "middle" | "bottom" | undefined;
+} & {
+    x?: number;
+    y?: number;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Instance | null>>;

package/dist/Texture.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { Texture as Instance } from 'two.js/src/effects/texture';
+import { ElementProps } from './Properties';
+export type TextureProps = ElementProps | 'src' | 'loaded' | 'repeat' | 'scale' | 'offset' | 'image';
+export type RefTexture = Instance;
+export declare const Texture: React.ForwardRefExoticComponent<{
+    renderer?: {
+        type: "element" | string;
+        elem?: SVGGElement | SVGPathElement | SVGTextElement | SVGPatternElement | SVGDefsElement | SVGGradientElement | SVGLinearGradientElement | SVGRadialGradientElement | SVGImageElement | SVGClipPathElement | SVGStopElement;
+        onBeforeRender?: () => void;
+        onAfterRender?: () => void;
+    } | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    repeat?: string | undefined;
+    src?: string | undefined;
+    loaded?: boolean | undefined;
+    offset?: import("two.js/src/vector").Vector | undefined;
+    image?: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | undefined;
+} & {
+    source?: string | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Instance | null>>;

package/dist/main.d.ts

@@ -0,0 +1,19 @@
+export { Provider as Canvas } from './Provider';
+export { Context, useTwo, useFrame } from './Context';
+export { Group, type RefGroup } from './Group';
+export { Path, type RefPath } from './Path';
+export { Points, type RefPoints } from './Points';
+export { Text, type RefText } from './Text';
+export { ArcSegment, type RefArcSegment } from './ArcSegment';
+export { Circle, type RefCircle } from './Circle';
+export { Ellipse, type RefEllipse } from './Ellipse';
+export { ImageSequence, type RefImageSequence } from './ImageSequence';
+export { Line, type RefLine } from './Line';
+export { Polygon, type RefPolygon } from './Polygon';
+export { Rectangle, type RefRectangle } from './Rectangle';
+export { RoundedRectangle, type RefRoundedRectangle } from './RoundedRectangle';
+export { Sprite, type RefSprite } from './Sprite';
+export { Star, type RefStar } from './Star';
+export { LinearGradient, type RefLinearGradient } from './LinearGradient';
+export { RadialGradient, type RefRadialGradient } from './RadialGradient';
+export { Texture, type RefTexture } from './Texture';