@shopify/react-native-skia 0.1.216 → 0.1.219

package/lib/module/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/module/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/module/renderer/Reconciler.js

@@ -30,6 +30,7 @@ export class SkiaRoot {
   }
 
   render(element) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     skiaReconciler.updateContainer(element, this.root, null, () => {
       hostDebug("updateContainer");
     });

package/lib/module/renderer/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactReconciler","DependencyManager","skHostConfig","debug","hostDebug","Container","NATIVE_DOM","skiaReconciler","createDependencyManager","registerValues","global","SkiaDomApi","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","redraw","getNativeId","depMgr","container","root","createContainer","console","error","render","element","updateContainer","unmount","remove","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\nimport type { SkiaValue } from \"../values/types\";\n\nimport { DependencyManager } from \"./DependencyManager\";\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\nimport { NATIVE_DOM } from \"./HostComponents\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\ntype RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;\n\nconst createDependencyManager = (registerValues: RegisterValues) =>\n  NATIVE_DOM\n    ? global.SkiaDomApi.DependencyManager(registerValues)\n    : new DependencyManager(registerValues);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    registerValues: RegisterValues = () => () => {},\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    const depMgr = createDependencyManager(registerValues);\n    this.container = new Container(Skia, depMgr, redraw, getNativeId);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    skiaReconciler.updateContainer(element, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      this.container.depMgr.remove();\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;AAEA,OAAOA,eAAP,MAA4B,kBAA5B;AAKA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,YAAT,EAAuBC,KAAK,IAAIC,SAAhC,QAAiD,cAAjD;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,UAAT,QAA2B,kBAA3B;AAEA,MAAMC,cAAc,GAAGP,eAAe,CAACE,YAAD,CAAtC;;AAIA,MAAMM,uBAAuB,GAAIC,cAAD,IAC9BH,UAAU,GACNI,MAAM,CAACC,UAAP,CAAkBV,iBAAlB,CAAoCQ,cAApC,CADM,GAEN,IAAIR,iBAAJ,CAAsBQ,cAAtB,CAHN;;AAKAF,cAAc,CAACK,kBAAf,CAAkC;EAChCC,UAAU,EAAE,CADoB;EAEhCC,OAAO,EAAE,OAFuB;EAGhCC,mBAAmB,EAAE;AAHW,CAAlC;AAMA,OAAO,MAAMC,QAAN,CAAe;EAIpBC,WAAW,CACTC,IADS,EAKT;IAAA,IAHAT,cAGA,uEAHiC,MAAM,MAAM,CAAE,CAG/C;IAAA,IAFAU,MAEA,uEAFqB,MAAM,CAAE,CAE7B;IAAA,IADAC,WACA,uEAD4B,MAAM,CAClC;;IAAA;;IAAA;;IACA,MAAMC,MAAM,GAAGb,uBAAuB,CAACC,cAAD,CAAtC;IACA,KAAKa,SAAL,GAAiB,IAAIjB,SAAJ,CAAca,IAAd,EAAoBG,MAApB,EAA4BF,MAA5B,EAAoCC,WAApC,CAAjB;IACA,KAAKG,IAAL,GAAYhB,cAAc,CAACiB,eAAf,CACV,KAAKF,SADK,EAEV,CAFU,EAGV,IAHU,EAIV,IAJU,EAKV,IALU,EAMV,EANU,EAOVG,OAAO,CAACC,KAPE,EAQV,IARU,CAAZ;EAUD;;EAEDC,MAAM,CAACC,OAAD,EAAqB;IACzBrB,cAAc,CAACsB,eAAf,CAA+BD,OAA/B,EAAwC,KAAKL,IAA7C,EAAmD,IAAnD,EAAyD,MAAM;MAC7DnB,SAAS,CAAC,iBAAD,CAAT;IACD,CAFD;EAGD;;EAED0B,OAAO,GAAG;IACRvB,cAAc,CAACsB,eAAf,CAA+B,IAA/B,EAAqC,KAAKN,IAA1C,EAAgD,IAAhD,EAAsD,MAAM;MAC1D,KAAKD,SAAL,CAAeD,MAAf,CAAsBU,MAAtB;IACD,CAFD;EAGD;;EAEM,IAAHC,GAAG,GAAG;IACR,OAAO,KAAKV,SAAL,CAAeC,IAAtB;EACD;;AAtCmB"}
+{"version":3,"names":["ReactReconciler","DependencyManager","skHostConfig","debug","hostDebug","Container","NATIVE_DOM","skiaReconciler","createDependencyManager","registerValues","global","SkiaDomApi","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","redraw","getNativeId","depMgr","container","root","createContainer","console","error","render","element","updateContainer","unmount","remove","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\nimport type { SkiaValue } from \"../values/types\";\n\nimport { DependencyManager } from \"./DependencyManager\";\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\nimport { NATIVE_DOM } from \"./HostComponents\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\ntype RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;\n\nconst createDependencyManager = (registerValues: RegisterValues) =>\n  NATIVE_DOM\n    ? global.SkiaDomApi.DependencyManager(registerValues)\n    : new DependencyManager(registerValues);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    registerValues: RegisterValues = () => () => {},\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    const depMgr = createDependencyManager(registerValues);\n    this.container = new Container(Skia, depMgr, redraw, getNativeId);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      this.container.depMgr.remove();\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;AAEA,OAAOA,eAAP,MAA4B,kBAA5B;AAKA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,YAAT,EAAuBC,KAAK,IAAIC,SAAhC,QAAiD,cAAjD;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,UAAT,QAA2B,kBAA3B;AAEA,MAAMC,cAAc,GAAGP,eAAe,CAACE,YAAD,CAAtC;;AAIA,MAAMM,uBAAuB,GAAIC,cAAD,IAC9BH,UAAU,GACNI,MAAM,CAACC,UAAP,CAAkBV,iBAAlB,CAAoCQ,cAApC,CADM,GAEN,IAAIR,iBAAJ,CAAsBQ,cAAtB,CAHN;;AAKAF,cAAc,CAACK,kBAAf,CAAkC;EAChCC,UAAU,EAAE,CADoB;EAEhCC,OAAO,EAAE,OAFuB;EAGhCC,mBAAmB,EAAE;AAHW,CAAlC;AAMA,OAAO,MAAMC,QAAN,CAAe;EAIpBC,WAAW,CACTC,IADS,EAKT;IAAA,IAHAT,cAGA,uEAHiC,MAAM,MAAM,CAAE,CAG/C;IAAA,IAFAU,MAEA,uEAFqB,MAAM,CAAE,CAE7B;IAAA,IADAC,WACA,uEAD4B,MAAM,CAClC;;IAAA;;IAAA;;IACA,MAAMC,MAAM,GAAGb,uBAAuB,CAACC,cAAD,CAAtC;IACA,KAAKa,SAAL,GAAiB,IAAIjB,SAAJ,CAAca,IAAd,EAAoBG,MAApB,EAA4BF,MAA5B,EAAoCC,WAApC,CAAjB;IACA,KAAKG,IAAL,GAAYhB,cAAc,CAACiB,eAAf,CACV,KAAKF,SADK,EAEV,CAFU,EAGV,IAHU,EAIV,IAJU,EAKV,IALU,EAMV,EANU,EAOVG,OAAO,CAACC,KAPE,EAQV,IARU,CAAZ;EAUD;;EAEDC,MAAM,CAACC,OAAD,EAAqB;IACzB;IACArB,cAAc,CAACsB,eAAf,CAA+BD,OAA/B,EAA+C,KAAKL,IAApD,EAA0D,IAA1D,EAAgE,MAAM;MACpEnB,SAAS,CAAC,iBAAD,CAAT;IACD,CAFD;EAGD;;EAED0B,OAAO,GAAG;IACRvB,cAAc,CAACsB,eAAf,CAA+B,IAA/B,EAAqC,KAAKN,IAA1C,EAAgD,IAAhD,EAAsD,MAAM;MAC1D,KAAKD,SAAL,CAAeD,MAAf,CAAsBU,MAAtB;IACD,CAFD;EAGD;;EAEM,IAAHC,GAAG,GAAG;IACR,OAAO,KAAKV,SAAL,CAAeC,IAAtB;EACD;;AAvCmB"}

package/lib/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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;