@shopify/react-native-skia 0.1.124 → 0.1.125

package/lib/module/views/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["TouchType"],"mappings":"AAWA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["import type { ViewProps } from \"react-native\";\n\nimport type { SkCanvas } from \"../skia/Canvas\";\n\nexport type DrawMode = \"continuous\" | \"default\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  mode?: DrawMode;\n  debug?: boolean;\n};\n\nexport enum TouchType {\n  Start,\n  Active,\n  End,\n  Cancelled,\n}\n\nexport interface TouchInfo {\n  x: number;\n  y: number;\n  force: number;\n  type: TouchType;\n  timestamp: number;\n}\n\nexport interface DrawingInfo {\n  width: number;\n  height: number;\n  timestamp: number;\n  touches: Array<Array<TouchInfo>>;\n}\n\nexport type ExtendedTouchInfo = TouchInfo & {\n  // points per second\n  velocityX: number;\n  velocityY: number;\n};\n\nexport type TouchHandlers = {\n  onStart?: (touchInfo: TouchInfo) => void;\n  onActive?: (touchInfo: ExtendedTouchInfo) => void;\n  onEnd?: (touchInfo: ExtendedTouchInfo) => void;\n};\n\nexport type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;\n\nexport type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;\n\n/**\n * Listener interface for value changes\n */\nexport interface ValueListener {\n  addListener: (callback: () => void) => number;\n  removeListener: (id: number) => void;\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["TouchType"],"mappings":"AAaA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["import type { ViewProps } from \"react-native\";\n\nimport type { SkImage, SkRect } from \"../skia\";\nimport type { SkCanvas } from \"../skia/Canvas\";\nimport type { SkiaReadonlyValue } from \"../values\";\n\nexport type DrawMode = \"continuous\" | \"default\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  mode?: DrawMode;\n  debug?: boolean;\n};\n\nexport enum TouchType {\n  Start,\n  Active,\n  End,\n  Cancelled,\n}\n\nexport interface TouchInfo {\n  x: number;\n  y: number;\n  force: number;\n  type: TouchType;\n  timestamp: number;\n}\n\nexport interface DrawingInfo {\n  width: number;\n  height: number;\n  timestamp: number;\n  touches: Array<Array<TouchInfo>>;\n}\n\nexport type ExtendedTouchInfo = TouchInfo & {\n  // points per second\n  velocityX: number;\n  velocityY: number;\n};\n\nexport type TouchHandlers = {\n  onStart?: (touchInfo: TouchInfo) => void;\n  onActive?: (touchInfo: ExtendedTouchInfo) => void;\n  onEnd?: (touchInfo: ExtendedTouchInfo) => void;\n};\n\nexport type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;\n\nexport type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;\n\n/**\n * Listener interface for value changes\n */\nexport interface ValueListener {\n  addListener: (callback: () => void) => number;\n  removeListener: (id: number) => void;\n}\n\nexport interface ISkiaViewApi {\n  invalidateSkiaView: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  setDrawCallback: (\n    nativeId: number,\n    callback: RNSkiaDrawCallback | undefined\n  ) => void;\n  setDrawMode: (nativeId: number, mode: DrawMode) => void;\n  registerValuesInView: (\n    nativeId: number,\n    values: SkiaReadonlyValue<unknown>[]\n  ) => () => void;\n}\n\nexport interface SkiaViewProps extends ViewProps {\n  /**\n   * Sets the drawing mode for the skia view. There are two drawing\n   * modes, \"continuous\" and \"default\", where the continuous mode will\n   * continuously redraw the view, and the default mode will only\n   * redraw when any of the regular react properties are changed like\n   * sizes and margins.\n   */\n  mode?: DrawMode;\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Draw callback. Will be called whenever the view is invalidated and\n   * needs to redraw. This is either caused by a change in a react\n   * property, a touch event, or a call to redraw. If the view is in\n   * continuous mode the callback will be called 60 frames per second\n   * by the native view.\n   */\n  onDraw?: RNSkiaDrawCallback;\n}\n"]}

package/lib/typescript/src/{values/animation → animation}/decay/runDecay.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaValue } from "../../types";
+import type { SkiaValue } from "../../values/types";
 import type { DecayConfig } from "./types";
 /**
  * Runs a decay animation from the current value to zero with the given decay
@@ -7,4 +7,4 @@ import type { DecayConfig } from "./types";
  * @param config Configuration or default configuration
  * @returns Animation
  */
-export declare const runDecay: (value: SkiaValue<number>, config?: DecayConfig | undefined) => import("../../types").SkiaAnimation;
+export declare const runDecay: (value: SkiaValue<number>, config?: DecayConfig | undefined) => import("../../values/types").SkiaAnimation;

package/lib/typescript/src/{values/animation → animation}/decay/types.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationState } from "../../types";
+import type { AnimationState } from "../../values/types";
 export interface DecayConfig {
     from?: number;
     deceleration?: number;

package/lib/typescript/src/animation/functions/interpolate.d.ts

@@ -0,0 +1,11 @@
+export declare enum Extrapolate {
+    IDENTITY = "identity",
+    CLAMP = "clamp",
+    EXTEND = "extend"
+}
+export interface ExtrapolationConfig {
+    extrapolateLeft?: Extrapolate | string;
+    extrapolateRight?: Extrapolate | string;
+}
+export declare type ExtrapolationType = ExtrapolationConfig | Extrapolate | string | undefined;
+export declare function interpolate(x: number, input: readonly number[], output: readonly number[], type?: ExtrapolationType): number;

package/lib/typescript/src/animation/functions/interpolateColors.d.ts

@@ -0,0 +1,3 @@
+import type { Color } from "../../skia";
+export declare const interpolateColors: (value: number, inputRange: number[], _outputRange: Color[]) => Float32Array;
+export declare const mixColors: (value: number, x: Color, y: Color) => Float32Array;

package/lib/typescript/src/{values/animation → animation}/spring/runSpring.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaValue, SkiaAnimation } from "../../types";
+import type { SkiaValue, SkiaAnimation } from "../../values/types";
 import type { AnimationParams, SpringConfig, AnimationCallback } from "../types";
 /**
  * Creates a new animation on an existing value that will be driven by

package/lib/typescript/src/{values/animation → animation}/spring/useSpring.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaReadonlyValue } from "../../types";
+import type { SkiaReadonlyValue } from "../../values/types";
 import type { SpringConfig, AnimationParams, AnimationCallback } from "../types";
 /**
  * Creats a spring based animation value that will run whenever

package/lib/typescript/src/{values/animation → animation}/timing/createTiming.d.ts

@@ -1,5 +1,5 @@
 import type { TimingConfig, RequiredAnimationParams, AnimationCallback } from "../types";
-import type { SkiaValue } from "../../types";
+import type { SkiaValue } from "../../values/types";
 /**
  * Creates an animation that is driven by a clock value.
  * The value will be run from / to the value in params and modified
@@ -14,4 +14,4 @@ import type { SkiaValue } from "../../types";
  * @params an animation value that can be used to start/stop
  * the animation.
  */
-export declare const createTiming: (params: RequiredAnimationParams & Required<TimingConfig>, value?: SkiaValue<number> | undefined, callback?: AnimationCallback | undefined) => import("../../types").SkiaAnimation;
+export declare const createTiming: (params: RequiredAnimationParams & Required<TimingConfig>, value?: SkiaValue<number> | undefined, callback?: AnimationCallback | undefined) => import("../../values/types").SkiaAnimation;

package/lib/typescript/src/{values/animation → animation}/timing/functions/timing.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationState } from "../../../types";
+import type { AnimationState } from "../../../values/types";
 /**
  * Calculates and returns a timing value based on the
  * input parameters. The timing value is a number between

package/lib/typescript/src/{values/animation → animation}/timing/runTiming.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaValue, SkiaAnimation } from "../../types";
+import type { SkiaValue, SkiaAnimation } from "../../values/types";
 import type { AnimationParams, TimingConfig, AnimationCallback } from "../types";
 /**
  * Creates a new animation on an existing value that will be driven by

package/lib/typescript/src/{values/animation → animation}/timing/useTiming.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaReadonlyValue } from "../../types";
+import type { SkiaReadonlyValue } from "../../values/types";
 import type { AnimationParams, TimingConfig, AnimationCallback } from "../types";
 /**
  * Creats an animation value that will run whenever

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

@@ -4,3 +4,4 @@ export * from "./views";
 export * from "./skia";
 export * from "./external";
 export * from "./values";
+export * from "./animation";

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

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

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

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

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

@@ -3,3 +3,4 @@ export * from "./Offset";
 export * from "./DisplacementMap";
 export * from "./Shadow";
 export * from "./Morphology";
+export * from "./RuntimeShader";

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

@@ -9,7 +9,7 @@ export interface GradientProps extends TransformProps {
     flags?: number;
 }
 export declare const processGradientProps: ({ colors, positions, mode, flags, ...transform }: GradientProps) => {
-    colors: number[];
+    colors: Float32Array[];
     positions: number[] | null;
     mode: TileMode;
     flags: number | undefined;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { IRuntimeEffect } from "../../../skia";
+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[];
@@ -7,7 +7,7 @@ interface Uniforms {
     [name: string]: Uniform;
 }
 export interface ShaderProps extends TransformProps {
-    source: IRuntimeEffect;
+    source: SkRuntimeEffect;
     uniforms: Uniforms;
     opaque?: boolean;
     children?: ReactNode | ReactNode[];

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

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

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

@@ -1,46 +1,14 @@
 import type { SkRect, SkRRect } from "../../skia";
 import type { Radius } from "./Radius";
-export declare const point: (x: number, y: number) => {
-    x: number;
-    y: number;
-};
-export declare const rect: (x: number, y: number, width: number, height: number) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare const rrect: (r: SkRect, rx: number, ry: number) => {
-    rect: SkRect;
-    rx: number;
-    ry: number;
-};
-export declare const bounds: (rects: SkRect[]) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare const topLeft: (r: SkRect | SkRRect) => {
-    x: number;
-    y: number;
-};
-export declare const topRight: (r: SkRect | SkRRect) => {
-    x: number;
-    y: number;
-};
-export declare const bottomLeft: (r: SkRect | SkRRect) => {
-    x: number;
-    y: number;
-};
-export declare const bottomRight: (r: SkRect | SkRRect) => {
-    x: number;
-    y: number;
-};
-export declare const center: (r: SkRect | SkRRect) => {
-    x: number;
-    y: number;
-};
+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 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;

package/lib/typescript/src/renderer/processors/math/Matrix3.d.ts

@@ -1,6 +1,3 @@
-import type { SkMatrix } from "../../../skia/Matrix";
-export declare type Vec3 = readonly [number, number, number];
-export declare type Matrix3 = readonly [Vec3, Vec3, Vec3];
 declare type Transform2dName = "translateX" | "translateY" | "scale" | "skewX" | "skewY" | "scaleX" | "scaleY" | "rotateZ" | "rotate";
 export interface TransformProp {
     transform?: Transforms2d;
@@ -9,6 +6,5 @@ declare type Transformations = {
     readonly [Name in Transform2dName]: number;
 };
 export declare type Transforms2d = readonly (Pick<Transformations, "translateX"> | Pick<Transformations, "translateY"> | Pick<Transformations, "scale"> | Pick<Transformations, "scaleX"> | Pick<Transformations, "scaleY"> | Pick<Transformations, "skewX"> | Pick<Transformations, "skewY"> | Pick<Transformations, "rotate">)[];
-export declare const matrixVecMul3: (m: Matrix3, v: Vec3) => readonly [number, number, number];
-export declare const processTransform2d: (transforms: Transforms2d) => SkMatrix;
+export declare const processTransform2d: (transforms: Transforms2d) => import("../../../skia").SkMatrix;
 export {};

package/lib/typescript/src/renderer/processors/math/Vector.d.ts

@@ -1,24 +1,12 @@
-import { interpolate } from "../../../values/animation/functions/interpolate";
+import { interpolate } from "../../../animation/functions/interpolate";
 export interface Vector {
     x: number;
     y: number;
 }
-export declare const vec: (x?: number, y?: number | undefined) => {
-    x: number;
-    y: number;
-};
-export declare const neg: (a: Vector) => {
-    x: number;
-    y: number;
-};
-export declare const add: (a: Vector, b: Vector) => {
-    x: number;
-    y: number;
-};
-export declare const sub: (a: Vector, b: Vector) => {
-    x: number;
-    y: number;
-};
+export declare const vec: (x?: number, y?: number | undefined) => import("../../../skia").SkPoint;
+export declare const neg: (a: Vector) => import("../../../skia").SkPoint;
+export declare const add: (a: Vector, b: Vector) => import("../../../skia").SkPoint;
+export declare const sub: (a: Vector, b: Vector) => import("../../../skia").SkPoint;
 export declare const dist: (a: Vector, b: Vector) => number;
 export declare const translate: ({ x, y }: Vector) => readonly [{
     readonly translateX: number;

package/lib/typescript/src/skia/Color.d.ts

@@ -1,9 +1,8 @@
-export declare type SkColor = number;
-export declare type Color = string | number;
-export declare const alphaf: (c: number) => number;
-export declare const red: (c: number) => number;
-export declare const green: (c: number) => number;
-export declare const blue: (c: number) => number;
-export declare const rgbaColor: (r: number, g: number, b: number, af: number) => number;
-export declare const processColor: (cl: Color, currentOpacity: number) => number;
-export declare const processColorAsUnitArray: (cl: Color, currentOpacity: number) => readonly [number, number, number, number];
+export declare type SkColor = Float32Array;
+export declare type Color = string | Float32Array | number;
+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;

package/lib/typescript/src/skia/ImageFilter/ImageFilterFactory.d.ts

@@ -3,6 +3,7 @@ import type { SkColorFilter } from "../ColorFilter/ColorFilter";
 import type { SkShader } from "../Shader/Shader";
 import type { SkRect } from "../Rect";
 import type { BlendMode } from "../Paint/BlendMode";
+import type { SkRuntimeShaderBuilder } from "../RuntimeEffect";
 import type { SkImageFilter, TileMode } from "./ImageFilter";
 export declare enum ColorChannel {
     R = 0,
@@ -111,4 +112,19 @@ export interface ImageFilterFactory {
      *  @cropRect         Optional rectangle to crop input and output.
      */
     MakeBlend: (mode: BlendMode, background: SkImageFilter, foreground: SkImageFilter | null, cropRect?: SkRect) => SkImageFilter;
+    /**
+     *  Create a filter that fills the output with the per-pixel evaluation of the SkShader produced
+     *  by the SkRuntimeShaderBuilder. The shader is defined in the image filter's local coordinate
+     *  system, so it will automatically be affected by SkCanvas' transform.
+     *
+     *  @param builder         The builder used to produce the runtime shader, that will in turn
+     *                         fill the result image
+     *  @param childShaderName The name of the child shader defined in the builder that will be
+     *                         bound to the input param (or the source image if the input param
+     *                         is null).  If null the builder can have exactly one child shader,
+     *                         which automatically binds the input param.
+     *  @param input           The image filter that will be provided as input to the runtime
+     *                         shader. If null the implicit source image is used instead
+     */
+    MakeRuntimeShader: (builder: SkRuntimeShaderBuilder, childShaderName: string | null, input: SkImageFilter | null) => SkImageFilter;
 }

package/lib/typescript/src/skia/Matrix.d.ts

@@ -1,3 +1,4 @@
+import type { SkJSIInstance } from "./JsiInstance";
 export declare enum MatrixIndex {
     ScaleX = 0,
     SkewX = 1,
@@ -9,7 +10,7 @@ export declare enum MatrixIndex {
     Persp1 = 7,
     persp2 = 8
 }
-export interface SkMatrix {
+export interface SkMatrix extends SkJSIInstance<"Matrix"> {
     0: number;
     1: number;
     2: number;
@@ -19,4 +20,9 @@ export interface SkMatrix {
     6: number;
     7: number;
     8: number;
+    preConcat: (matrix: SkMatrix) => void;
+    preTranslate: (x: number, y: number) => void;
+    preScale: (x: number, y: number) => void;
+    preSkew: (x: number, y: number) => void;
+    preRotate: (theta: number) => void;
 }

package/lib/typescript/src/skia/RuntimeEffect/RuntimeEffect.d.ts

@@ -8,7 +8,8 @@ export interface SkSLUniform {
     slot: number;
     isInteger: boolean;
 }
-export interface IRuntimeEffect extends SkJSIInstance<"RuntimeEffect"> {
+export declare type SkRuntimeShaderBuilder = SkJSIInstance<"RuntimeShaderBuilder">;
+export interface SkRuntimeEffect extends SkJSIInstance<"RuntimeEffect"> {
     /**
      * Returns a shader executed using the given uniform data.
      * @param uniforms

package/lib/typescript/src/skia/RuntimeEffect/RuntimeEffectFactory.d.ts

@@ -1,4 +1,4 @@
-import type { IRuntimeEffect } from "./RuntimeEffect";
+import type { SkRuntimeEffect } from "./RuntimeEffect";
 export interface RuntimeEffectFactory {
     /**
      * Compiles a RuntimeEffect from the given shader code.
@@ -6,5 +6,5 @@ export interface RuntimeEffectFactory {
      * @param callback - will be called with any compilation error. If not provided, errors will
      *                   be printed to console.log().
      */
-    Make: (sksl: string) => IRuntimeEffect | null;
+    Make: (sksl: string) => SkRuntimeEffect | null;
 }

package/lib/typescript/src/skia/Shader/useShader.d.ts

@@ -1 +1 @@
-export declare const useShader: (sksl: string) => import("..").IRuntimeEffect | null;
+export declare const useShader: (sksl: string) => import("..").SkRuntimeEffect | null;

package/lib/typescript/src/skia/Skia.d.ts

@@ -1,108 +1,41 @@
-import type { ImageFilterFactory } from "./ImageFilter";
-import type { PathFactory } from "./Path";
-import type { ColorFilterFactory } from "./ColorFilter";
-import type { SkFont } from "./Font";
-import type { SkTypeface, TypefaceFactory } from "./Typeface";
-import type { ImageFactory } from "./Image";
-import type { MaskFilterFactory } from "./MaskFilter";
-import type { SkPaint } from "./Paint";
-import type { SkRect } from "./Rect";
-import type { SkRRect } from "./RRect";
-import type { RuntimeEffectFactory } from "./RuntimeEffect";
-import type { ShaderFactory } from "./Shader";
-import type { SkMatrix } from "./Matrix";
-import type { PathEffectFactory } from "./PathEffect";
-import type { SkPoint } from "./Point";
-import type { SkVertices, VertexMode } from "./Vertices/Vertices";
-import type { DataFactory } from "./Data";
-import type { SVGFactory } from "./SVG";
-import type { TextBlobFactory } from "./TextBlob";
-import type { FontMgrFactory } from "./FontMgr/FontMgrFactory";
-import type { SurfaceFactory } from "./Surface";
 import "./NativeSetup";
-import type { SkRSXform } from "./RSXform";
-import type { SkPath } from "./Path/Path";
-import type { SkContourMeasureIter } from "./ContourMeasure";
-import type { PictureFactory, SkPictureRecorder } from "./Picture";
-import type { Color, SkColor } from "./Color";
-/**
- * Declares the interface for the native Skia API
- */
-export interface Skia {
-    Point: (x: number, y: number) => SkPoint;
-    XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;
-    RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;
-    RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;
-    Color: (color: Color) => SkColor;
-    parseColorString: (color: string) => SkColor | undefined;
-    ContourMeasureIter: (path: SkPath, forceClosed: boolean, resScale: number) => SkContourMeasureIter;
-    Paint: () => SkPaint;
-    PictureRecorder: () => SkPictureRecorder;
-    Picture: PictureFactory;
-    Path: PathFactory;
-    Matrix: () => SkMatrix;
-    ColorFilter: ColorFilterFactory;
-    Font: (typeface?: SkTypeface, size?: number) => SkFont;
-    Typeface: TypefaceFactory;
-    MaskFilter: MaskFilterFactory;
-    RuntimeEffect: RuntimeEffectFactory;
-    ImageFilter: ImageFilterFactory;
-    Shader: ShaderFactory;
-    PathEffect: PathEffectFactory;
-    /**
-     * Returns an Vertices based on the given positions and optional parameters.
-     * See SkVertices.h (especially the Builder) for more details.
-     * @param mode
-     * @param positions
-     * @param textureCoordinates
-     * @param colors - either a list of int colors or a flattened color array.
-     * @param indices
-     * @param isVolatile
-     */
-    MakeVertices(mode: VertexMode, positions: SkPoint[], textureCoordinates?: SkPoint[] | null, colors?: SkColor[], indices?: number[] | null, isVolatile?: boolean): SkVertices;
-    Data: DataFactory;
-    Image: ImageFactory;
-    SVG: SVGFactory;
-    FontMgr: FontMgrFactory;
-    TextBlob: TextBlobFactory;
-    Surface: SurfaceFactory;
-}
+import type { SkiaApi as SkSkiaApi } from "./SkiaApi";
 /**
  * Declares the SkiaApi as an available object in the global scope
  */
 declare global {
-    var SkiaApi: Skia;
+    var SkiaApi: SkSkiaApi;
 }
 /**
  * Declares the implemented API with overrides.
  */
 export declare const Skia: {
-    Typeface: TypefaceFactory;
-    MaskFilter: MaskFilterFactory;
-    RuntimeEffect: RuntimeEffectFactory;
-    Shader: ShaderFactory;
-    ImageFilter: ImageFilterFactory;
-    PathEffect: PathEffectFactory;
-    Data: DataFactory;
-    SVG: SVGFactory;
-    FontMgr: FontMgrFactory;
-    TextBlob: TextBlobFactory;
-    Matrix: () => SkMatrix;
-    Font: (typeface?: SkTypeface | undefined, size?: number | undefined) => SkFont;
-    Point: (x: number, y: number) => SkPoint;
-    XYWHRect: (x: number, y: number, width: number, height: number) => SkRect;
-    RRectXY: (rect: SkRect, rx: number, ry: number) => SkRRect;
-    Paint: () => SkPaint;
-    PictureRecorder: () => SkPictureRecorder;
-    Picture: PictureFactory;
-    Path: PathFactory;
-    ColorFilter: ColorFilterFactory;
-    ContourMeasureIter: (path: SkPath, forceClosed: boolean, resScale: number) => SkContourMeasureIter;
-    Color: (cl: Color) => number;
-    parseColorString: (color: string) => SkColor | undefined;
-    RSXform: (scos: number, ssin: number, tx: number, ty: number) => SkRSXform;
-    MakeSurface: (width: number, height: number) => import("./Surface").ISurface | null;
+    Typeface: import("./Typeface").TypefaceFactory;
+    MaskFilter: import("./MaskFilter").MaskFilterFactory;
+    RuntimeEffect: import("./RuntimeEffect").RuntimeEffectFactory;
+    Shader: import("./Shader").ShaderFactory;
+    ImageFilter: import("./ImageFilter").ImageFilterFactory;
+    PathEffect: import("./PathEffect").PathEffectFactory;
+    Data: import("./Data").DataFactory;
+    SVG: import("./SVG").SVGFactory;
+    FontMgr: import("./FontMgr").FontMgrFactory;
+    TextBlob: import("./TextBlob").TextBlobFactory;
+    Matrix: () => import("./Matrix").SkMatrix;
+    Font: (typeface?: import("./Typeface").SkTypeface | undefined, size?: number | undefined) => import("./Font").SkFont;
+    Point: (x: number, y: number) => import("./Point").SkPoint;
+    XYWHRect: (x: number, y: number, width: number, height: number) => import("./Rect").SkRect;
+    RRectXY: (rect: import("./Rect").SkRect, rx: number, ry: number) => import("./RRect").SkRRect;
+    RuntimeShaderBuilder: (rt: import("./RuntimeEffect").SkRuntimeEffect) => import("./RuntimeEffect").SkRuntimeShaderBuilder;
+    Paint: () => import("./Paint").SkPaint;
+    PictureRecorder: () => import("./Picture").SkPictureRecorder;
+    Picture: import("./Picture").PictureFactory;
+    Path: import("./Path").PathFactory;
+    ColorFilter: import("./ColorFilter").ColorFilterFactory;
+    ContourMeasureIter: (path: import("./Path").SkPath, forceClosed: boolean, resScale: number) => import("./ContourMeasure").SkContourMeasureIter;
+    Color: (color: import("./Color").Color) => Float32Array;
+    RSXform: (scos: number, ssin: number, tx: number, ty: number) => import("./RSXform").SkRSXform;
+    MakeSurface: (width: number, height: number) => import("./Surface").SkSurface | null;
     MakeImageFromEncoded: (encoded: import("./Data").Data) => import("./Image").SkImage | null;
     MakeImage: (info: import("./Image").ImageInfo, data: import("./Data").Data, bytesPerRow: number) => import("./Image").SkImage | null;
-    MakeVertices: (mode: VertexMode, positions: SkPoint[], textureCoordinates?: SkPoint[] | null | undefined, colors?: number[] | undefined, indices?: number[] | null | undefined, isVolatile?: boolean | undefined) => SkVertices;
+    MakeVertices: (mode: import("./Vertices").VertexMode, positions: import("./Point").SkPoint[], textureCoordinates?: import("./Point").SkPoint[] | null | undefined, colors?: Float32Array[] | undefined, indices?: number[] | null | undefined, isVolatile?: boolean | undefined) => import("./Vertices").SkVertices;
 };