@shopify/react-native-skia 0.1.216 → 0.1.218

package/lib/typescript/src/dom/types/Node.d.ts

@@ -12,7 +12,7 @@ export interface Node<P> {
     removeChild(child: Node<unknown>): void;
     insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
 }
-export declare type Invalidate = () => void;
+export type Invalidate = () => void;
 export interface DeclarationNode<P> extends Node<P> {
     declarationType: DeclarationType;
     decorate(ctx: DeclarationContext): void;

package/lib/typescript/src/dom/types/SkDOM.d.ts

@@ -6,10 +6,10 @@ import type { ImageProps, CircleProps, PathProps, CustomDrawingNodeProps, LinePr
 import type { BlurMaskFilterProps } from "./MaskFilters";
 import type { FractalNoiseProps, SweepGradientProps, ImageShaderProps, LinearGradientProps, ShaderProps, TurbulenceProps, TwoPointConicalGradientProps, RadialGradientProps, ColorProps } from "./Shaders";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "./PathEffects";
-declare type ImageFilterNode<P> = DeclarationNode<P>;
-declare type PathEffectNode<P> = DeclarationNode<P>;
-declare type NullablePathEffectNode<P> = DeclarationNode<P>;
-declare type DrawingNode<P extends GroupProps> = RenderNode<P>;
+type ImageFilterNode<P> = DeclarationNode<P>;
+type PathEffectNode<P> = DeclarationNode<P>;
+type NullablePathEffectNode<P> = DeclarationNode<P>;
+type DrawingNode<P extends GroupProps> = RenderNode<P>;
 export interface SkDOM {
     Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;
     Group(props?: GroupProps): RenderNode<GroupProps>;

package/lib/typescript/src/renderer/Canvas.d.ts

@@ -8,4 +8,4 @@ export interface CanvasProps extends SkiaBaseViewProps {
     children: ReactNode;
     onTouch?: TouchHandler;
 }
-export declare const Canvas: React.FC<CanvasProps & React.RefAttributes<SkiaDomView>>;
+export declare const Canvas: React.FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;

package/lib/typescript/src/renderer/DependencyManager.d.ts

@@ -1,9 +1,9 @@
 import type { Node } from "../dom/types";
 import type { SkiaValue } from "../values";
 import type { AnimatedProps } from "./processors";
-declare type Unsubscribe = () => void;
-declare type Mutator = (value: unknown) => void;
-declare type SubscriptionState = {
+type Unsubscribe = () => void;
+type Mutator = (value: unknown) => void;
+type SubscriptionState = {
     nodes: Map<Node<unknown>, Mutator[]>;
     unsubscribe: null | Unsubscribe;
 };

package/lib/typescript/src/renderer/HostConfig.d.ts

@@ -3,17 +3,17 @@ import type { HostConfig } from "react-reconciler";
 import type { NodeType, Node } from "../dom/types";
 import type { Container } from "./Container";
 export declare const debug: (message?: any, ...optionalParams: any[]) => void;
-declare type Instance = Node<unknown>;
-declare type Props = object;
-declare type TextInstance = Node<unknown>;
-declare type SuspenseInstance = Instance;
-declare type HydratableInstance = Instance;
-declare type PublicInstance = Instance;
-declare type HostContext = null;
-declare type UpdatePayload = Container;
-declare type ChildSet = unknown;
-declare type TimeoutHandle = NodeJS.Timeout;
-declare type NoTimeout = -1;
-declare type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
+type Instance = Node<unknown>;
+type Props = object;
+type TextInstance = Node<unknown>;
+type SuspenseInstance = Instance;
+type HydratableInstance = Instance;
+type PublicInstance = Instance;
+type HostContext = null;
+type UpdatePayload = Container;
+type ChildSet = unknown;
+type TimeoutHandle = NodeJS.Timeout;
+type NoTimeout = -1;
+type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
 export declare const skHostConfig: SkiaHostConfig;
 export {};

package/lib/typescript/src/renderer/Reconciler.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { Skia } from "../skia/types";
 import type { SkiaValue } from "../values/types";
-declare type RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;
+type RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;
 export declare class SkiaRoot {
     private root;
     private container;

package/lib/typescript/src/renderer/components/Blend.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { BlendProps } from "../../dom/types";
 import type { SkiaProps } from "../processors";
-export declare const Blend: (props: SkiaProps<BlendProps>) => JSX.Element;
+export declare const Blend: (props: SkiaProps<BlendProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Drawing.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import type { CustomDrawingNodeProps } from "../../dom/types";
-export declare const Drawing: (props: CustomDrawingNodeProps) => JSX.Element;
+export declare const Drawing: (props: CustomDrawingNodeProps) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Group.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../processors";
 import type { GroupProps } from "../../dom/types";
 import type { ChildrenProps } from "../../dom/types/Common";
 export interface PublicGroupProps extends Omit<GroupProps, "layer"> {
     layer?: GroupProps["layer"] | ChildrenProps["children"];
 }
-export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => JSX.Element;
+export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Mask.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface MaskProps {
     mode?: "luminance" | "alpha";
     clip?: boolean;
     mask: ReactNode | ReactNode[];
     children: ReactNode | ReactNode[];
 }
-export declare const Mask: ({ children, mask, mode, clip, }: MaskProps) => JSX.Element;
+export declare const Mask: ({ children, mask, mode, clip, }: MaskProps) => React.JSX.Element;
 export {};

package/lib/typescript/src/renderer/components/Paint.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../processors";
 import type { DrawingNodeProps } from "../../dom/types";
-export declare const Paint: (props: SkiaProps<DrawingNodeProps>) => JSX.Element;
+export declare const Paint: (props: SkiaProps<DrawingNodeProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Picture.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { PictureProps } from "../../dom/types";
 import type { SkiaProps } from "../processors";
-export declare const Picture: (props: SkiaProps<PictureProps>) => JSX.Element;
+export declare const Picture: (props: SkiaProps<PictureProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/backdrop/BackdropBlur.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { AnimatedProps } from "../../processors";
 import type { Radius } from "../../../dom/types";
 import type { BackdropFilterProps } from "./BackdropFilter";
 interface BackdropBlurProps extends Omit<BackdropFilterProps, "filter"> {
     blur: Radius;
 }
-export declare const BackdropBlur: ({ blur, children, ...props }: AnimatedProps<BackdropBlurProps>) => JSX.Element;
+export declare const BackdropBlur: ({ blur, children, ...props }: AnimatedProps<BackdropBlurProps>) => React.JSX.Element;
 export {};

package/lib/typescript/src/renderer/components/backdrop/BackdropFilter.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { GroupProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 export interface BackdropFilterProps extends GroupProps {
     filter: ReactNode | ReactNode[];
 }
-export declare const BackdropFilter: ({ filter, children, ...props }: SkiaProps<BackdropFilterProps, "filter">) => JSX.Element;
+export declare const BackdropFilter: ({ filter, children: groupChildren, ...props }: SkiaProps<BackdropFilterProps, "filter">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/BlendColor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { BlendColorFilterProps } from "../../../dom/types";
-export declare const BlendColor: (props: SkiaProps<BlendColorFilterProps>) => JSX.Element;
+export declare const BlendColor: (props: SkiaProps<BlendColorFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/Lerp.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { LerpColorFilterProps } from "../../../dom/types";
-export declare const Lerp: (props: SkiaProps<LerpColorFilterProps>) => JSX.Element;
+export declare const Lerp: (props: SkiaProps<LerpColorFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/LinearToSRGBGamma.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const LinearToSRGBGamma: (props: SkiaProps<ChildrenProps>) => JSX.Element;
+export declare const LinearToSRGBGamma: (props: SkiaProps<ChildrenProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/LumaColorFilter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const LumaColorFilter: (props: SkiaProps<ChildrenProps>) => JSX.Element;
+export declare const LumaColorFilter: (props: SkiaProps<ChildrenProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/Matrix.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { MatrixColorFilterProps } from "../../../dom/types";
-export declare const ColorMatrix: (props: SkiaProps<MatrixColorFilterProps>) => JSX.Element;
+export declare const ColorMatrix: (props: SkiaProps<MatrixColorFilterProps>) => React.JSX.Element;
 export declare const OpacityMatrix: (opacity: number) => number[];

package/lib/typescript/src/renderer/components/colorFilters/SRGBToLinearGamma.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const SRGBToLinearGamma: (props: SkiaProps<ChildrenProps>) => JSX.Element;
+export declare const SRGBToLinearGamma: (props: SkiaProps<ChildrenProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/image/Image.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { ImageProps } from "../../../dom/types";
-export declare const Image: (props: SkiaProps<ImageProps>) => JSX.Element;
+export declare const Image: (props: SkiaProps<ImageProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/image/ImageSVG.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ImageSVGProps } from "../../../dom/types";
 import type { AnimatedProps } from "../../processors";
-export declare const ImageSVG: (props: AnimatedProps<ImageSVGProps>) => JSX.Element;
+export declare const ImageSVG: (props: AnimatedProps<ImageSVGProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/image/ImageShader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ImageShaderProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors";
-export declare const ImageShader: ({ tx, ty, fm, mm, fit, transform, ...props }: SkiaDefaultProps<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "transform">) => JSX.Element;
+export declare const ImageShader: ({ tx, ty, fm, mm, fit, transform, ...props }: SkiaDefaultProps<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "transform">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Blur.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
 import type { BlurImageFilterProps } from "../../../dom/types";
-export declare const Blur: ({ mode, ...props }: SkiaDefaultProps<BlurImageFilterProps, "mode">) => JSX.Element;
+export declare const Blur: ({ mode, ...props }: SkiaDefaultProps<BlurImageFilterProps, "mode">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/DisplacementMap.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { DisplacementMapImageFilterProps } from "../../../dom/types";
-export declare const DisplacementMap: (props: SkiaProps<DisplacementMapImageFilterProps>) => JSX.Element;
+export declare const DisplacementMap: (props: SkiaProps<DisplacementMapImageFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Morphology.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { MorphologyImageFilterProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors";
-export declare const Morphology: ({ operator, ...props }: SkiaDefaultProps<MorphologyImageFilterProps, "operator">) => JSX.Element;
+export declare const Morphology: ({ operator, ...props }: SkiaDefaultProps<MorphologyImageFilterProps, "operator">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Offset.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
 import type { OffsetImageFilterProps } from "../../../dom/types";
-export declare const Offset: ({ x, y, ...props }: SkiaDefaultProps<OffsetImageFilterProps, "x" | "y">) => JSX.Element;
+export declare const Offset: ({ x, y, ...props }: SkiaDefaultProps<OffsetImageFilterProps, "x" | "y">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/RuntimeShader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { RuntimeShaderImageFilterProps } from "../../../dom/types";
-export declare const RuntimeShader: (props: SkiaProps<RuntimeShaderImageFilterProps>) => JSX.Element;
+export declare const RuntimeShader: (props: SkiaProps<RuntimeShaderImageFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Shadow.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { DropShadowImageFilterProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const Shadow: (props: SkiaProps<DropShadowImageFilterProps>) => JSX.Element;
+export declare const Shadow: (props: SkiaProps<DropShadowImageFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/maskFilters/Blur.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { BlurMaskFilterProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
-export declare const BlurMask: ({ style, respectCTM, ...props }: SkiaDefaultProps<BlurMaskFilterProps, "style" | "respectCTM">) => JSX.Element;
+export declare const BlurMask: ({ style, respectCTM, ...props }: SkiaDefaultProps<BlurMaskFilterProps, "style" | "respectCTM">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Corner.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { CornerPathEffectProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const CornerPathEffect: (props: SkiaProps<CornerPathEffectProps>) => JSX.Element;
+export declare const CornerPathEffect: (props: SkiaProps<CornerPathEffectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Dash.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { DashPathEffectProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const DashPathEffect: (props: SkiaProps<DashPathEffectProps>) => JSX.Element;
+export declare const DashPathEffect: (props: SkiaProps<DashPathEffectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Discrete.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
 import type { DiscretePathEffectProps } from "../../../dom/types";
-export declare const DiscretePathEffect: ({ seed, ...props }: SkiaDefaultProps<DiscretePathEffectProps, "seed">) => JSX.Element;
+export declare const DiscretePathEffect: ({ seed, ...props }: SkiaDefaultProps<DiscretePathEffectProps, "seed">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Line2D.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { Line2DPathEffectProps } from "../../../dom/types";
-export declare const Line2DPathEffect: (props: SkiaProps<Line2DPathEffectProps>) => JSX.Element;
+export declare const Line2DPathEffect: (props: SkiaProps<Line2DPathEffectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Path1D.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { Path1DPathEffectProps } from "../../../dom/types";
-export declare const Path1DPathEffect: (props: SkiaProps<Path1DPathEffectProps>) => JSX.Element;
+export declare const Path1DPathEffect: (props: SkiaProps<Path1DPathEffectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Path2D.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { Path2DPathEffectProps } from "../../../dom/types";
-export declare const Path2DPathEffect: (props: SkiaProps<Path2DPathEffectProps>) => JSX.Element;
+export declare const Path2DPathEffect: (props: SkiaProps<Path2DPathEffectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/pathEffects/Sum.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
-export declare const SumPathEffect: (props: ChildrenProps) => JSX.Element;
+export declare const SumPathEffect: (props: ChildrenProps) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/Color.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { ColorProps } from "../../../dom/types";
-export declare const ColorShader: (props: SkiaProps<ColorProps>) => JSX.Element;
+export declare const ColorShader: (props: SkiaProps<ColorProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/FractalNoise.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { FractalNoiseProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
-export declare const FractalNoise: ({ seed, tileWidth, tileHeight, ...props }: SkiaDefaultProps<FractalNoiseProps, "seed" | "tileHeight" | "tileWidth">) => JSX.Element;
+export declare const FractalNoise: ({ seed, tileWidth, tileHeight, ...props }: SkiaDefaultProps<FractalNoiseProps, "seed" | "tileHeight" | "tileWidth">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/LinearGradient.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { LinearGradientProps } from "../../../dom/types";
-export declare const LinearGradient: (props: SkiaProps<LinearGradientProps>) => JSX.Element;
+export declare const LinearGradient: (props: SkiaProps<LinearGradientProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/RadialGradient.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { RadialGradientProps } from "../../../dom/types";
-export declare const RadialGradient: (props: SkiaProps<RadialGradientProps>) => JSX.Element;
+export declare const RadialGradient: (props: SkiaProps<RadialGradientProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/Shader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors";
 import type { ShaderProps } from "../../../dom/types";
-export declare const Shader: ({ uniforms, ...props }: SkiaDefaultProps<ShaderProps, "uniforms">) => JSX.Element;
+export declare const Shader: ({ uniforms, ...props }: SkiaDefaultProps<ShaderProps, "uniforms">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/SweepGradient.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SweepGradientProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const SweepGradient: (props: SkiaProps<SweepGradientProps>) => JSX.Element;
+export declare const SweepGradient: (props: SkiaProps<SweepGradientProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/Turbulence.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { TurbulenceProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
-export declare const Turbulence: ({ seed, tileWidth, tileHeight, ...props }: SkiaDefaultProps<TurbulenceProps, "seed" | "tileWidth" | "tileHeight">) => JSX.Element;
+export declare const Turbulence: ({ seed, tileWidth, tileHeight, ...props }: SkiaDefaultProps<TurbulenceProps, "seed" | "tileWidth" | "tileHeight">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shaders/TwoPointConicalGradient.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { TwoPointConicalGradientProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const TwoPointConicalGradient: (props: SkiaProps<TwoPointConicalGradientProps>) => JSX.Element;
+export declare const TwoPointConicalGradient: (props: SkiaProps<TwoPointConicalGradientProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Box.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import type { BoxProps, BoxShadowProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const BoxShadow: (props: SkiaProps<BoxShadowProps>) => JSX.Element;
-export declare const Box: (props: SkiaProps<BoxProps>) => JSX.Element;
+export declare const BoxShadow: (props: SkiaProps<BoxShadowProps>) => React.JSX.Element;
+export declare const Box: (props: SkiaProps<BoxProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Circle.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { CircleProps } from "../../../dom/types";
-export declare const Circle: (props: SkiaProps<CircleProps>) => JSX.Element;
+export declare const Circle: (props: SkiaProps<CircleProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/DiffRect.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { DiffRectProps } from "../../../dom/types";
-export declare const DiffRect: (props: SkiaProps<DiffRectProps>) => JSX.Element;
+export declare const DiffRect: (props: SkiaProps<DiffRectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Fill.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { DrawingNodeProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const Fill: (props: SkiaProps<DrawingNodeProps>) => JSX.Element;
+export declare const Fill: (props: SkiaProps<DrawingNodeProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/FitBox.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { Fit } from "../../../dom/nodes";
 import type { SkRect } from "../../../skia/types";
 interface FitProps {
@@ -16,5 +17,5 @@ export declare const fitbox: (fit: Fit, src: SkRect, dst: SkRect) => readonly [{
 }, {
     readonly scaleY: number;
 }];
-export declare const FitBox: ({ fit, src, dst, children }: FitProps) => JSX.Element;
+export declare const FitBox: ({ fit, src, dst, children }: FitProps) => React.JSX.Element;
 export {};

package/lib/typescript/src/renderer/components/shapes/Line.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { LineProps } from "../../../dom/types";
-export declare const Line: (props: SkiaProps<LineProps>) => JSX.Element;
+export declare const Line: (props: SkiaProps<LineProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Oval.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { OvalProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const Oval: (props: SkiaProps<OvalProps>) => JSX.Element;
+export declare const Oval: (props: SkiaProps<OvalProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Patch.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { PatchProps } from "../../../dom/types";
-export declare const Patch: (props: SkiaProps<PatchProps>) => JSX.Element;
+export declare const Patch: (props: SkiaProps<PatchProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Path.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors";
 import type { PathProps } from "../../../dom/types";
-export declare const Path: ({ start, end, ...props }: SkiaDefaultProps<PathProps, "start" | "end">) => JSX.Element;
+export declare const Path: ({ start, end, ...props }: SkiaDefaultProps<PathProps, "start" | "end">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Points.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
 import type { PointsProps } from "../../../dom/types";
-export declare const Points: ({ mode, ...props }: SkiaDefaultProps<PointsProps, "mode">) => JSX.Element;
+export declare const Points: ({ mode, ...props }: SkiaDefaultProps<PointsProps, "mode">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Rect.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { RectProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const Rect: (props: SkiaProps<RectProps>) => JSX.Element;
+export declare const Rect: (props: SkiaProps<RectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/RoundedRect.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { RoundedRectProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const RoundedRect: (props: SkiaProps<RoundedRectProps>) => JSX.Element;
+export declare const RoundedRect: (props: SkiaProps<RoundedRectProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/shapes/Vertices.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors";
 import type { VerticesProps } from "../../../dom/types";
-export declare const Vertices: ({ mode, ...props }: SkiaDefaultProps<VerticesProps, "mode">) => JSX.Element;
+export declare const Vertices: ({ mode, ...props }: SkiaDefaultProps<VerticesProps, "mode">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/text/Glyphs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { GlyphsProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
-export declare const Glyphs: ({ x, y, ...props }: SkiaDefaultProps<GlyphsProps, "x" | "y">) => JSX.Element;
+export declare const Glyphs: ({ x, y, ...props }: SkiaDefaultProps<GlyphsProps, "x" | "y">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/text/Text.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors";
 import type { TextProps } from "../../../dom/types";
-export declare const Text: ({ x, y, ...props }: SkiaDefaultProps<TextProps, "x" | "y">) => JSX.Element;
+export declare const Text: ({ x, y, ...props }: SkiaDefaultProps<TextProps, "x" | "y">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/text/TextBlob.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors";
 import type { TextBlobProps } from "../../../dom/types";
-export declare const TextBlob: ({ x, y, ...props }: SkiaDefaultProps<TextBlobProps, "x" | "y">) => JSX.Element;
+export declare const TextBlob: ({ x, y, ...props }: SkiaDefaultProps<TextBlobProps, "x" | "y">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/text/TextPath.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors";
 import type { TextPathProps } from "../../../dom/types";
-export declare const TextPath: ({ initialOffset, ...props }: SkiaDefaultProps<TextPathProps, "initialOffset">) => JSX.Element;
+export declare const TextPath: ({ initialOffset, ...props }: SkiaDefaultProps<TextPathProps, "initialOffset">) => React.JSX.Element;