@shopify/react-native-skia 0.1.130 → 0.1.131

package/lib/commonjs/renderer/components/image/ImageSVG.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageSVG.tsx"],"names":["onDraw","canvas","svg","rectProps","x","y","width","height","save","translate","drawSvg","restore","ImageSVG","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;;;;;AAMA,MAAMA,MAAM,GAAG,0BACb,iBAAuC;AAAA,MAAtC;AAAEC,IAAAA;AAAF,GAAsC;AAAA,MAA1B;AAAEC,IAAAA,GAAF;AAAO,OAAGC;AAAV,GAA0B;AACrC,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0B,6BAAYJ,SAAZ,CAAhC;AACAF,EAAAA,MAAM,CAACO,IAAP;AACAP,EAAAA,MAAM,CAACQ,SAAP,CAAiBL,CAAjB,EAAoBC,CAApB;AACAJ,EAAAA,MAAM,CAACS,OAAP,CAAeR,GAAf,EAAoBI,KAApB,EAA2BC,MAA3B;AACAN,EAAAA,MAAM,CAACU,OAAP;AACD,CAPY,CAAf;;AAUO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEb;AAAnB,KAA+Ba,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkSVG } from \"../../../skia\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, RectDef } from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type ImageSVGProps = RectDef & {\n  svg: SkSVG;\n};\n\nconst onDraw = createDrawing<ImageSVGProps>(\n  ({ canvas }, { svg, ...rectProps }) => {\n    const { x, y, width, height } = processRect(rectProps);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n);\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["ImageSVG.tsx"],"names":["onDraw","canvas","Skia","svg","rectProps","x","y","width","height","save","translate","drawSvg","restore","ImageSVG","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;;;;;AAMA,MAAMA,MAAM,GAAG,0BACb,iBAA6C;AAAA,MAA5C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA4C;AAAA,MAA1B;AAAEC,IAAAA,GAAF;AAAO,OAAGC;AAAV,GAA0B;AAC3C,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0B,6BAAYN,IAAZ,EAAkBE,SAAlB,CAAhC;AACAH,EAAAA,MAAM,CAACQ,IAAP;AACAR,EAAAA,MAAM,CAACS,SAAP,CAAiBL,CAAjB,EAAoBC,CAApB;AACAL,EAAAA,MAAM,CAACU,OAAP,CAAeR,GAAf,EAAoBI,KAApB,EAA2BC,MAA3B;AACAP,EAAAA,MAAM,CAACW,OAAP;AACD,CAPY,CAAf;;AAUO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEd;AAAnB,KAA+Bc,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkSVG } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, RectDef } from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type ImageSVGProps = RectDef & {\n  svg: SkSVG;\n};\n\nconst onDraw = createDrawing<ImageSVGProps>(\n  ({ canvas, Skia }, { svg, ...rectProps }) => {\n    const { x, y, width, height } = processRect(Skia, rectProps);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n);\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/image/ImageShader.js

@@ -7,7 +7,7 @@ exports.ImageShader = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _nodes = require("../../nodes");
 
@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const getRect = props => {
+const getRect = (Skia, props) => {
   const {
     x,
     y,
@@ -30,13 +30,13 @@ const getRect = props => {
   if (props.rect) {
     return props.rect;
   } else if (x !== undefined && y !== undefined && width !== undefined && height !== undefined) {
-    return (0, _processors.rect)(x, y, width, height);
+    return Skia.XYWHRect(x, y, width, height);
   } else {
     return undefined;
   }
 };
 
-const onDeclare = (0, _nodes.createDeclaration)(_ref => {
+const onDeclare = (0, _nodes.createDeclaration)((_ref, _, _ref2) => {
   let {
     tx,
     ty,
@@ -46,7 +46,10 @@ const onDeclare = (0, _nodes.createDeclaration)(_ref => {
     image,
     ...imageShaderProps
   } = _ref;
-  const rct = getRect(imageShaderProps);
+  let {
+    Skia
+  } = _ref2;
+  const rct = getRect(Skia, imageShaderProps);
 
   if (rct) {
     var _imageShaderProps$tra;
@@ -61,7 +64,7 @@ const onDeclare = (0, _nodes.createDeclaration)(_ref => {
     imageShaderProps.transform = [...((_imageShaderProps$tra = imageShaderProps.transform) !== null && _imageShaderProps$tra !== void 0 ? _imageShaderProps$tra : []), ...m3];
   }
 
-  return image.makeShaderOptions(_skia.TileMode[(0, _processors.enumKey)(tx)], _skia.TileMode[(0, _processors.enumKey)(ty)], _skia.FilterMode[(0, _processors.enumKey)(fm)], _skia.MipmapMode[(0, _processors.enumKey)(mm)], (0, _processors.localMatrix)(imageShaderProps));
+  return image.makeShaderOptions(_types.TileMode[(0, _processors.enumKey)(tx)], _types.TileMode[(0, _processors.enumKey)(ty)], _types.FilterMode[(0, _processors.enumKey)(fm)], _types.MipmapMode[(0, _processors.enumKey)(mm)], (0, _processors.localMatrix)(Skia.Matrix(), imageShaderProps));
 });
 
 const ImageShader = props => {

package/lib/commonjs/renderer/components/image/ImageShader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageShader.tsx"],"names":["getRect","props","x","y","width","height","rect","undefined","onDeclare","tx","ty","fm","mm","fit","image","imageShaderProps","rct","rects","m3","src","dst","transform","makeShaderOptions","TileMode","FilterMode","MipmapMode","ImageShader","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAOA;;AAGA;;;;;;AAEA,MAAMA,OAAO,GACXC,KADc,IAES;AACvB,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BJ,KAAhC;;AACA,MAAIA,KAAK,CAACK,IAAV,EAAgB;AACd,WAAOL,KAAK,CAACK,IAAb;AACD,GAFD,MAEO,IACLJ,CAAC,KAAKK,SAAN,IACAJ,CAAC,KAAKI,SADN,IAEAH,KAAK,KAAKG,SAFV,IAGAF,MAAM,KAAKE,SAJN,EAKL;AACA,WAAO,sBAAKL,CAAL,EAAQC,CAAR,EAAWC,KAAX,EAAkBC,MAAlB,CAAP;AACD,GAPM,MAOA;AACL,WAAOE,SAAP;AACD;AACF,CAhBD;;AA4BA,MAAMC,SAAS,GAAG,8BAChB,QAAyD;AAAA,MAAxD;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,EAAV;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,GAAlB;AAAuBC,IAAAA,KAAvB;AAA8B,OAAGC;AAAjC,GAAwD;AACvD,QAAMC,GAAG,GAAGhB,OAAO,CAACe,gBAAD,CAAnB;;AACA,MAAIC,GAAJ,EAAS;AAAA;;AACP,UAAMC,KAAK,GAAG,sBACZJ,GADY,EAEZ;AAAEX,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE,CAAX;AAAcC,MAAAA,KAAK,EAAEU,KAAK,CAACV,KAAN,EAArB;AAAoCC,MAAAA,MAAM,EAAES,KAAK,CAACT,MAAN;AAA5C,KAFY,EAGZW,GAHY,CAAd;AAKA,UAAME,EAAE,GAAG,uBAAUD,KAAK,CAACE,GAAhB,EAAqBF,KAAK,CAACG,GAA3B,CAAX;AACAL,IAAAA,gBAAgB,CAACM,SAAjB,GAA6B,CAC3B,6BAAIN,gBAAgB,CAACM,SAArB,yEAAkC,EAAlC,CAD2B,EAE3B,GAAGH,EAFwB,CAA7B;AAID;;AACD,SAAOJ,KAAK,CAACQ,iBAAN,CACLC,eAAS,yBAAQd,EAAR,CAAT,CADK,EAELc,eAAS,yBAAQb,EAAR,CAAT,CAFK,EAGLc,iBAAW,yBAAQb,EAAR,CAAX,CAHK,EAILc,iBAAW,yBAAQb,EAAR,CAAX,CAJK,EAKL,6BAAYG,gBAAZ,CALK,CAAP;AAOD,CAtBe,CAAlB;;AAyBO,MAAMW,WAAW,GAAIzB,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEO;AAA1B,KAAyCP,KAAzC,EAAP;AACD,CAFM;;;AAIPyB,WAAW,CAACC,YAAZ,GAA2B;AACzBlB,EAAAA,EAAE,EAAE,OADqB;AAEzBC,EAAAA,EAAE,EAAE,OAFqB;AAGzBC,EAAAA,EAAE,EAAE,SAHqB;AAIzBC,EAAAA,EAAE,EAAE,MAJqB;AAKzBC,EAAAA,GAAG,EAAE,MALoB;AAMzBQ,EAAAA,SAAS,EAAE;AANc,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { SkRect, SkImage } from \"../../../skia\";\nimport { TileMode, FilterMode, MipmapMode } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type {\n  TransformProps,\n  SkEnum,\n  AnimatedProps,\n  RectCtor,\n} from \"../../processors\";\nimport { localMatrix, enumKey, rect } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { rect2rect, fitRects } from \"./BoxFit\";\n\nconst getRect = (\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return rect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n\ninterface ImageShaderProps extends TransformProps, Partial<RectCtor> {\n  tx: SkEnum<typeof TileMode>;\n  ty: SkEnum<typeof TileMode>;\n  fm: SkEnum<typeof FilterMode>;\n  mm: SkEnum<typeof MipmapMode>;\n  fit: Fit;\n  rect?: SkRect;\n  image: SkImage;\n}\n\nconst onDeclare = createDeclaration<ImageShaderProps>(\n  ({ tx, ty, fm, mm, fit, image, ...imageShaderProps }) => {\n    const rct = getRect(imageShaderProps);\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const m3 = rect2rect(rects.src, rects.dst);\n      imageShaderProps.transform = [\n        ...(imageShaderProps.transform ?? []),\n        ...m3,\n      ];\n    }\n    return image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      localMatrix(imageShaderProps)\n    );\n  }\n);\n\nexport const ImageShader = (props: AnimatedProps<ImageShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nImageShader.defaultProps = {\n  tx: \"decal\",\n  ty: \"decal\",\n  fm: \"nearest\",\n  mm: \"none\",\n  fit: \"none\",\n  transform: [],\n} as const;\n"]}
+{"version":3,"sources":["ImageShader.tsx"],"names":["getRect","Skia","props","x","y","width","height","rect","undefined","XYWHRect","onDeclare","_","tx","ty","fm","mm","fit","image","imageShaderProps","rct","rects","m3","src","dst","transform","makeShaderOptions","TileMode","FilterMode","MipmapMode","Matrix","ImageShader","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAOA;;AAGA;;;;;;AAEA,MAAMA,OAAO,GAAG,CACdC,IADc,EAEdC,KAFc,KAGS;AACvB,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BJ,KAAhC;;AACA,MAAIA,KAAK,CAACK,IAAV,EAAgB;AACd,WAAOL,KAAK,CAACK,IAAb;AACD,GAFD,MAEO,IACLJ,CAAC,KAAKK,SAAN,IACAJ,CAAC,KAAKI,SADN,IAEAH,KAAK,KAAKG,SAFV,IAGAF,MAAM,KAAKE,SAJN,EAKL;AACA,WAAOP,IAAI,CAACQ,QAAL,CAAcN,CAAd,EAAiBC,CAAjB,EAAoBC,KAApB,EAA2BC,MAA3B,CAAP;AACD,GAPM,MAOA;AACL,WAAOE,SAAP;AACD;AACF,CAjBD;;AA6BA,MAAME,SAAS,GAAG,8BAChB,OAAsDC,CAAtD,YAAsE;AAAA,MAArE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,EAAV;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,GAAlB;AAAuBC,IAAAA,KAAvB;AAA8B,OAAGC;AAAjC,GAAqE;AAAA,MAAb;AAAEjB,IAAAA;AAAF,GAAa;AACpE,QAAMkB,GAAG,GAAGnB,OAAO,CAACC,IAAD,EAAOiB,gBAAP,CAAnB;;AACA,MAAIC,GAAJ,EAAS;AAAA;;AACP,UAAMC,KAAK,GAAG,sBACZJ,GADY,EAEZ;AAAEb,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE,CAAX;AAAcC,MAAAA,KAAK,EAAEY,KAAK,CAACZ,KAAN,EAArB;AAAoCC,MAAAA,MAAM,EAAEW,KAAK,CAACX,MAAN;AAA5C,KAFY,EAGZa,GAHY,CAAd;AAKA,UAAME,EAAE,GAAG,uBAAUD,KAAK,CAACE,GAAhB,EAAqBF,KAAK,CAACG,GAA3B,CAAX;AACAL,IAAAA,gBAAgB,CAACM,SAAjB,GAA6B,CAC3B,6BAAIN,gBAAgB,CAACM,SAArB,yEAAkC,EAAlC,CAD2B,EAE3B,GAAGH,EAFwB,CAA7B;AAID;;AACD,SAAOJ,KAAK,CAACQ,iBAAN,CACLC,gBAAS,yBAAQd,EAAR,CAAT,CADK,EAELc,gBAAS,yBAAQb,EAAR,CAAT,CAFK,EAGLc,kBAAW,yBAAQb,EAAR,CAAX,CAHK,EAILc,kBAAW,yBAAQb,EAAR,CAAX,CAJK,EAKL,6BAAYd,IAAI,CAAC4B,MAAL,EAAZ,EAA2BX,gBAA3B,CALK,CAAP;AAOD,CAtBe,CAAlB;;AAyBO,MAAMY,WAAW,GAAI5B,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEQ;AAA1B,KAAyCR,KAAzC,EAAP;AACD,CAFM;;;AAIP4B,WAAW,CAACC,YAAZ,GAA2B;AACzBnB,EAAAA,EAAE,EAAE,OADqB;AAEzBC,EAAAA,EAAE,EAAE,OAFqB;AAGzBC,EAAAA,EAAE,EAAE,SAHqB;AAIzBC,EAAAA,EAAE,EAAE,MAJqB;AAKzBC,EAAAA,GAAG,EAAE,MALoB;AAMzBQ,EAAAA,SAAS,EAAE;AANc,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { SkRect, SkImage, Skia } from \"../../../skia/types\";\nimport { TileMode, FilterMode, MipmapMode } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type {\n  TransformProps,\n  SkEnum,\n  AnimatedProps,\n  RectCtor,\n} from \"../../processors\";\nimport { localMatrix, enumKey } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { rect2rect, fitRects } from \"./BoxFit\";\n\nconst getRect = (\n  Skia: Skia,\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return Skia.XYWHRect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n\ninterface ImageShaderProps extends TransformProps, Partial<RectCtor> {\n  tx: SkEnum<typeof TileMode>;\n  ty: SkEnum<typeof TileMode>;\n  fm: SkEnum<typeof FilterMode>;\n  mm: SkEnum<typeof MipmapMode>;\n  fit: Fit;\n  rect?: SkRect;\n  image: SkImage;\n}\n\nconst onDeclare = createDeclaration<ImageShaderProps>(\n  ({ tx, ty, fm, mm, fit, image, ...imageShaderProps }, _, { Skia }) => {\n    const rct = getRect(Skia, imageShaderProps);\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const m3 = rect2rect(rects.src, rects.dst);\n      imageShaderProps.transform = [\n        ...(imageShaderProps.transform ?? []),\n        ...m3,\n      ];\n    }\n    return image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      localMatrix(Skia.Matrix(), imageShaderProps)\n    );\n  }\n);\n\nexport const ImageShader = (props: AnimatedProps<ImageShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nImageShader.defaultProps = {\n  tx: \"decal\",\n  ty: \"decal\",\n  fm: \"nearest\",\n  mm: \"none\",\n  fit: \"none\",\n  transform: [],\n} as const;\n"]}

package/lib/commonjs/renderer/components/imageFilters/Blur.js

@@ -7,7 +7,7 @@ exports.Blur = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _processors = require("../../processors");
 
@@ -21,13 +21,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _nodes.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
   let {
     blur,
     mode
   } = _ref;
-  const sigma = (0, _Radius.processRadius)(blur);
-  return _skia.Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, _skia.TileMode[(0, _processors.enumKey)(mode)], (0, _getInput.getInput)(children));
+  let {
+    Skia
+  } = _ref2;
+  const sigma = (0, _Radius.processRadius)(Skia, blur);
+  return Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, _types.TileMode[(0, _processors.enumKey)(mode)], (0, _getInput.getInput)(Skia, children));
 });
 
 const Blur = props => {

package/lib/commonjs/renderer/components/imageFilters/Blur.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["onDeclare","children","blur","mode","sigma","Skia","ImageFilter","MakeBlur","x","y","TileMode","Blur","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AAEA;;AACA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,8BAA6B,OAAiBC,QAAjB,KAA8B;AAAA,MAA7B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA6B;AAC3E,QAAMC,KAAK,GAAG,2BAAcF,IAAd,CAAd;AACA,SAAOG,WAAKC,WAAL,CAAiBC,QAAjB,CACLH,KAAK,CAACI,CADD,EAELJ,KAAK,CAACK,CAFD,EAGLC,eAAS,yBAAQP,IAAR,CAAT,CAHK,EAIL,wBAASF,QAAT,CAJK,CAAP;AAMD,CARiB,CAAlB;;AAUO,MAAMU,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBV,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, TileMode } from \"../../../skia\";\nimport type { Radius, SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { processRadius } from \"../../processors/Radius\";\nimport { createDeclaration } from \"../../nodes\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface BlurProps {\n  blur: Radius;\n  mode: SkEnum<typeof TileMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlurProps>(({ blur, mode }, children) => {\n  const sigma = processRadius(blur);\n  return Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    getInput(children)\n  );\n});\n\nexport const Blur = (props: AnimatedProps<BlurProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}
+{"version":3,"sources":["Blur.tsx"],"names":["onDeclare","children","blur","mode","Skia","sigma","ImageFilter","MakeBlur","x","y","TileMode","Blur","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AAEA;;AACA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,8BAChB,OAAiBC,QAAjB,YAAwC;AAAA,MAAvC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAuC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACtC,QAAMC,KAAK,GAAG,2BAAcD,IAAd,EAAoBF,IAApB,CAAd;AACA,SAAOE,IAAI,CAACE,WAAL,CAAiBC,QAAjB,CACLF,KAAK,CAACG,CADD,EAELH,KAAK,CAACI,CAFD,EAGLC,gBAAS,yBAAQP,IAAR,CAAT,CAHK,EAIL,wBAASC,IAAT,EAAeH,QAAf,CAJK,CAAP;AAMD,CATe,CAAlB;;AAYO,MAAMU,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBV,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { TileMode } from \"../../../skia/types\";\nimport type { Radius, SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { processRadius } from \"../../processors/Radius\";\nimport { createDeclaration } from \"../../nodes\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface BlurProps {\n  blur: Radius;\n  mode: SkEnum<typeof TileMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlurProps>(\n  ({ blur, mode }, children, { Skia }) => {\n    const sigma = processRadius(Skia, blur);\n    return Skia.ImageFilter.MakeBlur(\n      sigma.x,\n      sigma.y,\n      TileMode[enumKey(mode)],\n      getInput(Skia, children)\n    );\n  }\n);\n\nexport const Blur = (props: AnimatedProps<BlurProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/DisplacementMap.js

@@ -7,7 +7,7 @@ exports.DisplacementMap = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _nodes = require("../../nodes");
 
@@ -19,26 +19,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _nodes.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
   let {
     channelX,
     channelY,
     scale
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const [in1, in2] = children.filter(c => !!c);
 
-  const x = _skia.ColorChannel[(0, _processors.enumKey)(channelX)];
+  const x = _types.ColorChannel[(0, _processors.enumKey)(channelX)];
 
-  const y = _skia.ColorChannel[(0, _processors.enumKey)(channelY)];
+  const y = _types.ColorChannel[(0, _processors.enumKey)(channelY)];
 
-  const map = (0, _getInput.getInput)([in1]);
-  const input = in2 ? (0, _getInput.getInput)([in2]) : null;
+  const map = (0, _getInput.getInput)(Skia, [in1]);
+  const input = in2 ? (0, _getInput.getInput)(Skia, [in2]) : null;
 
   if (!map) {
     throw new Error("No DisplacementMap provided");
   }
 
-  return _skia.Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);
+  return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);
 });
 
 const DisplacementMap = props => {

package/lib/commonjs/renderer/components/imageFilters/DisplacementMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DisplacementMap.tsx"],"names":["onDeclare","children","channelX","channelY","scale","in1","in2","filter","c","x","ColorChannel","y","map","input","Error","Skia","ImageFilter","MakeDisplacementMap","DisplacementMap","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAEA;;AAEA;;;;;;AASA,MAAMA,SAAS,GAAG,8BAChB,OAAgCC,QAAhC,KAA6C;AAAA,MAA5C;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,GAA4C;AAC3C,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaL,QAAQ,CAACM,MAAT,CAAiBC,CAAD,IAAO,CAAC,CAACA,CAAzB,CAAnB;;AACA,QAAMC,CAAC,GAAGC,mBAAa,yBAAQR,QAAR,CAAb,CAAV;;AACA,QAAMS,CAAC,GAAGD,mBAAa,yBAAQP,QAAR,CAAb,CAAV;;AACA,QAAMS,GAAG,GAAG,wBAAS,CAACP,GAAD,CAAT,CAAZ;AACA,QAAMQ,KAAK,GAAGP,GAAG,GAAG,wBAAS,CAACA,GAAD,CAAT,CAAH,GAAqB,IAAtC;;AACA,MAAI,CAACM,GAAL,EAAU;AACR,UAAM,IAAIE,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACD,SAAOC,WAAKC,WAAL,CAAiBC,mBAAjB,CAAqCR,CAArC,EAAwCE,CAAxC,EAA2CP,KAA3C,EAAkDQ,GAAlD,EAAuDC,KAAvD,CAAP;AACD,CAXe,CAAlB;;AAcO,MAAMK,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAEnB;AAA1B,KAAyCmB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, ColorChannel } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface DisplacementMapProps {\n  channelX: SkEnum<typeof ColorChannel>;\n  channelY: SkEnum<typeof ColorChannel>;\n  scale: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DisplacementMapProps>(\n  ({ channelX, channelY, scale }, children) => {\n    const [in1, in2] = children.filter((c) => !!c);\n    const x = ColorChannel[enumKey(channelX)];\n    const y = ColorChannel[enumKey(channelY)];\n    const map = getInput([in1]);\n    const input = in2 ? getInput([in2]) : null;\n    if (!map) {\n      throw new Error(\"No DisplacementMap provided\");\n    }\n    return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);\n  }\n);\n\nexport const DisplacementMap = (props: AnimatedProps<DisplacementMapProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["DisplacementMap.tsx"],"names":["onDeclare","children","channelX","channelY","scale","Skia","in1","in2","filter","c","x","ColorChannel","y","map","input","Error","ImageFilter","MakeDisplacementMap","DisplacementMap","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAEA;;AAEA;;;;;;AASA,MAAMA,SAAS,GAAG,8BAChB,OAAgCC,QAAhC,YAAuD;AAAA,MAAtD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,GAAsD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACrD,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaN,QAAQ,CAACO,MAAT,CAAiBC,CAAD,IAAO,CAAC,CAACA,CAAzB,CAAnB;;AACA,QAAMC,CAAC,GAAGC,oBAAa,yBAAQT,QAAR,CAAb,CAAV;;AACA,QAAMU,CAAC,GAAGD,oBAAa,yBAAQR,QAAR,CAAb,CAAV;;AACA,QAAMU,GAAG,GAAG,wBAASR,IAAT,EAAe,CAACC,GAAD,CAAf,CAAZ;AACA,QAAMQ,KAAK,GAAGP,GAAG,GAAG,wBAASF,IAAT,EAAe,CAACE,GAAD,CAAf,CAAH,GAA2B,IAA5C;;AACA,MAAI,CAACM,GAAL,EAAU;AACR,UAAM,IAAIE,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACD,SAAOV,IAAI,CAACW,WAAL,CAAiBC,mBAAjB,CAAqCP,CAArC,EAAwCE,CAAxC,EAA2CR,KAA3C,EAAkDS,GAAlD,EAAuDC,KAAvD,CAAP;AACD,CAXe,CAAlB;;AAcO,MAAMI,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAEnB;AAA1B,KAAyCmB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { ColorChannel } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface DisplacementMapProps {\n  channelX: SkEnum<typeof ColorChannel>;\n  channelY: SkEnum<typeof ColorChannel>;\n  scale: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DisplacementMapProps>(\n  ({ channelX, channelY, scale }, children, { Skia }) => {\n    const [in1, in2] = children.filter((c) => !!c);\n    const x = ColorChannel[enumKey(channelX)];\n    const y = ColorChannel[enumKey(channelY)];\n    const map = getInput(Skia, [in1]);\n    const input = in2 ? getInput(Skia, [in2]) : null;\n    if (!map) {\n      throw new Error(\"No DisplacementMap provided\");\n    }\n    return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);\n  }\n);\n\nexport const DisplacementMap = (props: AnimatedProps<DisplacementMapProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/InnerShadow.js

@@ -5,28 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MakeInnerShadow = void 0;
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
-const Black = _skia.Skia.Color("black");
+const Black = Float32Array.of(0, 0, 0, 1);
 
-const MakeInnerShadow = (shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
-  const sourceGraphic = _skia.Skia.ImageFilter.MakeColorFilter(_skia.Skia.ColorFilter.MakeBlend(Black, _skia.BlendMode.Dst), null);
-
-  const sourceAlpha = _skia.Skia.ImageFilter.MakeColorFilter(_skia.Skia.ColorFilter.MakeBlend(Black, _skia.BlendMode.SrcIn), null);
-
-  const f1 = _skia.Skia.ImageFilter.MakeColorFilter(_skia.Skia.ColorFilter.MakeBlend(color, _skia.BlendMode.SrcOut), null);
-
-  const f2 = _skia.Skia.ImageFilter.MakeOffset(dx, dy, f1);
-
-  const f3 = _skia.Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, _skia.TileMode.Decal, f2);
-
-  const f4 = _skia.Skia.ImageFilter.MakeBlend(_skia.BlendMode.SrcIn, sourceAlpha, f3);
+const MakeInnerShadow = (Skia, shadowOnly, dx, dy, sigmaX, sigmaY, color, input) => {
+  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, _types.BlendMode.Dst), null);
+  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(Black, _types.BlendMode.SrcIn), null);
+  const f1 = Skia.ImageFilter.MakeColorFilter(Skia.ColorFilter.MakeBlend(color, _types.BlendMode.SrcOut), null);
+  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);
+  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, _types.TileMode.Decal, f2);
+  const f4 = Skia.ImageFilter.MakeBlend(_types.BlendMode.SrcIn, sourceAlpha, f3);
 
   if (shadowOnly) {
     return f4;
   }
 
-  return _skia.Skia.ImageFilter.MakeCompose(input, _skia.Skia.ImageFilter.MakeBlend(_skia.BlendMode.SrcOver, sourceGraphic, f4));
+  return Skia.ImageFilter.MakeCompose(input, Skia.ImageFilter.MakeBlend(_types.BlendMode.SrcOver, sourceGraphic, f4));
 };
 
 exports.MakeInnerShadow = MakeInnerShadow;

package/lib/commonjs/renderer/components/imageFilters/InnerShadow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InnerShadow.tsx"],"names":["Black","Skia","Color","MakeInnerShadow","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","BlendMode","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","TileMode","Decal","f4","MakeCompose","SrcOver"],"mappings":";;;;;;;AACA;;AAEA,MAAMA,KAAK,GAAGC,WAAKC,KAAL,CAAW,OAAX,CAAd;;AAEO,MAAMC,eAAe,GAAG,CAC7BC,UAD6B,EAE7BC,EAF6B,EAG7BC,EAH6B,EAI7BC,MAJ6B,EAK7BC,MAL6B,EAM7BC,KAN6B,EAO7BC,KAP6B,KAQ1B;AACH,QAAMC,aAAa,GAAGV,WAAKW,WAAL,CAAiBC,eAAjB,CACpBZ,WAAKa,WAAL,CAAiBC,SAAjB,CAA2Bf,KAA3B,EAAkCgB,gBAAUC,GAA5C,CADoB,EAEpB,IAFoB,CAAtB;;AAIA,QAAMC,WAAW,GAAGjB,WAAKW,WAAL,CAAiBC,eAAjB,CAClBZ,WAAKa,WAAL,CAAiBC,SAAjB,CAA2Bf,KAA3B,EAAkCgB,gBAAUG,KAA5C,CADkB,EAElB,IAFkB,CAApB;;AAIA,QAAMC,EAAE,GAAGnB,WAAKW,WAAL,CAAiBC,eAAjB,CACTZ,WAAKa,WAAL,CAAiBC,SAAjB,CAA2BN,KAA3B,EAAkCO,gBAAUK,MAA5C,CADS,EAET,IAFS,CAAX;;AAIA,QAAMC,EAAE,GAAGrB,WAAKW,WAAL,CAAiBW,UAAjB,CAA4BlB,EAA5B,EAAgCC,EAAhC,EAAoCc,EAApC,CAAX;;AACA,QAAMI,EAAE,GAAGvB,WAAKW,WAAL,CAAiBa,QAAjB,CAA0BlB,MAA1B,EAAkCC,MAAlC,EAA0CkB,eAASC,KAAnD,EAA0DL,EAA1D,CAAX;;AACA,QAAMM,EAAE,GAAG3B,WAAKW,WAAL,CAAiBG,SAAjB,CAA2BC,gBAAUG,KAArC,EAA4CD,WAA5C,EAAyDM,EAAzD,CAAX;;AACA,MAAIpB,UAAJ,EAAgB;AACd,WAAOwB,EAAP;AACD;;AACD,SAAO3B,WAAKW,WAAL,CAAiBiB,WAAjB,CACLnB,KADK,EAELT,WAAKW,WAAL,CAAiBG,SAAjB,CAA2BC,gBAAUc,OAArC,EAA8CnB,aAA9C,EAA6DiB,EAA7D,CAFK,CAAP;AAID,CA/BM","sourcesContent":["import type { SkColor, SkImageFilter } from \"../../../skia\";\nimport { BlendMode, Skia, TileMode } from \"../../../skia\";\n\nconst Black = Skia.Color(\"black\");\n\nexport const MakeInnerShadow = (\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n"]}
+{"version":3,"sources":["InnerShadow.tsx"],"names":["Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","BlendMode","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","TileMode","Decal","f4","MakeCompose","SrcOver"],"mappings":";;;;;;;AACA;;AAEA,MAAMA,KAAK,GAAGC,YAAY,CAACC,EAAb,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,CAAd;;AAEO,MAAMC,eAAe,GAAG,CAC7BC,IAD6B,EAE7BC,UAF6B,EAG7BC,EAH6B,EAI7BC,EAJ6B,EAK7BC,MAL6B,EAM7BC,MAN6B,EAO7BC,KAP6B,EAQ7BC,KAR6B,KAS1B;AACH,QAAMC,aAAa,GAAGR,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CACpBV,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BhB,KAA3B,EAAkCiB,iBAAUC,GAA5C,CADoB,EAEpB,IAFoB,CAAtB;AAIA,QAAMC,WAAW,GAAGf,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CAClBV,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BhB,KAA3B,EAAkCiB,iBAAUG,KAA5C,CADkB,EAElB,IAFkB,CAApB;AAIA,QAAMC,EAAE,GAAGjB,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CACTV,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BN,KAA3B,EAAkCO,iBAAUK,MAA5C,CADS,EAET,IAFS,CAAX;AAIA,QAAMC,EAAE,GAAGnB,IAAI,CAACS,WAAL,CAAiBW,UAAjB,CAA4BlB,EAA5B,EAAgCC,EAAhC,EAAoCc,EAApC,CAAX;AACA,QAAMI,EAAE,GAAGrB,IAAI,CAACS,WAAL,CAAiBa,QAAjB,CAA0BlB,MAA1B,EAAkCC,MAAlC,EAA0CkB,gBAASC,KAAnD,EAA0DL,EAA1D,CAAX;AACA,QAAMM,EAAE,GAAGzB,IAAI,CAACS,WAAL,CAAiBG,SAAjB,CAA2BC,iBAAUG,KAArC,EAA4CD,WAA5C,EAAyDM,EAAzD,CAAX;;AACA,MAAIpB,UAAJ,EAAgB;AACd,WAAOwB,EAAP;AACD;;AACD,SAAOzB,IAAI,CAACS,WAAL,CAAiBiB,WAAjB,CACLnB,KADK,EAELP,IAAI,CAACS,WAAL,CAAiBG,SAAjB,CAA2BC,iBAAUc,OAArC,EAA8CnB,aAA9C,EAA6DiB,EAA7D,CAFK,CAAP;AAID,CAhCM","sourcesContent":["import type { SkColor, Skia, SkImageFilter } from \"../../../skia/types\";\nimport { BlendMode, TileMode } from \"../../../skia/types\";\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nexport const MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/Morphology.js

@@ -7,8 +7,6 @@ exports.Morphology = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 var _Radius = require("../../processors/Radius");
@@ -19,14 +17,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     radius,
     operator
   } = _ref;
-  const input = (0, _getInput.getInput)(children);
-  const r = (0, _Radius.processRadius)(radius);
-  const factory = operator === "dilate" ? _skia.Skia.ImageFilter.MakeDilate : _skia.Skia.ImageFilter.MakeErode;
+  let {
+    Skia
+  } = _ref2;
+  const input = (0, _getInput.getInput)(Skia, children);
+  const r = (0, _Radius.processRadius)(Skia, radius);
+  const factory = operator === "dilate" ? Skia.ImageFilter.MakeDilate : Skia.ImageFilter.MakeErode;
   return factory(r.x, r.y, input);
 });
 

package/lib/commonjs/renderer/components/imageFilters/Morphology.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Morphology.tsx"],"names":["onDeclare","children","radius","operator","input","r","factory","Skia","ImageFilter","MakeDilate","MakeErode","x","y","Morphology","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,KAAoC;AAAA,MAAnC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAmC;AAClC,QAAMC,KAAK,GAAG,wBAASH,QAAT,CAAd;AACA,QAAMI,CAAC,GAAG,2BAAcH,MAAd,CAAV;AACA,QAAMI,OAAO,GACXH,QAAQ,KAAK,QAAb,GACII,WAAKC,WAAL,CAAiBC,UADrB,GAEIF,WAAKC,WAAL,CAAiBE,SAHvB;AAIA,SAAOJ,OAAO,CAACD,CAAC,CAACM,CAAH,EAAMN,CAAC,CAACO,CAAR,EAAWR,KAAX,CAAd;AACD,CATe,CAAlB;;AAYO,MAAMS,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBZ,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\nimport { processRadius } from \"../../processors/Radius\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface MorphologyProps {\n  operator: \"erode\" | \"dilate\";\n  radius: Radius;\n  children?: React.ReactNode | React.ReactNode[];\n}\n\nconst onDeclare = createDeclaration<MorphologyProps>(\n  ({ radius, operator }, children) => {\n    const input = getInput(children);\n    const r = processRadius(radius);\n    const factory =\n      operator === \"dilate\"\n        ? Skia.ImageFilter.MakeDilate\n        : Skia.ImageFilter.MakeErode;\n    return factory(r.x, r.y, input);\n  }\n);\n\nexport const Morphology = (props: AnimatedProps<MorphologyProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}
+{"version":3,"sources":["Morphology.tsx"],"names":["onDeclare","children","radius","operator","Skia","input","r","factory","ImageFilter","MakeDilate","MakeErode","x","y","Morphology","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAMC,KAAK,GAAG,wBAASD,IAAT,EAAeH,QAAf,CAAd;AACA,QAAMK,CAAC,GAAG,2BAAcF,IAAd,EAAoBF,MAApB,CAAV;AACA,QAAMK,OAAO,GACXJ,QAAQ,KAAK,QAAb,GACIC,IAAI,CAACI,WAAL,CAAiBC,UADrB,GAEIL,IAAI,CAACI,WAAL,CAAiBE,SAHvB;AAIA,SAAOH,OAAO,CAACD,CAAC,CAACK,CAAH,EAAML,CAAC,CAACM,CAAR,EAAWP,KAAX,CAAd;AACD,CATe,CAAlB;;AAYO,MAAMQ,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBZ,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\nimport { processRadius } from \"../../processors/Radius\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface MorphologyProps {\n  operator: \"erode\" | \"dilate\";\n  radius: Radius;\n  children?: React.ReactNode | React.ReactNode[];\n}\n\nconst onDeclare = createDeclaration<MorphologyProps>(\n  ({ radius, operator }, children, { Skia }) => {\n    const input = getInput(Skia, children);\n    const r = processRadius(Skia, radius);\n    const factory =\n      operator === \"dilate\"\n        ? Skia.ImageFilter.MakeDilate\n        : Skia.ImageFilter.MakeErode;\n    return factory(r.x, r.y, input);\n  }\n);\n\nexport const Morphology = (props: AnimatedProps<MorphologyProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/Offset.js

@@ -7,8 +7,6 @@ exports.Offset = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
 var _getInput = require("./getInput");
@@ -17,12 +15,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     x,
     y
   } = _ref;
-  return _skia.Skia.ImageFilter.MakeOffset(x, y, (0, _getInput.getInput)(children));
+  let {
+    Skia
+  } = _ref2;
+  return Skia.ImageFilter.MakeOffset(x, y, (0, _getInput.getInput)(Skia, children));
 });
 
 const Offset = props => {

package/lib/commonjs/renderer/components/imageFilters/Offset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Offset.tsx"],"names":["onDeclare","children","x","y","Skia","ImageFilter","MakeOffset","Offset","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAA+B,OAAWC,QAAX,KAAwB;AAAA,MAAvB;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,GAAuB;AACvE,SAAOC,WAAKC,WAAL,CAAiBC,UAAjB,CAA4BJ,CAA5B,EAA+BC,CAA/B,EAAkC,wBAASF,QAAT,CAAlC,CAAP;AACD,CAFiB,CAAlB;;AAIO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBP,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE;AAFiB,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface OffsetProps {\n  x: number;\n  y: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<OffsetProps>(({ x, y }, children) => {\n  return Skia.ImageFilter.MakeOffset(x, y, getInput(children));\n});\n\nexport const Offset = (props: AnimatedProps<OffsetProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nOffset.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}
+{"version":3,"sources":["Offset.tsx"],"names":["onDeclare","children","x","y","Skia","ImageFilter","MakeOffset","Offset","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAWC,QAAX,YAAkC;AAAA,MAAjC;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,GAAiC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAChC,SAAOA,IAAI,CAACC,WAAL,CAAiBC,UAAjB,CAA4BJ,CAA5B,EAA+BC,CAA/B,EAAkC,wBAASC,IAAT,EAAeH,QAAf,CAAlC,CAAP;AACD,CAHe,CAAlB;;AAMO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBP,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE;AAFiB,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface OffsetProps {\n  x: number;\n  y: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<OffsetProps>(\n  ({ x, y }, children, { Skia }) => {\n    return Skia.ImageFilter.MakeOffset(x, y, getInput(Skia, children));\n  }\n);\n\nexport const Offset = (props: AnimatedProps<OffsetProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nOffset.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/RuntimeShader.js

@@ -7,24 +7,31 @@ exports.RuntimeShader = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
+var _Shader = require("../../../skia/types/Shader/Shader");
+
 var _getInput = require("./getInput");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
-    source
+    source,
+    uniforms
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
+  const rtb = Skia.RuntimeShaderBuilder(source);
 
-  const rtb = _skia.Skia.RuntimeShaderBuilder(source);
+  if (uniforms) {
+    (0, _Shader.processUniforms)(source, uniforms, rtb);
+  }
 
-  return _skia.Skia.ImageFilter.MakeRuntimeShader(rtb, null, (0, _getInput.getInput)(children));
+  return Skia.ImageFilter.MakeRuntimeShader(rtb, null, (0, _getInput.getInput)(Skia, children));
 });
 
 const RuntimeShader = props => {

package/lib/commonjs/renderer/components/imageFilters/RuntimeShader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RuntimeShader.tsx"],"names":["onDeclare","children","source","rtb","Skia","RuntimeShaderBuilder","ImageFilter","MakeRuntimeShader","RuntimeShader","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAIA;;;;;;AAMA,MAAMA,SAAS,GAAG,oCAChB,OAAaC,QAAb,KAA0B;AAAA,MAAzB;AAAEC,IAAAA;AAAF,GAAyB;;AACxB,QAAMC,GAAG,GAAGC,WAAKC,oBAAL,CAA0BH,MAA1B,CAAZ;;AACA,SAAOE,WAAKE,WAAL,CAAiBC,iBAAjB,CAAmCJ,GAAnC,EAAwC,IAAxC,EAA8C,wBAASF,QAAT,CAA9C,CAAP;AACD,CAJe,CAAlB;;AAOO,MAAMO,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkRuntimeEffect } from \"../../../skia\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface RuntimeShaderProps {\n  source: SkRuntimeEffect;\n}\n\nconst onDeclare = createDeclaration<RuntimeShaderProps>(\n  ({ source }, children) => {\n    const rtb = Skia.RuntimeShaderBuilder(source);\n    return Skia.ImageFilter.MakeRuntimeShader(rtb, null, getInput(children));\n  }\n);\n\nexport const RuntimeShader = (props: AnimatedProps<RuntimeShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["RuntimeShader.tsx"],"names":["onDeclare","children","source","uniforms","Skia","rtb","RuntimeShaderBuilder","ImageFilter","MakeRuntimeShader","RuntimeShader","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAEA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAMC,GAAG,GAAGD,IAAI,CAACE,oBAAL,CAA0BJ,MAA1B,CAAZ;;AACA,MAAIC,QAAJ,EAAc;AACZ,iCAAgBD,MAAhB,EAAwBC,QAAxB,EAAkCE,GAAlC;AACD;;AACD,SAAOD,IAAI,CAACG,WAAL,CAAiBC,iBAAjB,CACLH,GADK,EAEL,IAFK,EAGL,wBAASD,IAAT,EAAeH,QAAf,CAHK,CAAP;AAKD,CAXe,CAAlB;;AAcO,MAAMQ,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkRuntimeEffect, Uniforms } from \"../../../skia/types\";\nimport { processUniforms } from \"../../../skia/types/Shader/Shader\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface RuntimeShaderProps {\n  source: SkRuntimeEffect;\n  uniforms?: Uniforms;\n}\n\nconst onDeclare = createDeclaration<RuntimeShaderProps>(\n  ({ source, uniforms }, children, { Skia }) => {\n    const rtb = Skia.RuntimeShaderBuilder(source);\n    if (uniforms) {\n      processUniforms(source, uniforms, rtb);\n    }\n    return Skia.ImageFilter.MakeRuntimeShader(\n      rtb,\n      null,\n      getInput(Skia, children)\n    );\n  }\n);\n\nexport const RuntimeShader = (props: AnimatedProps<RuntimeShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/Shadow.js

@@ -7,10 +7,10 @@ exports.Shadow = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
-
 var _Declaration = require("../../nodes/Declaration");
 
+var _Color = require("../../processors/Color");
+
 var _getInput = require("./getInput");
 
 var _InnerShadow = require("./InnerShadow");
@@ -29,16 +29,17 @@ const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) =>
     inner
   } = _ref;
   let {
-    opacity
+    opacity,
+    Skia
   } = _ref2;
-  const input = (0, _getInput.getInput)(children);
-  const color = (0, _skia.processColor)(cl, opacity);
+  const input = (0, _getInput.getInput)(Skia, children);
+  const color = (0, _Color.processColor)(Skia, cl, opacity);
   let factory;
 
   if (inner) {
-    factory = _InnerShadow.MakeInnerShadow.bind(null, shadowOnly);
+    factory = _InnerShadow.MakeInnerShadow.bind(null, Skia, shadowOnly);
   } else {
-    factory = shadowOnly ? _skia.Skia.ImageFilter.MakeDropShadowOnly : _skia.Skia.ImageFilter.MakeDropShadow;
+    factory = shadowOnly ? Skia.ImageFilter.MakeDropShadowOnly : Skia.ImageFilter.MakeDropShadow;
   }
 
   return factory(dx, dy, blur, blur, color, input);

package/lib/commonjs/renderer/components/imageFilters/Shadow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Shadow.tsx"],"names":["onDeclare","children","dx","dy","blur","color","cl","shadowOnly","inner","opacity","input","factory","MakeInnerShadow","bind","Skia","ImageFilter","MakeDropShadowOnly","MakeDropShadow","Shadow","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAIA;;AACA;;;;;;AAWA,MAAMA,SAAS,GAAG,oCAChB,OAAiDC,QAAjD,YAA2E;AAAA,MAA1E;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,IAAV;AAAgBC,IAAAA,KAAK,EAAEC,EAAvB;AAA2BC,IAAAA,UAA3B;AAAuCC,IAAAA;AAAvC,GAA0E;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AACzE,QAAMC,KAAK,GAAG,wBAAST,QAAT,CAAd;AACA,QAAMI,KAAK,GAAG,wBAAaC,EAAb,EAAiBG,OAAjB,CAAd;AACA,MAAIE,OAAJ;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,OAAO,GAAGC,6BAAgBC,IAAhB,CAAqB,IAArB,EAA2BN,UAA3B,CAAV;AACD,GAFD,MAEO;AACLI,IAAAA,OAAO,GAAGJ,UAAU,GAChBO,WAAKC,WAAL,CAAiBC,kBADD,GAEhBF,WAAKC,WAAL,CAAiBE,cAFrB;AAGD;;AACD,SAAON,OAAO,CAACT,EAAD,EAAKC,EAAL,EAASC,IAAT,EAAeA,IAAf,EAAqBC,KAArB,EAA4BK,KAA5B,CAAd;AACD,CAbe,CAAlB;;AAgBO,MAAMQ,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEnB;AAA1B,KAAyCmB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia, processColor } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { Color } from \"../../../skia\";\n\nimport { getInput } from \"./getInput\";\nimport { MakeInnerShadow } from \"./InnerShadow\";\n\nexport interface ShadowProps {\n  dx: number;\n  dy: number;\n  blur: number;\n  color: Color;\n  inner?: boolean;\n  shadowOnly?: boolean;\n}\n\nconst onDeclare = createDeclaration<ShadowProps>(\n  ({ dx, dy, blur, color: cl, shadowOnly, inner }, children, { opacity }) => {\n    const input = getInput(children);\n    const color = processColor(cl, opacity);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? Skia.ImageFilter.MakeDropShadowOnly\n        : Skia.ImageFilter.MakeDropShadow;\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n);\n\nexport const Shadow = (props: AnimatedProps<ShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Shadow.tsx"],"names":["onDeclare","children","dx","dy","blur","color","cl","shadowOnly","inner","opacity","Skia","input","factory","MakeInnerShadow","bind","ImageFilter","MakeDropShadowOnly","MakeDropShadow","Shadow","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAS,GAAG,oCAChB,OAEEC,QAFF,YAIK;AAAA,MAHH;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,IAAV;AAAgBC,IAAAA,KAAK,EAAEC,EAAvB;AAA2BC,IAAAA,UAA3B;AAAuCC,IAAAA;AAAvC,GAGG;AAAA,MADH;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GACG;AACH,QAAMC,KAAK,GAAG,wBAASD,IAAT,EAAeT,QAAf,CAAd;AACA,QAAMI,KAAK,GAAG,yBAAaK,IAAb,EAAmBJ,EAAnB,EAAuBG,OAAvB,CAAd;AACA,MAAIG,OAAJ;;AACA,MAAIJ,KAAJ,EAAW;AACTI,IAAAA,OAAO,GAAGC,6BAAgBC,IAAhB,CAAqB,IAArB,EAA2BJ,IAA3B,EAAiCH,UAAjC,CAAV;AACD,GAFD,MAEO;AACLK,IAAAA,OAAO,GAAGL,UAAU,GAChBG,IAAI,CAACK,WAAL,CAAiBC,kBADD,GAEhBN,IAAI,CAACK,WAAL,CAAiBE,cAFrB;AAGD;;AACD,SAAOL,OAAO,CAACV,EAAD,EAAKC,EAAL,EAASC,IAAT,EAAeA,IAAf,EAAqBC,KAArB,EAA4BM,KAA5B,CAAd;AACD,CAjBe,CAAlB;;AAoBO,MAAMO,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEnB;AAA1B,KAAyCmB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { Color } from \"../../../skia/types\";\nimport { processColor } from \"../../processors/Color\";\n\nimport { getInput } from \"./getInput\";\nimport { MakeInnerShadow } from \"./InnerShadow\";\n\nexport interface ShadowProps {\n  dx: number;\n  dy: number;\n  blur: number;\n  color: Color;\n  inner?: boolean;\n  shadowOnly?: boolean;\n}\n\nconst onDeclare = createDeclaration<ShadowProps>(\n  (\n    { dx, dy, blur, color: cl, shadowOnly, inner },\n    children,\n    { opacity, Skia }\n  ) => {\n    const input = getInput(Skia, children);\n    const color = processColor(Skia, cl, opacity);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, Skia, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? Skia.ImageFilter.MakeDropShadowOnly\n        : Skia.ImageFilter.MakeDropShadow;\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n);\n\nexport const Shadow = (props: AnimatedProps<ShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/imageFilters/getInput.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInput = void 0;
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
-const getInput = children => {
+const getInput = (Skia, children) => {
   const [child] = children.filter(c => c);
 
   if (!child) {
     return null;
   }
 
-  if ((0, _skia.isImageFilter)(child)) {
+  if ((0, _types.isImageFilter)(child)) {
     return child;
   }
 
-  if ((0, _skia.isColorFilter)(child)) {
-    return _skia.Skia.ImageFilter.MakeColorFilter(child, null);
+  if ((0, _types.isColorFilter)(child)) {
+    return Skia.ImageFilter.MakeColorFilter(child, null);
   }
 
-  if ((0, _skia.isShader)(child)) {
-    return _skia.Skia.ImageFilter.MakeShader(child, null);
+  if ((0, _types.isShader)(child)) {
+    return Skia.ImageFilter.MakeShader(child, null);
   }
 
   throw new Error("Invalid image filter child: " + child);

package/lib/commonjs/renderer/components/imageFilters/getInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getInput.ts"],"names":["getInput","children","child","filter","c","Skia","ImageFilter","MakeColorFilter","MakeShader","Error"],"mappings":";;;;;;;AACA;;AAEO,MAAMA,QAAQ,GAAIC,QAAD,IAAmC;AACzD,QAAM,CAACC,KAAD,IAAUD,QAAQ,CAACE,MAAT,CAAiBC,CAAD,IAAOA,CAAvB,CAAhB;;AACA,MAAI,CAACF,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,MAAI,yBAAcA,KAAd,CAAJ,EAA0B;AACxB,WAAOA,KAAP;AACD;;AACD,MAAI,yBAAcA,KAAd,CAAJ,EAA0B;AACxB,WAAOG,WAAKC,WAAL,CAAiBC,eAAjB,CAAiCL,KAAjC,EAAwC,IAAxC,CAAP;AACD;;AACD,MAAI,oBAASA,KAAT,CAAJ,EAAqB;AACnB,WAAOG,WAAKC,WAAL,CAAiBE,UAAjB,CAA4BN,KAA5B,EAAmC,IAAnC,CAAP;AACD;;AACD,QAAM,IAAIO,KAAJ,CAAU,iCAAiCP,KAA3C,CAAN;AACD,CAfM","sourcesContent":["import type { DeclarationResult } from \"../../nodes\";\nimport { isImageFilter, isColorFilter, isShader, Skia } from \"../../../skia\";\n\nexport const getInput = (children: DeclarationResult[]) => {\n  const [child] = children.filter((c) => c);\n  if (!child) {\n    return null;\n  }\n  if (isImageFilter(child)) {\n    return child;\n  }\n  if (isColorFilter(child)) {\n    return Skia.ImageFilter.MakeColorFilter(child, null);\n  }\n  if (isShader(child)) {\n    return Skia.ImageFilter.MakeShader(child, null);\n  }\n  throw new Error(\"Invalid image filter child: \" + child);\n};\n"]}
+{"version":3,"sources":["getInput.ts"],"names":["getInput","Skia","children","child","filter","c","ImageFilter","MakeColorFilter","MakeShader","Error"],"mappings":";;;;;;;AAEA;;AAEO,MAAMA,QAAQ,GAAG,CAACC,IAAD,EAAaC,QAAb,KAA+C;AACrE,QAAM,CAACC,KAAD,IAAUD,QAAQ,CAACE,MAAT,CAAiBC,CAAD,IAAOA,CAAvB,CAAhB;;AACA,MAAI,CAACF,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,MAAI,0BAAcA,KAAd,CAAJ,EAA0B;AACxB,WAAOA,KAAP;AACD;;AACD,MAAI,0BAAcA,KAAd,CAAJ,EAA0B;AACxB,WAAOF,IAAI,CAACK,WAAL,CAAiBC,eAAjB,CAAiCJ,KAAjC,EAAwC,IAAxC,CAAP;AACD;;AACD,MAAI,qBAASA,KAAT,CAAJ,EAAqB;AACnB,WAAOF,IAAI,CAACK,WAAL,CAAiBE,UAAjB,CAA4BL,KAA5B,EAAmC,IAAnC,CAAP;AACD;;AACD,QAAM,IAAIM,KAAJ,CAAU,iCAAiCN,KAA3C,CAAN;AACD,CAfM","sourcesContent":["import type { DeclarationResult } from \"../../nodes\";\nimport type { Skia } from \"../../../skia/types\";\nimport { isImageFilter, isColorFilter, isShader } from \"../../../skia/types\";\n\nexport const getInput = (Skia: Skia, children: DeclarationResult[]) => {\n  const [child] = children.filter((c) => c);\n  if (!child) {\n    return null;\n  }\n  if (isImageFilter(child)) {\n    return child;\n  }\n  if (isColorFilter(child)) {\n    return Skia.ImageFilter.MakeColorFilter(child, null);\n  }\n  if (isShader(child)) {\n    return Skia.ImageFilter.MakeShader(child, null);\n  }\n  throw new Error(\"Invalid image filter child: \" + child);\n};\n"]}

package/lib/commonjs/renderer/components/maskFilters/Blur.js

@@ -7,7 +7,7 @@ exports.BlurMask = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -17,13 +17,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)(_ref => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, _, _ref2) => {
   let {
     style,
     blur,
     respectCTM
   } = _ref;
-  return _skia.Skia.MaskFilter.MakeBlur(_skia.BlurStyle[(0, _processors.enumKey)(style)], blur, respectCTM);
+  let {
+    Skia
+  } = _ref2;
+  return Skia.MaskFilter.MakeBlur(_types.BlurStyle[(0, _processors.enumKey)(style)], blur, respectCTM);
 });
 
 const BlurMask = props => {

package/lib/commonjs/renderer/components/maskFilters/Blur.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["onDeclare","style","blur","respectCTM","Skia","MaskFilter","MakeBlur","BlurStyle","BlurMask","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,QAAiC;AAAA,MAAhC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAAgC;AAC/B,SAAOC,WAAKC,UAAL,CAAgBC,QAAhB,CACLC,gBAAU,yBAAQN,KAAR,CAAV,CADK,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD,CAPe,CAAlB;;AAUO,MAAMK,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBT,EAAAA,KAAK,EAAE,QADe;AAEtBE,EAAAA,UAAU,EAAE;AAFU,CAAxB","sourcesContent":["import React from \"react\";\n\nimport { BlurStyle, Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface BlurMaskProps {\n  style: SkEnum<typeof BlurStyle>;\n  blur: number;\n  respectCTM: boolean;\n}\n\nconst onDeclare = createDeclaration<BlurMaskProps>(\n  ({ style, blur, respectCTM }) => {\n    return Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n  }\n);\n\nexport const BlurMask = (props: AnimatedProps<BlurMaskProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlurMask.defaultProps = {\n  style: \"normal\",\n  respectCTM: true,\n};\n"]}
+{"version":3,"sources":["Blur.tsx"],"names":["onDeclare","_","style","blur","respectCTM","Skia","MaskFilter","MakeBlur","BlurStyle","BlurMask","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,OAA8BC,CAA9B,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,SAAOA,IAAI,CAACC,UAAL,CAAgBC,QAAhB,CACLC,iBAAU,yBAAQN,KAAR,CAAV,CADK,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD,CAPe,CAAlB;;AAUO,MAAMK,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBT,EAAAA,KAAK,EAAE,QADe;AAEtBE,EAAAA,UAAU,EAAE;AAFU,CAAxB","sourcesContent":["import React from \"react\";\n\nimport { BlurStyle } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface BlurMaskProps {\n  style: SkEnum<typeof BlurStyle>;\n  blur: number;\n  respectCTM: boolean;\n}\n\nconst onDeclare = createDeclaration<BlurMaskProps>(\n  ({ style, blur, respectCTM }, _, { Skia }) => {\n    return Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n  }\n);\n\nexport const BlurMask = (props: AnimatedProps<BlurMaskProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlurMask.defaultProps = {\n  style: \"normal\",\n  respectCTM: true,\n};\n"]}

package/lib/commonjs/renderer/components/pathEffects/Corner.js

@@ -7,7 +7,7 @@ exports.CornerPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _skia = require("../../../skia");
+var _types = require("../../../skia/types");
 
 var _Declaration = require("../../nodes/Declaration");
 
@@ -15,20 +15,22 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children) => {
+const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
   let {
     r
   } = _ref;
-  const [child] = children.filter(_skia.isPathEffect);
-
-  const pe = _skia.Skia.PathEffect.MakeCorner(r);
+  let {
+    Skia
+  } = _ref2;
+  const [child] = children.filter(_types.isPathEffect);
+  const pe = Skia.PathEffect.MakeCorner(r);
 
   if (child) {
     if (!pe) {
       return child;
     }
 
-    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+    return Skia.PathEffect.MakeCompose(pe, child);
   }
 
   return pe;

package/lib/commonjs/renderer/components/pathEffects/Corner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Corner.tsx"],"names":["onDeclare","children","r","child","filter","isPathEffect","pe","Skia","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAQC,QAAR,KAAqB;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AACnB,QAAM,CAACC,KAAD,IAAUF,QAAQ,CAACG,MAAT,CAAgBC,kBAAhB,CAAhB;;AACA,QAAMC,EAAE,GAAGC,WAAKC,UAAL,CAAgBC,UAAhB,CAA2BP,CAA3B,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOI,WAAKC,UAAL,CAAgBE,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAXe,CAAlB;;AAcO,MAAMK,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface CornerPathEffectProps {\n  r: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<CornerPathEffectProps>(\n  ({ r }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeCorner(r);\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const CornerPathEffect = (\n  props: AnimatedProps<CornerPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Corner.tsx"],"names":["onDeclare","children","r","Skia","child","filter","isPathEffect","pe","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAQC,QAAR,YAA+B;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC7B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CAA2BP,CAA3B,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAXe,CAAlB;;AAcO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface CornerPathEffectProps {\n  r: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<CornerPathEffectProps>(\n  ({ r }, children, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeCorner(r);\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const CornerPathEffect = (\n  props: AnimatedProps<CornerPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}