@shopify/react-native-skia 0.1.147 → 0.1.148

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["DisplacementMap.tsx"],"names":["DisplacementMap","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,eAAe,GAC1BC,KAD6B,IAE1B;AACH,sBAAO,6DAAkCA,KAAlC,CAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { DisplacementMapImageFilterProps } from \"../../../dom/types\";\n\nexport const DisplacementMap = (\n  props: SkiaProps<DisplacementMapImageFilterProps>\n) => {\n  return <skDisplacementMapImageFilter {...props} />;\n};\n"]}

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

@@ -7,34 +7,10 @@ exports.Morphology = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-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, _ref2) => {
-  let {
-    radius,
-    operator
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const input = (0, _getInput.getInput)(Skia, children);
-  const r = (0, _Radius.processRadius)(Skia, radius);
-  const factory = operator === "dilate" ? Skia.ImageFilter.MakeDilate.bind(Skia.ImageFilter) : Skia.ImageFilter.MakeErode.bind(Skia.ImageFilter);
-  return factory(r.x, r.y, input);
-});
-
 const Morphology = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skMorphologyImageFilter", props);
 };
 
 exports.Morphology = Morphology;

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

@@ -1 +1 @@
-{"version":3,"sources":["Morphology.tsx"],"names":["onDeclare","children","radius","operator","Skia","input","r","factory","ImageFilter","MakeDilate","bind","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,UAAjB,CAA4BC,IAA5B,CAAiCN,IAAI,CAACI,WAAtC,CADJ,GAEIJ,IAAI,CAACI,WAAL,CAAiBG,SAAjB,CAA2BD,IAA3B,CAAgCN,IAAI,CAACI,WAArC,CAHN;AAIA,SAAOD,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,EAAEf;AAA1B,KAAyCe,KAAzC,EAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBb,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.bind(Skia.ImageFilter)\n        : Skia.ImageFilter.MakeErode.bind(Skia.ImageFilter);\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":["Morphology","props","defaultProps","operator"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,UAAU,GAAIC,KAAD,IAAkD;AAC1E,sBAAO,wDAA6BA,KAA7B,CAAP;AACD,CAFM;;;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBC,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport type { MorphologyImageFilterProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const Morphology = (props: SkiaProps<MorphologyImageFilterProps>) => {\n  return <skMorphologyImageFilter {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}

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

@@ -7,29 +7,10 @@ exports.Offset = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-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 {
-    x,
-    y
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return Skia.ImageFilter.MakeOffset(x, y, (0, _getInput.getInput)(Skia, children));
-});
-
 const Offset = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skOffsetImageFilter", props);
 };
 
 exports.Offset = Offset;

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;;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"]}
+{"version":3,"sources":["Offset.tsx"],"names":["Offset","props","defaultProps","x","y"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,MAAM,GAAIC,KAAD,IAA8C;AAClE,sBAAO,oDAAyBA,KAAzB,CAAP;AACD,CAFM;;;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBC,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE;AAFiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { OffsetImageFilterProps } from \"../../../dom/types\";\n\nexport const Offset = (props: SkiaProps<OffsetImageFilterProps>) => {\n  return <skOffsetImageFilter {...props} />;\n};\n\nOffset.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}

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

@@ -7,37 +7,10 @@ exports.RuntimeShader = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-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, _ref2) => {
-  let {
-    source,
-    uniforms
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const rtb = Skia.RuntimeShaderBuilder(source);
-
-  if (uniforms) {
-    (0, _Shader.processUniforms)(source, uniforms, rtb);
-  }
-
-  return Skia.ImageFilter.MakeRuntimeShader(rtb, null, (0, _getInput.getInput)(Skia, children));
-});
-
 const RuntimeShader = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skRuntimeShaderImageFilter", props);
 };
 
 exports.RuntimeShader = RuntimeShader;

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["RuntimeShader.tsx"],"names":["RuntimeShader","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,aAAa,GACxBC,KAD2B,IAExB;AACH,sBAAO,2DAAgCA,KAAhC,CAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { RuntimeShaderImageFilterProps } from \"../../../dom/types\";\n\nexport const RuntimeShader = (\n  props: SkiaProps<RuntimeShaderImageFilterProps>\n) => {\n  return <skRuntimeShaderImageFilter {...props} />;\n};\n"]}

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

@@ -7,48 +7,10 @@ exports.Shadow = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Declaration = require("../../nodes/Declaration");
-
-var _Color = require("../../processors/Color");
-
-var _getInput = require("./getInput");
-
-var _InnerShadow = require("./InnerShadow");
-
 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: cl,
-    shadowOnly,
-    inner
-  } = _ref;
-  let {
-    opacity,
-    Skia
-  } = _ref2;
-  const input = (0, _getInput.getInput)(Skia, children);
-  const color = (0, _Color.processColor)(Skia, cl, opacity);
-  let factory;
-
-  if (inner) {
-    factory = _InnerShadow.MakeInnerShadow.bind(null, Skia, shadowOnly);
-  } else {
-    factory = shadowOnly ? Skia.ImageFilter.MakeDropShadowOnly.bind(Skia.ImageFilter) : Skia.ImageFilter.MakeDropShadow.bind(Skia.ImageFilter);
-  }
-
-  return factory(dx, dy, blur, blur, color, input);
-});
-
 const Shadow = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skDropShadowImageFilter", props);
 };
 
 exports.Shadow = Shadow;

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","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,kBAAjB,CAAoCF,IAApC,CAAyCJ,IAAI,CAACK,WAA9C,CADgB,GAEhBL,IAAI,CAACK,WAAL,CAAiBE,cAAjB,CAAgCH,IAAhC,CAAqCJ,IAAI,CAACK,WAA1C,CAFJ;AAGD;;AACD,SAAOH,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.bind(Skia.ImageFilter)\n        : Skia.ImageFilter.MakeDropShadow.bind(Skia.ImageFilter);\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":["Shadow","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,MAAM,GAAIC,KAAD,IAAkD;AACtE,sBAAO,wDAA6BA,KAA7B,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { DropShadowImageFilterProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const Shadow = (props: SkiaProps<DropShadowImageFilterProps>) => {\n  return <skDropShadowImageFilter {...props} />;\n};\n"]}

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

@@ -186,19 +186,6 @@ Object.keys(_Paint).forEach(function (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) {

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

@@ -1 +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;;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\";\nexport * from \"./Picture\";\n\nexport * from \"./Group\";\nexport * from \"./Mask\";\nexport * from \"./Paint\";\nexport * from \"./Compose\";\nexport * from \"./Blend\";\nexport * from \"./Drawing\";\n"]}
+{"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;;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","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\";\nexport * from \"./Picture\";\n\nexport * from \"./Group\";\nexport * from \"./Mask\";\nexport * from \"./Paint\";\nexport * from \"./Blend\";\nexport * from \"./Drawing\";\n"]}

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

@@ -7,32 +7,10 @@ exports.BlurMask = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-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, _, _ref2) => {
-  let {
-    style,
-    blur,
-    respectCTM
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return Skia.MaskFilter.MakeBlur(_types.BlurStyle[(0, _processors.enumKey)(style)], blur, respectCTM);
-});
-
 const BlurMask = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skBlurMaskFilter", props);
 };
 
 exports.BlurMask = BlurMask;

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,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"]}
+{"version":3,"sources":["Blur.tsx"],"names":["BlurMask","props","defaultProps","style","respectCTM"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,QAAQ,GAAIC,KAAD,IAA2C;AACjE,sBAAO,iDAAsBA,KAAtB,CAAP;AACD,CAFM;;;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBC,EAAAA,KAAK,EAAE,QADe;AAEtBC,EAAAA,UAAU,EAAE;AAFU,CAAxB","sourcesContent":["import React from \"react\";\n\nimport type { BlurMaskFilterProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const BlurMask = (props: SkiaProps<BlurMaskFilterProps>) => {\n  return <skBlurMaskFilter {...props} />;\n};\n\nBlurMask.defaultProps = {\n  style: \"normal\",\n  respectCTM: true,\n};\n"]}

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

@@ -7,39 +7,10 @@ exports.CornerPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
 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 {
-    r
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(_types.isPathEffect);
-  const pe = Skia.PathEffect.MakeCorner(r);
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
-
 const CornerPathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skCornerPathEffect", props);
 };
 
 exports.CornerPathEffect = CornerPathEffect;

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["Corner.tsx"],"names":["CornerPathEffect","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,mDAAwBA,KAAxB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CornerPathEffectProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const CornerPathEffect = (props: SkiaProps<CornerPathEffectProps>) => {\n  return <skCornerPathEffect {...props} />;\n};\n"]}

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

@@ -7,36 +7,10 @@ exports.DashPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
 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 {
-    intervals,
-    phase
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(_types.isPathEffect);
-  const pe = Skia.PathEffect.MakeDash(intervals, phase);
-
-  if (child) {
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
-
 const DashPathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skDashPathEffect", props);
 };
 
 exports.DashPathEffect = DashPathEffect;

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

@@ -1 +1 @@
-{"version":3,"sources":["Dash.tsx"],"names":["onDeclare","children","intervals","phase","Skia","child","filter","isPathEffect","pe","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AASA,MAAMA,SAAS,GAAG,oCAChB,OAAuBC,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,QAAhB,CAAyBR,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CARe,CAAlB;;AAWO,MAAMI,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface DashPathEffectProps {\n  intervals: number[];\n  phase?: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DashPathEffectProps>(\n  ({ intervals, phase }, children, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeDash(intervals, phase);\n    if (child) {\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const DashPathEffect = (props: AnimatedProps<DashPathEffectProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Dash.tsx"],"names":["DashPathEffect","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,cAAc,GAAIC,KAAD,IAA2C;AACvE,sBAAO,iDAAsBA,KAAtB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { DashPathEffectProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const DashPathEffect = (props: SkiaProps<DashPathEffectProps>) => {\n  return <skDashPathEffect {...props} />;\n};\n"]}

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

@@ -7,37 +7,10 @@ exports.DiscretePathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
 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 {
-    length,
-    deviation,
-    seed
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(_types.isPathEffect);
-  const pe = Skia.PathEffect.MakeDiscrete(length, deviation, seed);
-
-  if (child) {
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
-
 const DiscretePathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skDiscretePathEffect", props);
 };
 
 exports.DiscretePathEffect = DiscretePathEffect;

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

@@ -1 +1 @@
-{"version":3,"sources":["Discrete.tsx"],"names":["onDeclare","children","length","deviation","seed","Skia","child","filter","isPathEffect","pe","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAA8BC,QAA9B,YAAqD;AAAA,MAApD;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAAoD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACnD,QAAM,CAACC,KAAD,IAAUL,QAAQ,CAACM,MAAT,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,YAAhB,CAA6BT,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACK,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CARe,CAAlB;;AAWO,MAAMI,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAJM;;;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCX,EAAAA,IAAI,EAAE;AAD0B,CAAlC","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface DiscretePathEffectProps {\n  length: number;\n  deviation: number;\n  seed: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<DiscretePathEffectProps>(\n  ({ length, deviation, seed }, children, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeDiscrete(length, deviation, seed);\n    if (child) {\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const DiscretePathEffect = (\n  props: AnimatedProps<DiscretePathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nDiscretePathEffect.defaultProps = {\n  seed: 0,\n};\n"]}
+{"version":3,"sources":["Discrete.tsx"],"names":["DiscretePathEffect","props","defaultProps","seed"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO,qDAA0BA,KAA1B,CAAP;AACD,CAJM;;;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCC,EAAAA,IAAI,EAAE;AAD0B,CAAlC","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { DiscretePathEffectProps } from \"../../../dom/types\";\n\nexport const DiscretePathEffect = (\n  props: SkiaProps<DiscretePathEffectProps>\n) => {\n  return <skDiscretePathEffect {...props} />;\n};\n\nDiscretePathEffect.defaultProps = {\n  seed: 0,\n};\n"]}

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

@@ -7,40 +7,10 @@ exports.Line2DPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
 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 {
-    width,
-    matrix
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(_types.isPathEffect);
-  const pe = Skia.PathEffect.MakeLine2D(width, matrix);
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
-
 const Line2DPathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skLine2DPathEffect", props);
 };
 
 exports.Line2DPathEffect = Line2DPathEffect;

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

@@ -1 +1 @@
-{"version":3,"sources":["Line2D.tsx"],"names":["onDeclare","children","width","matrix","Skia","child","filter","isPathEffect","pe","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAAoBC,QAApB,YAA2C;AAAA,MAA1C;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAA0C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACzC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CAA2BR,KAA3B,EAAkCC,MAAlC,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,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia/types\";\n\nexport interface Line2DPathEffectProps {\n  children?: ReactNode | ReactNode[];\n  width: number;\n  matrix: SkMatrix;\n}\n\nconst onDeclare = createDeclaration<Line2DPathEffectProps>(\n  ({ width, matrix }, children, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeLine2D(width, matrix);\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 Line2DPathEffect = (\n  props: AnimatedProps<Line2DPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Line2D.tsx"],"names":["Line2DPathEffect","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,mDAAwBA,KAAxB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { Line2DPathEffectProps } from \"../../../dom/types\";\n\nexport const Line2DPathEffect = (props: SkiaProps<Line2DPathEffectProps>) => {\n  return <skLine2DPathEffect {...props} />;\n};\n"]}

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

@@ -7,46 +7,10 @@ exports.Path1DPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
-var _Paint = require("../../processors/Paint");
-
-var _Paths = require("../../processors/Paths");
-
 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 {
-    path,
-    advance,
-    phase,
-    style
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(_types.isPathEffect);
-  const pe = Skia.PathEffect.MakePath1D((0, _Paths.processPath)(Skia, path), advance, phase, _types.Path1DEffectStyle[(0, _Paint.enumKey)(style)]);
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
-
 const Path1DPathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skPath1DPathEffect", props);
 };
 
 exports.Path1DPathEffect = Path1DPathEffect;

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

@@ -1 +1 @@
-{"version":3,"sources":["Path1D.tsx"],"names":["onDeclare","children","path","advance","phase","style","Skia","child","filter","isPathEffect","pe","PathEffect","MakePath1D","Path1DEffectStyle","MakeCompose","Path1DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;AAEA;;;;;;AAUA,MAAMA,SAAS,GAAG,oCAChB,OAAkCC,QAAlC,YAAyD;AAAA,MAAxD;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,KAAjB;AAAwBC,IAAAA;AAAxB,GAAwD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACvD,QAAM,CAACC,KAAD,IAAUN,QAAQ,CAACO,MAAT,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CACT,wBAAYN,IAAZ,EAAkBJ,IAAlB,CADS,EAETC,OAFS,EAGTC,KAHS,EAITS,yBAAkB,oBAAQR,KAAR,CAAlB,CAJS,CAAX;;AAMA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACG,EAAL,EAAS;AACP,aAAOH,KAAP;AACD;;AACD,WAAOD,IAAI,CAACK,UAAL,CAAgBG,WAAhB,CAA4BJ,EAA5B,EAAgCH,KAAhC,CAAP;AACD;;AACD,SAAOG,EAAP;AACD,CAhBe,CAAlB;;AAmBO,MAAMK,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Path1DEffectStyle, isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkEnum } from \"../../processors/Paint\";\nimport { enumKey } from \"../../processors/Paint\";\nimport type { PathDef } from \"../../processors/Paths\";\nimport { processPath } from \"../../processors/Paths\";\n\nexport interface Path1DPathEffectProps {\n  path: PathDef;\n  children?: ReactNode | ReactNode[];\n  advance: number;\n  phase: number;\n  style: SkEnum<typeof Path1DEffectStyle>;\n}\n\nconst onDeclare = createDeclaration<Path1DPathEffectProps>(\n  ({ path, advance, phase, style }, children, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath1D(\n      processPath(Skia, path),\n      advance,\n      phase,\n      Path1DEffectStyle[enumKey(style)]\n    );\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 Path1DPathEffect = (\n  props: AnimatedProps<Path1DPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Path1D.tsx"],"names":["Path1DPathEffect","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,mDAAwBA,KAAxB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { Path1DPathEffectProps } from \"../../../dom/types\";\n\nexport const Path1DPathEffect = (props: SkiaProps<Path1DPathEffectProps>) => {\n  return <skPath1DPathEffect {...props} />;\n};\n"]}

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

@@ -7,42 +7,10 @@ exports.Path2DPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
-var _Paths = require("../../processors/Paths");
-
 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 {
-    path,
-    matrix
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(_types.isPathEffect);
-  const pe = Skia.PathEffect.MakePath2D(matrix, (0, _Paths.processPath)(Skia, path));
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
-
 const Path2DPathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skPath2DPathEffect", props);
 };
 
 exports.Path2DPathEffect = Path2DPathEffect;

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

@@ -1 +1 @@
-{"version":3,"sources":["Path2D.tsx"],"names":["onDeclare","children","path","matrix","Skia","child","filter","isPathEffect","pe","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAIA;;;;;;AAQA,MAAMA,SAAS,GAAG,oCAChB,OAAmBC,QAAnB,YAA0C;AAAA,MAAzC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAyC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACxC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBC,mBAAhB,CAAhB;AACA,QAAMC,EAAE,GAAGJ,IAAI,CAACK,UAAL,CAAgBC,UAAhB,CAA2BP,MAA3B,EAAmC,wBAAYC,IAAZ,EAAkBF,IAAlB,CAAnC,CAAX;;AACA,MAAIG,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,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isPathEffect } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia/types\";\nimport type { PathDef } from \"../../processors/Paths\";\nimport { processPath } from \"../../processors/Paths\";\n\nexport interface Path2DPathEffectProps {\n  children?: ReactNode | ReactNode[];\n  matrix: SkMatrix;\n  path: PathDef;\n}\n\nconst onDeclare = createDeclaration<Path2DPathEffectProps>(\n  ({ path, matrix }, children, { Skia }) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath2D(matrix, processPath(Skia, path));\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 Path2DPathEffect = (\n  props: AnimatedProps<Path2DPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Path2D.tsx"],"names":["Path2DPathEffect","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,mDAAwBA,KAAxB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { Path2DPathEffectProps } from \"../../../dom/types\";\n\nexport const Path2DPathEffect = (props: SkiaProps<Path2DPathEffectProps>) => {\n  return <skPath2DPathEffect {...props} />;\n};\n"]}

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

@@ -7,26 +7,10 @@ exports.SumPathEffect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
 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)((_, children, _ref) => {
-  let {
-    Skia
-  } = _ref;
-  const [outer, inner] = children.filter(_types.isPathEffect);
-  return Skia.PathEffect.MakeCompose(outer, inner);
-});
-
 const SumPathEffect = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skSumPathEffect", props);
 };
 
 exports.SumPathEffect = SumPathEffect;