@shopify/react-native-skia 0.1.130 → 0.1.131

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

@@ -3,25 +3,14 @@ import type { RefObject, ReactNode, ComponentProps } from "react";
 import ReactReconciler from "react-reconciler";
 import { SkiaView } from "../views";
 import type { TouchHandler } from "../views";
-import type { FontMgr } from "../skia";
-import type { SkiaValue } from "../values/types";
+import type { SkFontMgr } from "../skia/types";
 import { Container } from "./nodes";
-export declare const useCanvas: () => {
-    size: SkiaValue<{
-        width: number;
-        height: number;
-    }>;
-};
-export declare const useCanvasSize: () => SkiaValue<{
-    width: number;
-    height: number;
-}>;
 export declare const skiaReconciler: ReactReconciler.Reconciler<Container, import("./nodes").Node<unknown>, import("./nodes").Node<unknown>, import("./nodes").Node<unknown>, import("./nodes").Node<unknown>>;
 export declare const useCanvasRef: () => React.RefObject<SkiaView>;
 export interface CanvasProps extends ComponentProps<typeof SkiaView> {
     ref?: RefObject<SkiaView>;
     children: ReactNode;
     onTouch?: TouchHandler;
-    fontMgr?: FontMgr;
+    fontMgr?: SkFontMgr;
 }
-export declare const Canvas: React.ForwardRefExoticComponent<Pick<CanvasProps, "children" | "style" | "mode" | "debug" | "onDraw" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "onTouch" | "fontMgr"> & React.RefAttributes<SkiaView>>;
+export declare const Canvas: React.ForwardRefExoticComponent<Pick<CanvasProps, "mode" | "debug" | "onDraw" | "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "fontMgr" | "onTouch"> & React.RefAttributes<SkiaView>>;

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

@@ -1,12 +1,12 @@
 import type { RefObject } from "react";
 import type { DrawingInfo, SkiaView } from "../views";
-import type { FontMgr, SkCanvas, SkPaint } from "../skia";
-import type { Vector } from "./processors/math/Vector";
+import type { SkFontMgr, SkCanvas, SkPaint, Skia, Vector } from "../skia/types";
 export interface DrawingContext extends Omit<DrawingInfo, "touches"> {
     canvas: SkCanvas;
     paint: SkPaint;
     opacity: number;
     center: Vector;
     ref: RefObject<SkiaView>;
-    fontMgr: FontMgr;
+    fontMgr: SkFontMgr;
+    Skia: Skia;
 }

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { BlendMode } from "../../skia";
+import { BlendMode } from "../../skia/types";
 import type { AnimatedProps, SkEnum } from "../processors";
 interface BlendProps {
     mode: SkEnum<typeof BlendMode>;

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

@@ -1,5 +1,5 @@
 import type { RefObject } from "react";
-import type { SkPaint } from "../../skia";
+import type { SkPaint } from "../../skia/types";
 import type { CustomPaintProps, TransformProps, AnimatedProps, ClipDef } from "../processors";
 export interface GroupProps extends CustomPaintProps, TransformProps {
     clip?: ClipDef;

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import React from "react";
-import type { SkPaint } from "../../skia";
+import type { SkPaint } from "../../skia/types";
 import type { CustomPaintProps, AnimatedProps } from "../processors";
 export declare const usePaintRef: () => React.RefObject<SkPaint>;
 export interface PaintProps extends Omit<CustomPaintProps, "paint"> {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SkPicture } from "../../skia";
+import type { SkPicture } from "../../skia/types";
 export interface PictureProps {
     picture: SkPicture;
 }

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { Color } from "../../../skia";
-import { BlendMode } from "../../../skia";
+import type { Color } from "../../../skia/types";
+import { BlendMode } from "../../../skia/types";
 import type { SkEnum, AnimatedProps } from "../../processors";
 export interface BlendColorProps {
     mode: SkEnum<typeof BlendMode>;

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

@@ -1,3 +1,3 @@
-import type { SkColorFilter } from "../../../skia";
+import type { SkColorFilter, Skia } from "../../../skia/types";
 import type { DeclarationResult } from "../../nodes";
-export declare const composeColorFilter: (cf: SkColorFilter, children: DeclarationResult[]) => SkColorFilter | import("../../../skia").SkImageFilter;
+export declare const composeColorFilter: (Skia: Skia, cf: SkColorFilter, children: DeclarationResult[]) => import("../../../skia/types").SkImageFilter | SkColorFilter;

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

@@ -1,4 +1,4 @@
-import type { SkRect } from "../../../skia";
+import type { SkRect } from "../../../skia/types";
 export declare type Fit = "cover" | "contain" | "fill" | "fitHeight" | "fitWidth" | "none" | "scaleDown";
 export interface Size {
     width: number;
@@ -18,6 +18,16 @@ export declare const rect2rect: (src: SkRect, dst: SkRect) => readonly [{
     readonly scaleY: number;
 }];
 export declare const fitRects: (fit: Fit, rect: SkRect, { x, y, width, height }: SkRect) => {
-    src: SkRect;
-    dst: SkRect;
+    src: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    dst: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SkImage } from "../../../skia";
+import type { SkImage } from "../../../skia/types";
 import type { CustomPaintProps, RectDef, AnimatedProps } from "../../processors";
 import type { Fit } from "./BoxFit";
 export declare type SourceImageProps = {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SkSVG } from "../../../skia";
+import type { SkSVG } from "../../../skia/types";
 import type { AnimatedProps, RectDef } from "../../processors";
 export declare type ImageSVGProps = RectDef & {
     svg: SkSVG;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { SkRect, SkImage } from "../../../skia";
-import { TileMode, FilterMode, MipmapMode } from "../../../skia";
+import type { SkRect, SkImage } from "../../../skia/types";
+import { TileMode, FilterMode, MipmapMode } from "../../../skia/types";
 import type { TransformProps, SkEnum, AnimatedProps, RectCtor } from "../../processors";
 import type { Fit } from "./BoxFit";
 interface ImageShaderProps extends TransformProps, Partial<RectCtor> {

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { TileMode } from "../../../skia";
+import { TileMode } from "../../../skia/types";
 import type { Radius, SkEnum } from "../../processors";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
 export interface BlurProps {

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { ColorChannel } from "../../../skia";
+import { ColorChannel } from "../../../skia/types";
 import type { SkEnum, AnimatedProps } from "../../processors";
 export interface DisplacementMapProps {
     channelX: SkEnum<typeof ColorChannel>;

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

@@ -1,2 +1,2 @@
-import type { SkColor, SkImageFilter } from "../../../skia";
-export declare const MakeInnerShadow: (shadowOnly: boolean | undefined, dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null) => SkImageFilter;
+import type { SkColor, Skia, SkImageFilter } from "../../../skia/types";
+export declare const MakeInnerShadow: (Skia: Skia, shadowOnly: boolean | undefined, dx: number, dy: number, sigmaX: number, sigmaY: number, color: SkColor, input: SkImageFilter | null) => SkImageFilter;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import type { AnimatedProps } from "../../processors/Animations/Animations";
-import type { SkRuntimeEffect } from "../../../skia";
+import type { SkRuntimeEffect, Uniforms } from "../../../skia/types";
 export interface RuntimeShaderProps {
     source: SkRuntimeEffect;
+    uniforms?: Uniforms;
 }
 export declare const RuntimeShader: (props: AnimatedProps<RuntimeShaderProps>) => JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { AnimatedProps } from "../../processors/Animations/Animations";
-import type { Color } from "../../../skia";
+import type { Color } from "../../../skia/types";
 export interface ShadowProps {
     dx: number;
     dy: number;

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

@@ -1,2 +1,3 @@
 import type { DeclarationResult } from "../../nodes";
-export declare const getInput: (children: DeclarationResult[]) => import("../../../skia").SkImageFilter | null;
+import type { Skia } from "../../../skia/types";
+export declare const getInput: (Skia: Skia, children: DeclarationResult[]) => import("../../../skia/types").SkImageFilter | null;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlurStyle } from "../../../skia";
+import { BlurStyle } from "../../../skia/types";
 import type { SkEnum } from "../../processors";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
 export interface BlurMaskProps {

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
-import type { SkMatrix } from "../../../skia";
+import type { SkMatrix } from "../../../skia/types";
 export interface Line2DPathEffectProps {
     children?: ReactNode | ReactNode[];
     width: number;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { Path1DEffectStyle } from "../../../skia";
+import { Path1DEffectStyle } from "../../../skia/types";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
 import type { SkEnum } from "../../processors/Paint";
 import type { PathDef } from "../../processors/Paths";

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
-import type { SkMatrix } from "../../../skia";
+import type { SkMatrix } from "../../../skia/types";
 import type { PathDef } from "../../processors/Paths";
 export interface Path2DPathEffectProps {
     children?: ReactNode | ReactNode[];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { AnimatedProps } from "../../processors";
-import type { Color } from "../../../skia";
+import type { Color } from "../../../skia/types";
 export interface ColorShaderProps {
     color: Color;
 }

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

@@ -1,17 +1,17 @@
-import { TileMode } from "../../../skia";
+import { TileMode } from "../../../skia/types";
 import type { SkEnum } from "../../processors/Paint";
 import type { TransformProps } from "../../processors/Transform";
-import type { Color } from "../../../skia";
+import type { Color, Skia } from "../../../skia/types";
 export interface GradientProps extends TransformProps {
     colors: Color[];
     positions?: number[];
     mode?: SkEnum<typeof TileMode>;
     flags?: number;
 }
-export declare const processGradientProps: ({ colors, positions, mode, flags, ...transform }: GradientProps) => {
+export declare const processGradientProps: (Skia: Skia, { colors, positions, mode, flags, ...transform }: GradientProps) => {
     colors: Float32Array[];
     positions: number[] | null;
     mode: TileMode;
     flags: number | undefined;
-    localMatrix: import("../../../skia").SkMatrix | undefined;
+    localMatrix: import("../../../skia/types").SkMatrix | undefined;
 };

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { Vector, AnimatedProps } from "../../processors";
+import type { AnimatedProps } from "../../processors";
+import type { Vector } from "../../../skia/types";
 import type { GradientProps } from "./Gradient";
 export interface LinearGradientProps extends GradientProps {
     start: Vector;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { Vector, AnimatedProps } from "../../processors";
+import type { AnimatedProps } from "../../processors";
+import type { Vector } from "../../../skia/types";
 import type { GradientProps } from "./Gradient";
 export interface RadialGradientProps extends GradientProps {
     c: Vector;

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

@@ -1,11 +1,6 @@
 import type { ReactNode } from "react";
-import type { SkRuntimeEffect } from "../../../skia";
-import type { Vector, AnimatedProps, TransformProps } from "../../processors";
-declare type UniformValue = number | Vector | readonly number[];
-declare type Uniform = UniformValue | readonly UniformValue[];
-interface Uniforms {
-    [name: string]: Uniform;
-}
+import type { SkRuntimeEffect, Uniforms } from "../../../skia/types";
+import type { AnimatedProps, TransformProps } from "../../processors";
 export interface ShaderProps extends TransformProps {
     source: SkRuntimeEffect;
     uniforms: Uniforms;
@@ -17,4 +12,3 @@ export declare const Shader: {
         uniforms: never[];
     };
 };
-export {};

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { Vector, AnimatedProps } from "../../processors";
+import type { AnimatedProps } from "../../processors";
+import type { Vector } from "../../../skia/types";
 import type { GradientProps } from "./Gradient";
 export interface SweepGradientProps extends GradientProps {
     c: Vector;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { Vector, AnimatedProps } from "../../processors";
+import type { AnimatedProps } from "../../processors";
+import type { Vector } from "../../../skia/types";
 import type { GradientProps } from "./Gradient";
 export interface TwoPointConicalGradientProps extends GradientProps {
     start: Vector;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color, SkRRect, SkRect } from "../../../skia";
+import type { Color, SkRRect, SkRect } from "../../../skia/types";
 import type { AnimatedProps, CustomPaintProps } from "../../processors";
 interface BoxShadowProps {
     dx?: number;

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

@@ -4,6 +4,9 @@ export declare type CircleProps = CircleDef & CustomPaintProps;
 export declare const Circle: {
     (props: AnimatedProps<CircleProps>): JSX.Element;
     defaultProps: {
-        c: import("../../..").SkPoint;
+        c: {
+            x: number;
+            y: number;
+        };
     };
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CustomPaintProps } from "../../processors";
-import type { SkRRect } from "../../../skia";
+import type { SkRRect } from "../../../skia/types";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
 export interface DiffRectProps extends CustomPaintProps {
     inner: SkRRect;

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { Fit } from "../image";
-import type { SkRect } from "../../../skia";
+import type { SkRect } from "../../../skia/types";
 interface FitProps {
     fit: Fit;
     src: SkRect;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { CustomPaintProps, Vector, AnimatedProps } from "../../processors";
+import type { CustomPaintProps, AnimatedProps } from "../../processors";
+import type { Vector } from "../../../skia/types";
 export interface LineProps extends CustomPaintProps {
     p1: Vector;
     p2: Vector;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { CustomPaintProps, SkEnum, Vector, AnimatedProps } from "../../processors";
-import type { SkPoint, Color } from "../../../skia";
-import { BlendMode } from "../../../skia";
+import type { CustomPaintProps, SkEnum, AnimatedProps } from "../../processors";
+import type { SkPoint, Color, Vector } from "../../../skia/types";
+import { BlendMode } from "../../../skia/types";
 export interface CubicBezierHandle {
     pos: Vector;
     c1: Vector;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CustomPaintProps, AnimatedProps, PathDef, SkEnum } from "../../processors";
-import { FillType } from "../../../skia";
+import { FillType } from "../../../skia/types";
 interface StrokeOpts {
     width?: number;
     strokeMiterlimit?: number;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { CustomPaintProps, SkEnum } from "../../processors";
-import type { SkPoint } from "../../../skia";
-import { PointMode } from "../../../skia";
+import type { SkPoint } from "../../../skia/types";
+import { PointMode } from "../../../skia/types";
 import type { AnimatedProps } from "../../processors/Animations/Animations";
 export interface PointsProps extends CustomPaintProps {
     points: SkPoint[];

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { CustomPaintProps, SkEnum, AnimatedProps } from "../../processors";
-import type { SkPoint } from "../../../skia";
-import { BlendMode, VertexMode } from "../../../skia";
+import type { SkPoint } from "../../../skia/types";
+import { BlendMode, VertexMode } from "../../../skia/types";
 export interface VerticesProps extends CustomPaintProps {
     colors?: string[];
     vertices: SkPoint[];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CustomPaintProps, AnimatedProps } from "../../processors";
-import type { SkPoint } from "../../../skia";
+import type { SkPoint } from "../../../skia/types";
 import type { FontDef } from "../../processors/Font";
 export interface Glyph {
     id: number;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CustomPaintProps, AnimatedProps } from "../../processors";
-import type { SkTextBlob } from "../../../skia";
+import type { SkTextBlob } from "../../../skia/types";
 export interface TextBlobProps extends CustomPaintProps {
     blob: SkTextBlob;
     x: number;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CustomPaintProps, AnimatedProps } from "../../processors";
-import type { SkPath } from "../../../skia";
+import type { SkPath } from "../../../skia/types";
 import type { FontDef } from "../../processors/Font";
 export declare type TextPathProps = CustomPaintProps & FontDef & {
     text: string;

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

@@ -1,5 +1,5 @@
-export * from "./Canvas";
 export * from "./components";
 export * from "./nodes";
 export * from "./useContextBridge";
 export * from "./DependencyManager";
+export * from "./useCanvas";

package/lib/typescript/src/renderer/nodes/Declaration.d.ts

@@ -2,7 +2,7 @@ import type { DependencyList } from "react";
 import type { DrawingContext } from "../DrawingContext";
 import type { AnimatedProps } from "../processors";
 import type { DependencyManager } from "../DependencyManager";
-import type { SkJSIInstance } from "../../skia";
+import type { SkJSIInstance } from "../../skia/types";
 import { Node } from "./Node";
 export declare type DeclarationResult = SkJSIInstance<string> | null;
 declare type DeclarationCallback<T> = (props: T, children: DeclarationResult[], ctx: DrawingContext) => DeclarationResult;

package/lib/typescript/src/renderer/nodes/Node.d.ts

@@ -1,4 +1,4 @@
-import type { SkJSIInstance } from "../../skia";
+import type { SkJSIInstance } from "../../skia/types";
 import type { DependencyManager } from "../DependencyManager";
 import type { DrawingContext } from "../DrawingContext";
 import type { AnimatedProps } from "../processors";

package/lib/typescript/src/renderer/processors/Animations/Animations.d.ts

@@ -1,6 +1,4 @@
 import type { SkiaValue } from "../../../values";
-import type { DrawingContext } from "../../DrawingContext";
-export declare type FrameValue<T> = (ctx: DrawingContext) => T;
 export declare const isValue: (value: unknown) => value is SkiaValue<unknown>;
 export declare const isAnimated: <T>(props: AnimatedProps<T>) => boolean;
 export declare const materialize: <T>(props: AnimatedProps<T>) => T;

package/lib/typescript/src/renderer/processors/Circles.d.ts

@@ -1,4 +1,4 @@
-import type { Vector } from "./math/Vector";
+import type { Skia, Vector } from "../../skia/types";
 interface PointCircleDef {
     c: Vector;
     r: number;
@@ -9,5 +9,5 @@ interface ScalarCircleDef {
     r: number;
 }
 export declare type CircleDef = PointCircleDef | ScalarCircleDef;
-export declare const processCircle: (def: CircleDef) => PointCircleDef;
+export declare const processCircle: (Skia: Skia, def: CircleDef) => PointCircleDef;
 export {};

package/lib/typescript/src/renderer/processors/Clips.d.ts

@@ -1,4 +1,4 @@
-import type { SkCanvas, ClipOp, SkRect, SkRRect } from "../../skia";
+import type { SkCanvas, ClipOp, SkRect, SkRRect, Skia } from "../../skia/types";
 import type { PathDef } from "./Paths";
 export declare type ClipDef = SkRRect | SkRect | PathDef;
-export declare const processClip: (canvas: SkCanvas, def: ClipDef, op: ClipOp) => void;
+export declare const processClip: (Skia: Skia, canvas: SkCanvas, def: ClipDef, op: ClipOp) => void;

package/lib/typescript/src/{skia/core → renderer/processors}/Color.d.ts

@@ -1,7 +1,7 @@
-import type { Color } from "../types";
+import type { Color, Skia } from "../../skia/types";
 export declare const RED = 0;
 export declare const GREEN = 1;
 export declare const BLUE = 2;
 export declare const ALPHA = 3;
 export declare const rgbaColor: (r: number, g: number, b: number, a: number) => Float32Array;
-export declare const processColor: (cl: Color, currentOpacity: number) => Float32Array;
+export declare const processColor: (Skia: Skia, cl: Color, currentOpacity: number) => Float32Array;

package/lib/typescript/src/renderer/processors/Font.d.ts

@@ -1,4 +1,4 @@
-import type { FontMgr, SkFont } from "../../skia";
+import type { SkFontMgr, SkFont, Skia } from "../../skia/types";
 export declare type FontDef = {
     font: SkFont;
 } | {
@@ -8,4 +8,4 @@ export declare type FontDef = {
 export declare const isFont: (fontDef: FontDef) => fontDef is {
     font: SkFont;
 };
-export declare const processFont: (fontMgr: FontMgr, fontDef: FontDef) => SkFont;
+export declare const processFont: (Skia: Skia, fontMgr: SkFontMgr, fontDef: FontDef) => SkFont;

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

@@ -1,6 +1,6 @@
 import type { ReactNode, RefObject } from "react";
-import { BlendMode, PaintStyle, StrokeJoin, StrokeCap } from "../../skia";
-import type { SkPaint, Color } from "../../skia";
+import { BlendMode, PaintStyle, StrokeJoin, StrokeCap } from "../../skia/types";
+import type { SkPaint, Color, Skia } from "../../skia/types";
 import type { DeclarationResult } from "../nodes";
 export declare type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;
 export interface ChildrenProps {
@@ -19,4 +19,4 @@ export interface CustomPaintProps extends ChildrenProps {
     antiAlias?: boolean;
 }
 export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;
-export declare const processPaint: (paint: SkPaint, currentOpacity: number, { paint: paintRef, color, blendMode, style, strokeWidth, strokeJoin, strokeCap, strokeMiter, opacity, antiAlias, }: CustomPaintProps, children: DeclarationResult[]) => SkPaint;
+export declare const processPaint: (Skia: Skia, paint: SkPaint, currentOpacity: number, { paint: paintRef, color, blendMode, style, strokeWidth, strokeJoin, strokeCap, strokeMiter, opacity, antiAlias, }: CustomPaintProps, children: DeclarationResult[]) => SkPaint;

package/lib/typescript/src/renderer/processors/Paths.d.ts

@@ -1,4 +1,4 @@
-import type { SkPath } from "../../skia";
+import type { SkPath, Skia } from "../../skia/types";
 export declare type PathDef = string | SkPath;
-export declare const processPath: (rawPath: PathDef) => SkPath;
+export declare const processPath: (Skia: Skia, rawPath: PathDef) => SkPath;
 export declare const isPathDef: (def: any) => def is PathDef;

package/lib/typescript/src/renderer/processors/Radius.d.ts

@@ -1,3 +1,3 @@
-import type { Vector } from "./math";
+import type { Skia, Vector } from "../../skia/types";
 export declare type Radius = number | Vector;
-export declare const processRadius: (radius: Radius) => Vector;
+export declare const processRadius: (Skia: Skia, radius: Radius) => Vector;

package/lib/typescript/src/renderer/processors/Rects.d.ts

@@ -1,17 +1,6 @@
-import type { SkRect, SkRRect } from "../../skia";
-import type { Vector } from "./math/Vector";
+import type { Skia, SkRect, SkRRect, Vector } from "../../skia/types";
 import type { Radius } from "./Radius";
-export declare const point: (x: number, y: number) => import("../../skia").SkPoint;
-export declare const rect: (x: number, y: number, width: number, height: number) => SkRect;
-export declare const rrect: (r: SkRect, rx: number, ry: number) => SkRRect;
-export declare const bounds: (rects: SkRect[]) => SkRect;
 export declare const isEdge: (pos: Vector, b: SkRect) => boolean;
-export declare const topLeft: (r: SkRect | SkRRect) => import("../../skia").SkPoint;
-export declare const topRight: (r: SkRect | SkRRect) => import("../../skia").SkPoint;
-export declare const bottomLeft: (r: SkRect | SkRRect) => import("../../skia").SkPoint;
-export declare const bottomRight: (r: SkRect | SkRRect) => import("../../skia").SkPoint;
-export declare const center: (r: SkRect | SkRRect) => import("../../skia").SkPoint;
-export declare const isRRect: (def: SkRect | SkRRect) => def is SkRRect;
 export interface RectCtor {
     x: number;
     y: number;
@@ -27,5 +16,5 @@ export declare type RectDef = RectCtor | {
 export declare type RRectDef = RRectCtor | {
     rect: SkRRect;
 };
-export declare const processRect: (def: RectDef) => SkRect;
-export declare const processRRect: (def: RRectDef) => SkRRect;
+export declare const processRect: (Skia: Skia, def: RectDef) => SkRect;
+export declare const processRRect: (Skia: Skia, def: RRectDef) => SkRRect;

package/lib/typescript/src/renderer/processors/Transform.d.ts

@@ -1,13 +1,12 @@
 import type { DrawingContext } from "../DrawingContext";
-import type { SkMatrix } from "../../skia/types";
-import type { Transforms2d, Vector } from "./math";
+import type { SkMatrix, Vector, Transforms2d } from "../../skia/types";
 export interface TransformProps {
     transform?: Transforms2d;
     origin?: Vector;
     matrix?: SkMatrix;
 }
-export declare const processTransform: ({ canvas }: DrawingContext, { transform, origin, matrix }: TransformProps) => void;
-export declare const localMatrix: ({ transform, origin }: TransformProps) => SkMatrix | undefined;
+export declare const processCanvasTransform: ({ canvas, Skia }: DrawingContext, { transform, origin, matrix }: TransformProps) => void;
+export declare const localMatrix: (m: SkMatrix, { transform, origin }: TransformProps) => SkMatrix | undefined;
 export declare const transformOrigin: (origin: Vector, transform: Transforms2d) => (Pick<{
     readonly translateX: number;
     readonly translateY: number;