@shopify/react-native-skia 0.1.146 → 0.1.148

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

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

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["Color.tsx"],"names":["React","ColorShader","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,WAAW,GAAIC,KAAD,IAAkC;AAC3D,sBAAO,qCAAmBA,KAAnB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { ColorProps } from \"../../../dom/types\";\n\nexport const ColorShader = (props: SkiaProps<ColorProps>) => {\n  return <skColorShader {...props} />;\n};\n"]}

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

@@ -1,25 +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";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    freqX,
-    freqY,
-    octaves,
-    seed,
-    tileWidth,
-    tileHeight
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return Skia.Shader.MakeFractalNoise(freqX, freqY, octaves, seed, tileWidth, tileHeight);
-});
 export const FractalNoise = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skFractalNoise", props);
 };
 FractalNoise.defaultProps = {
   seed: 0,

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["FractalNoise.tsx"],"names":["React","FractalNoise","props","defaultProps","seed","tileWidth","tileHeight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,YAAY,GAAIC,KAAD,IAAyC;AACnE,sBAAO,sCAAoBA,KAApB,CAAP;AACD,CAFM;AAIPD,YAAY,CAACE,YAAb,GAA4B;AAC1BC,EAAAA,IAAI,EAAE,CADoB;AAE1BC,EAAAA,SAAS,EAAE,CAFe;AAG1BC,EAAAA,UAAU,EAAE;AAHc,CAA5B","sourcesContent":["import React from \"react\";\n\nimport type { FractalNoiseProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const FractalNoise = (props: SkiaProps<FractalNoiseProps>) => {\n  return <skFractalNoise {...props} />;\n};\n\nFractalNoise.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

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

@@ -1,29 +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 { processGradientProps } from "./Gradient";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    start,
-    end,
-    ...gradientProps
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const {
-    colors,
-    positions,
-    mode,
-    localMatrix,
-    flags
-  } = processGradientProps(Skia, gradientProps);
-  return Skia.Shader.MakeLinearGradient(start, end, colors, positions, mode, localMatrix, flags);
-});
 export const LinearGradient = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skLinearGradient", props);
 };
 //# sourceMappingURL=LinearGradient.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["LinearGradient.tsx"],"names":["React","createDeclaration","processGradientProps","onDeclare","_","start","end","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeLinearGradient","LinearGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,oBAAT,QAAqC,YAArC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAmCG,CAAnC,YAAmD;AAAA,MAAlD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,GAAT;AAAc,OAAGC;AAAjB,GAAkD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACjD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJX,oBAAoB,CAACM,IAAD,EAAOD,aAAP,CADtB;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,kBAAZ,CACLV,KADK,EAELC,GAFK,EAGLG,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbgC,CAAnC;AAgBA,OAAO,MAAMG,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { Vector } from \"../../../skia/types\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface LinearGradientProps extends GradientProps {\n  start: Vector;\n  end: Vector;\n}\n\nconst onDeclare = createDeclaration<LinearGradientProps>(\n  ({ start, end, ...gradientProps }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, gradientProps);\n    return Skia.Shader.MakeLinearGradient(\n      start,\n      end,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const LinearGradient = (props: AnimatedProps<LinearGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["LinearGradient.tsx"],"names":["React","LinearGradient","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 { SkiaProps } from \"../../processors\";\nimport type { LinearGradientProps } from \"../../../dom/types\";\n\nexport const LinearGradient = (props: SkiaProps<LinearGradientProps>) => {\n  return <skLinearGradient {...props} />;\n};\n"]}

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

@@ -1,29 +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 { processGradientProps } from "./Gradient";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    c,
-    r,
-    ...gradientProps
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const {
-    colors,
-    positions,
-    mode,
-    localMatrix,
-    flags
-  } = processGradientProps(Skia, gradientProps);
-  return Skia.Shader.MakeRadialGradient(c, r, colors, positions, mode, localMatrix, flags);
-});
 export const RadialGradient = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skRadialGradient", props);
 };
 //# sourceMappingURL=RadialGradient.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["RadialGradient.tsx"],"names":["React","createDeclaration","processGradientProps","onDeclare","_","c","r","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeRadialGradient","RadialGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,oBAAT,QAAqC,YAArC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAA6BG,CAA7B,YAA6C;AAAA,MAA5C;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQ,OAAGC;AAAX,GAA4C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC3C,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJX,oBAAoB,CAACM,IAAD,EAAOD,aAAP,CADtB;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,kBAAZ,CACLV,CADK,EAELC,CAFK,EAGLG,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,CAAP;AASD,CAbgC,CAAnC;AAgBA,OAAO,MAAMG,cAAc,GAAIC,KAAD,IAA+C;AAC3E,sBAAO;AAAe,IAAA,SAAS,EAAEd;AAA1B,KAAyCc,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { Vector } from \"../../../skia/types\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface RadialGradientProps extends GradientProps {\n  c: Vector;\n  r: number;\n}\n\nconst onDeclare = createDeclaration<RadialGradientProps>(\n  ({ c, r, ...gradientProps }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, gradientProps);\n    return Skia.Shader.MakeRadialGradient(\n      c,\n      r,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const RadialGradient = (props: AnimatedProps<RadialGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["RadialGradient.tsx"],"names":["React","RadialGradient","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 { SkiaProps } from \"../../processors\";\nimport type { RadialGradientProps } from \"../../../dom/types\";\n\nexport const RadialGradient = (props: SkiaProps<RadialGradientProps>) => {\n  return <skRadialGradient {...props} />;\n};\n"]}

package/lib/module/renderer/components/shaders/Shader.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 { isShader, processUniforms } from "../../../skia/types";
-import { createDeclaration } from "../../nodes/Declaration";
-import { localMatrix } from "../../processors";
-const onDeclare = createDeclaration((_ref, children, _ref2) => {
-  let {
-    uniforms,
-    source,
-    ...transform
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return source.makeShaderWithChildren(processUniforms(source, uniforms), children.filter(isShader), localMatrix(Skia.Matrix(), transform));
-});
 export const Shader = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skShader", props);
 };
 Shader.defaultProps = {
   uniforms: []

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

@@ -1 +1 @@
-{"version":3,"sources":["Shader.tsx"],"names":["React","isShader","processUniforms","createDeclaration","localMatrix","onDeclare","children","uniforms","source","transform","Skia","makeShaderWithChildren","filter","Matrix","Shader","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,QAAT,EAAmBC,eAAnB,QAA0C,qBAA1C;AAEA,SAASC,iBAAT,QAAkC,yBAAlC;AACA,SAASC,WAAT,QAA4B,kBAA5B;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAqCG,QAArC,YAA4D;AAAA,MAA3D;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoB,OAAGC;AAAvB,GAA2D;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC1D,SAAOF,MAAM,CAACG,sBAAP,CACLT,eAAe,CAACM,MAAD,EAASD,QAAT,CADV,EAELD,QAAQ,CAACM,MAAT,CAAgBX,QAAhB,CAFK,EAGLG,WAAW,CAACM,IAAI,CAACG,MAAL,EAAD,EAAgBJ,SAAhB,CAHN,CAAP;AAKD,CAPgC,CAAnC;AAUA,OAAO,MAAMK,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBT,EAAAA,QAAQ,EAAE;AADU,CAAtB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { SkRuntimeEffect, Uniforms } from \"../../../skia/types\";\nimport { isShader, processUniforms } from \"../../../skia/types\";\nimport type { AnimatedProps, TransformProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { localMatrix } from \"../../processors\";\n\nexport interface ShaderProps extends TransformProps {\n  source: SkRuntimeEffect;\n  uniforms: Uniforms;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ShaderProps>(\n  ({ uniforms, source, ...transform }, children, { Skia }) => {\n    return source.makeShaderWithChildren(\n      processUniforms(source, uniforms),\n      children.filter(isShader),\n      localMatrix(Skia.Matrix(), transform)\n    );\n  }\n);\n\nexport const Shader = (props: AnimatedProps<ShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nShader.defaultProps = {\n  uniforms: [],\n};\n"]}
+{"version":3,"sources":["Shader.tsx"],"names":["React","Shader","props","defaultProps","uniforms"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,MAAM,GAAIC,KAAD,IAAmC;AACvD,sBAAO,gCAAcA,KAAd,CAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBC,EAAAA,QAAQ,EAAE;AADU,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { ShaderProps } from \"../../../dom/types\";\n\nexport const Shader = (props: SkiaProps<ShaderProps>) => {\n  return <skShader {...props} />;\n};\n\nShader.defaultProps = {\n  uniforms: [],\n};\n"]}

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

@@ -1,30 +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 { processGradientProps } from "./Gradient";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    c,
-    start,
-    end,
-    ...gradientProps
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const {
-    colors,
-    positions,
-    mode,
-    localMatrix,
-    flags
-  } = processGradientProps(Skia, gradientProps);
-  return Skia.Shader.MakeSweepGradient(c.x, c.y, colors, positions, mode, localMatrix, flags, start, end);
-});
 export const SweepGradient = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skSweepGradient", props);
 };
 //# sourceMappingURL=SweepGradient.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["SweepGradient.tsx"],"names":["React","createDeclaration","processGradientProps","onDeclare","_","c","start","end","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeSweepGradient","x","y","SweepGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,oBAAT,QAAqC,YAArC;AAQA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAsCG,CAAtC,YAAsD;AAAA,MAArD;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,OAAGC;AAApB,GAAqD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACpD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJZ,oBAAoB,CAACO,IAAD,EAAOD,aAAP,CADtB;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,iBAAZ,CACLX,CAAC,CAACY,CADG,EAELZ,CAAC,CAACa,CAFG,EAGLR,MAHK,EAILC,SAJK,EAKLC,IALK,EAMLC,WANK,EAOLC,KAPK,EAQLR,KARK,EASLC,GATK,CAAP;AAWD,CAfgC,CAAnC;AAkBA,OAAO,MAAMY,aAAa,GAAIC,KAAD,IAA8C;AACzE,sBAAO;AAAe,IAAA,SAAS,EAAEjB;AAA1B,KAAyCiB,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { Vector } from \"../../../skia/types\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface SweepGradientProps extends GradientProps {\n  c: Vector;\n  start?: number;\n  end?: number;\n}\n\nconst onDeclare = createDeclaration<SweepGradientProps>(\n  ({ c, start, end, ...gradientProps }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, gradientProps);\n    return Skia.Shader.MakeSweepGradient(\n      c.x,\n      c.y,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags,\n      start,\n      end\n    );\n  }\n);\n\nexport const SweepGradient = (props: AnimatedProps<SweepGradientProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["SweepGradient.tsx"],"names":["React","SweepGradient","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,aAAa,GAAIC,KAAD,IAA0C;AACrE,sBAAO,uCAAqBA,KAArB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SweepGradientProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const SweepGradient = (props: SkiaProps<SweepGradientProps>) => {\n  return <skSweepGradient {...props} />;\n};\n"]}

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

@@ -1,25 +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";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    freqX,
-    freqY,
-    octaves,
-    seed,
-    tileWidth,
-    tileHeight
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  return Skia.Shader.MakeTurbulence(freqX, freqY, octaves, seed, tileWidth, tileHeight);
-});
 export const Turbulence = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skTurbulence", props);
 };
 Turbulence.defaultProps = {
   seed: 0,

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

@@ -1 +1 @@
-{"version":3,"sources":["Turbulence.tsx"],"names":["React","createDeclaration","onDeclare","_","freqX","freqY","octaves","seed","tileWidth","tileHeight","Skia","Shader","MakeTurbulence","Turbulence","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,cAAZ,CACLR,KADK,EAELC,KAFK,EAGLC,OAHK,EAILC,IAJK,EAKLC,SALK,EAMLC,UANK,CAAP;AAQD,CAVgC,CAAnC;AAaA,OAAO,MAAMI,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBR,EAAAA,IAAI,EAAE,CADkB;AAExBC,EAAAA,SAAS,EAAE,CAFa;AAGxBC,EAAAA,UAAU,EAAE;AAHY,CAA1B","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nexport interface TurbulenceProps {\n  freqX: number;\n  freqY: number;\n  octaves: number;\n  seed: number;\n  tileWidth: number;\n  tileHeight: number;\n}\n\nconst onDeclare = createDeclaration<TurbulenceProps>(\n  ({ freqX, freqY, octaves, seed, tileWidth, tileHeight }, _, { Skia }) => {\n    return Skia.Shader.MakeTurbulence(\n      freqX,\n      freqY,\n      octaves,\n      seed,\n      tileWidth,\n      tileHeight\n    );\n  }\n);\n\nexport const Turbulence = (props: AnimatedProps<TurbulenceProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nTurbulence.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}
+{"version":3,"sources":["Turbulence.tsx"],"names":["React","Turbulence","props","defaultProps","seed","tileWidth","tileHeight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,UAAU,GAAIC,KAAD,IAAuC;AAC/D,sBAAO,oCAAkBA,KAAlB,CAAP;AACD,CAFM;AAIPD,UAAU,CAACE,YAAX,GAA0B;AACxBC,EAAAA,IAAI,EAAE,CADkB;AAExBC,EAAAA,SAAS,EAAE,CAFa;AAGxBC,EAAAA,UAAU,EAAE;AAHY,CAA1B","sourcesContent":["import React from \"react\";\n\nimport type { TurbulenceProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const Turbulence = (props: SkiaProps<TurbulenceProps>) => {\n  return <skTurbulence {...props} />;\n};\n\nTurbulence.defaultProps = {\n  seed: 0,\n  tileWidth: 0,\n  tileHeight: 0,\n};\n"]}

package/lib/module/renderer/components/shaders/TwoPointConicalGradient.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 { createDeclaration } from "../../nodes/Declaration";
-import { processGradientProps } from "./Gradient";
-const onDeclare = createDeclaration((_ref, _, _ref2) => {
-  let {
-    start,
-    startR,
-    end,
-    endR,
-    ...gradientProps
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const {
-    colors,
-    positions,
-    mode,
-    localMatrix,
-    flags
-  } = processGradientProps(Skia, gradientProps);
-  return Skia.Shader.MakeTwoPointConicalGradient(start, startR, end, endR, colors, positions, mode, localMatrix, flags);
-});
 export const TwoPointConicalGradient = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skTwoPointConicalGradient", props);
 };
 //# sourceMappingURL=TwoPointConicalGradient.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["TwoPointConicalGradient.tsx"],"names":["React","createDeclaration","processGradientProps","onDeclare","_","start","startR","end","endR","gradientProps","Skia","colors","positions","mode","localMatrix","flags","Shader","MakeTwoPointConicalGradient","TwoPointConicalGradient","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,SAASC,oBAAT,QAAqC,YAArC;AASA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAiDG,CAAjD,YAAiE;AAAA,MAAhE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,GAAjB;AAAsBC,IAAAA,IAAtB;AAA4B,OAAGC;AAA/B,GAAgE;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC/D,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA,WAA3B;AAAwCC,IAAAA;AAAxC,MACJb,oBAAoB,CAACQ,IAAD,EAAOD,aAAP,CADtB;AAEA,SAAOC,IAAI,CAACM,MAAL,CAAYC,2BAAZ,CACLZ,KADK,EAELC,MAFK,EAGLC,GAHK,EAILC,IAJK,EAKLG,MALK,EAMLC,SANK,EAOLC,IAPK,EAQLC,WARK,EASLC,KATK,CAAP;AAWD,CAfgC,CAAnC;AAkBA,OAAO,MAAMG,uBAAuB,GAClCC,KADqC,IAElC;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEhB;AAA1B,KAAyCgB,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { Vector } from \"../../../skia/types\";\n\nimport type { GradientProps } from \"./Gradient\";\nimport { processGradientProps } from \"./Gradient\";\n\nexport interface TwoPointConicalGradientProps extends GradientProps {\n  start: Vector;\n  startR: number;\n  end: Vector;\n  endR: number;\n}\n\nconst onDeclare = createDeclaration<TwoPointConicalGradientProps>(\n  ({ start, startR, end, endR, ...gradientProps }, _, { Skia }) => {\n    const { colors, positions, mode, localMatrix, flags } =\n      processGradientProps(Skia, gradientProps);\n    return Skia.Shader.MakeTwoPointConicalGradient(\n      start,\n      startR,\n      end,\n      endR,\n      colors,\n      positions,\n      mode,\n      localMatrix,\n      flags\n    );\n  }\n);\n\nexport const TwoPointConicalGradient = (\n  props: AnimatedProps<TwoPointConicalGradientProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["TwoPointConicalGradient.tsx"],"names":["React","TwoPointConicalGradient","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,uBAAuB,GAClCC,KADqC,IAElC;AACH,sBAAO,iDAA+BA,KAA/B,CAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport type { TwoPointConicalGradientProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const TwoPointConicalGradient = (\n  props: SkiaProps<TwoPointConicalGradientProps>\n) => {\n  return <skTwoPointConicalGradient {...props} />;\n};\n"]}

package/lib/module/renderer/components/shapes/Box.js

@@ -1,103 +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 { ClipOp, BlurStyle } from "../../../skia/types";
-import { createDrawing } from "../../nodes";
-import { createDeclaration } from "../../nodes/Declaration";
-import { processColor } from "../../processors/Color";
-import { isRRect } from "../../../skia/types/RRect";
-
-const inflate = function (Skia, box, dx, dy) {
-  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-  return Skia.RRectXY(Skia.XYWHRect(box.rect.x - dx + tx, box.rect.y - dy + ty, box.rect.width + 2 * dx, box.rect.height + 2 * dy), box.rx + dx, box.ry + dy);
-};
-
-const deflate = function (Skia, box, dx, dy) {
-  let tx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  let ty = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-  return inflate(Skia, box, -dx, -dy, tx, ty);
-};
-
-const onDeclare = createDeclaration(_ref => {
-  let {
-    dx,
-    dy,
-    spread,
-    blur,
-    color,
-    inner
-  } = _ref;
-  return {
-    dx,
-    dy,
-    spread,
-    blur,
-    color,
-    inner,
-    __typename__: "BoxShadow"
-  };
-});
 export const BoxShadow = props => {
-  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/React.createElement("skBoxShadow", props);
 };
-
-const isBoxShadow = s => s.__typename__ === "BoxShadow";
-
-const onDraw = createDrawing((ctx, _ref2, node) => {
-  let {
-    box: defaultBox
-  } = _ref2;
-  const {
-    canvas,
-    paint,
-    opacity,
-    Skia
-  } = ctx;
-  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);
-  const shadows = node.visit(ctx).filter(isBoxShadow);
-  shadows.filter(shadow => !shadow.inner).map(shadow => {
-    const {
-      color = "black",
-      blur,
-      spread = 0,
-      dx = 0,
-      dy = 0
-    } = shadow;
-    const lPaint = Skia.Paint();
-    lPaint.setColor(processColor(Skia, color, opacity));
-    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true));
-    canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);
-  });
-  canvas.drawRRect(box, paint);
-  shadows.filter(shadow => shadow.inner).map(shadow => {
-    const {
-      color = "black",
-      blur,
-      spread = 0,
-      dx = 0,
-      dy = 0
-    } = shadow;
-    const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));
-    canvas.save();
-    canvas.clipRRect(box, ClipOp.Intersect, false);
-    const lPaint = Skia.Paint();
-    lPaint.setColor(processColor(Skia, color, opacity));
-    lPaint.setMaskFilter(Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true));
-    const inner = deflate(Skia, box, spread, spread, dx, dy);
-    const outer = inflate(Skia, box, delta.x, delta.y);
-    canvas.drawDRRect(outer, inner, lPaint);
-    canvas.restore();
-  });
-});
 export const Box = props => {
-  return /*#__PURE__*/React.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
-};
-Box.defaultProps = {
-  shadows: []
+  return /*#__PURE__*/React.createElement("skBox", props);
 };
 //# sourceMappingURL=Box.js.map

package/lib/module/renderer/components/shapes/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Box.tsx"],"names":["React","ClipOp","BlurStyle","createDrawing","createDeclaration","processColor","isRRect","inflate","Skia","box","dx","dy","tx","ty","RRectXY","XYWHRect","rect","x","y","width","height","rx","ry","deflate","onDeclare","spread","blur","color","inner","__typename__","BoxShadow","props","isBoxShadow","s","onDraw","ctx","node","defaultBox","canvas","paint","opacity","shadows","visit","filter","shadow","map","lPaint","Paint","setColor","setMaskFilter","MaskFilter","MakeBlur","Normal","drawRRect","delta","Point","Math","abs","save","clipRRect","Intersect","outer","drawDRRect","restore","Box","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport type {\n  Color,\n  SkRRect,\n  SkJSIInstance,\n  SkRect,\n  Skia,\n} from \"../../../skia/types\";\nimport { ClipOp, BlurStyle } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, CustomPaintProps } from \"../../processors\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport { processColor } from \"../../processors/Color\";\nimport { isRRect } from \"../../../skia/types/RRect\";\n\nconst inflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) =>\n  Skia.RRectXY(\n    Skia.XYWHRect(\n      box.rect.x - dx + tx,\n      box.rect.y - dy + ty,\n      box.rect.width + 2 * dx,\n      box.rect.height + 2 * dy\n    ),\n    box.rx + dx,\n    box.ry + dy\n  );\n\nconst deflate = (\n  Skia: Skia,\n  box: SkRRect,\n  dx: number,\n  dy: number,\n  tx = 0,\n  ty = 0\n) => inflate(Skia, box, -dx, -dy, tx, ty);\n\ninterface BoxShadowProps {\n  dx?: number;\n  dy?: number;\n  spread?: number;\n  blur: number;\n  color?: Color;\n  inner?: boolean;\n}\n\ninterface BoxShadowDecl extends BoxShadowProps, SkJSIInstance<\"BoxShadow\"> {}\n\nconst onDeclare = createDeclaration<BoxShadowProps>(\n  ({ dx, dy, spread, blur, color, inner }) => {\n    return { dx, dy, spread, blur, color, inner, __typename__: \"BoxShadow\" };\n  }\n);\n\nexport const BoxShadow = (props: AnimatedProps<BoxShadowProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nconst isBoxShadow = (s: SkJSIInstance<string>): s is BoxShadowDecl =>\n  s.__typename__ === \"BoxShadow\";\n\ninterface BoxProps extends CustomPaintProps {\n  box: SkRRect | SkRect;\n}\n\nconst onDraw = createDrawing<BoxProps>((ctx, { box: defaultBox }, node) => {\n  const { canvas, paint, opacity, Skia } = ctx;\n  const box = isRRect(defaultBox) ? defaultBox : Skia.RRectXY(defaultBox, 0, 0);\n  const shadows = node.visit(ctx).filter<BoxShadowDecl>(isBoxShadow);\n  shadows\n    .filter((shadow) => !shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(Skia, color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      canvas.drawRRect(inflate(Skia, box, spread, spread, dx, dy), lPaint);\n    });\n  canvas.drawRRect(box, paint);\n\n  shadows\n    .filter((shadow) => shadow.inner)\n    .map((shadow) => {\n      const { color = \"black\", blur, spread = 0, dx = 0, dy = 0 } = shadow;\n      const delta = Skia.Point(10 + Math.abs(dx), 10 + Math.abs(dy));\n      canvas.save();\n      canvas.clipRRect(box, ClipOp.Intersect, false);\n      const lPaint = Skia.Paint();\n      lPaint.setColor(processColor(Skia, color, opacity));\n      lPaint.setMaskFilter(\n        Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)\n      );\n      const inner = deflate(Skia, box, spread, spread, dx, dy);\n      const outer = inflate(Skia, box, delta.x, delta.y);\n      canvas.drawDRRect(outer, inner, lPaint);\n      canvas.restore();\n    });\n});\n\nexport const Box = (props: AnimatedProps<BoxProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nBox.defaultProps = {\n  shadows: [],\n};\n"]}
+{"version":3,"sources":["Box.tsx"],"names":["React","BoxShadow","props","Box"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,SAAS,GAAIC,KAAD,IAAsC;AAC7D,sBAAO,mCAAiBA,KAAjB,CAAP;AACD,CAFM;AAIP,OAAO,MAAMC,GAAG,GAAID,KAAD,IAAgC;AACjD,sBAAO,6BAAWA,KAAX,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { BoxProps, BoxShadowProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const BoxShadow = (props: SkiaProps<BoxShadowProps>) => {\n  return <skBoxShadow {...props} />;\n};\n\nexport const Box = (props: SkiaProps<BoxProps>) => {\n  return <skBox {...props} />;\n};\n"]}

package/lib/module/renderer/components/shapes/Circle.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 { createDrawing } from "../../nodes/Drawing";
-import { processCircle } from "../../processors";
-const onDraw = createDrawing((_ref, def) => {
-  let {
-    canvas,
-    paint,
-    Skia
-  } = _ref;
-  const {
-    c,
-    r
-  } = processCircle(Skia, def);
-  canvas.drawCircle(c.x, c.y, r, paint);
-});
 export const Circle = props => {
-  return /*#__PURE__*/React.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/React.createElement("skCircle", props);
 };
 Circle.defaultProps = {
   c: {

package/lib/module/renderer/components/shapes/Circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Circle.tsx"],"names":["React","createDrawing","processCircle","onDraw","def","canvas","paint","Skia","c","r","drawCircle","x","y","Circle","props","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,SAASC,aAAT,QAA8B,qBAA9B;AACA,SAASC,aAAT,QAA8B,kBAA9B;AAIA,MAAMC,MAAM,GAAGF,aAAa,CAAc,OAA0BG,GAA1B,KAAkC;AAAA,MAAjC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAAiC;AAC1E,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA;AAAL,MAAWP,aAAa,CAACK,IAAD,EAAOH,GAAP,CAA9B;AACAC,EAAAA,MAAM,CAACK,UAAP,CAAkBF,CAAC,CAACG,CAApB,EAAuBH,CAAC,CAACI,CAAzB,EAA4BH,CAA5B,EAA+BH,KAA/B;AACD,CAH2B,CAA5B;AAKA,OAAO,MAAMO,MAAM,GAAIC,KAAD,IAAuC;AAC3D,sBAAO;AAAW,IAAA,MAAM,EAAEX;AAAnB,KAA+BW,KAA/B,EAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBP,EAAAA,CAAC,EAAE;AAAEG,IAAAA,CAAC,EAAE,CAAL;AAAQC,IAAAA,CAAC,EAAE;AAAX;AADiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type {\n  CustomPaintProps,\n  AnimatedProps,\n  CircleDef,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processCircle } from \"../../processors\";\n\nexport type CircleProps = CircleDef & CustomPaintProps;\n\nconst onDraw = createDrawing<CircleProps>(({ canvas, paint, Skia }, def) => {\n  const { c, r } = processCircle(Skia, def);\n  canvas.drawCircle(c.x, c.y, r, paint);\n});\n\nexport const Circle = (props: AnimatedProps<CircleProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nCircle.defaultProps = {\n  c: { x: 0, y: 0 },\n};\n"]}
+{"version":3,"sources":["Circle.tsx"],"names":["React","Circle","props","defaultProps","c","x","y"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,MAAM,GAAIC,KAAD,IAAmC;AACvD,sBAAO,gCAAcA,KAAd,CAAP;AACD,CAFM;AAIPD,MAAM,CAACE,YAAP,GAAsB;AACpBC,EAAAA,CAAC,EAAE;AAAEC,IAAAA,CAAC,EAAE,CAAL;AAAQC,IAAAA,CAAC,EAAE;AAAX;AADiB,CAAtB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { CircleProps } from \"../../../dom/types\";\n\nexport const Circle = (props: SkiaProps<CircleProps>) => {\n  return <skCircle {...props} />;\n};\n\nCircle.defaultProps = {\n  c: { x: 0, y: 0 },\n};\n"]}

package/lib/module/renderer/components/shapes/DiffRect.js

@@ -1,21 +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 { createDrawing } from "../../nodes/Drawing";
-const onDraw = createDrawing((_ref, _ref2) => {
-  let {
-    canvas,
-    paint
-  } = _ref;
-  let {
-    inner,
-    outer
-  } = _ref2;
-  canvas.drawDRRect(outer, inner, paint);
-});
 export const DiffRect = props => {
-  return /*#__PURE__*/React.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/React.createElement("skDiffRect", props);
 };
 //# sourceMappingURL=DiffRect.js.map

package/lib/module/renderer/components/shapes/DiffRect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DiffRect.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","inner","outer","drawDRRect","DiffRect","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,SAASC,aAAT,QAA8B,qBAA9B;AAOA,MAAMC,MAAM,GAAGD,aAAa,CAC1B,iBAAyC;AAAA,MAAxC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAwC;AAAA,MAArB;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAqB;AACvCH,EAAAA,MAAM,CAACI,UAAP,CAAkBD,KAAlB,EAAyBD,KAAzB,EAAgCD,KAAhC;AACD,CAHyB,CAA5B;AAMA,OAAO,MAAMI,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEP;AAAnB,KAA+BO,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps } from \"../../processors\";\nimport type { SkRRect } from \"../../../skia/types\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport interface DiffRectProps extends CustomPaintProps {\n  inner: SkRRect;\n  outer: SkRRect;\n}\n\nconst onDraw = createDrawing<DiffRectProps>(\n  ({ canvas, paint }, { inner, outer }) => {\n    canvas.drawDRRect(outer, inner, paint);\n  }\n);\n\nexport const DiffRect = (props: AnimatedProps<DiffRectProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["DiffRect.tsx"],"names":["React","DiffRect","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,QAAQ,GAAIC,KAAD,IAAqC;AAC3D,sBAAO,kCAAgBA,KAAhB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { DiffRectProps } from \"../../../dom/types\";\n\nexport const DiffRect = (props: SkiaProps<DiffRectProps>) => {\n  return <skDiffRect {...props} />;\n};\n"]}

package/lib/module/renderer/components/shapes/Fill.js

@@ -1,17 +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 { createDrawing } from "../../nodes/Drawing";
-const onDraw = createDrawing(_ref => {
-  let {
-    canvas,
-    paint
-  } = _ref;
-  canvas.drawPaint(paint);
-});
 export const Fill = props => {
-  return /*#__PURE__*/React.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/React.createElement("skFill", props);
 };
 //# sourceMappingURL=Fill.js.map

package/lib/module/renderer/components/shapes/Fill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fill.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","drawPaint","Fill","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,aAAT,QAA8B,qBAA9B;AAIA,MAAMC,MAAM,GAAGD,aAAa,CAAC,QAAuB;AAAA,MAAtB;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAsB;AAClDD,EAAAA,MAAM,CAACE,SAAP,CAAiBD,KAAjB;AACD,CAF2B,CAA5B;AAIA,OAAO,MAAME,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAEL;AAAnB,KAA+BK,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport type { CustomPaintProps } from \"../../processors/Paint\";\nimport { createDrawing } from \"../../nodes/Drawing\";\n\nexport type FillProps = CustomPaintProps;\n\nconst onDraw = createDrawing(({ canvas, paint }) => {\n  canvas.drawPaint(paint);\n});\n\nexport const Fill = (props: AnimatedProps<FillProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["Fill.tsx"],"names":["React","Fill","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,IAAI,GAAIC,KAAD,IAAwC;AAC1D,sBAAO,8BAAYA,KAAZ,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { DrawingNodeProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const Fill = (props: SkiaProps<DrawingNodeProps>) => {\n  return <skFill {...props} />;\n};\n"]}

package/lib/module/renderer/components/shapes/FitBox.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from "react";
-import { rect2rect, fitRects } from "../image";
+import { fitRects, rect2rect } from "../../../dom/nodes";
 import { Group } from "../Group";
 export const fitbox = (fit, src, dst) => {
   const rects = fitRects(fit, src, dst);

package/lib/module/renderer/components/shapes/FitBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FitBox.tsx"],"names":["React","useMemo","rect2rect","fitRects","Group","fitbox","fit","src","dst","rects","FitBox","children","transform","defaultProps"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAGA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,UAApC;AAEA,SAASC,KAAT,QAAsB,UAAtB;AASA,OAAO,MAAMC,MAAM,GAAG,CAACC,GAAD,EAAWC,GAAX,EAAwBC,GAAxB,KAAwC;AAC5D,QAAMC,KAAK,GAAGN,QAAQ,CAACG,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAAtB;AACA,SAAON,SAAS,CAACO,KAAK,CAACF,GAAP,EAAYE,KAAK,CAACD,GAAlB,CAAhB;AACD,CAHM;AAKP,OAAO,MAAME,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEJ,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBG,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAGX,OAAO,CAAC,MAAMI,MAAM,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAAb,EAA8B,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAA9B,CAAzB;AACA,sBAAO,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEK;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CAHM;AAKPD,MAAM,CAACG,YAAP,GAAsB;AACpBP,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../image\";\nimport { rect2rect, fitRects } from \"../image\";\nimport type { SkRect } from \"../../../skia/types\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const fitbox = (fit: Fit, src: SkRect, dst: SkRect) => {\n  const rects = fitRects(fit, src, dst);\n  return rect2rect(rects.src, rects.dst);\n};\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => fitbox(fit, src, dst), [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}
+{"version":3,"sources":["FitBox.tsx"],"names":["React","useMemo","fitRects","rect2rect","Group","fitbox","fit","src","dst","rects","FitBox","children","transform","defaultProps"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAGA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,oBAApC;AAEA,SAASC,KAAT,QAAsB,UAAtB;AASA,OAAO,MAAMC,MAAM,GAAG,CAACC,GAAD,EAAWC,GAAX,EAAwBC,GAAxB,KAAwC;AAC5D,QAAMC,KAAK,GAAGP,QAAQ,CAACI,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAAtB;AACA,SAAOL,SAAS,CAACM,KAAK,CAACF,GAAP,EAAYE,KAAK,CAACD,GAAlB,CAAhB;AACD,CAHM;AAKP,OAAO,MAAME,MAAM,GAAG,QAA2C;AAAA,MAA1C;AAAEJ,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,GAAZ;AAAiBG,IAAAA;AAAjB,GAA0C;AAC/D,QAAMC,SAAS,GAAGX,OAAO,CAAC,MAAMI,MAAM,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,CAAb,EAA8B,CAACA,GAAD,EAAMF,GAAN,EAAWC,GAAX,CAA9B,CAAzB;AACA,sBAAO,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAEK;AAAlB,KAA8BD,QAA9B,CAAP;AACD,CAHM;AAKPD,MAAM,CAACG,YAAP,GAAsB;AACpBP,EAAAA,GAAG,EAAE;AADe,CAAtB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport type { Fit } from \"../../../dom/nodes\";\nimport { fitRects, rect2rect } from \"../../../dom/nodes\";\nimport type { SkRect } from \"../../../skia/types\";\nimport { Group } from \"../Group\";\n\ninterface FitProps {\n  fit: Fit;\n  src: SkRect;\n  dst: SkRect;\n  children: ReactNode | ReactNode[];\n}\n\nexport const fitbox = (fit: Fit, src: SkRect, dst: SkRect) => {\n  const rects = fitRects(fit, src, dst);\n  return rect2rect(rects.src, rects.dst);\n};\n\nexport const FitBox = ({ fit, src, dst, children }: FitProps) => {\n  const transform = useMemo(() => fitbox(fit, src, dst), [dst, fit, src]);\n  return <Group transform={transform}>{children}</Group>;\n};\n\nFitBox.defaultProps = {\n  fit: \"contain\",\n};\n"]}

package/lib/module/renderer/components/shapes/Line.js

@@ -1,21 +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 { createDrawing } from "../../nodes/Drawing";
-const onDraw = createDrawing((_ref, _ref2) => {
-  let {
-    canvas,
-    paint
-  } = _ref;
-  let {
-    p1,
-    p2
-  } = _ref2;
-  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);
-});
 export const Line = props => {
-  return /*#__PURE__*/React.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/React.createElement("skLine", props);
 };
 //# sourceMappingURL=Line.js.map

package/lib/module/renderer/components/shapes/Line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Line.tsx"],"names":["React","createDrawing","onDraw","canvas","paint","p1","p2","drawLine","x","y","Line","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,qBAA9B;AAOA,MAAMC,MAAM,GAAGD,aAAa,CAAY,iBAAmC;AAAA,MAAlC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAkC;AAAA,MAAf;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAe;AACzEH,EAAAA,MAAM,CAACI,QAAP,CAAgBF,EAAE,CAACG,CAAnB,EAAsBH,EAAE,CAACI,CAAzB,EAA4BH,EAAE,CAACE,CAA/B,EAAkCF,EAAE,CAACG,CAArC,EAAwCL,KAAxC;AACD,CAF2B,CAA5B;AAIA,OAAO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAW,IAAA,MAAM,EAAET;AAAnB,KAA+BS,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { CustomPaintProps, AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport type { Vector } from \"../../../skia/types\";\n\nexport interface LineProps extends CustomPaintProps {\n  p1: Vector;\n  p2: Vector;\n}\nconst onDraw = createDrawing<LineProps>(({ canvas, paint }, { p1, p2 }) => {\n  canvas.drawLine(p1.x, p1.y, p2.x, p2.y, paint);\n});\n\nexport const Line = (props: AnimatedProps<LineProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["Line.tsx"],"names":["React","Line","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAKA,OAAO,MAAMC,IAAI,GAAIC,KAAD,IAAiC;AACnD,sBAAO,8BAAYA,KAAZ,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { LineProps } from \"../../../dom/types\";\n\nexport const Line = (props: SkiaProps<LineProps>) => {\n  return <skLine {...props} />;\n};\n"]}

package/lib/module/renderer/components/shapes/Oval.js

@@ -1,21 +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 { processRect } from "../../processors";
-import { createDrawing } from "../../nodes";
-const onDraw = createDrawing((_ref, rectProps) => {
-  let {
-    canvas,
-    paint,
-    Skia
-  } = _ref;
-  const rect = processRect(Skia, rectProps);
-  canvas.drawOval(rect, paint);
-});
 export const Oval = props => {
-  return /*#__PURE__*/React.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/React.createElement("skOval", props);
 };
 Oval.defaultProps = {
   x: 0,