@shopify/react-native-skia 0.1.115

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InnerShadow = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+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, _ref2) => {
+  let {
+    dx,
+    dy,
+    blur,
+    color,
+    shadowOnly
+  } = _ref;
+  let {
+    opacity
+  } = _ref2;
+  const input = (0, _getInput.getInput)(children);
+  const cl = (0, _skia.processColor)(color, opacity);
+
+  const sourceGraphic = _skia.Skia.ImageFilter.MakeColorFilter(_skia.Skia.ColorFilter.MakeBlend(0xff000000, _skia.BlendMode.Dst), null);
+
+  const sourceAlpha = _skia.Skia.ImageFilter.MakeColorFilter(_skia.Skia.ColorFilter.MakeBlend(0xff000000, _skia.BlendMode.SrcIn), null);
+
+  const f1 = _skia.Skia.ImageFilter.MakeColorFilter(_skia.Skia.ColorFilter.MakeBlend(cl, _skia.BlendMode.SrcOut), null);
+
+  const f2 = _skia.Skia.ImageFilter.MakeOffset(dx, dy, f1);
+
+  const f3 = _skia.Skia.ImageFilter.MakeBlur(blur, blur, _skia.TileMode.Decal, f2);
+
+  const f4 = _skia.Skia.ImageFilter.MakeBlend(_skia.BlendMode.SrcIn, sourceAlpha, f3);
+
+  if (shadowOnly) {
+    return f4;
+  }
+
+  return _skia.Skia.ImageFilter.MakeCompose(input, _skia.Skia.ImageFilter.MakeBlend(_skia.BlendMode.SrcOver, sourceGraphic, f4));
+});
+
+const InnerShadow = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.InnerShadow = InnerShadow;
+//# sourceMappingURL=InnerShadow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InnerShadow.tsx"],"names":["onDeclare","children","dx","dy","blur","color","shadowOnly","opacity","input","cl","sourceGraphic","Skia","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","BlendMode","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","TileMode","Decal","f4","MakeCompose","SrcOver","InnerShadow","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAIA;;;;;;AAWA,MAAMA,SAAS,GAAG,oCAChB,OAAsCC,QAAtC,YAAgE;AAAA,MAA/D;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,IAAV;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,GAA+D;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AAC9D,QAAMC,KAAK,GAAG,wBAASP,QAAT,CAAd;AACA,QAAMQ,EAAE,GAAG,wBAAaJ,KAAb,EAAoBE,OAApB,CAAX;;AACA,QAAMG,aAAa,GAAGC,WAAKC,WAAL,CAAiBC,eAAjB,CACpBF,WAAKG,WAAL,CAAiBC,SAAjB,CAA2B,UAA3B,EAAuCC,gBAAUC,GAAjD,CADoB,EAEpB,IAFoB,CAAtB;;AAIA,QAAMC,WAAW,GAAGP,WAAKC,WAAL,CAAiBC,eAAjB,CAClBF,WAAKG,WAAL,CAAiBC,SAAjB,CAA2B,UAA3B,EAAuCC,gBAAUG,KAAjD,CADkB,EAElB,IAFkB,CAApB;;AAIA,QAAMC,EAAE,GAAGT,WAAKC,WAAL,CAAiBC,eAAjB,CACTF,WAAKG,WAAL,CAAiBC,SAAjB,CAA2BN,EAA3B,EAA+BO,gBAAUK,MAAzC,CADS,EAET,IAFS,CAAX;;AAIA,QAAMC,EAAE,GAAGX,WAAKC,WAAL,CAAiBW,UAAjB,CAA4BrB,EAA5B,EAAgCC,EAAhC,EAAoCiB,EAApC,CAAX;;AACA,QAAMI,EAAE,GAAGb,WAAKC,WAAL,CAAiBa,QAAjB,CAA0BrB,IAA1B,EAAgCA,IAAhC,EAAsCsB,eAASC,KAA/C,EAAsDL,EAAtD,CAAX;;AACA,QAAMM,EAAE,GAAGjB,WAAKC,WAAL,CAAiBG,SAAjB,CAA2BC,gBAAUG,KAArC,EAA4CD,WAA5C,EAAyDM,EAAzD,CAAX;;AACA,MAAIlB,UAAJ,EAAgB;AACd,WAAOsB,EAAP;AACD;;AACD,SAAOjB,WAAKC,WAAL,CAAiBiB,WAAjB,CACLrB,KADK,EAELG,WAAKC,WAAL,CAAiBG,SAAjB,CAA2BC,gBAAUc,OAArC,EAA8CpB,aAA9C,EAA6DkB,EAA7D,CAFK,CAAP;AAID,CA1Be,CAAlB;;AA6BO,MAAMG,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEhC;AAA1B,KAAyCgC,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { BlendMode, Skia, TileMode, processColor } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Color } from \"../../../skia\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface InnerShadowProps {\n  dx: number;\n  dy: number;\n  blur: number;\n  color: Color;\n  shadowOnly?: boolean;\n  inner?: boolean;\n}\n\nconst onDeclare = createDeclaration<InnerShadowProps>(\n  ({ dx, dy, blur, color, shadowOnly }, children, { opacity }) => {\n    const input = getInput(children);\n    const cl = processColor(color, opacity);\n    const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n      Skia.ColorFilter.MakeBlend(0xff000000, BlendMode.Dst),\n      null\n    );\n    const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n      Skia.ColorFilter.MakeBlend(0xff000000, BlendMode.SrcIn),\n      null\n    );\n    const f1 = Skia.ImageFilter.MakeColorFilter(\n      Skia.ColorFilter.MakeBlend(cl, BlendMode.SrcOut),\n      null\n    );\n    const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n    const f3 = Skia.ImageFilter.MakeBlur(blur, blur, 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);\n\nexport const InnerShadow = (props: AnimatedProps<InnerShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Morphology = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _Radius = require("../../processors/Radius");
+
+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) => {
+  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;
+  return factory(r.x, r.y, input);
+});
+
+const Morphology = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.Morphology = Morphology;
+Morphology.defaultProps = {
+  operator: "dilate"
+};
+//# sourceMappingURL=Morphology.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Offset = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+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) => {
+  let {
+    x,
+    y
+  } = _ref;
+  return _skia.Skia.ImageFilter.MakeOffset(x, y, (0, _getInput.getInput)(children));
+});
+
+const Offset = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.Offset = Offset;
+Offset.defaultProps = {
+  x: 0,
+  y: 0
+};
+//# sourceMappingURL=Offset.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInput = void 0;
+
+var _skia = require("../../../skia");
+
+const getInput = children => {
+  const [child] = children.filter(c => c);
+
+  if (!child) {
+    return null;
+  }
+
+  if ((0, _skia.isImageFilter)(child)) {
+    return child;
+  }
+
+  if ((0, _skia.isColorFilter)(child)) {
+    return _skia.Skia.ImageFilter.MakeColorFilter(child, null);
+  }
+
+  if ((0, _skia.isShader)(child)) {
+    return _skia.Skia.ImageFilter.MakeShader(child, null);
+  }
+
+  throw new Error("Invalid image filter child: " + child);
+};
+
+exports.getInput = getInput;
+//# sourceMappingURL=getInput.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Blur = require("./Blur");
+
+Object.keys(_Blur).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Blur[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Blur[key];
+    }
+  });
+});
+
+var _Offset = require("./Offset");
+
+Object.keys(_Offset).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Offset[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Offset[key];
+    }
+  });
+});
+
+var _DisplacementMap = require("./DisplacementMap");
+
+Object.keys(_DisplacementMap).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DisplacementMap[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DisplacementMap[key];
+    }
+  });
+});
+
+var _DropShadow = require("./DropShadow");
+
+Object.keys(_DropShadow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropShadow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DropShadow[key];
+    }
+  });
+});
+
+var _InnerShadow = require("./InnerShadow");
+
+Object.keys(_InnerShadow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InnerShadow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InnerShadow[key];
+    }
+  });
+});
+
+var _Morphology = require("./Morphology");
+
+Object.keys(_Morphology).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Morphology[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Morphology[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Blur\";\nexport * from \"./Offset\";\nexport * from \"./DisplacementMap\";\nexport * from \"./DropShadow\";\nexport * from \"./InnerShadow\";\nexport * from \"./Morphology\";\n"]}

package/lib/commonjs/renderer/components/index.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _shapes = require("./shapes");
+
+Object.keys(_shapes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shapes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _shapes[key];
+    }
+  });
+});
+
+var _backdrop = require("./backdrop");
+
+Object.keys(_backdrop).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _backdrop[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _backdrop[key];
+    }
+  });
+});
+
+var _image = require("./image");
+
+Object.keys(_image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _image[key];
+    }
+  });
+});
+
+var _shaders = require("./shaders");
+
+Object.keys(_shaders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shaders[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _shaders[key];
+    }
+  });
+});
+
+var _text = require("./text");
+
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _text[key];
+    }
+  });
+});
+
+var _colorFilters = require("./colorFilters");
+
+Object.keys(_colorFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _colorFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colorFilters[key];
+    }
+  });
+});
+
+var _maskFilters = require("./maskFilters");
+
+Object.keys(_maskFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _maskFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _maskFilters[key];
+    }
+  });
+});
+
+var _imageFilters = require("./imageFilters");
+
+Object.keys(_imageFilters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _imageFilters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _imageFilters[key];
+    }
+  });
+});
+
+var _pathEffects = require("./pathEffects");
+
+Object.keys(_pathEffects).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pathEffects[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pathEffects[key];
+    }
+  });
+});
+
+var _processors = require("../processors");
+
+Object.keys(_processors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _processors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _processors[key];
+    }
+  });
+});
+
+var _Group = require("./Group");
+
+Object.keys(_Group).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Group[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Group[key];
+    }
+  });
+});
+
+var _Mask = require("./Mask");
+
+Object.keys(_Mask).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Mask[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Mask[key];
+    }
+  });
+});
+
+var _Paint = require("./Paint");
+
+Object.keys(_Paint).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Paint[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Paint[key];
+    }
+  });
+});
+
+var _Compose = require("./Compose");
+
+Object.keys(_Compose).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Compose[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Compose[key];
+    }
+  });
+});
+
+var _Blend = require("./Blend");
+
+Object.keys(_Blend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Blend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Blend[key];
+    }
+  });
+});
+
+var _Defs = require("./Defs");
+
+Object.keys(_Defs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Defs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Defs[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/renderer/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./shapes\";\nexport * from \"./backdrop\";\nexport * from \"./image\";\nexport * from \"./shaders\";\nexport * from \"./text\";\nexport * from \"./colorFilters\";\nexport * from \"./maskFilters\";\nexport * from \"./imageFilters\";\nexport * from \"./pathEffects\";\nexport * from \"../processors\";\n\nexport * from \"./Group\";\nexport * from \"./Mask\";\nexport * from \"./Paint\";\nexport * from \"./Compose\";\nexport * from \"./Blend\";\nexport * from \"./Defs\";\n"]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlurMask = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _MaskFilter = require("../../../skia/MaskFilter");
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _processors = require("../../processors");
+
+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 => {
+  let {
+    style,
+    blur,
+    respectCTM
+  } = _ref;
+  return _skia.Skia.MaskFilter.MakeBlur(_MaskFilter.BlurStyle[(0, _processors.enumKey)(style)], blur, respectCTM);
+});
+
+const BlurMask = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.BlurMask = BlurMask;
+BlurMask.defaultProps = {
+  style: "normal",
+  respectCTM: false
+};
+//# sourceMappingURL=Blur.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Blur.tsx"],"names":["onDeclare","style","blur","respectCTM","Skia","MaskFilter","MakeBlur","BlurStyle","BlurMask","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;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,sBAAU,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 } from \"../../../skia/MaskFilter\";\nimport { 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: false,\n};\n"]}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Blur = require("./Blur");
+
+Object.keys(_Blur).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Blur[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Blur[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Blur\";\n"]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CornerPathEffect = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _skia = require("../../../skia");
+
+var _Declaration = require("../../nodes/Declaration");
+
+var _PathEffect = require("../../../skia/PathEffect");
+
+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) => {
+  let {
+    r
+  } = _ref;
+  const [child] = children.filter(_PathEffect.isPathEffect);
+
+  const pe = _skia.Skia.PathEffect.MakeCorner(r);
+
+  if (child) {
+    if (!pe) {
+      return child;
+    }
+
+    return _skia.Skia.PathEffect.MakeCompose(pe, child);
+  }
+
+  return pe;
+});
+
+const CornerPathEffect = props => {
+  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+
+exports.CornerPathEffect = CornerPathEffect;
+//# sourceMappingURL=Corner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Corner.tsx"],"names":["onDeclare","children","r","child","filter","isPathEffect","pe","Skia","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AAEA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAChB,OAAQC,QAAR,KAAqB;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AACnB,QAAM,CAACC,KAAD,IAAUF,QAAQ,CAACG,MAAT,CAAgBC,wBAAhB,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 } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isPathEffect } from \"../../../skia/PathEffect\";\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"]}