@shopify/react-native-skia 0.1.130 → 0.1.133

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

@@ -1,17 +1,19 @@
 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 { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
 import { processRadius } from "../../processors/Radius";
 import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     radius,
     operator
   } = _ref;
-  const input = getInput(children);
-  const r = processRadius(radius);
+  let {
+    Skia
+  } = _ref2;
+  const input = getInput(Skia, children);
+  const r = processRadius(Skia, radius);
   const factory = operator === "dilate" ? Skia.ImageFilter.MakeDilate : Skia.ImageFilter.MakeErode;
   return factory(r.x, r.y, input);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["Morphology.tsx"],"names":["React","Skia","createDeclaration","processRadius","getInput","onDeclare","children","radius","operator","input","r","factory","ImageFilter","MakeDilate","MakeErode","x","y","Morphology","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,aAAT,QAA8B,yBAA9B;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAuBI,QAAvB,KAAoC;AAAA,MAAnC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAmC;AAClC,QAAMC,KAAK,GAAGL,QAAQ,CAACE,QAAD,CAAtB;AACA,QAAMI,CAAC,GAAGP,aAAa,CAACI,MAAD,CAAvB;AACA,QAAMI,OAAO,GACXH,QAAQ,KAAK,QAAb,GACIP,IAAI,CAACW,WAAL,CAAiBC,UADrB,GAEIZ,IAAI,CAACW,WAAL,CAAiBE,SAHvB;AAIA,SAAOH,OAAO,CAACD,CAAC,CAACK,CAAH,EAAML,CAAC,CAACM,CAAR,EAAWP,KAAX,CAAd;AACD,CATgC,CAAnC;AAYA,OAAO,MAAMQ,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAFM;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBX,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\nimport { processRadius } from \"../../processors/Radius\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface MorphologyProps {\n  operator: \"erode\" | \"dilate\";\n  radius: Radius;\n  children?: React.ReactNode | React.ReactNode[];\n}\n\nconst onDeclare = createDeclaration<MorphologyProps>(\n  ({ radius, operator }, children) => {\n    const input = getInput(children);\n    const r = processRadius(radius);\n    const factory =\n      operator === \"dilate\"\n        ? Skia.ImageFilter.MakeDilate\n        : Skia.ImageFilter.MakeErode;\n    return factory(r.x, r.y, input);\n  }\n);\n\nexport const Morphology = (props: AnimatedProps<MorphologyProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}
+{"version":3,"sources":["Morphology.tsx"],"names":["React","createDeclaration","processRadius","getInput","onDeclare","children","radius","operator","Skia","input","r","factory","ImageFilter","MakeDilate","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,UADrB,GAEIL,IAAI,CAACI,WAAL,CAAiBE,SAHvB;AAIA,SAAOH,OAAO,CAACD,CAAC,CAACK,CAAH,EAAML,CAAC,CAACM,CAAR,EAAWP,KAAX,CAAd;AACD,CATgC,CAAnC;AAYA,OAAO,MAAMQ,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBZ,EAAAA,QAAQ,EAAE;AADc,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\nimport { processRadius } from \"../../processors/Radius\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface MorphologyProps {\n  operator: \"erode\" | \"dilate\";\n  radius: Radius;\n  children?: React.ReactNode | React.ReactNode[];\n}\n\nconst onDeclare = createDeclaration<MorphologyProps>(\n  ({ radius, operator }, children, { Skia }) => {\n    const input = getInput(Skia, children);\n    const r = processRadius(Skia, radius);\n    const factory =\n      operator === \"dilate\"\n        ? Skia.ImageFilter.MakeDilate\n        : Skia.ImageFilter.MakeErode;\n    return factory(r.x, r.y, input);\n  }\n);\n\nexport const Morphology = (props: AnimatedProps<MorphologyProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nMorphology.defaultProps = {\n  operator: \"dilate\",\n};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Offset.tsx"],"names":["React","Skia","createDeclaration","getInput","onDeclare","children","x","y","ImageFilter","MakeOffset","Offset","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,QAAT,QAAyB,YAAzB;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CAAc,OAAWG,QAAX,KAAwB;AAAA,MAAvB;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,GAAuB;AACvE,SAAON,IAAI,CAACO,WAAL,CAAiBC,UAAjB,CAA4BH,CAA5B,EAA+BC,CAA/B,EAAkCJ,QAAQ,CAACE,QAAD,CAA1C,CAAP;AACD,CAFkC,CAAnC;AAIA,OAAO,MAAMK,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBN,EAAAA,CAAC,EAAE,CADiB;AAEpBC,EAAAA,CAAC,EAAE;AAFiB,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface OffsetProps {\n  x: number;\n  y: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<OffsetProps>(({ x, y }, children) => {\n  return Skia.ImageFilter.MakeOffset(x, y, getInput(children));\n});\n\nexport const Offset = (props: AnimatedProps<OffsetProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nOffset.defaultProps = {\n  x: 0,\n  y: 0,\n};\n"]}
+{"version":3,"sources":["Offset.tsx"],"names":["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"]}

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

@@ -1,15 +1,24 @@
 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 { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
+import { processUniforms } from "../../../skia/types/Shader/Shader";
 import { getInput } from "./getInput";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
-    source
+    source,
+    uniforms
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const rtb = Skia.RuntimeShaderBuilder(source);
-  return Skia.ImageFilter.MakeRuntimeShader(rtb, null, getInput(children));
+
+  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({

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

@@ -1 +1 @@
-{"version":3,"sources":["RuntimeShader.tsx"],"names":["React","Skia","createDeclaration","getInput","onDeclare","children","source","rtb","RuntimeShaderBuilder","ImageFilter","MakeRuntimeShader","RuntimeShader","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,QAAT,QAAyB,YAAzB;AAMA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAaG,QAAb,KAA0B;AAAA,MAAzB;AAAEC,IAAAA;AAAF,GAAyB;AACxB,QAAMC,GAAG,GAAGN,IAAI,CAACO,oBAAL,CAA0BF,MAA1B,CAAZ;AACA,SAAOL,IAAI,CAACQ,WAAL,CAAiBC,iBAAjB,CAAmCH,GAAnC,EAAwC,IAAxC,EAA8CJ,QAAQ,CAACE,QAAD,CAAtD,CAAP;AACD,CAJgC,CAAnC;AAOA,OAAO,MAAMM,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkRuntimeEffect } from \"../../../skia\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface RuntimeShaderProps {\n  source: SkRuntimeEffect;\n}\n\nconst onDeclare = createDeclaration<RuntimeShaderProps>(\n  ({ source }, children) => {\n    const rtb = Skia.RuntimeShaderBuilder(source);\n    return Skia.ImageFilter.MakeRuntimeShader(rtb, null, getInput(children));\n  }\n);\n\nexport const RuntimeShader = (props: AnimatedProps<RuntimeShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["RuntimeShader.tsx"],"names":["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"]}

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

@@ -1,8 +1,8 @@
 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 { Skia, processColor } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
+import { processColor } from "../../processors/Color";
 import { getInput } from "./getInput";
 import { MakeInnerShadow } from "./InnerShadow";
 const onDeclare = createDeclaration((_ref, children, _ref2) => {
@@ -15,14 +15,15 @@ const onDeclare = createDeclaration((_ref, children, _ref2) => {
     inner
   } = _ref;
   let {
-    opacity
+    opacity,
+    Skia
   } = _ref2;
-  const input = getInput(children);
-  const color = processColor(cl, opacity);
+  const input = getInput(Skia, children);
+  const color = processColor(Skia, cl, opacity);
   let factory;
 
   if (inner) {
-    factory = MakeInnerShadow.bind(null, shadowOnly);
+    factory = MakeInnerShadow.bind(null, Skia, shadowOnly);
   } else {
     factory = shadowOnly ? Skia.ImageFilter.MakeDropShadowOnly : Skia.ImageFilter.MakeDropShadow;
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["Shadow.tsx"],"names":["React","Skia","processColor","createDeclaration","getInput","MakeInnerShadow","onDeclare","children","dx","dy","blur","color","cl","shadowOnly","inner","opacity","input","factory","bind","ImageFilter","MakeDropShadowOnly","MakeDropShadow","Shadow","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,eAAT,QAAgC,eAAhC;AAWA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAiDI,QAAjD,YAA2E;AAAA,MAA1E;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,IAAV;AAAgBC,IAAAA,KAAK,EAAEC,EAAvB;AAA2BC,IAAAA,UAA3B;AAAuCC,IAAAA;AAAvC,GAA0E;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AACzE,QAAMC,KAAK,GAAGZ,QAAQ,CAACG,QAAD,CAAtB;AACA,QAAMI,KAAK,GAAGT,YAAY,CAACU,EAAD,EAAKG,OAAL,CAA1B;AACA,MAAIE,OAAJ;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,OAAO,GAAGZ,eAAe,CAACa,IAAhB,CAAqB,IAArB,EAA2BL,UAA3B,CAAV;AACD,GAFD,MAEO;AACLI,IAAAA,OAAO,GAAGJ,UAAU,GAChBZ,IAAI,CAACkB,WAAL,CAAiBC,kBADD,GAEhBnB,IAAI,CAACkB,WAAL,CAAiBE,cAFrB;AAGD;;AACD,SAAOJ,OAAO,CAACT,EAAD,EAAKC,EAAL,EAASC,IAAT,EAAeA,IAAf,EAAqBC,KAArB,EAA4BK,KAA5B,CAAd;AACD,CAbgC,CAAnC;AAgBA,OAAO,MAAMM,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEjB;AAA1B,KAAyCiB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia, processColor } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { Color } from \"../../../skia\";\n\nimport { getInput } from \"./getInput\";\nimport { MakeInnerShadow } from \"./InnerShadow\";\n\nexport interface ShadowProps {\n  dx: number;\n  dy: number;\n  blur: number;\n  color: Color;\n  inner?: boolean;\n  shadowOnly?: boolean;\n}\n\nconst onDeclare = createDeclaration<ShadowProps>(\n  ({ dx, dy, blur, color: cl, shadowOnly, inner }, children, { opacity }) => {\n    const input = getInput(children);\n    const color = processColor(cl, opacity);\n    let factory;\n    if (inner) {\n      factory = MakeInnerShadow.bind(null, shadowOnly);\n    } else {\n      factory = shadowOnly\n        ? Skia.ImageFilter.MakeDropShadowOnly\n        : Skia.ImageFilter.MakeDropShadow;\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n);\n\nexport const Shadow = (props: AnimatedProps<ShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Shadow.tsx"],"names":["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,kBADD,GAEhBL,IAAI,CAACI,WAAL,CAAiBE,cAFrB;AAGD;;AACD,SAAOJ,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\n        : Skia.ImageFilter.MakeDropShadow;\n    }\n    return factory(dx, dy, blur, blur, color, input);\n  }\n);\n\nexport const Shadow = (props: AnimatedProps<ShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { isImageFilter, isColorFilter, isShader, Skia } from "../../../skia";
-export const getInput = children => {
+import { isImageFilter, isColorFilter, isShader } from "../../../skia/types";
+export const getInput = (Skia, children) => {
   const [child] = children.filter(c => c);
 
   if (!child) {

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

@@ -1 +1 @@
-{"version":3,"sources":["getInput.ts"],"names":["isImageFilter","isColorFilter","isShader","Skia","getInput","children","child","filter","c","ImageFilter","MakeColorFilter","MakeShader","Error"],"mappings":"AACA,SAASA,aAAT,EAAwBC,aAAxB,EAAuCC,QAAvC,EAAiDC,IAAjD,QAA6D,eAA7D;AAEA,OAAO,MAAMC,QAAQ,GAAIC,QAAD,IAAmC;AACzD,QAAM,CAACC,KAAD,IAAUD,QAAQ,CAACE,MAAT,CAAiBC,CAAD,IAAOA,CAAvB,CAAhB;;AACA,MAAI,CAACF,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,MAAIN,aAAa,CAACM,KAAD,CAAjB,EAA0B;AACxB,WAAOA,KAAP;AACD;;AACD,MAAIL,aAAa,CAACK,KAAD,CAAjB,EAA0B;AACxB,WAAOH,IAAI,CAACM,WAAL,CAAiBC,eAAjB,CAAiCJ,KAAjC,EAAwC,IAAxC,CAAP;AACD;;AACD,MAAIJ,QAAQ,CAACI,KAAD,CAAZ,EAAqB;AACnB,WAAOH,IAAI,CAACM,WAAL,CAAiBE,UAAjB,CAA4BL,KAA5B,EAAmC,IAAnC,CAAP;AACD;;AACD,QAAM,IAAIM,KAAJ,CAAU,iCAAiCN,KAA3C,CAAN;AACD,CAfM","sourcesContent":["import type { DeclarationResult } from \"../../nodes\";\nimport { isImageFilter, isColorFilter, isShader, Skia } from \"../../../skia\";\n\nexport const getInput = (children: DeclarationResult[]) => {\n  const [child] = children.filter((c) => c);\n  if (!child) {\n    return null;\n  }\n  if (isImageFilter(child)) {\n    return child;\n  }\n  if (isColorFilter(child)) {\n    return Skia.ImageFilter.MakeColorFilter(child, null);\n  }\n  if (isShader(child)) {\n    return Skia.ImageFilter.MakeShader(child, null);\n  }\n  throw new Error(\"Invalid image filter child: \" + child);\n};\n"]}
+{"version":3,"sources":["getInput.ts"],"names":["isImageFilter","isColorFilter","isShader","getInput","Skia","children","child","filter","c","ImageFilter","MakeColorFilter","MakeShader","Error"],"mappings":"AAEA,SAASA,aAAT,EAAwBC,aAAxB,EAAuCC,QAAvC,QAAuD,qBAAvD;AAEA,OAAO,MAAMC,QAAQ,GAAG,CAACC,IAAD,EAAaC,QAAb,KAA+C;AACrE,QAAM,CAACC,KAAD,IAAUD,QAAQ,CAACE,MAAT,CAAiBC,CAAD,IAAOA,CAAvB,CAAhB;;AACA,MAAI,CAACF,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,MAAIN,aAAa,CAACM,KAAD,CAAjB,EAA0B;AACxB,WAAOA,KAAP;AACD;;AACD,MAAIL,aAAa,CAACK,KAAD,CAAjB,EAA0B;AACxB,WAAOF,IAAI,CAACK,WAAL,CAAiBC,eAAjB,CAAiCJ,KAAjC,EAAwC,IAAxC,CAAP;AACD;;AACD,MAAIJ,QAAQ,CAACI,KAAD,CAAZ,EAAqB;AACnB,WAAOF,IAAI,CAACK,WAAL,CAAiBE,UAAjB,CAA4BL,KAA5B,EAAmC,IAAnC,CAAP;AACD;;AACD,QAAM,IAAIM,KAAJ,CAAU,iCAAiCN,KAA3C,CAAN;AACD,CAfM","sourcesContent":["import type { DeclarationResult } from \"../../nodes\";\nimport type { Skia } from \"../../../skia/types\";\nimport { isImageFilter, isColorFilter, isShader } from \"../../../skia/types\";\n\nexport const getInput = (Skia: Skia, children: DeclarationResult[]) => {\n  const [child] = children.filter((c) => c);\n  if (!child) {\n    return null;\n  }\n  if (isImageFilter(child)) {\n    return child;\n  }\n  if (isColorFilter(child)) {\n    return Skia.ImageFilter.MakeColorFilter(child, null);\n  }\n  if (isShader(child)) {\n    return Skia.ImageFilter.MakeShader(child, null);\n  }\n  throw new Error(\"Invalid image filter child: \" + child);\n};\n"]}

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

@@ -1,15 +1,18 @@
 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, Skia } from "../../../skia";
+import { BlurStyle } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
 import { enumKey } from "../../processors";
-const onDeclare = createDeclaration(_ref => {
+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 => {

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

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["React","BlurStyle","Skia","createDeclaration","enumKey","onDeclare","style","blur","respectCTM","MaskFilter","MakeBlur","BlurMask","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,eAAhC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,QAAiC;AAAA,MAAhC;AAAEG,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAAgC;AAC/B,SAAON,IAAI,CAACO,UAAL,CAAgBC,QAAhB,CACLT,SAAS,CAACG,OAAO,CAACE,KAAD,CAAR,CADJ,EAELC,IAFK,EAGLC,UAHK,CAAP;AAKD,CAPgC,CAAnC;AAUA,OAAO,MAAMG,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM;AAIPD,QAAQ,CAACE,YAAT,GAAwB;AACtBP,EAAAA,KAAK,EAAE,QADe;AAEtBE,EAAAA,UAAU,EAAE;AAFU,CAAxB","sourcesContent":["import React from \"react\";\n\nimport { BlurStyle, Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface BlurMaskProps {\n  style: SkEnum<typeof BlurStyle>;\n  blur: number;\n  respectCTM: boolean;\n}\n\nconst onDeclare = createDeclaration<BlurMaskProps>(\n  ({ style, blur, respectCTM }) => {\n    return Skia.MaskFilter.MakeBlur(\n      BlurStyle[enumKey(style)],\n      blur,\n      respectCTM\n    );\n  }\n);\n\nexport const BlurMask = (props: AnimatedProps<BlurMaskProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlurMask.defaultProps = {\n  style: \"normal\",\n  respectCTM: true,\n};\n"]}
+{"version":3,"sources":["Blur.tsx"],"names":["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"]}

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

@@ -1,12 +1,15 @@
 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 { Skia, isPathEffect } from "../../../skia";
+import { isPathEffect } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children) => {
+const onDeclare = createDeclaration((_ref, children, _ref2) => {
   let {
     r
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   const [child] = children.filter(isPathEffect);
   const pe = Skia.PathEffect.MakeCorner(r);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Corner.tsx"],"names":["React","Skia","isPathEffect","createDeclaration","onDeclare","children","r","child","filter","pe","PathEffect","MakeCorner","MakeCompose","CornerPathEffect","props"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAQA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAQE,QAAR,KAAqB;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AACnB,QAAM,CAACC,KAAD,IAAUF,QAAQ,CAACG,MAAT,CAAgBN,YAAhB,CAAhB;AACA,QAAMO,EAAE,GAAGR,IAAI,CAACS,UAAL,CAAgBC,UAAhB,CAA2BL,CAA3B,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAON,IAAI,CAACS,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,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface CornerPathEffectProps {\n  r: number;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<CornerPathEffectProps>(\n  ({ r }, children) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakeCorner(r);\n    if (child) {\n      if (!pe) {\n        return child;\n      }\n      return Skia.PathEffect.MakeCompose(pe, child);\n    }\n    return pe;\n  }\n);\n\nexport const CornerPathEffect = (\n  props: AnimatedProps<CornerPathEffectProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Corner.tsx"],"names":["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"]}

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

@@ -1,13 +1,16 @@
 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 { Skia, isPathEffect } from "../../../skia";
+import { isPathEffect } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children) => {
+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);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Dash.tsx"],"names":["React","Skia","isPathEffect","createDeclaration","onDeclare","children","intervals","phase","child","filter","pe","PathEffect","MakeDash","MakeCompose","DashPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AASA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAuBE,QAAvB,KAAoC;AAAA,MAAnC;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAmC;AAClC,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBP,YAAhB,CAAhB;AACA,QAAMQ,EAAE,GAAGT,IAAI,CAACU,UAAL,CAAgBC,QAAhB,CAAyBN,SAAzB,EAAoCC,KAApC,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,WAAOP,IAAI,CAACU,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,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\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) => {\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","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"]}

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

@@ -1,14 +1,17 @@
 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 { Skia, isPathEffect } from "../../../skia";
+import { isPathEffect } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children) => {
+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);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Discrete.tsx"],"names":["React","Skia","isPathEffect","createDeclaration","onDeclare","children","length","deviation","seed","child","filter","pe","PathEffect","MakeDiscrete","MakeCompose","DiscretePathEffect","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAUA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAA8BE,QAA9B,KAA2C;AAAA,MAA1C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAA0C;AACzC,QAAM,CAACC,KAAD,IAAUJ,QAAQ,CAACK,MAAT,CAAgBR,YAAhB,CAAhB;AACA,QAAMS,EAAE,GAAGV,IAAI,CAACW,UAAL,CAAgBC,YAAhB,CAA6BP,MAA7B,EAAqCC,SAArC,EAAgDC,IAAhD,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,WAAOR,IAAI,CAACW,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,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAJM;AAMPD,kBAAkB,CAACE,YAAnB,GAAkC;AAChCT,EAAAA,IAAI,EAAE;AAD0B,CAAlC","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\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) => {\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","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"]}

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

@@ -1,13 +1,16 @@
 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 { Skia, isPathEffect } from "../../../skia";
+import { isPathEffect } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_ref, children) => {
+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);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Line2D.tsx"],"names":["React","Skia","isPathEffect","createDeclaration","onDeclare","children","width","matrix","child","filter","pe","PathEffect","MakeLine2D","MakeCompose","Line2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAUA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAoBE,QAApB,KAAiC;AAAA,MAAhC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAgC;AAC/B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBP,YAAhB,CAAhB;AACA,QAAMQ,EAAE,GAAGT,IAAI,CAACU,UAAL,CAAgBC,UAAhB,CAA2BN,KAA3B,EAAkCC,MAAlC,CAAX;;AACA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOP,IAAI,CAACU,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 React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia\";\n\nexport interface Line2DPathEffectProps {\n  children?: ReactNode | ReactNode[];\n  width: number;\n  matrix: SkMatrix;\n}\n\nconst onDeclare = createDeclaration<Line2DPathEffectProps>(\n  ({ width, matrix }, children) => {\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","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"]}

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

@@ -1,19 +1,22 @@
 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 { Skia, Path1DEffectStyle, isPathEffect } from "../../../skia";
+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) => {
+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(path), advance, phase, Path1DEffectStyle[enumKey(style)]);
+  const pe = Skia.PathEffect.MakePath1D(processPath(Skia, path), advance, phase, Path1DEffectStyle[enumKey(style)]);
 
   if (child) {
     if (!pe) {

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

@@ -1 +1 @@
-{"version":3,"sources":["Path1D.tsx"],"names":["React","Skia","Path1DEffectStyle","isPathEffect","createDeclaration","enumKey","processPath","onDeclare","children","path","advance","phase","style","child","filter","pe","PathEffect","MakePath1D","MakeCompose","Path1DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,iBAAf,EAAkCC,YAAlC,QAAsD,eAAtD;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,SAASC,WAAT,QAA4B,wBAA5B;AAUA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAkCI,QAAlC,KAA+C;AAAA,MAA9C;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,KAAjB;AAAwBC,IAAAA;AAAxB,GAA8C;AAC7C,QAAM,CAACC,KAAD,IAAUL,QAAQ,CAACM,MAAT,CAAgBX,YAAhB,CAAhB;AACA,QAAMY,EAAE,GAAGd,IAAI,CAACe,UAAL,CAAgBC,UAAhB,CACTX,WAAW,CAACG,IAAD,CADF,EAETC,OAFS,EAGTC,KAHS,EAITT,iBAAiB,CAACG,OAAO,CAACO,KAAD,CAAR,CAJR,CAAX;;AAMA,MAAIC,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOZ,IAAI,CAACe,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,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, Path1DEffectStyle, isPathEffect } from \"../../../skia\";\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) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath1D(\n      processPath(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","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"]}

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

@@ -1,16 +1,19 @@
 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 { Skia, isPathEffect } from "../../../skia";
+import { isPathEffect } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
 import { processPath } from "../../processors/Paths";
-const onDeclare = createDeclaration((_ref, children) => {
+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(path));
+  const pe = Skia.PathEffect.MakePath2D(matrix, processPath(Skia, path));
 
   if (child) {
     if (!pe) {

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

@@ -1 +1 @@
-{"version":3,"sources":["Path2D.tsx"],"names":["React","Skia","isPathEffect","createDeclaration","processPath","onDeclare","children","path","matrix","child","filter","pe","PathEffect","MakePath2D","MakeCompose","Path2DPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,WAAT,QAA4B,wBAA5B;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAmBG,QAAnB,KAAgC;AAAA,MAA/B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA+B;AAC9B,QAAM,CAACC,KAAD,IAAUH,QAAQ,CAACI,MAAT,CAAgBR,YAAhB,CAAhB;AACA,QAAMS,EAAE,GAAGV,IAAI,CAACW,UAAL,CAAgBC,UAAhB,CAA2BL,MAA3B,EAAmCJ,WAAW,CAACG,IAAD,CAA9C,CAAX;;AACA,MAAIE,KAAJ,EAAW;AACT,QAAI,CAACE,EAAL,EAAS;AACP,aAAOF,KAAP;AACD;;AACD,WAAOR,IAAI,CAACW,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 React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { SkMatrix } from \"../../../skia\";\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) => {\n    const [child] = children.filter(isPathEffect);\n    const pe = Skia.PathEffect.MakePath2D(matrix, processPath(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","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"]}

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

@@ -1,9 +1,12 @@
 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 { Skia, isPathEffect } from "../../../skia";
+import { isPathEffect } from "../../../skia/types";
 import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration((_, children) => {
+const onDeclare = createDeclaration((_, children, _ref) => {
+  let {
+    Skia
+  } = _ref;
   const [outer, inner] = children.filter(isPathEffect);
   return Skia.PathEffect.MakeCompose(outer, inner);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["Sum.tsx"],"names":["React","Skia","isPathEffect","createDeclaration","onDeclare","_","children","outer","inner","filter","PathEffect","MakeCompose","SumPathEffect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAOA,MAAMC,SAAS,GAAGD,iBAAiB,CAAqB,CAACE,CAAD,EAAIC,QAAJ,KAAiB;AACvE,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBF,QAAQ,CAACG,MAAT,CAAgBP,YAAhB,CAAvB;AACA,SAAOD,IAAI,CAACS,UAAL,CAAgBC,WAAhB,CAA4BJ,KAA5B,EAAmCC,KAAnC,CAAP;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia, isPathEffect } from \"../../../skia\";\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>((_, children) => {\n  const [outer, inner] = children.filter(isPathEffect);\n  return Skia.PathEffect.MakeCompose(outer, inner);\n});\n\nexport const SumPathEffect = (props: AnimatedProps<SumPathEffectProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"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"]}

package/lib/module/renderer/components/shaders/Color.js

@@ -1,13 +1,16 @@
 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 { Skia, processColor } from "../../../skia";
 import { createDeclaration } from "../../nodes";
-const onDeclare = createDeclaration(_ref => {
+import { processColor } from "../../processors/Color";
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
   let {
     color
   } = _ref;
-  return Skia.Shader.MakeColor(processColor(color, 1));
+  let {
+    Skia
+  } = _ref2;
+  return Skia.Shader.MakeColor(processColor(Skia, color, 1));
 });
 export const ColorShader = props => {
   return /*#__PURE__*/React.createElement("skDeclaration", _extends({

package/lib/module/renderer/components/shaders/Color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Color.tsx"],"names":["React","Skia","processColor","createDeclaration","onDeclare","color","Shader","MakeColor","ColorShader","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,EAAeC,YAAf,QAAmC,eAAnC;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAQA,MAAMC,SAAS,GAAGD,iBAAiB,CAAmB,QAAe;AAAA,MAAd;AAAEE,IAAAA;AAAF,GAAc;AACnE,SAAOJ,IAAI,CAACK,MAAL,CAAYC,SAAZ,CAAsBL,YAAY,CAACG,KAAD,EAAQ,CAAR,CAAlC,CAAP;AACD,CAFkC,CAAnC;AAIA,OAAO,MAAMG,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEL;AAA1B,KAAyCK,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia, processColor } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Color } from \"../../../skia\";\n\nexport interface ColorShaderProps {\n  color: Color;\n}\n\nconst onDeclare = createDeclaration<ColorShaderProps>(({ color }) => {\n  return Skia.Shader.MakeColor(processColor(color, 1));\n});\n\nexport const ColorShader = (props: AnimatedProps<ColorShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Color.tsx"],"names":["React","createDeclaration","processColor","onDeclare","_","color","Skia","Shader","MakeColor","ColorShader","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,aAAlC;AAGA,SAASC,YAAT,QAA6B,wBAA7B;AAMA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAYG,CAAZ,YAA4B;AAAA,MAA3B;AAAEC,IAAAA;AAAF,GAA2B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC1B,SAAOA,IAAI,CAACC,MAAL,CAAYC,SAAZ,CAAsBN,YAAY,CAACI,IAAD,EAAOD,KAAP,EAAc,CAAd,CAAlC,CAAP;AACD,CAHgC,CAAnC;AAMA,OAAO,MAAMI,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Color } from \"../../../skia/types\";\nimport { processColor } from \"../../processors/Color\";\n\nexport interface ColorShaderProps {\n  color: Color;\n}\n\nconst onDeclare = createDeclaration<ColorShaderProps>(\n  ({ color }, _, { Skia }) => {\n    return Skia.Shader.MakeColor(processColor(Skia, color, 1));\n  }\n);\n\nexport const ColorShader = (props: AnimatedProps<ColorShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/shaders/FractalNoise.js

@@ -1,9 +1,8 @@
 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 { Skia } from "../../../skia";
 import { createDeclaration } from "../../nodes/Declaration";
-const onDeclare = createDeclaration(_ref => {
+const onDeclare = createDeclaration((_ref, _, _ref2) => {
   let {
     freqX,
     freqY,
@@ -12,6 +11,9 @@ const onDeclare = createDeclaration(_ref => {
     tileWidth,
     tileHeight
   } = _ref;
+  let {
+    Skia
+  } = _ref2;
   return Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
 });
 export const FractalNoise = props => {

package/lib/module/renderer/components/shaders/FractalNoise.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FractalNoise.tsx"],"names":["React","Skia","createDeclaration","onDeclare","freqX","freqY","octaves","seed","tileWidth","tileHeight","Shader","MakeFractalNoise","FractalNoise","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAYA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,QAA4D;AAAA,MAA3D;AAAEE,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,SAA/B;AAA0CC,IAAAA;AAA1C,GAA2D;AAC1D,SAAOR,IAAI,CAACS,MAAL,CAAYC,gBAAZ,CACLP,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVgC,CAAnC;AAaA,OAAO,MAAMG,YAAY,GAAIC,KAAD,IAA6C;AACvE,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;AAIPD,YAAY,CAACE,YAAb,GAA4B;AAC1BP,EAAAA,IAAI,EAAE,CADoB;AAE1BC,EAAAA,SAAS,EAAE,CAFe;AAG1BC,EAAAA,UAAU,EAAE;AAHc,CAA5B","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface FractalNoiseProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<FractalNoiseProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }) => {\n    return Skia.Shader.MakeFractalNoise(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const FractalNoise = (props: AnimatedProps<FractalNoiseProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nFractalNoise.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}
+{"version":3,"sources":["FractalNoise.tsx"],"names":["React","createDeclaration","onDeclare","_","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeFractalNoise","FractalNoise","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AAYA,MAAMC,SAAS,GAAGD,iBAAiB,CACjC,OAAyDE,CAAzD,YAAyE;AAAA,MAAxE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,SAA/B;AAA0CC,IAAAA;AAA1C,GAAwE;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACvE,SAAOA,IAAI,CAACC,MAAL,CAAYC,gBAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVgC,CAAnC;AAaA,OAAO,MAAMI,YAAY,GAAIC,KAAD,IAA6C;AACvE,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;AAIPD,YAAY,CAACE,YAAb,GAA4B;AAC1BR,EAAAA,IAAI,EAAE,CADoB;AAE1BC,EAAAA,SAAS,EAAE,CAFe;AAG1BC,EAAAA,UAAU,EAAE;AAHc,CAA5B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface FractalNoiseProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<FractalNoiseProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }, _, { Skia }) => {\n    return Skia.Shader.MakeFractalNoise(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const FractalNoise = (props: AnimatedProps<FractalNoiseProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nFractalNoise.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

package/lib/module/renderer/components/shaders/Gradient.js

@@ -1,7 +1,7 @@
-import { Skia, TileMode } from "../../../skia";
+import { TileMode } from "../../../skia/types";
 import { enumKey } from "../../processors/Paint";
 import { localMatrix } from "../../processors/Transform";
-export const processGradientProps = _ref => {
+export const processGradientProps = (Skia, _ref) => {
   let {
     colors,
     positions,
@@ -14,7 +14,7 @@ export const processGradientProps = _ref => {
     positions: positions !== null && positions !== void 0 ? positions : null,
     mode: TileMode[enumKey(mode !== null && mode !== void 0 ? mode : "clamp")],
     flags,
-    localMatrix: localMatrix(transform)
+    localMatrix: localMatrix(Skia.Matrix(), transform)
   };
 };
 //# sourceMappingURL=Gradient.js.map

package/lib/module/renderer/components/shaders/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gradient.ts"],"names":["Skia","TileMode","enumKey","localMatrix","processGradientProps","colors","positions","mode","flags","transform","map","color","Color"],"mappings":"AAAA,SAASA,IAAT,EAAeC,QAAf,QAA+B,eAA/B;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AAUA,OAAO,MAAMC,oBAAoB,GAAG;AAAA,MAAC;AACnCC,IAAAA,MADmC;AAEnCC,IAAAA,SAFmC;AAGnCC,IAAAA,IAHmC;AAInCC,IAAAA,KAJmC;AAKnC,OAAGC;AALgC,GAAD;AAAA,SAMd;AACpBJ,IAAAA,MAAM,EAAEA,MAAM,CAACK,GAAP,CAAYC,KAAD,IAAWX,IAAI,CAACY,KAAL,CAAWD,KAAX,CAAtB,CADY;AAEpBL,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,IAFJ;AAGpBC,IAAAA,IAAI,EAAEN,QAAQ,CAACC,OAAO,CAACK,IAAD,aAACA,IAAD,cAACA,IAAD,GAAS,OAAT,CAAR,CAHM;AAIpBC,IAAAA,KAJoB;AAKpBL,IAAAA,WAAW,EAAEA,WAAW,CAACM,SAAD;AALJ,GANc;AAAA,CAA7B","sourcesContent":["import { Skia, TileMode } from \"../../../skia\";\nimport type { SkEnum } from \"../../processors/Paint\";\nimport type { TransformProps } from \"../../processors/Transform\";\nimport { enumKey } from \"../../processors/Paint\";\nimport { localMatrix } from \"../../processors/Transform\";\nimport type { Color } from \"../../../skia\";\n\nexport interface GradientProps extends TransformProps {\n  colors: Color[];\n  positions?: number[];\n  mode?: SkEnum<typeof TileMode>;\n  flags?: number;\n}\n\nexport const processGradientProps = ({\n  colors,\n  positions,\n  mode,\n  flags,\n  ...transform\n}: GradientProps) => ({\n  colors: colors.map((color) => Skia.Color(color)),\n  positions: positions ?? null,\n  mode: TileMode[enumKey(mode ?? \"clamp\")],\n  flags,\n  localMatrix: localMatrix(transform),\n});\n"]}
+{"version":3,"sources":["Gradient.ts"],"names":["TileMode","enumKey","localMatrix","processGradientProps","Skia","colors","positions","mode","flags","transform","map","color","Color","Matrix"],"mappings":"AAAA,SAASA,QAAT,QAAyB,qBAAzB;AAGA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AAUA,OAAO,MAAMC,oBAAoB,GAAG,CAClCC,IADkC;AAAA,MAElC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,KAA3B;AAAkC,OAAGC;AAArC,GAFkC;AAAA,SAG9B;AACJJ,IAAAA,MAAM,EAAEA,MAAM,CAACK,GAAP,CAAYC,KAAD,IAAWP,IAAI,CAACQ,KAAL,CAAWD,KAAX,CAAtB,CADJ;AAEJL,IAAAA,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe,IAFpB;AAGJC,IAAAA,IAAI,EAAEP,QAAQ,CAACC,OAAO,CAACM,IAAD,aAACA,IAAD,cAACA,IAAD,GAAS,OAAT,CAAR,CAHV;AAIJC,IAAAA,KAJI;AAKJN,IAAAA,WAAW,EAAEA,WAAW,CAACE,IAAI,CAACS,MAAL,EAAD,EAAgBJ,SAAhB;AALpB,GAH8B;AAAA,CAA7B","sourcesContent":["import { TileMode } from \"../../../skia/types\";\nimport type { SkEnum } from \"../../processors/Paint\";\nimport type { TransformProps } from \"../../processors/Transform\";\nimport { enumKey } from \"../../processors/Paint\";\nimport { localMatrix } from \"../../processors/Transform\";\nimport type { Color, Skia } from \"../../../skia/types\";\n\nexport interface GradientProps extends TransformProps {\n  colors: Color[];\n  positions?: number[];\n  mode?: SkEnum<typeof TileMode>;\n  flags?: number;\n}\n\nexport const processGradientProps = (\n  Skia: Skia,\n  { colors, positions, mode, flags, ...transform }: GradientProps\n) => ({\n  colors: colors.map((color) => Skia.Color(color)),\n  positions: positions ?? null,\n  mode: TileMode[enumKey(mode ?? \"clamp\")],\n  flags,\n  localMatrix: localMatrix(Skia.Matrix(), transform),\n});\n"]}