@shopify/react-native-skia 1.7.6 → 1.8.0

package/lib/typescript/lib/module/dom/nodes/JsiSkDOM.d.ts

@@ -1,119 +1,59 @@
 export class JsiSkDOM {
-    constructor(ctx: any, native: any);
-    ctx: any;
-    native: any;
-    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps> | LayerNode;
-    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps> | GroupNode;
-    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps> | PaintNode;
-    Fill(props: any): import("../../../..").RenderNode<import("../../../..").PaintProps> | FillNode;
-    Image(props: any): import("../../../..").RenderNode<import("../../../..").ImageProps> | ImageNode;
-    Circle(props: any): import("../../../..").RenderNode<import("../../../..").CircleProps> | CircleNode;
-    Path(props: any): import("../../../..").RenderNode<import("../../../..").PathProps> | PathNode;
-    Line(props: any): import("../../../..").RenderNode<import("../../../..").LineProps> | LineNode;
-    Oval(props: any): import("../../../..").RenderNode<import("../../../..").OvalProps> | OvalNode;
-    Patch(props: any): import("../../../..").RenderNode<import("../../../..").PatchProps> | PatchNode;
-    Points(props: any): import("../../../..").RenderNode<import("../../../..").PointsProps> | PointsNode;
-    Rect(props: any): import("../../../../src/dom/nodes/DrawingNode").JsiDrawingNode<import("../../../..").RectProps, import("../../../..").SkRect> | RectNode;
-    RRect(props: any): import("../../../../src/dom/nodes/DrawingNode").JsiDrawingNode<import("../../../..").RoundedRectProps, import("../../../..").SkRRect> | RRectNode;
-    Vertices(props: any): import("../../../..").RenderNode<import("../../../..").VerticesProps> | VerticesNode;
-    Text(props: any): import("../../../..").RenderNode<import("../../../..").TextProps> | TextNode;
-    TextPath(props: any): import("../../../..").RenderNode<import("../../../..").TextPathProps> | TextPathNode;
-    TextBlob(props: any): import("../../../..").RenderNode<import("../../../..").TextBlobProps> | TextBlobNode;
-    Glyphs(props: any): import("../../../..").RenderNode<import("../../../..").GlyphsProps> | GlyphsNode;
-    DiffRect(props: any): import("../../../..").RenderNode<import("../../../..").DiffRectProps> | DiffRectNode;
-    Picture(props: any): import("../../../..").RenderNode<import("../../../..").PictureProps> | PictureNode;
-    Atlas(props: any): import("../../../..").RenderNode<import("../../../..").AtlasProps> | AtlasNode;
-    ImageSVG(props: any): import("../../../..").RenderNode<import("../../../..").ImageSVGProps> | ImageSVGNode;
-    BlurMaskFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurMaskFilterProps> | BlurMaskFilterNode;
-    BlendImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendImageFilterProps> | BlendImageFilterNode;
-    DropShadowImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DropShadowImageFilterProps> | DropShadowImageFilterNode;
-    DisplacementMapImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DisplacementMapImageFilterProps> | DisplacementMapImageFilterNode;
-    BlurImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurImageFilterProps> | BlurImageFilterNode;
-    OffsetImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").OffsetImageFilterProps> | OffsetImageFilterNode;
-    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps> | MorphologyImageFilterNode;
-    RuntimeShaderImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").RuntimeShaderImageFilterProps> | RuntimeShaderImageFilterNode;
-    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps> | MatrixColorFilterNode;
-    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps> | BlendColorFilterNode;
-    LumaColorFilter(): import("../../../..").DeclarationNode<null> | LumaColorFilterNode;
-    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null> | LinearToSRGBGammaColorFilterNode;
-    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null> | SRGBToLinearGammaColorFilterNode;
-    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps> | LerpColorFilterNode;
-    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps> | ShaderNode;
-    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps> | ImageShaderNode;
-    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps> | ColorNode;
-    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps> | SweepGradientNode;
-    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps> | TurbulenceNode;
-    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps> | FractalNoiseNode;
-    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps> | LinearGradientNode;
-    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps> | RadialGradientNode;
-    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps> | TwoPointConicalGradientNode;
-    CornerPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").CornerPathEffectProps> | CornerPathEffectNode;
-    DiscretePathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DiscretePathEffectProps> | DiscretePathEffectNode;
-    DashPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DashPathEffectProps> | DashPathEffectNode;
-    Path1DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path1DPathEffectProps> | Path1DPathEffectNode;
-    Path2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path2DPathEffectProps> | Path2DPathEffectNode;
-    SumPathEffect(): import("../../../..").DeclarationNode<null> | SumPathEffectNode;
-    Line2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Line2DPathEffectProps> | Line2DPathEffectNode;
-    Blend(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendProps> | BlendNode;
-    BackdropFilter(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps> | BackdropFilterNode;
-    Box(props: any): import("../../../..").RenderNode<import("../../../..").BoxProps> | BoxNode;
-    BoxShadow(props: any): import("../../../..").DeclarationNode<import("../../../..").BoxShadowProps> | BoxShadowNode;
-    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps> | ParagraphNode;
+    Layer(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps>;
+    Group(props: any): import("../../../..").RenderNode<import("../../../..").GroupProps>;
+    Paint(props: any): import("../../../..").DeclarationNode<import("../../../..").PaintProps>;
+    Fill(props: any): import("../../../..").RenderNode<import("../../../..").PaintProps>;
+    Image(props: any): import("../../../..").RenderNode<import("../../../..").ImageProps>;
+    Circle(props: any): import("../../../..").RenderNode<import("../../../..").CircleProps>;
+    Path(props: any): import("../../../..").RenderNode<import("../../../..").PathProps>;
+    Line(props: any): import("../../../..").RenderNode<import("../../../..").LineProps>;
+    Oval(props: any): import("../../../..").RenderNode<import("../../../..").OvalProps>;
+    Patch(props: any): import("../../../..").RenderNode<import("../../../..").PatchProps>;
+    Points(props: any): import("../../../..").RenderNode<import("../../../..").PointsProps>;
+    Rect(props: any): import("../../../..").RenderNode<import("../../../..").RectProps>;
+    RRect(props: any): import("../../../..").RenderNode<import("../../../..").RoundedRectProps>;
+    Vertices(props: any): import("../../../..").RenderNode<import("../../../..").VerticesProps>;
+    Text(props: any): import("../../../..").RenderNode<import("../../../..").TextProps>;
+    TextPath(props: any): import("../../../..").RenderNode<import("../../../..").TextPathProps>;
+    TextBlob(props: any): import("../../../..").RenderNode<import("../../../..").TextBlobProps>;
+    Glyphs(props: any): import("../../../..").RenderNode<import("../../../..").GlyphsProps>;
+    DiffRect(props: any): import("../../../..").RenderNode<import("../../../..").DiffRectProps>;
+    Picture(props: any): import("../../../..").RenderNode<import("../../../..").PictureProps>;
+    Atlas(props: any): import("../../../..").RenderNode<import("../../../..").AtlasProps>;
+    ImageSVG(props: any): import("../../../..").RenderNode<import("../../../..").ImageSVGProps>;
+    BlurMaskFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurMaskFilterProps>;
+    BlendImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendImageFilterProps>;
+    DropShadowImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DropShadowImageFilterProps>;
+    DisplacementMapImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").DisplacementMapImageFilterProps>;
+    BlurImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlurImageFilterProps>;
+    OffsetImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").OffsetImageFilterProps>;
+    MorphologyImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MorphologyImageFilterProps>;
+    RuntimeShaderImageFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").RuntimeShaderImageFilterProps>;
+    MatrixColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").MatrixColorFilterProps>;
+    BlendColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendColorFilterProps>;
+    LumaColorFilter(): import("../../../..").DeclarationNode<null>;
+    LinearToSRGBGammaColorFilter(): import("../../../..").DeclarationNode<null>;
+    SRGBToLinearGammaColorFilter(): import("../../../..").DeclarationNode<null>;
+    LerpColorFilter(props: any): import("../../../..").DeclarationNode<import("../../../..").LerpColorFilterProps>;
+    Shader(props: any): import("../../../..").DeclarationNode<import("../../../..").ShaderProps>;
+    ImageShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ImageShaderProps>;
+    ColorShader(props: any): import("../../../..").DeclarationNode<import("../../../..").ColorProps>;
+    SweepGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").SweepGradientProps>;
+    Turbulence(props: any): import("../../../..").DeclarationNode<import("../../../..").TurbulenceProps>;
+    FractalNoise(props: any): import("../../../..").DeclarationNode<import("../../../..").FractalNoiseProps>;
+    LinearGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").LinearGradientProps>;
+    RadialGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").RadialGradientProps>;
+    TwoPointConicalGradient(props: any): import("../../../..").DeclarationNode<import("../../../..").TwoPointConicalGradientProps>;
+    CornerPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").CornerPathEffectProps>;
+    DiscretePathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DiscretePathEffectProps>;
+    DashPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").DashPathEffectProps>;
+    Path1DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path1DPathEffectProps>;
+    Path2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Path2DPathEffectProps>;
+    SumPathEffect(): import("../../../..").DeclarationNode<null>;
+    Line2DPathEffect(props: any): import("../../../..").DeclarationNode<import("../../../..").Line2DPathEffectProps>;
+    Blend(props: any): import("../../../..").DeclarationNode<import("../../../..").BlendProps>;
+    BackdropFilter(props: any): import("../../../..").RenderNode<import("../../../..").ChildrenProps>;
+    Box(props: any): import("../../../..").RenderNode<import("../../../..").BoxProps>;
+    BoxShadow(props: any): import("../../../..").DeclarationNode<import("../../../..").BoxShadowProps>;
+    Paragraph(props: any): import("../../../..").RenderNode<import("../../../..").ParagraphProps>;
 }
-import { LayerNode } from "./LayerNode";
-import { GroupNode } from "./GroupNode";
-import { PaintNode } from "./PaintNode";
-import { FillNode } from "./drawings";
-import { ImageNode } from "./drawings";
-import { CircleNode } from "./drawings";
-import { PathNode } from "./drawings";
-import { LineNode } from "./drawings";
-import { OvalNode } from "./drawings";
-import { PatchNode } from "./drawings";
-import { PointsNode } from "./drawings";
-import { RectNode } from "./drawings";
-import { RRectNode } from "./drawings";
-import { VerticesNode } from "./drawings";
-import { TextNode } from "./drawings";
-import { TextPathNode } from "./drawings";
-import { TextBlobNode } from "./drawings";
-import { GlyphsNode } from "./drawings";
-import { DiffRectNode } from "./drawings";
-import { PictureNode } from "./drawings";
-import { AtlasNode } from "./drawings";
-import { ImageSVGNode } from "./drawings";
-import { BlurMaskFilterNode } from "./paint";
-import { BlendImageFilterNode } from "./paint";
-import { DropShadowImageFilterNode } from "./paint";
-import { DisplacementMapImageFilterNode } from "./paint";
-import { BlurImageFilterNode } from "./paint";
-import { OffsetImageFilterNode } from "./paint";
-import { MorphologyImageFilterNode } from "./paint/ImageFilters";
-import { RuntimeShaderImageFilterNode } from "./paint";
-import { MatrixColorFilterNode } from "./paint/ColorFilters";
-import { BlendColorFilterNode } from "./paint/ColorFilters";
-import { LumaColorFilterNode } from "./paint/ColorFilters";
-import { LinearToSRGBGammaColorFilterNode } from "./paint/ColorFilters";
-import { SRGBToLinearGammaColorFilterNode } from "./paint/ColorFilters";
-import { LerpColorFilterNode } from "./paint/ColorFilters";
-import { ShaderNode } from "./paint/Shaders";
-import { ImageShaderNode } from "./paint/Shaders";
-import { ColorNode } from "./paint/Shaders";
-import { SweepGradientNode } from "./paint/Shaders";
-import { TurbulenceNode } from "./paint/Shaders";
-import { FractalNoiseNode } from "./paint/Shaders";
-import { LinearGradientNode } from "./paint/Shaders";
-import { RadialGradientNode } from "./paint/Shaders";
-import { TwoPointConicalGradientNode } from "./paint/Shaders";
-import { CornerPathEffectNode } from "./paint";
-import { DiscretePathEffectNode } from "./paint";
-import { DashPathEffectNode } from "./paint";
-import { Path1DPathEffectNode } from "./paint";
-import { Path2DPathEffectNode } from "./paint";
-import { SumPathEffectNode } from "./paint";
-import { Line2DPathEffectNode } from "./paint";
-import { BlendNode } from "./paint";
-import { BackdropFilterNode } from "./drawings";
-import { BoxNode } from "./drawings";
-import { BoxShadowNode } from "./drawings";
-import { ParagraphNode } from "./drawings/ParagraphNode";

package/lib/typescript/lib/module/dom/nodes/datatypes/Circle.d.ts

@@ -1,2 +1,2 @@
 export function isCircleScalarDef(def: any): boolean;
-export function processCircle(Skia: any, def: any): any;
+export function processCircle(def: any): any;

package/lib/typescript/lib/module/dom/nodes/datatypes/Rect.d.ts

@@ -1,3 +1,5 @@
 export function isEdge(pos: any, b: any): boolean;
 export function processRect(Skia: any, def: any): any;
 export function processRRect(Skia: any, def: any): any;
+export function inflate(Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number): any;
+export function deflate(Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number): any;

package/lib/typescript/lib/module/dom/nodes/datatypes/Transform.d.ts

@@ -1 +1,2 @@
 export function processTransformProps(m3: any, props: any): void;
+export function processTransformProps2(Skia: any, props: any): any;

package/lib/typescript/lib/module/dom/types/index.d.ts

@@ -1,5 +1,3 @@
-export * from "./DrawingContext";
-export * from "./DeclarationContext";
 export * from "./Node";
 export * from "./NodeType";
 export * from "./SkDOM";

package/lib/typescript/lib/module/external/reanimated/renderHelpers.d.ts

@@ -1,3 +1,5 @@
 export function extractReanimatedProps(props: any): any[];
 export function bindReanimatedProps(container: any, node: any, reanimatedProps: any): void;
+export let HAS_REANIMATED: boolean;
+export let HAS_REANIMATED_3: boolean;
 export function unbindReanimatedNode(node: any): void;

package/lib/typescript/lib/module/index.d.ts

@@ -1,6 +1,7 @@
 export { JsiSkImage } from "./skia/web/JsiSkImage";
 export * from "./renderer";
 export * from "./renderer/Canvas";
+export * from "./renderer/Canvas2";
 export * from "./renderer/Offscreen";
 export * from "./views";
 export * from "./skia";

package/lib/typescript/lib/module/mock/index.d.ts

@@ -57,9 +57,6 @@ export function Mock(CanvasKit: any): {
     useImage: () => null;
     useSVG: () => null;
     useVideo: () => null;
-    JsiDrawingContext: typeof import("../dom/types").JsiDrawingContext;
-    composeDeclarations: (filters: any, composer: any) => any;
-    DeclarationContext: typeof import("../dom/types").DeclarationContext;
     NodeType: {};
     JsiSkDOM: typeof import("../dom/nodes").JsiSkDOM;
     enumKey: (k: any) => any;
@@ -112,9 +109,11 @@ export function Mock(CanvasKit: any): {
     isEdge: (pos: any, b: any) => boolean;
     processRect: (Skia: any, def: any) => any;
     processRRect: (Skia: any, def: any) => any;
+    inflate: (Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number) => any;
+    deflate: (Skia: any, box: any, dx: any, dy: any, tx?: number, ty?: number) => any;
     processRadius: (Skia: any, radius: any) => any;
     isCircleScalarDef: (def: any) => boolean;
-    processCircle: (Skia: any, def: any) => any;
+    processCircle: (def: any) => any;
     transformOrigin: (origin: any, transform: any) => any[];
     processGradientProps: (Skia: any, { colors, positions, mode, flags, ...transform }: {
         [x: string]: any;
@@ -131,6 +130,7 @@ export function Mock(CanvasKit: any): {
     };
     getRect: (Skia: any, props: any) => any;
     processTransformProps: (m3: any, props: any) => void;
+    processTransformProps2: (Skia: any, props: any) => any;
     validateInterpolationOptions(type: any): {
         extrapolateLeft: any;
         extrapolateRight: any;

package/lib/typescript/lib/module/renderer/Canvas.web.d.ts

@@ -0,0 +1 @@
+export const Canvas: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/lib/typescript/lib/module/renderer/Canvas2.d.ts

@@ -0,0 +1 @@
+export const Canvas2: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/lib/typescript/lib/module/renderer/Canvas2.web.d.ts

@@ -0,0 +1 @@
+export const Canvas2: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/lib/typescript/lib/module/renderer/Container.d.ts

@@ -1,10 +1,9 @@
 export class Container {
-    constructor(Skia: any, redraw: (() => void) | undefined, getNativeId: (() => number) | undefined, native: any);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     redraw: () => void;
     getNativeId: () => number;
     Sk: JsiSkDOM;
-    _root: import("../../..").RenderNode<import("../../..").GroupProps> | import("../dom/nodes/GroupNode").GroupNode;
-    draw(ctx: any): void;
-    get root(): import("../../..").RenderNode<import("../../..").GroupProps> | import("../dom/nodes/GroupNode").GroupNode;
+    _root: import("../../..").RenderNode<import("../../..").GroupProps>;
+    get root(): import("../../..").RenderNode<import("../../..").GroupProps>;
 }
 import { JsiSkDOM } from "../dom/nodes";

package/lib/typescript/lib/module/renderer/HostComponents.d.ts

@@ -1,2 +1 @@
-export const NATIVE_DOM: boolean;
 export function createNode(container: any, type: any, props: any): any;

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

@@ -1,6 +1,5 @@
 export function debug(...args: any[]): void;
 export namespace skHostConfig {
-    let now: () => number;
     let supportsMutation: boolean;
     let isPrimaryRenderer: boolean;
     let supportsPersistence: boolean;
@@ -34,4 +33,7 @@ export namespace skHostConfig {
     function beforeActiveInstanceBlur(): void;
     function afterActiveInstanceBlur(): void;
     function detachDeletedInstance(): void;
+    function getInstanceFromNode(_node: any): null;
+    function prepareScopeUpdate(_scopeInstance: any, _instance: any): void;
+    function getInstanceFromScope(_scopeInstance: any): null;
 }

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

@@ -1,9 +1,9 @@
 export class SkiaRoot {
-    constructor(Skia: any, native?: boolean, redraw?: () => void, getNativeId?: () => number);
+    constructor(redraw?: () => void, getNativeId?: () => number);
     container: Container;
     root: any;
     render(element: any): void;
     unmount(): void;
-    get dom(): import("../../..").RenderNode<import("../../..").GroupProps> | import("../dom/nodes/GroupNode").GroupNode;
+    get dom(): import("../../..").RenderNode<import("../../..").GroupProps>;
 }
 import { Container } from "./Container";

package/lib/typescript/lib/module/sksg/Container.d.ts

@@ -0,0 +1,15 @@
+export class Container {
+    constructor(Skia: any, nativeId: any);
+    Skia: any;
+    nativeId: any;
+    set root(root: any);
+    get root(): any;
+    mapperId: any;
+    _root: any;
+    clear(): void;
+    redraw(): void;
+    getNativeId(): any;
+    unregisterValues(values: any): void;
+    registerValues(values: any): void;
+    drawOnCanvas(canvas: any): void;
+}

package/lib/typescript/lib/module/sksg/DeclarationContext.d.ts

@@ -0,0 +1,52 @@
+export function composeDeclarations(filters: any, composer: any): any;
+export function createDeclarationContext(Skia: any): {
+    Skia: any;
+    paints: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    maskFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    shaders: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    pathEffects: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    imageFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+    colorFilters: {
+        save: () => void;
+        restore: () => void;
+        pop: () => undefined;
+        push: (decl: any) => void;
+        popAll: () => never[];
+        popAllAsOne: () => any;
+    };
+};

package/lib/typescript/lib/module/sksg/DrawingContext.d.ts

@@ -0,0 +1,21 @@
+export function createDrawingContext(Skia: any, canvas: any): {
+    Skia: any;
+    canvas: any;
+    save: () => number;
+    restore: () => any;
+    getPaint: () => any;
+    processPaint: ({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintProp }: {
+        opacity: any;
+        color: any;
+        strokeWidth: any;
+        blendMode: any;
+        style: any;
+        strokeJoin: any;
+        strokeCap: any;
+        strokeMiter: any;
+        antiAlias: any;
+        dither: any;
+        paint: any;
+    }, declCtx: any) => boolean;
+    processMatrixAndClipping: (props: any, layer: any) => boolean;
+};

package/lib/typescript/lib/module/sksg/HostConfig.d.ts

@@ -0,0 +1,49 @@
+export function debug(...args: any[]): void;
+export namespace sksgHostConfig {
+    let supportsMutation: boolean;
+    let isPrimaryRenderer: boolean;
+    let supportsPersistence: boolean;
+    let supportsHydration: boolean;
+    let scheduleTimeout: typeof setTimeout;
+    let cancelTimeout: typeof clearTimeout;
+    let noTimeout: number;
+    function getRootHostContext(_rootContainerInstance: any): null;
+    function getChildHostContext(_parentHostContext: any, _type: any, _rootContainerInstance: any): null;
+    function shouldSetTextContent(_type: any, _props: any): boolean;
+    function createTextInstance(_text: any, _rootContainerInstance: any, _hostContext: any, _internalInstanceHandle: any): never;
+    function createInstance(type: any, props: any, container: any, _hostContext: any, _internalInstanceHandle: any): {
+        type: any;
+        isDeclaration: boolean;
+        props: any;
+        children: never[];
+    };
+    function appendInitialChild(parentInstance: any, child: any): void;
+    function finalizeInitialChildren(parentInstance: any, _type: any, _props: any, _rootContainerInstance: any, _hostContext: any): boolean;
+    function commitMount(): void;
+    function prepareForCommit(_containerInfo: any): null;
+    function resetAfterCommit(container: any): void;
+    function getPublicInstance(node: any): any;
+    function commitTextUpdate(_textInstance: any, _oldText: any, _newText: any): void;
+    function clearContainer(container: any): void;
+    function prepareUpdate(_instance: any, _type: any, oldProps: any, newProps: any, container: any, _hostContext: any): any;
+    function preparePortalMount(): void;
+    function cloneInstance(instance: any, _updatePayload: any, _type: any, _oldProps: any, newProps: any, _internalInstanceHandle: any, keepChildren: any, _recyclableInstance: any): {
+        type: any;
+        props: any;
+        children: any[];
+        isDeclaration: any;
+    };
+    function createContainerChildSet(): never[];
+    function appendChildToContainerChildSet(childSet: any, child: any): void;
+    function finalizeContainerChildren(container: any, newChildren: any): void;
+    function replaceContainerChildren(container: any, newChildren: any): void;
+    function cloneHiddenInstance(_instance: any, _type: any, _props: any): never;
+    function cloneHiddenTextInstance(_instance: any, _text: any): never;
+    function getCurrentEventPriority(): number;
+    function beforeActiveInstanceBlur(): void;
+    function afterActiveInstanceBlur(): void;
+    function detachDeletedInstance(): void;
+    function getInstanceFromNode(_node: any): never;
+    function prepareScopeUpdate(_scopeInstance: any, _instance: any): never;
+    function getInstanceFromScope(_scopeInstance: any): never;
+}

package/lib/typescript/lib/module/sksg/Reconciler.d.ts

@@ -0,0 +1,17 @@
+export class SkiaSGRoot {
+    constructor(Skia: any, nativeId?: number);
+    Skia: any;
+    container: Container;
+    root: any;
+    get sg(): {
+        type: any;
+        props: {};
+        children: any;
+        isDeclaration: boolean;
+    };
+    render(element: any): void;
+    drawOnCanvas(canvas: any): void;
+    getPicture(): any;
+    unmount(): void;
+}
+import { Container } from "./Container";

package/lib/typescript/lib/module/sksg/nodes/colorFilters.d.ts

@@ -0,0 +1,7 @@
+export function composeColorFilters(ctx: any, cf: any, processChildren: any): void;
+export function makeBlendColorFilter(ctx: any, props: any): any;
+export function makeSRGBToLinearGammaColorFilter(ctx: any): any;
+export function makeLinearToSRGBGammaColorFilter(ctx: any): any;
+export function declareLerpColorFilter(ctx: any, props: any): void;
+export function makeMatrixColorFilter(ctx: any, props: any): any;
+export function makeLumaColorFilter(ctx: any): any;

package/lib/typescript/lib/module/sksg/nodes/context.d.ts

@@ -0,0 +1 @@
+export function draw(ctx: any, node: any): void;

package/lib/typescript/lib/module/sksg/nodes/drawings.d.ts

@@ -0,0 +1,21 @@
+export function drawLine(ctx: any, props: any): void;
+export function drawOval(ctx: any, props: any): void;
+export function drawBox(ctx: any, props: any, children: any): void;
+export function drawImage(ctx: any, props: any): void;
+export function drawPoints(ctx: any, props: any): void;
+export function drawVertices(ctx: any, props: any): void;
+export function drawDiffRect(ctx: any, props: any): void;
+export function drawTextPath(ctx: any, props: any): void;
+export function drawText(ctx: any, props: any): void;
+export function drawPatch(ctx: any, props: any): void;
+export function drawPath(ctx: any, props: any): void;
+export function drawRect(ctx: any, props: any): void;
+export function drawRRect(ctx: any, props: any): void;
+export function drawTextBlob(ctx: any, props: any): void;
+export function drawGlyphs(ctx: any, props: any): void;
+export function drawImageSVG(ctx: any, props: any): void;
+export function drawParagraph(ctx: any, props: any): void;
+export function drawPicture(ctx: any, props: any): void;
+export function drawAtlas(ctx: any, props: any): void;
+export function drawCircle(ctx: any, props: any): void;
+export function drawFill(ctx: any, _props: any): void;

package/lib/typescript/lib/module/sksg/nodes/imageFilters.d.ts

@@ -0,0 +1,11 @@
+export let MorphologyOperator: {};
+export function declareBlend(ctx: any, props: any): void;
+export function composeImageFilters(ctx: any, imgf1: any, processChildren: any): void;
+export function makeOffsetImageFilter(ctx: any, props: any): any;
+export function declareDisplacementMapImageFilter(ctx: any, props: any): void;
+export function makeBlurImageFilter(ctx: any, props: any): any;
+export function makeDropShadowImageFilter(ctx: any, props: any): any;
+export function makeMorphologyImageFilter(ctx: any, props: any): any;
+export function makeRuntimeShaderImageFilter(ctx: any, props: any): any;
+export function declareBlendImageFilter(ctx: any, props: any): void;
+export function declareBlurMaskFilter(ctx: any, props: any): void;

package/lib/typescript/lib/module/sksg/nodes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Node";
+export * from "./context";
+export * from "./utils";

package/lib/typescript/lib/module/sksg/nodes/paint.d.ts

@@ -0,0 +1 @@
+export function declarePaint(ctx: any, props: any): void;

package/lib/typescript/lib/module/sksg/nodes/pathEffects.d.ts

@@ -0,0 +1,8 @@
+export function composePathEffects(ctx: any, pe: any, processChildren: any): void;
+export function makeDiscretePathEffect(ctx: any, props: any): any;
+export function makePath2DPathEffect(ctx: any, props: any): any;
+export function makeDashPathEffect(ctx: any, props: any): any;
+export function makeCornerPathEffect(ctx: any, props: any): any;
+export function declareSumPathEffect(ctx: any): void;
+export function makeLine2DPathEffect(ctx: any, props: any): any;
+export function makePath1DPathEffect(ctx: any, props: any): any;

package/lib/typescript/lib/module/sksg/nodes/shaders.d.ts

@@ -0,0 +1,9 @@
+export function declareShader(ctx: any, props: any): void;
+export function declareColorShader(ctx: any, props: any): void;
+export function declareFractalNoiseShader(ctx: any, props: any): void;
+export function declareTwoPointConicalGradientShader(ctx: any, props: any): void;
+export function declareRadialGradientShader(ctx: any, props: any): void;
+export function declareSweepGradientShader(ctx: any, props: any): void;
+export function declareLinearGradientShader(ctx: any, props: any): void;
+export function declareTurbulenceShader(ctx: any, props: any): void;
+export function declareImageShader(ctx: any, props: any): void;

package/lib/typescript/lib/module/sksg/nodes/utils.d.ts

@@ -0,0 +1,2 @@
+export function isSharedValue(value: any): boolean;
+export function materialize(props: any): any;

package/lib/typescript/lib/module/views/SkiaDomView.web.d.ts

@@ -1,4 +0,0 @@
-export class SkiaDomView extends SkiaBaseWebView {
-    renderInCanvas(canvas: any): void;
-}
-import { SkiaBaseWebView } from "./SkiaBaseWebView";

package/lib/typescript/lib/module/views/SkiaPictureView.web.d.ts

@@ -1,4 +1,6 @@
 export class SkiaPictureView extends SkiaBaseWebView {
+    setPicture(picture: any): void;
+    picture: any;
     renderInCanvas(canvas: any): void;
 }
 import { SkiaBaseWebView } from "./SkiaBaseWebView";

package/lib/typescript/src/dom/nodes/JsiSkDOM.d.ts

@@ -2,12 +2,8 @@ import type { PathProps, SkDOM, GroupProps, ImageProps, BlurImageFilterProps, Ma
 import type { BlendImageFilterProps, BlendProps, DisplacementMapImageFilterProps, DropShadowImageFilterProps, MorphologyImageFilterProps, RuntimeShaderImageFilterProps } from "../types/ImageFilters";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "../types/PathEffects";
 import type { ParagraphProps } from "../types/Paragraph";
-import { RRectNode } from "./drawings";
-import type { NodeContext } from "./Node";
 export declare class JsiSkDOM implements SkDOM {
-    private ctx;
-    private native;
-    constructor(ctx: NodeContext, native: boolean);
+    constructor();
     Layer(props?: ChildrenProps): import("../types").RenderNode<ChildrenProps>;
     Group(props?: GroupProps): import("../types").RenderNode<GroupProps>;
     Paint(props: PaintProps): import("../types").DeclarationNode<PaintProps>;
@@ -19,8 +15,8 @@ export declare class JsiSkDOM implements SkDOM {
     Oval(props: OvalProps): import("../types").RenderNode<OvalProps>;
     Patch(props: PatchProps): import("../types").RenderNode<PatchProps>;
     Points(props: PointsProps): import("../types").RenderNode<PointsProps>;
-    Rect(props: RectProps): import("./DrawingNode").JsiDrawingNode<RectProps, import("../..").SkRect>;
-    RRect(props: RoundedRectProps): RRectNode | import("./DrawingNode").JsiDrawingNode<RoundedRectProps, import("../..").SkRRect>;
+    Rect(props: RectProps): import("../types").RenderNode<RectProps>;
+    RRect(props: RoundedRectProps): import("../types").RenderNode<RoundedRectProps>;
     Vertices(props: VerticesProps): import("../types").RenderNode<VerticesProps>;
     Text(props: TextProps): import("../types").RenderNode<TextProps>;
     TextPath(props: TextPathProps): import("../types").RenderNode<TextPathProps>;

package/lib/typescript/src/dom/nodes/datatypes/Circle.d.ts

@@ -1,7 +1,6 @@
-import type { Skia } from "../../../skia/types";
 import type { CircleDef, ScalarCircleDef } from "../../types";
 export declare const isCircleScalarDef: (def: CircleDef) => def is ScalarCircleDef;
-export declare const processCircle: (Skia: Skia, def: CircleDef) => {
-    c: import("../../../skia/types").SkPoint;
+export declare const processCircle: (def: CircleDef) => {
+    c: import("../../..").SkPoint;
     r: number;
 };