@shopify/react-native-skia 1.0.1 → 1.0.2

package/lib/commonjs/dom/nodes/RenderNode.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsiRenderNode = void 0;
+var _types = require("../../skia/types");
+var _datatypes = require("./datatypes");
+var _Node = require("./Node");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const paintProps = ["color", "strokeWidth", "blendMode", "strokeCap", "strokeJoin", "strokeMiter", "style", "antiAlias", "dither", "opacity"];
+class JsiRenderNode extends _Node.JsiNode {
+  constructor(ctx, type, props) {
+    super(ctx, type, props);
+    _defineProperty(this, "paintCache", null);
+    _defineProperty(this, "matrix", void 0);
+    _defineProperty(this, "clipRect", void 0);
+    _defineProperty(this, "clipRRect", void 0);
+    _defineProperty(this, "clipPath", void 0);
+    this.matrix = this.Skia.Matrix();
+    this.onPropChange();
+  }
+  setProps(props) {
+    super.setProps(props);
+    this.onPropChange();
+  }
+  setProp(key, value) {
+    const hasChanged = super.setProp(key, value);
+    if (hasChanged) {
+      this.onPropChange();
+      if (paintProps.includes(key)) {
+        this.paintCache = null;
+      }
+    }
+    return hasChanged;
+  }
+  onPropChange() {
+    this.matrix.identity();
+    this.clipPath = undefined;
+    this.clipRect = undefined;
+    this.clipRRect = undefined;
+    this.computeMatrix();
+    this.computeClip();
+  }
+  addChild(child) {
+    if (child instanceof _Node.JsiDeclarationNode) {
+      child.setInvalidate(() => {
+        this.paintCache = null;
+      });
+    }
+    super.addChild(child);
+  }
+  insertChildBefore(child, before) {
+    if (child instanceof _Node.JsiDeclarationNode) {
+      child.setInvalidate(() => {
+        this.paintCache = null;
+      });
+    }
+    super.insertChildBefore(child, before);
+  }
+  computeClip() {
+    const {
+      clip
+    } = this.props;
+    if (clip) {
+      if ((0, _datatypes.isPathDef)(clip)) {
+        this.clipPath = (0, _datatypes.processPath)(this.Skia, clip);
+      } else if ((0, _types.isRRect)(clip)) {
+        this.clipRRect = clip;
+      } else {
+        this.clipRect = clip;
+      }
+    }
+  }
+  computeMatrix() {
+    (0, _datatypes.processTransformProps)(this.matrix, this.props);
+  }
+  render(ctx) {
+    const {
+      invertClip,
+      layer,
+      matrix,
+      transform
+    } = this.props;
+    const {
+      canvas
+    } = ctx;
+    const parentPaint = ctx.paint;
+    const cache = this.paintCache !== null && this.paintCache.parent === ctx.paint ? this.paintCache.child : undefined;
+    const shouldRestore = ctx.saveAndConcat(this, cache);
+    const hasTransform = matrix !== undefined || transform !== undefined;
+    const hasClip = this.clipRect !== undefined || this.clipPath !== undefined || this.clipRRect !== undefined;
+    const shouldSave = hasTransform || hasClip || !!layer;
+    const op = invertClip ? _types.ClipOp.Difference : _types.ClipOp.Intersect;
+    if (shouldSave) {
+      if (layer) {
+        if (typeof layer === "boolean") {
+          canvas.saveLayer();
+        } else {
+          canvas.saveLayer(layer);
+        }
+      } else {
+        canvas.save();
+      }
+    }
+    if (this.matrix) {
+      canvas.concat(this.matrix);
+    }
+    if (this.clipRect) {
+      canvas.clipRect(this.clipRect, op, true);
+    } else if (this.clipRRect) {
+      canvas.clipRRect(this.clipRRect, op, true);
+    } else if (this.clipPath) {
+      canvas.clipPath(this.clipPath, op, true);
+    }
+    this.renderNode(ctx);
+    if (shouldSave) {
+      canvas.restore();
+    }
+    if (shouldRestore) {
+      this.paintCache = {
+        parent: parentPaint,
+        child: ctx.paint
+      };
+      ctx.restore();
+    }
+  }
+}
+exports.JsiRenderNode = JsiRenderNode;
+//# sourceMappingURL=RenderNode.js.map

package/lib/commonjs/dom/nodes/RenderNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_datatypes","_Node","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","paintProps","JsiRenderNode","JsiNode","constructor","ctx","type","props","matrix","Skia","Matrix","onPropChange","setProps","setProp","hasChanged","includes","paintCache","identity","clipPath","undefined","clipRect","clipRRect","computeMatrix","computeClip","addChild","child","JsiDeclarationNode","setInvalidate","insertChildBefore","before","clip","isPathDef","processPath","isRRect","processTransformProps","render","invertClip","layer","transform","canvas","parentPaint","paint","cache","parent","shouldRestore","saveAndConcat","hasTransform","hasClip","shouldSave","op","ClipOp","Difference","Intersect","saveLayer","save","concat","renderNode","restore","exports"],"sources":["RenderNode.ts"],"sourcesContent":["import type {\n  SkMatrix,\n  SkRect,\n  SkRRect,\n  SkPath,\n  SkPaint,\n} from \"../../skia/types\";\nimport { ClipOp, isRRect } from \"../../skia/types\";\nimport type {\n  RenderNode,\n  GroupProps,\n  NodeType,\n  Node,\n  DrawingContext,\n} from \"../types\";\n\nimport { isPathDef, processPath, processTransformProps } from \"./datatypes\";\nimport type { NodeContext } from \"./Node\";\nimport { JsiNode, JsiDeclarationNode } from \"./Node\";\n\nconst paintProps = [\n  \"color\",\n  \"strokeWidth\",\n  \"blendMode\",\n  \"strokeCap\",\n  \"strokeJoin\",\n  \"strokeMiter\",\n  \"style\",\n  \"antiAlias\",\n  \"dither\",\n  \"opacity\",\n];\n\ninterface PaintCache {\n  parent: SkPaint;\n  child: SkPaint;\n}\n\nexport abstract class JsiRenderNode<P extends GroupProps>\n  extends JsiNode<P>\n  implements RenderNode<P>\n{\n  paintCache: PaintCache | null = null;\n\n  matrix: SkMatrix;\n  clipRect?: SkRect;\n  clipRRect?: SkRRect;\n  clipPath?: SkPath;\n\n  constructor(ctx: NodeContext, type: NodeType, props: P) {\n    super(ctx, type, props);\n    this.matrix = this.Skia.Matrix();\n    this.onPropChange();\n  }\n\n  setProps(props: P) {\n    super.setProps(props);\n    this.onPropChange();\n  }\n\n  setProp<K extends keyof P>(key: K, value: P[K]) {\n    const hasChanged = super.setProp(key, value);\n    if (hasChanged) {\n      this.onPropChange();\n      if (paintProps.includes(key as string)) {\n        this.paintCache = null;\n      }\n    }\n    return hasChanged;\n  }\n\n  protected onPropChange() {\n    this.matrix.identity();\n    this.clipPath = undefined;\n    this.clipRect = undefined;\n    this.clipRRect = undefined;\n    this.computeMatrix();\n    this.computeClip();\n  }\n\n  addChild(child: Node<unknown>) {\n    if (child instanceof JsiDeclarationNode) {\n      child.setInvalidate(() => {\n        this.paintCache = null;\n      });\n    }\n    super.addChild(child);\n  }\n\n  insertChildBefore(child: Node<unknown>, before: Node<unknown>) {\n    if (child instanceof JsiDeclarationNode) {\n      child.setInvalidate(() => {\n        this.paintCache = null;\n      });\n    }\n    super.insertChildBefore(child, before);\n  }\n\n  private computeClip() {\n    const { clip } = this.props;\n    if (clip) {\n      if (isPathDef(clip)) {\n        this.clipPath = processPath(this.Skia, clip);\n      } else if (isRRect(clip)) {\n        this.clipRRect = clip;\n      } else {\n        this.clipRect = clip;\n      }\n    }\n  }\n\n  private computeMatrix() {\n    processTransformProps(this.matrix, this.props);\n  }\n\n  render(ctx: DrawingContext) {\n    const { invertClip, layer, matrix, transform } = this.props;\n    const { canvas } = ctx;\n    const parentPaint = ctx.paint;\n\n    const cache =\n      this.paintCache !== null && this.paintCache.parent === ctx.paint\n        ? this.paintCache.child\n        : undefined;\n    const shouldRestore = ctx.saveAndConcat(this, cache);\n\n    const hasTransform = matrix !== undefined || transform !== undefined;\n    const hasClip =\n      this.clipRect !== undefined ||\n      this.clipPath !== undefined ||\n      this.clipRRect !== undefined;\n    const shouldSave = hasTransform || hasClip || !!layer;\n    const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;\n    if (shouldSave) {\n      if (layer) {\n        if (typeof layer === \"boolean\") {\n          canvas.saveLayer();\n        } else {\n          canvas.saveLayer(layer);\n        }\n      } else {\n        canvas.save();\n      }\n    }\n\n    if (this.matrix) {\n      canvas.concat(this.matrix);\n    }\n    if (this.clipRect) {\n      canvas.clipRect(this.clipRect, op, true);\n    } else if (this.clipRRect) {\n      canvas.clipRRect(this.clipRRect, op, true);\n    } else if (this.clipPath) {\n      canvas.clipPath(this.clipPath, op, true);\n    }\n\n    this.renderNode(ctx);\n\n    if (shouldSave) {\n      canvas.restore();\n    }\n    if (shouldRestore) {\n      this.paintCache = {\n        parent: parentPaint,\n        child: ctx.paint,\n      };\n      ctx.restore();\n    }\n  }\n\n  abstract renderNode(ctx: DrawingContext): void;\n}\n"],"mappings":"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"}

package/lib/commonjs/dom/nodes/datatypes/Circle.d.ts

@@ -0,0 +1,7 @@
+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;
+    r: number;
+};

package/lib/commonjs/dom/nodes/datatypes/Circle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processCircle = exports.isCircleScalarDef = void 0;
+const isCircleScalarDef = def =>
+// We have an issue to check property existence on JSI backed instances
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+def.cx !== undefined;
+exports.isCircleScalarDef = isCircleScalarDef;
+const processCircle = (Skia, def) => {
+  var _def$c;
+  if (isCircleScalarDef(def)) {
+    return {
+      c: Skia.Point(def.cx, def.cy),
+      r: def.r
+    };
+  }
+  return {
+    ...def,
+    c: (_def$c = def.c) !== null && _def$c !== void 0 ? _def$c : {
+      x: 0,
+      y: 0
+    }
+  };
+};
+exports.processCircle = processCircle;
+//# sourceMappingURL=Circle.js.map

package/lib/commonjs/dom/nodes/datatypes/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isCircleScalarDef","def","cx","undefined","exports","processCircle","Skia","_def$c","c","Point","cy","r","x","y"],"sources":["Circle.ts"],"sourcesContent":["import type { Skia } from \"../../../skia/types\";\nimport type { CircleDef, ScalarCircleDef } from \"../../types\";\n\nexport const isCircleScalarDef = (def: CircleDef): def is ScalarCircleDef =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (def as any).cx !== undefined;\n\nexport const processCircle = (Skia: Skia, def: CircleDef) => {\n  if (isCircleScalarDef(def)) {\n    return { c: Skia.Point(def.cx, def.cy), r: def.r };\n  }\n  return { ...def, c: def.c ?? { x: 0, y: 0 } };\n};\n"],"mappings":";;;;;;AAGO,MAAMA,iBAAiB,GAAIC,GAAc;AAC9C;AACA;AACCA,GAAG,CAASC,EAAE,KAAKC,SAAS;AAACC,OAAA,CAAAJ,iBAAA,GAAAA,iBAAA;AAEzB,MAAMK,aAAa,GAAGA,CAACC,IAAU,EAAEL,GAAc,KAAK;EAAA,IAAAM,MAAA;EAC3D,IAAIP,iBAAiB,CAACC,GAAG,CAAC,EAAE;IAC1B,OAAO;MAAEO,CAAC,EAAEF,IAAI,CAACG,KAAK,CAACR,GAAG,CAACC,EAAE,EAAED,GAAG,CAACS,EAAE,CAAC;MAAEC,CAAC,EAAEV,GAAG,CAACU;IAAE,CAAC;EACpD;EACA,OAAO;IAAE,GAAGV,GAAG;IAAEO,CAAC,GAAAD,MAAA,GAAEN,GAAG,CAACO,CAAC,cAAAD,MAAA,cAAAA,MAAA,GAAI;MAAEK,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE;EAAE,CAAC;AAC/C,CAAC;AAACT,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

package/lib/commonjs/dom/nodes/datatypes/Enum.d.ts

@@ -0,0 +1 @@
+export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;

package/lib/commonjs/dom/nodes/datatypes/Enum.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enumKey = void 0;
+const enumKey = k => k.charAt(0).toUpperCase() + k.slice(1);
+exports.enumKey = enumKey;
+//# sourceMappingURL=Enum.js.map

package/lib/commonjs/dom/nodes/datatypes/Enum.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["enumKey","k","charAt","toUpperCase","slice","exports"],"sources":["Enum.ts"],"sourcesContent":["export const enumKey = <K extends string>(k: K) =>\n  (k.charAt(0).toUpperCase() + k.slice(1)) as Capitalize<K>;\n"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAAsBC,CAAI,IAC3CA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAmB;AAACC,OAAA,CAAAL,OAAA,GAAAA,OAAA"}

package/lib/commonjs/dom/nodes/datatypes/Fitting.d.ts

@@ -0,0 +1,33 @@
+import type { SkRect } from "../../../skia/types";
+import type { Fit } from "../../types";
+export interface Size {
+    width: number;
+    height: number;
+}
+export declare const size: (width?: number, height?: number) => {
+    width: number;
+    height: number;
+};
+export declare const rect2rect: (src: SkRect, dst: SkRect) => [{
+    translateX: number;
+}, {
+    translateY: number;
+}, {
+    scaleX: number;
+}, {
+    scaleY: number;
+}];
+export declare const fitRects: (fit: Fit, rect: SkRect, { x, y, width, height }: SkRect) => {
+    src: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    dst: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};

package/lib/commonjs/dom/nodes/datatypes/Fitting.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.size = exports.rect2rect = exports.fitRects = void 0;
+var _typeddash = require("../../../renderer/typeddash");
+const size = (width = 0, height = 0) => ({
+  width,
+  height
+});
+exports.size = size;
+const rect2rect = (src, dst) => {
+  const scaleX = dst.width / src.width;
+  const scaleY = dst.height / src.height;
+  const translateX = dst.x - src.x * scaleX;
+  const translateY = dst.y - src.y * scaleY;
+  return [{
+    translateX
+  }, {
+    translateY
+  }, {
+    scaleX
+  }, {
+    scaleY
+  }];
+};
+exports.rect2rect = rect2rect;
+const fitRects = (fit, rect, {
+  x,
+  y,
+  width,
+  height
+}) => {
+  const sizes = applyBoxFit(fit, {
+    width: rect.width,
+    height: rect.height
+  }, {
+    width,
+    height
+  });
+  const src = inscribe(sizes.src, rect);
+  const dst = inscribe(sizes.dst, {
+    x,
+    y,
+    width,
+    height
+  });
+  return {
+    src,
+    dst
+  };
+};
+exports.fitRects = fitRects;
+const inscribe = ({
+  width,
+  height
+}, rect) => {
+  const halfWidthDelta = (rect.width - width) / 2.0;
+  const halfHeightDelta = (rect.height - height) / 2.0;
+  return {
+    x: rect.x + halfWidthDelta,
+    y: rect.y + halfHeightDelta,
+    width,
+    height
+  };
+};
+const applyBoxFit = (fit, input, output) => {
+  let src = size(),
+    dst = size();
+  if (input.height <= 0.0 || input.width <= 0.0 || output.height <= 0.0 || output.width <= 0.0) {
+    return {
+      src,
+      dst
+    };
+  }
+  switch (fit) {
+    case "fill":
+      src = input;
+      dst = output;
+      break;
+    case "contain":
+      src = input;
+      if (output.width / output.height > src.width / src.height) {
+        dst = size(src.width * output.height / src.height, output.height);
+      } else {
+        dst = size(output.width, src.height * output.width / src.width);
+      }
+      break;
+    case "cover":
+      if (output.width / output.height > input.width / input.height) {
+        src = size(input.width, input.width * output.height / output.width);
+      } else {
+        src = size(input.height * output.width / output.height, input.height);
+      }
+      dst = output;
+      break;
+    case "fitWidth":
+      src = size(input.width, input.width * output.height / output.width);
+      dst = size(output.width, src.height * output.width / src.width);
+      break;
+    case "fitHeight":
+      src = size(input.height * output.width / output.height, input.height);
+      dst = size(src.width * output.height / src.height, output.height);
+      break;
+    case "none":
+      src = size(Math.min(input.width, output.width), Math.min(input.height, output.height));
+      dst = src;
+      break;
+    case "scaleDown":
+      src = input;
+      dst = input;
+      const aspectRatio = input.width / input.height;
+      if (dst.height > output.height) {
+        dst = size(output.height * aspectRatio, output.height);
+      }
+      if (dst.width > output.width) {
+        dst = size(output.width, output.width / aspectRatio);
+      }
+      break;
+    default:
+      (0, _typeddash.exhaustiveCheck)(fit);
+  }
+  return {
+    src,
+    dst
+  };
+};
+//# sourceMappingURL=Fitting.js.map

package/lib/commonjs/dom/nodes/datatypes/Fitting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_typeddash","require","size","width","height","exports","rect2rect","src","dst","scaleX","scaleY","translateX","x","translateY","y","fitRects","fit","rect","sizes","applyBoxFit","inscribe","halfWidthDelta","halfHeightDelta","input","output","Math","min","aspectRatio","exhaustiveCheck"],"sources":["Fitting.ts"],"sourcesContent":["import { exhaustiveCheck } from \"../../../renderer/typeddash\";\nimport type { SkRect } from \"../../../skia/types\";\nimport type { Fit } from \"../../types\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport const size = (width = 0, height = 0) => ({ width, height });\n\nexport const rect2rect = (\n  src: SkRect,\n  dst: SkRect\n): [\n  { translateX: number },\n  { translateY: number },\n  { scaleX: number },\n  { scaleY: number }\n] => {\n  const scaleX = dst.width / src.width;\n  const scaleY = dst.height / src.height;\n  const translateX = dst.x - src.x * scaleX;\n  const translateY = dst.y - src.y * scaleY;\n  return [{ translateX }, { translateY }, { scaleX }, { scaleY }];\n};\n\nexport const fitRects = (\n  fit: Fit,\n  rect: SkRect,\n  { x, y, width, height }: SkRect\n) => {\n  const sizes = applyBoxFit(\n    fit,\n    { width: rect.width, height: rect.height },\n    { width, height }\n  );\n  const src = inscribe(sizes.src, rect);\n  const dst = inscribe(sizes.dst, {\n    x,\n    y,\n    width,\n    height,\n  });\n  return { src, dst };\n};\n\nconst inscribe = (\n  { width, height }: Size,\n  rect: { x: number; y: number; width: number; height: number }\n) => {\n  const halfWidthDelta = (rect.width - width) / 2.0;\n  const halfHeightDelta = (rect.height - height) / 2.0;\n  return {\n    x: rect.x + halfWidthDelta,\n    y: rect.y + halfHeightDelta,\n    width,\n    height,\n  };\n};\n\nconst applyBoxFit = (fit: Fit, input: Size, output: Size) => {\n  let src = size(),\n    dst = size();\n  if (\n    input.height <= 0.0 ||\n    input.width <= 0.0 ||\n    output.height <= 0.0 ||\n    output.width <= 0.0\n  ) {\n    return { src, dst };\n  }\n  switch (fit) {\n    case \"fill\":\n      src = input;\n      dst = output;\n      break;\n    case \"contain\":\n      src = input;\n      if (output.width / output.height > src.width / src.height) {\n        dst = size((src.width * output.height) / src.height, output.height);\n      } else {\n        dst = size(output.width, (src.height * output.width) / src.width);\n      }\n      break;\n    case \"cover\":\n      if (output.width / output.height > input.width / input.height) {\n        src = size(input.width, (input.width * output.height) / output.width);\n      } else {\n        src = size((input.height * output.width) / output.height, input.height);\n      }\n      dst = output;\n      break;\n    case \"fitWidth\":\n      src = size(input.width, (input.width * output.height) / output.width);\n      dst = size(output.width, (src.height * output.width) / src.width);\n      break;\n    case \"fitHeight\":\n      src = size((input.height * output.width) / output.height, input.height);\n      dst = size((src.width * output.height) / src.height, output.height);\n      break;\n    case \"none\":\n      src = size(\n        Math.min(input.width, output.width),\n        Math.min(input.height, output.height)\n      );\n      dst = src;\n      break;\n    case \"scaleDown\":\n      src = input;\n      dst = input;\n      const aspectRatio = input.width / input.height;\n      if (dst.height > output.height) {\n        dst = size(output.height * aspectRatio, output.height);\n      }\n      if (dst.width > output.width) {\n        dst = size(output.width, output.width / aspectRatio);\n      }\n      break;\n    default:\n      exhaustiveCheck(fit);\n  }\n  return { src, dst };\n};\n"],"mappings":"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"}

package/lib/commonjs/dom/nodes/datatypes/Gradient.d.ts

@@ -0,0 +1,252 @@
+import type { Skia, SkRect, Transforms3d, Vector } from "../../../skia/types";
+import { TileMode } from "../../../skia/types";
+import type { GradientProps, ImageShaderProps } from "../../types";
+export declare const transformOrigin: (origin: Vector, transform: Transforms3d) => (Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translateX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translateY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translateZ"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "translate"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "scale"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "scaleX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "scaleY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "skewX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "skewY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "perspective"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotateX"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotateY"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotateZ"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "rotate"> | Pick<{
+    translateX: number;
+    translateY: number;
+    translateZ: number;
+    translate: readonly [number, number] | readonly [number, number, number];
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    rotateZ: number;
+    rotate: number;
+    perspective: number;
+    rotateX: number;
+    rotateY: number;
+    matrix: import("../../../skia/types").Matrix4;
+}, "matrix">)[];
+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/types").SkMatrix;
+};
+export declare const getRect: (Skia: Skia, props: Omit<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "image">) => SkRect | undefined;