@shopify/react-native-skia 0.1.147 → 0.1.149

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

@@ -1,26 +1,6 @@
-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); }
-
 import React from "react";
-import { TileMode } from "../../../skia/types";
-import { enumKey } from "../../processors";
-import { processRadius } from "../../processors/Radius";
-import { createDeclaration } from "../../nodes";
-import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    blur,
-    mode
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const sigma = processRadius(Skia, blur);
-  return Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, TileMode[enumKey(mode)], getInput(Skia, children));
-});
 export const Blur = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skBlurImageFilter", props);
 };
 Blur.defaultProps = {
   mode: "decal"

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

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["React","TileMode","enumKey","processRadius","createDeclaration","getInput","onDeclare","children","blur","mode","Skia","sigma","ImageFilter","MakeBlur","x","y","Blur","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,QAAT,QAAyB,qBAAzB;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,aAAT,QAA8B,yBAA9B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAiBG,QAAjB,YAAwC;AAAA,MAAvC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAuC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACtC,QAAMC,KAAK,GAAGR,aAAa,CAACO,IAAD,EAAOF,IAAP,CAA3B;AACA,SAAOE,IAAI,CAACE,WAAL,CAAiBC,QAAjB,CACLF,KAAK,CAACG,CADD,EAELH,KAAK,CAACI,CAFD,EAGLd,QAAQ,CAACC,OAAO,CAACO,IAAD,CAAR,CAHH,EAILJ,QAAQ,CAACK,IAAD,EAAOH,QAAP,CAJH,CAAP;AAMD,CATgC,CAAnC;AAYA,OAAO,MAAMS,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBT,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"]}
+{"version":3,"sources":["Blur.tsx"],"names":["React","Blur","props","defaultProps","mode"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,IAAI,GAAIC,KAAD,IAA4C;AAC9D,sBAAO,yCAAuBA,KAAvB,CAAP;AACD,CAFM;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { BlurImageFilterProps } from \"../../../dom/types\";\n\nexport const Blur = (props: SkiaProps<BlurImageFilterProps>) => {\n  return <skBlurImageFilter {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}

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

@@ -1,34 +1,5 @@
-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); }
-
 import React from "react";
-import { ColorChannel } from "../../../skia/types";
-import { createDeclaration } from "../../nodes";
-import { enumKey } from "../../processors";
-import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    channelX,
-    channelY,
-    scale
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [in1, in2] = children.filter(c => !!c);
-  const x = ColorChannel[enumKey(channelX)];
-  const y = ColorChannel[enumKey(channelY)];
-  const map = getInput(Skia, [in1]);
-  const input = in2 ? getInput(Skia, [in2]) : null;
-
-  if (!map) {
-    throw new Error("No DisplacementMap provided");
-  }
-
-  return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);
-});
 export const DisplacementMap = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skDisplacementMapImageFilter", props);
 };
 //# sourceMappingURL=DisplacementMap.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["DisplacementMap.tsx"],"names":["React","ColorChannel","createDeclaration","enumKey","getInput","onDeclare","children","channelX","channelY","scale","Skia","in1","in2","filter","c","x","y","map","input","Error","ImageFilter","MakeDisplacementMap","DisplacementMap","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAEA,SAASC,QAAT,QAAyB,YAAzB;AASA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAgCI,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,GAAGd,YAAY,CAACE,OAAO,CAACI,QAAD,CAAR,CAAtB;AACA,QAAMS,CAAC,GAAGf,YAAY,CAACE,OAAO,CAACK,QAAD,CAAR,CAAtB;AACA,QAAMS,GAAG,GAAGb,QAAQ,CAACM,IAAD,EAAO,CAACC,GAAD,CAAP,CAApB;AACA,QAAMO,KAAK,GAAGN,GAAG,GAAGR,QAAQ,CAACM,IAAD,EAAO,CAACE,GAAD,CAAP,CAAX,GAA2B,IAA5C;;AACA,MAAI,CAACK,GAAL,EAAU;AACR,UAAM,IAAIE,KAAJ,CAAU,6BAAV,CAAN;AACD;;AACD,SAAOT,IAAI,CAACU,WAAL,CAAiBC,mBAAjB,CAAqCN,CAArC,EAAwCC,CAAxC,EAA2CP,KAA3C,EAAkDQ,GAAlD,EAAuDC,KAAvD,CAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAElB;AAA1B,KAAyCkB,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":["React","DisplacementMap","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,eAAe,GAC1BC,KAD6B,IAE1B;AACH,sBAAO,oDAAkCA,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/module/renderer/components/imageFilters/Morphology.js

@@ -1,26 +1,6 @@
-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); }
-
 import React from "react";
-import { createDeclaration } from "../../nodes/Declaration";
-import { processRadius } from "../../processors/Radius";
-import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    radius,
-    operator
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const input = getInput(Skia, children);
-  const r = 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);
-});
 export const Morphology = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skMorphologyImageFilter", props);
 };
 Morphology.defaultProps = {
   operator: "dilate"

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

@@ -1 +1 @@
-{"version":3,"sources":["Morphology.tsx"],"names":["React","createDeclaration","processRadius","getInput","onDeclare","children","radius","operator","Skia","input","r","factory","ImageFilter","MakeDilate","bind","MakeErode","x","y","Morphology","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,aAAT,QAA8B,yBAA9B;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAuBI,QAAvB,YAA8C;AAAA,MAA7C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA6C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5C,QAAMC,KAAK,GAAGN,QAAQ,CAACK,IAAD,EAAOH,QAAP,CAAtB;AACA,QAAMK,CAAC,GAAGR,aAAa,CAACM,IAAD,EAAOF,MAAP,CAAvB;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,CATgC,CAAnC;AAYA,OAAO,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":["React","Morphology","props","defaultProps","operator"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,UAAU,GAAIC,KAAD,IAAkD;AAC1E,sBAAO,+CAA6BA,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/module/renderer/components/imageFilters/Offset.js

@@ -1,22 +1,6 @@
-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); }
-
 import React from "react";
-import { createDeclaration } from "../../nodes/Declaration";
-import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    x,
-    y
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return Skia.ImageFilter.MakeOffset(x, y, getInput(Skia, children));
-});
 export const Offset = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skOffsetImageFilter", props);
 };
 Offset.defaultProps = {
   x: 0,

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

@@ -1 +1 @@
-{"version":3,"sources":["Offset.tsx"],"names":["React","createDeclaration","getInput","onDeclare","children","x","y","Skia","ImageFilter","MakeOffset","Offset","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAWG,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,EAAkCJ,QAAQ,CAACK,IAAD,EAAOH,QAAP,CAA1C,CAAP;AACD,CAHgC,CAAnC;AAMA,OAAO,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":["React","Offset","props","defaultProps","x","y"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,MAAM,GAAIC,KAAD,IAA8C;AAClE,sBAAO,2CAAyBA,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/module/renderer/components/imageFilters/RuntimeShader.js

@@ -1,28 +1,5 @@
-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); }
-
 import React from "react";
-import { createDeclaration } from "../../nodes/Declaration";
-import { processUniforms } from "../../../skia/types/Shader/Shader";
-import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    source,
-    uniforms
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const rtb = Skia.RuntimeShaderBuilder(source);
-
-  if (uniforms) {
-    processUniforms(source, uniforms, rtb);
-  }
-
-  return Skia.ImageFilter.MakeRuntimeShader(rtb, null, getInput(Skia, children));
-});
 export const RuntimeShader = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skRuntimeShaderImageFilter", props);
 };
 //# sourceMappingURL=RuntimeShader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["RuntimeShader.tsx"],"names":["React","createDeclaration","processUniforms","getInput","onDeclare","children","source","uniforms","Skia","rtb","RuntimeShaderBuilder","ImageFilter","MakeRuntimeShader","RuntimeShader","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,eAAT,QAAgC,mCAAhC;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAOA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAuBI,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;AACZL,IAAAA,eAAe,CAACI,MAAD,EAASC,QAAT,EAAmBE,GAAnB,CAAf;AACD;;AACD,SAAOD,IAAI,CAACG,WAAL,CAAiBC,iBAAjB,CACLH,GADK,EAEL,IAFK,EAGLN,QAAQ,CAACK,IAAD,EAAOH,QAAP,CAHH,CAAP;AAKD,CAXgC,CAAnC;AAcA,OAAO,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":["React","RuntimeShader","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,aAAa,GACxBC,KAD2B,IAExB;AACH,sBAAO,kDAAgCA,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/module/renderer/components/imageFilters/Shadow.js

@@ -1,38 +1,5 @@
-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); }
-
 import React from "react";
-import { createDeclaration } from "../../nodes/Declaration";
-import { processColor } from "../../processors/Color";
-import { getInput } from "./getInput";
-import { MakeInnerShadow } from "./InnerShadow";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    dx,
-    dy,
-    blur,
-    color: cl,
-    shadowOnly,
-    inner
-  } = _ref;
-  let {
-    opacity,
-    Skia
-  } = _ref2;
-  const input = getInput(Skia, children);
-  const color = processColor(Skia, cl, opacity);
-  let factory;
-
-  if (inner) {
-    factory = 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);
-});
 export const Shadow = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skDropShadowImageFilter", props);
 };
 //# sourceMappingURL=Shadow.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Shadow.tsx"],"names":["React","createDeclaration","processColor","getInput","MakeInnerShadow","onDeclare","children","dx","dy","blur","color","cl","shadowOnly","inner","opacity","Skia","input","factory","bind","ImageFilter","MakeDropShadowOnly","MakeDropShadow","Shadow","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,YAAT,QAA6B,wBAA7B;AAEA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,eAAT,QAAgC,eAAhC;AAWA,MAAMC,SAAS,GAAGJ,iBAAiB,CACjC,OAEEK,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,GAAGb,QAAQ,CAACY,IAAD,EAAOT,QAAP,CAAtB;AACA,QAAMI,KAAK,GAAGR,YAAY,CAACa,IAAD,EAAOJ,EAAP,EAAWG,OAAX,CAA1B;AACA,MAAIG,OAAJ;;AACA,MAAIJ,KAAJ,EAAW;AACTI,IAAAA,OAAO,GAAGb,eAAe,CAACc,IAAhB,CAAqB,IAArB,EAA2BH,IAA3B,EAAiCH,UAAjC,CAAV;AACD,GAFD,MAEO;AACLK,IAAAA,OAAO,GAAGL,UAAU,GAChBG,IAAI,CAACI,WAAL,CAAiBC,kBAAjB,CAAoCF,IAApC,CAAyCH,IAAI,CAACI,WAA9C,CADgB,GAEhBJ,IAAI,CAACI,WAAL,CAAiBE,cAAjB,CAAgCH,IAAhC,CAAqCH,IAAI,CAACI,WAA1C,CAFJ;AAGD;;AACD,SAAOF,OAAO,CAACV,EAAD,EAAKC,EAAL,EAASC,IAAT,EAAeA,IAAf,EAAqBC,KAArB,EAA4BM,KAA5B,CAAd;AACD,CAjBgC,CAAnC;AAoBA,OAAO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAElB;AAA1B,KAAyCkB,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":["React","Shadow","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,MAAM,GAAIC,KAAD,IAAkD;AACtE,sBAAO,+CAA6BA,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/module/renderer/components/index.js

@@ -12,7 +12,6 @@ export * from "./Picture";
 export * from "./Group";
 export * from "./Mask";
 export * from "./Paint";
-export * from "./Compose";
 export * from "./Blend";
 export * from "./Drawing";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AAEA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd","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,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AAEA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd","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/module/renderer/components/maskFilters/Blur.js

@@ -1,24 +1,6 @@
-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); }
-
 import React from "react";
-import { BlurStyle } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-import { enumKey } from "../../processors";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    style,
-    blur,
-    respectCTM
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return Skia.MaskFilter.MakeBlur(BlurStyle[enumKey(style)], blur, respectCTM);
-});
 export const BlurMask = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skBlurMaskFilter", props);
 };
 BlurMask.defaultProps = {
   style: "normal",

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

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["React","BlurStyle","createDeclaration","enumKey","onDeclare","_","style","blur","respectCTM","Skia","MaskFilter","MakeBlur","BlurMask","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAA8BG,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,CACLV,SAAS,CAACE,OAAO,CAACG,KAAD,CAAR,CADJ,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD,CAPgC,CAAnC;AAUA,OAAO,MAAMI,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBR,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":["React","BlurMask","props","defaultProps","style","respectCTM"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,QAAQ,GAAIC,KAAD,IAA2C;AACjE,sBAAO,wCAAsBA,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/module/renderer/components/pathEffects/Corner.js

@@ -1,31 +1,5 @@
-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); }
-
 import React from "react";
-import { isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    r
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(isPathEffect);
-  const pe = Skia.PathEffect.MakeCorner(r);
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
 export const CornerPathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skCornerPathEffect", props);
 };
 //# sourceMappingURL=Corner.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Corner.tsx"],"names":["React","isPathEffect","createDeclaration","onDeclare","children","r","Skia","child","filter","pe","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAQA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAQE,QAAR,YAA+B;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC7B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBP,YAAhB,CAAhB;AACA,QAAMQ,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CAA2BN,CAA3B,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,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":["React","CornerPathEffect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,0CAAwBA,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/module/renderer/components/pathEffects/Dash.js

@@ -1,28 +1,5 @@
-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); }
-
 import React from "react";
-import { isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    intervals,
-    phase
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(isPathEffect);
-  const pe = Skia.PathEffect.MakeDash(intervals, phase);
-
-  if (child) {
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
 export const DashPathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skDashPathEffect", props);
 };
 //# sourceMappingURL=Dash.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Dash.tsx"],"names":["React","isPathEffect","createDeclaration","onDeclare","children","intervals","phase","Skia","child","filter","pe","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AASA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAuBE,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,CAAgBR,YAAhB,CAAhB;AACA,QAAMS,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,QAAhB,CAAyBP,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACI,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CARgC,CAAnC;AAWA,OAAO,MAAMI,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,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":["React","DashPathEffect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,cAAc,GAAIC,KAAD,IAA2C;AACvE,sBAAO,wCAAsBA,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/module/renderer/components/pathEffects/Discrete.js

@@ -1,30 +1,6 @@
-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); }
-
 import React from "react";
-import { isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    length,
-    deviation,
-    seed
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(isPathEffect);
-  const pe = Skia.PathEffect.MakeDiscrete(length, deviation, seed);
-
-  if (child) {
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
 export const DiscretePathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skDiscretePathEffect", props);
 };
 DiscretePathEffect.defaultProps = {
   seed: 0

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

@@ -1 +1 @@
-{"version":3,"sources":["Discrete.tsx"],"names":["React","isPathEffect","createDeclaration","onDeclare","children","length","deviation","seed","Skia","child","filter","pe","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAUA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAA8BE,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,CAAgBT,YAAhB,CAAhB;AACA,QAAMU,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,YAAhB,CAA6BR,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,WAAOD,IAAI,CAACI,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CARgC,CAAnC;AAWA,OAAO,MAAMI,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAJM;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCV,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":["React","DiscretePathEffect","props","defaultProps","seed"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,kBAAkB,GAC7BC,KADgC,IAE7B;AACH,sBAAO,4CAA0BA,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/module/renderer/components/pathEffects/Line2D.js

@@ -1,32 +1,5 @@
-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); }
-
 import React from "react";
-import { isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    width,
-    matrix
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(isPathEffect);
-  const pe = Skia.PathEffect.MakeLine2D(width, matrix);
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
 export const Line2DPathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skLine2DPathEffect", props);
 };
 //# sourceMappingURL=Line2D.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Line2D.tsx"],"names":["React","isPathEffect","createDeclaration","onDeclare","children","width","matrix","Skia","child","filter","pe","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAUA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAoBE,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,CAAgBR,YAAhB,CAAhB;AACA,QAAMS,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CAA2BP,KAA3B,EAAkCC,MAAlC,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,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":["React","Line2DPathEffect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,0CAAwBA,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/module/renderer/components/pathEffects/Path1D.js

@@ -1,36 +1,5 @@
-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); }
-
 import React from "react";
-import { Path1DEffectStyle, isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-import { enumKey } from "../../processors/Paint";
-import { processPath } from "../../processors/Paths";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    path,
-    advance,
-    phase,
-    style
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(isPathEffect);
-  const pe = Skia.PathEffect.MakePath1D(processPath(Skia, path), advance, phase, Path1DEffectStyle[enumKey(style)]);
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
 export const Path1DPathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skPath1DPathEffect", props);
 };
 //# sourceMappingURL=Path1D.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Path1D.tsx"],"names":["React","Path1DEffectStyle","isPathEffect","createDeclaration","enumKey","processPath","onDeclare","children","path","advance","phase","style","Skia","child","filter","pe","PathEffect","MakePath1D","MakeCompose","Path1DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,EAA4BC,YAA5B,QAAgD,qBAAhD;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,SAASC,WAAT,QAA4B,wBAA5B;AAUA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAkCI,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,CAAgBZ,YAAhB,CAAhB;AACA,QAAMa,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CACTZ,WAAW,CAACO,IAAD,EAAOJ,IAAP,CADF,EAETC,OAFS,EAGTC,KAHS,EAITT,iBAAiB,CAACG,OAAO,CAACO,KAAD,CAAR,CAJR,CAAX;;AAMA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAhBgC,CAAnC;AAmBA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,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":["React","Path1DPathEffect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,0CAAwBA,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/module/renderer/components/pathEffects/Path2D.js

@@ -1,33 +1,5 @@
-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); }
-
 import React from "react";
-import { isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-import { processPath } from "../../processors/Paths";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    path,
-    matrix
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [child] = children.filter(isPathEffect);
-  const pe = Skia.PathEffect.MakePath2D(matrix, processPath(Skia, path));
-
-  if (child) {
-    if (!pe) {
-      return child;
-    }
-
-    return Skia.PathEffect.MakeCompose(pe, child);
-  }
-
-  return pe;
-});
 export const Path2DPathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skPath2DPathEffect", props);
 };
 //# sourceMappingURL=Path2D.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Path2D.tsx"],"names":["React","isPathEffect","createDeclaration","processPath","onDeclare","children","path","matrix","Skia","child","filter","pe","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,WAAT,QAA4B,wBAA5B;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAmBG,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,CAAgBT,YAAhB,CAAhB;AACA,QAAMU,EAAE,GAAGH,IAAI,CAACI,UAAL,CAAgBC,UAAhB,CAA2BN,MAA3B,EAAmCJ,WAAW,CAACK,IAAD,EAAOF,IAAP,CAA9C,CAAX;;AACA,MAAIG,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOD,IAAI,CAACI,UAAL,CAAgBE,WAAhB,CAA4BH,EAA5B,EAAgCF,KAAhC,CAAP;AACD;;AACD,SAAOE,EAAP;AACD,CAXgC,CAAnC;AAcA,OAAO,MAAMI,gBAAgB,GAC3BC,KAD8B,IAE3B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,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":["React","Path2DPathEffect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,gBAAgB,GAAIC,KAAD,IAA6C;AAC3E,sBAAO,0CAAwBA,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/module/renderer/components/pathEffects/Sum.js

@@ -1,18 +1,5 @@
-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); }
-
 import React from "react";
-import { isPathEffect } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_, children, _ref) => {
-  let {
-    Skia
-  } = _ref;
-  const [outer, inner] = children.filter(isPathEffect);
-  return Skia.PathEffect.MakeCompose(outer, inner);
-});
 export const SumPathEffect = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skSumPathEffect", props);
 };
 //# sourceMappingURL=Sum.js.map

package/lib/module/renderer/components/pathEffects/Sum.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Sum.tsx"],"names":["React","isPathEffect","createDeclaration","onDeclare","_","children","Skia","outer","inner","filter","PathEffect","MakeCompose","SumPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAOA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,CAACE,CAAD,EAAIC,QAAJ,WAA2B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACzB,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBH,QAAQ,CAACI,MAAT,CAAgBR,YAAhB,CAAvB;AACA,SAAOK,IAAI,CAACI,UAAL,CAAgBC,WAAhB,CAA4BJ,KAA5B,EAAmCC,KAAnC,CAAP;AACD,CAJgC,CAAnC;AAOA,OAAO,MAAMI,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,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 SumPathEffectProps {\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<SumPathEffectProps>(\n  (_, children, { Skia }) => {\n    const [outer, inner] = children.filter(isPathEffect);\n    return Skia.PathEffect.MakeCompose(outer, inner);\n  }\n);\n\nexport const SumPathEffect = (props: AnimatedProps<SumPathEffectProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Sum.tsx"],"names":["React","SumPathEffect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,OAAO,MAAMC,aAAa,GAAIC,KAAD,IAA0B;AACrD,sBAAO,uCAAqBA,KAArB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\n\nexport const SumPathEffect = (props: ChildrenProps) => {\n  return <skSumPathEffect {...props} />;\n};\n"]}