@shopify/react-native-skia 0.1.146 → 0.1.148

package/lib/commonjs/renderer/components/backdrop/BackdropFilter.js

@@ -7,47 +7,17 @@ exports.BackdropFilter = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _nodes = require("../../nodes");
-
-var _getInput = require("../imageFilters/getInput");
-
 var _Group = require("../Group");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const disableFilterMemoization = children => {
-  children.forEach(child => {
-    child.memoizable = false;
-    disableFilterMemoization(child.children);
-  });
-};
-
-const onDraw = (0, _nodes.createDrawing)((ctx, _, node) => {
-  disableFilterMemoization(node.children);
-  const toFilter = node.visit(ctx);
-  const filter = (0, _getInput.getInput)(ctx.Skia, toFilter);
-
-  if (!filter) {
-    throw new Error("No image filter provided to the background");
-  }
-
-  const {
-    canvas
-  } = ctx;
-  canvas.saveLayer(undefined, null, filter);
-  canvas.restore();
-});
-
 const BackdropFilter = _ref => {
   let {
-    filter: filterChild,
+    filter,
     children: groupChildren,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Group.Group, props, /*#__PURE__*/_react.default.createElement("skDrawing", {
-    onDraw: onDraw,
-    skipProcessing: true
-  }, filterChild), groupChildren);
+  return /*#__PURE__*/_react.default.createElement(_Group.Group, props, /*#__PURE__*/_react.default.createElement("skBackdropFilter", null, filter), groupChildren);
 };
 
 exports.BackdropFilter = BackdropFilter;

package/lib/commonjs/renderer/components/backdrop/BackdropFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BackdropFilter.tsx"],"names":["disableFilterMemoization","children","forEach","child","memoizable","onDraw","ctx","_","node","toFilter","visit","filter","Skia","Error","canvas","saveLayer","undefined","restore","BackdropFilter","filterChild","groupChildren","props"],"mappings":";;;;;;;AACA;;AAGA;;AAEA;;AAEA;;;;AAEA,MAAMA,wBAAwB,GAAIC,QAAD,IAAsB;AACrDA,EAAAA,QAAQ,CAACC,OAAT,CAAkBC,KAAD,IAAW;AAC1BA,IAAAA,KAAK,CAACC,UAAN,GAAmB,KAAnB;AACAJ,IAAAA,wBAAwB,CAACG,KAAK,CAACF,QAAP,CAAxB;AACD,GAHD;AAID,CALD;;AAWA,MAAMI,MAAM,GAAG,0BAAmC,CAACC,GAAD,EAAMC,CAAN,EAASC,IAAT,KAAkB;AAClER,EAAAA,wBAAwB,CAACQ,IAAI,CAACP,QAAN,CAAxB;AACA,QAAMQ,QAAQ,GAAGD,IAAI,CAACE,KAAL,CAAWJ,GAAX,CAAjB;AACA,QAAMK,MAAM,GAAG,wBAASL,GAAG,CAACM,IAAb,EAAmBH,QAAnB,CAAf;;AACA,MAAI,CAACE,MAAL,EAAa;AACX,UAAM,IAAIE,KAAJ,CAAU,4CAAV,CAAN;AACD;;AACD,QAAM;AAAEC,IAAAA;AAAF,MAAaR,GAAnB;AACAQ,EAAAA,MAAM,CAACC,SAAP,CAAiBC,SAAjB,EAA4B,IAA5B,EAAkCL,MAAlC;AACAG,EAAAA,MAAM,CAACG,OAAP;AACD,CAVc,CAAf;;AAYO,MAAMC,cAAc,GAAG,QAIY;AAAA,MAJX;AAC7BP,IAAAA,MAAM,EAAEQ,WADqB;AAE7BlB,IAAAA,QAAQ,EAAEmB,aAFmB;AAG7B,OAAGC;AAH0B,GAIW;AACxC,sBACE,6BAAC,YAAD,EAAWA,KAAX,eACE;AAAW,IAAA,MAAM,EAAEhB,MAAnB;AAA2B,IAAA,cAAc;AAAzC,KACGc,WADH,CADF,EAIGC,aAJH,CADF;AAQD,CAbM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport type { AnimatedProps } from \"../../processors\";\nimport { createDrawing } from \"../../nodes\";\nimport type { Node } from \"../../nodes\";\nimport { getInput } from \"../imageFilters/getInput\";\nimport type { GroupProps } from \"../Group\";\nimport { Group } from \"../Group\";\n\nconst disableFilterMemoization = (children: Node[]) => {\n  children.forEach((child) => {\n    child.memoizable = false;\n    disableFilterMemoization(child.children);\n  });\n};\n\nexport interface BackdropFilterProps extends GroupProps {\n  filter: ReactNode | ReactNode[];\n}\n\nconst onDraw = createDrawing<BackdropFilterProps>((ctx, _, node) => {\n  disableFilterMemoization(node.children);\n  const toFilter = node.visit(ctx);\n  const filter = getInput(ctx.Skia, toFilter);\n  if (!filter) {\n    throw new Error(\"No image filter provided to the background\");\n  }\n  const { canvas } = ctx;\n  canvas.saveLayer(undefined, null, filter);\n  canvas.restore();\n});\n\nexport const BackdropFilter = ({\n  filter: filterChild,\n  children: groupChildren,\n  ...props\n}: AnimatedProps<BackdropFilterProps>) => {\n  return (\n    <Group {...props}>\n      <skDrawing onDraw={onDraw} skipProcessing>\n        {filterChild}\n      </skDrawing>\n      {groupChildren}\n    </Group>\n  );\n};\n"]}
+{"version":3,"sources":["BackdropFilter.tsx"],"names":["BackdropFilter","filter","children","groupChildren","props"],"mappings":";;;;;;;AACA;;AAIA;;;;AAMO,MAAMA,cAAc,GAAG,QAIQ;AAAA,MAJP;AAC7BC,IAAAA,MAD6B;AAE7BC,IAAAA,QAAQ,EAAEC,aAFmB;AAG7B,OAAGC;AAH0B,GAIO;AACpC,sBACE,6BAAC,YAAD,EAAWA,KAAX,eACE,uDAAmBH,MAAnB,CADF,EAEGE,aAFH,CADF;AAMD,CAXM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport type { GroupProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport { Group } from \"../Group\";\n\nexport interface BackdropFilterProps extends GroupProps {\n  filter: ReactNode | ReactNode[];\n}\n\nexport const BackdropFilter = ({\n  filter,\n  children: groupChildren,\n  ...props\n}: SkiaProps<BackdropFilterProps>) => {\n  return (\n    <Group {...props}>\n      <skBackdropFilter>{filter}</skBackdropFilter>\n      {groupChildren}\n    </Group>\n  );\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/BlendColor.js

@@ -7,34 +7,10 @@ exports.BlendColor = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _nodes = require("../../nodes");
-
-var _processors = require("../../processors");
-
-var _Compose = require("./Compose");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
-  let {
-    mode,
-    color
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const cf = Skia.ColorFilter.MakeBlend(Skia.Color(color), _types.BlendMode[(0, _processors.enumKey)(mode)]);
-  return (0, _Compose.composeColorFilter)(Skia, cf, children);
-});
-
 const BlendColor = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skBlendColorFilter", props);
 };
 
 exports.BlendColor = BlendColor;

package/lib/commonjs/renderer/components/colorFilters/BlendColor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BlendColor.tsx"],"names":["onDeclare","children","mode","color","Skia","cf","ColorFilter","MakeBlend","Color","BlendMode","BlendColor","props"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;AAEA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,8BAChB,OAAkBC,QAAlB,YAAyC;AAAA,MAAxC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAwC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACvC,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,SAAjB,CACTH,IAAI,CAACI,KAAL,CAAWL,KAAX,CADS,EAETM,iBAAU,yBAAQP,IAAR,CAAV,CAFS,CAAX;AAIA,SAAO,iCAAmBE,IAAnB,EAAyBC,EAAzB,EAA6BJ,QAA7B,CAAP;AACD,CAPe,CAAlB;;AAUO,MAAMS,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { Color } from \"../../../skia/types\";\nimport { BlendMode } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface BlendColorProps {\n  mode: SkEnum<typeof BlendMode>;\n  color: Color;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlendColorProps>(\n  ({ mode, color }, children, { Skia }) => {\n    const cf = Skia.ColorFilter.MakeBlend(\n      Skia.Color(color),\n      BlendMode[enumKey(mode)]\n    );\n    return composeColorFilter(Skia, cf, children);\n  }\n);\n\nexport const BlendColor = (props: AnimatedProps<BlendColorProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["BlendColor.tsx"],"names":["BlendColor","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,UAAU,GAAIC,KAAD,IAA6C;AACrE,sBAAO,mDAAwBA,KAAxB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { BlendColorFilterProps } from \"../../../dom/types\";\n\nexport const BlendColor = (props: SkiaProps<BlendColorFilterProps>) => {\n  return <skBlendColorFilter {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/Lerp.js

@@ -7,32 +7,10 @@ exports.Lerp = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _Declaration = require("../../nodes/Declaration");
-
-var _Compose = require("./Compose");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _Declaration.createDeclaration)((_ref, children, _ref2) => {
-  let {
-    t
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [src, dst] = children.filter(_types.isColorFilter);
-  const cf = Skia.ColorFilter.MakeLerp(t, src, dst);
-  return (0, _Compose.composeColorFilter)(Skia, cf, children.filter(c => c !== src && c !== dst));
-});
-
 const Lerp = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skLerpColorFilter", props);
 };
 
 exports.Lerp = Lerp;

package/lib/commonjs/renderer/components/colorFilters/Lerp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Lerp.tsx"],"names":["onDeclare","children","t","Skia","src","dst","filter","isColorFilter","cf","ColorFilter","MakeLerp","c","Lerp","props"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAGA;;;;;;AAOA,MAAMA,SAAS,GAAG,oCAA6B,OAAQC,QAAR,YAA+B;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC5E,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaJ,QAAQ,CAACK,MAAT,CAAgBC,oBAAhB,CAAnB;AACA,QAAMC,EAAE,GAAGL,IAAI,CAACM,WAAL,CAAiBC,QAAjB,CAA0BR,CAA1B,EAA6BE,GAA7B,EAAkCC,GAAlC,CAAX;AACA,SAAO,iCACLF,IADK,EAELK,EAFK,EAGLP,QAAQ,CAACK,MAAT,CAAiBK,CAAD,IAAOA,CAAC,KAAKP,GAAN,IAAaO,CAAC,KAAKN,GAA1C,CAHK,CAAP;AAKD,CARiB,CAAlB;;AAUO,MAAMO,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEb;AAA1B,KAAyCa,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { isColorFilter } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface LerpProps {\n  t: number;\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<LerpProps>(({ t }, children, { Skia }) => {\n  const [src, dst] = children.filter(isColorFilter);\n  const cf = Skia.ColorFilter.MakeLerp(t, src, dst);\n  return composeColorFilter(\n    Skia,\n    cf,\n    children.filter((c) => c !== src && c !== dst)\n  );\n});\n\nexport const Lerp = (props: AnimatedProps<LerpProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["Lerp.tsx"],"names":["Lerp","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAA4C;AAC9D,sBAAO,kDAAuBA,KAAvB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { LerpColorFilterProps } from \"../../../dom/types\";\n\nexport const Lerp = (props: SkiaProps<LerpColorFilterProps>) => {\n  return <skLerpColorFilter {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/LinearToSRGBGamma.js

@@ -7,26 +7,10 @@ exports.LinearToSRGBGamma = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Declaration = require("../../nodes/Declaration");
-
-var _Compose = require("./Compose");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _Declaration.createDeclaration)((_props, children, _ref) => {
-  let {
-    Skia
-  } = _ref;
-  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();
-  return (0, _Compose.composeColorFilter)(Skia, cf, children);
-});
-
 const LinearToSRGBGamma = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skLinearToSRGBGammaColorFilter", props);
 };
 
 exports.LinearToSRGBGamma = LinearToSRGBGamma;

package/lib/commonjs/renderer/components/colorFilters/LinearToSRGBGamma.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LinearToSRGBGamma.tsx"],"names":["onDeclare","_props","children","Skia","cf","ColorFilter","MakeLinearToSRGBGamma","LinearToSRGBGamma","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAKA,MAAMA,SAAS,GAAG,oCAAkB,CAACC,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAO,iCAAmBH,IAAnB,EAAyBC,EAAzB,EAA6BF,QAA7B,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMK,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LinearToSRGBGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const LinearToSRGBGamma = (\n  props: AnimatedProps<LinearToSRGBGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["LinearToSRGBGamma.tsx"],"names":["LinearToSRGBGamma","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,iBAAiB,GAAIC,KAAD,IAAqC;AACpE,sBAAO,+DAAoCA,KAApC,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const LinearToSRGBGamma = (props: SkiaProps<ChildrenProps>) => {\n  return <skLinearToSRGBGammaColorFilter {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/LumaColorFilter.js

@@ -7,26 +7,10 @@ exports.LumaColorFilter = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Declaration = require("../../nodes/Declaration");
-
-var _Compose = require("./Compose");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _Declaration.createDeclaration)((_props, children, _ref) => {
-  let {
-    Skia
-  } = _ref;
-  const cf = Skia.ColorFilter.MakeLumaColorFilter();
-  return (0, _Compose.composeColorFilter)(Skia, cf, children);
-});
-
 const LumaColorFilter = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skLumaColorFilter", props);
 };
 
 exports.LumaColorFilter = LumaColorFilter;

package/lib/commonjs/renderer/components/colorFilters/LumaColorFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LumaColorFilter.tsx"],"names":["onDeclare","_props","children","Skia","cf","ColorFilter","MakeLumaColorFilter","LumaColorFilter","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAKA,MAAMA,SAAS,GAAG,oCAAkB,CAACC,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,mBAAjB,EAAX;AACA,SAAO,iCAAmBH,IAAnB,EAAyBC,EAAzB,EAA6BF,QAA7B,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMK,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface LumaColorFilterProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeLumaColorFilter();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const LumaColorFilter = (props: AnimatedProps<LumaColorFilterProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["LumaColorFilter.tsx"],"names":["LumaColorFilter","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,eAAe,GAAIC,KAAD,IAAqC;AAClE,sBAAO,kDAAuBA,KAAvB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const LumaColorFilter = (props: SkiaProps<ChildrenProps>) => {\n  return <skLumaColorFilter {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/colorFilters/Matrix.js

@@ -7,29 +7,10 @@ exports.OpacityMatrix = exports.ColorMatrix = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _nodes = require("../../nodes");
-
-var _Compose = require("./Compose");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
-  let {
-    matrix
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const cf = Skia.ColorFilter.MakeMatrix(matrix);
-  return (0, _Compose.composeColorFilter)(Skia, cf, children);
-});
-
 const ColorMatrix = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skMatrixColorFilter", props);
 };
 
 exports.ColorMatrix = ColorMatrix;

package/lib/commonjs/renderer/components/colorFilters/Matrix.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Matrix.tsx"],"names":["onDeclare","children","matrix","Skia","cf","ColorFilter","MakeMatrix","ColorMatrix","props","OpacityMatrix","opacity"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;;;;;AAOA,MAAMA,SAAS,GAAG,8BAChB,OAAaC,QAAb,YAAoC;AAAA,MAAnC;AAAEC,IAAAA;AAAF,GAAmC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClC,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,UAAjB,CAA4BJ,MAA5B,CAAX;AACA,SAAO,iCAAmBC,IAAnB,EAAyBC,EAAzB,EAA6BH,QAA7B,CAAP;AACD,CAJe,CAAlB;;AAOO,MAAMM,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAFM;;;;AAIA,MAAMC,aAAa,GAAIC,OAAD,IAAqB,CAChD,CADgD,EAEhD,CAFgD,EAGhD,CAHgD,EAIhD,CAJgD,EAKhD,CALgD,EAMhD,CANgD,EAOhD,CAPgD,EAQhD,CARgD,EAShD,CATgD,EAUhD,CAVgD,EAWhD,CAXgD,EAYhD,CAZgD,EAahD,CAbgD,EAchD,CAdgD,EAehD,CAfgD,EAgBhD,CAhBgD,EAiBhD,CAjBgD,EAkBhD,CAlBgD,EAmBhDA,OAnBgD,EAoBhD,CApBgD,CAA3C","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { createDeclaration } from \"../../nodes\";\nimport type { AnimatedProps } from \"../../processors\";\n\nimport { composeColorFilter } from \"./Compose\";\n\ninterface ColorMatrixProps {\n  matrix: number[];\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<ColorMatrixProps>(\n  ({ matrix }, children, { Skia }) => {\n    const cf = Skia.ColorFilter.MakeMatrix(matrix);\n    return composeColorFilter(Skia, cf, children);\n  }\n);\n\nexport const ColorMatrix = (props: AnimatedProps<ColorMatrixProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"]}
+{"version":3,"sources":["Matrix.tsx"],"names":["ColorMatrix","props","OpacityMatrix","opacity"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,WAAW,GAAIC,KAAD,IAA8C;AACvE,sBAAO,oDAAyBA,KAAzB,CAAP;AACD,CAFM;;;;AAIA,MAAMC,aAAa,GAAIC,OAAD,IAAqB,CAChD,CADgD,EAEhD,CAFgD,EAGhD,CAHgD,EAIhD,CAJgD,EAKhD,CALgD,EAMhD,CANgD,EAOhD,CAPgD,EAQhD,CARgD,EAShD,CATgD,EAUhD,CAVgD,EAWhD,CAXgD,EAYhD,CAZgD,EAahD,CAbgD,EAchD,CAdgD,EAehD,CAfgD,EAgBhD,CAhBgD,EAiBhD,CAjBgD,EAkBhD,CAlBgD,EAmBhDA,OAnBgD,EAoBhD,CApBgD,CAA3C","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { MatrixColorFilterProps } from \"../../../dom/types\";\n\nexport const ColorMatrix = (props: SkiaProps<MatrixColorFilterProps>) => {\n  return <skMatrixColorFilter {...props} />;\n};\n\nexport const OpacityMatrix = (opacity: number) => [\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  1,\n  0,\n  0,\n  0,\n  0,\n  0,\n  opacity,\n  0,\n];\n"]}

package/lib/commonjs/renderer/components/colorFilters/SRGBToLinearGamma.js

@@ -7,26 +7,10 @@ exports.SRGBToLinearGamma = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Declaration = require("../../nodes/Declaration");
-
-var _Compose = require("./Compose");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _Declaration.createDeclaration)((_props, children, _ref) => {
-  let {
-    Skia
-  } = _ref;
-  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();
-  return (0, _Compose.composeColorFilter)(Skia, cf, children);
-});
-
 const SRGBToLinearGamma = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skSRGBToLinearGammaColorFilter", props);
 };
 
 exports.SRGBToLinearGamma = SRGBToLinearGamma;

package/lib/commonjs/renderer/components/colorFilters/SRGBToLinearGamma.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SRGBToLinearGamma.tsx"],"names":["onDeclare","_props","children","Skia","cf","ColorFilter","MakeSRGBToLinearGamma","SRGBToLinearGamma","props"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAKA,MAAMA,SAAS,GAAG,oCAAkB,CAACC,MAAD,EAASC,QAAT,WAAgC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAClE,QAAMC,EAAE,GAAGD,IAAI,CAACE,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAO,iCAAmBH,IAAnB,EAAyBC,EAAzB,EAA6BF,QAA7B,CAAP;AACD,CAHiB,CAAlB;;AAKO,MAAMK,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAER;AAA1B,KAAyCQ,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\n\nimport { composeColorFilter } from \"./Compose\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface SRGBToLinearGammaProps {}\n\nconst onDeclare = createDeclaration((_props, children, { Skia }) => {\n  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return composeColorFilter(Skia, cf, children);\n});\n\nexport const SRGBToLinearGamma = (\n  props: AnimatedProps<SRGBToLinearGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}
+{"version":3,"sources":["SRGBToLinearGamma.tsx"],"names":["SRGBToLinearGamma","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,iBAAiB,GAAIC,KAAD,IAAqC;AACpE,sBAAO,+DAAoCA,KAApC,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { ChildrenProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\n\nexport const SRGBToLinearGamma = (props: SkiaProps<ChildrenProps>) => {\n  return <skSRGBToLinearGammaColorFilter {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/image/Image.js

@@ -7,44 +7,10 @@ exports.Image = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Drawing = require("../../nodes/Drawing");
-
-var _processors = require("../../processors");
-
-var _BoxFit = require("./BoxFit");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDraw = (0, _Drawing.createDrawing)((_ref, _ref2) => {
-  let {
-    canvas,
-    paint,
-    Skia
-  } = _ref;
-  let {
-    fit,
-    image,
-    ...rectProps
-  } = _ref2;
-  const rect = (0, _processors.processRect)(Skia, rectProps);
-  const {
-    src,
-    dst
-  } = (0, _BoxFit.fitRects)(fit, {
-    x: 0,
-    y: 0,
-    width: image.width(),
-    height: image.height()
-  }, rect);
-  canvas.drawImageRect(image, src, dst, paint);
-});
-
 const Image = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skImage", props);
 };
 
 exports.Image = Image;

package/lib/commonjs/renderer/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["onDraw","canvas","paint","Skia","fit","image","rectProps","rect","src","dst","x","y","width","height","drawImageRect","Image","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAQA;;AACA;;AAGA;;;;;;AAaA,MAAMA,MAAM,GAAG,4BACb,iBAA2D;AAAA,MAA1D;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,GAA0D;AAAA,MAAjC;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,KAAP;AAAc,OAAGC;AAAjB,GAAiC;AACzD,QAAMC,IAAI,GAAG,6BAAYJ,IAAZ,EAAkBG,SAAlB,CAAb;AACA,QAAM;AAAEE,IAAAA,GAAF;AAAOC,IAAAA;AAAP,MAAe,sBACnBL,GADmB,EAEnB;AACEM,IAAAA,CAAC,EAAE,CADL;AAEEC,IAAAA,CAAC,EAAE,CAFL;AAGEC,IAAAA,KAAK,EAAEP,KAAK,CAACO,KAAN,EAHT;AAIEC,IAAAA,MAAM,EAAER,KAAK,CAACQ,MAAN;AAJV,GAFmB,EAQnBN,IARmB,CAArB;AAUAN,EAAAA,MAAM,CAACa,aAAP,CAAqBT,KAArB,EAA4BG,GAA5B,EAAiCC,GAAjC,EAAsCP,KAAtC;AACD,CAdY,CAAf;;AAgBO,MAAMa,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEhB;AAAnB,KAA+BgB,KAA/B,EAAP;AACD,CAFM;;;AAIPD,KAAK,CAACE,YAAN,GAAqB;AACnBP,EAAAA,CAAC,EAAE,CADgB;AAEnBC,EAAAA,CAAC,EAAE,CAFgB;AAGnBP,EAAAA,GAAG,EAAE;AAHc,CAArB","sourcesContent":["import React from \"react\";\n\nimport type { SkImage } from \"../../../skia/types\";\nimport type {\n  CustomPaintProps,\n  RectDef,\n  AnimatedProps,\n} from \"../../processors\";\nimport { createDrawing } from \"../../nodes/Drawing\";\nimport { processRect } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { fitRects } from \"./BoxFit\";\n\nexport type SourceImageProps = {\n  image: SkImage;\n};\n\nexport type BaseImageProps = RectDef &\n  SourceImageProps & {\n    fit: Fit;\n  };\n\nexport type ImageProps = CustomPaintProps & BaseImageProps;\n\nconst onDraw = createDrawing<ImageProps>(\n  ({ canvas, paint, Skia }, { fit, image, ...rectProps }) => {\n    const rect = processRect(Skia, rectProps);\n    const { src, dst } = fitRects(\n      fit,\n      {\n        x: 0,\n        y: 0,\n        width: image.width(),\n        height: image.height(),\n      },\n      rect\n    );\n    canvas.drawImageRect(image, src, dst, paint);\n  }\n);\nexport const Image = (props: AnimatedProps<ImageProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n\nImage.defaultProps = {\n  x: 0,\n  y: 0,\n  fit: \"contain\",\n};\n"]}
+{"version":3,"sources":["Image.tsx"],"names":["Image","props","defaultProps","x","y","fit"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,KAAK,GAAIC,KAAD,IAAkC;AACrD,sBAAO,wCAAaA,KAAb,CAAP;AACD,CAFM;;;AAIPD,KAAK,CAACE,YAAN,GAAqB;AACnBC,EAAAA,CAAC,EAAE,CADgB;AAEnBC,EAAAA,CAAC,EAAE,CAFgB;AAGnBC,EAAAA,GAAG,EAAE;AAHc,CAArB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors\";\nimport type { ImageProps } from \"../../../dom/types\";\n\nexport const Image = (props: SkiaProps<ImageProps>) => {\n  return <skImage {...props} />;\n};\n\nImage.defaultProps = {\n  x: 0,\n  y: 0,\n  fit: \"contain\",\n};\n"]}

package/lib/commonjs/renderer/components/image/ImageSVG.js

@@ -7,39 +7,10 @@ exports.ImageSVG = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _nodes = require("../../nodes");
-
-var _processors = require("../../processors");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDraw = (0, _nodes.createDrawing)((_ref, _ref2) => {
-  let {
-    canvas,
-    Skia
-  } = _ref;
-  let {
-    svg,
-    ...rectProps
-  } = _ref2;
-  const {
-    x,
-    y,
-    width,
-    height
-  } = (0, _processors.processRect)(Skia, rectProps);
-  canvas.save();
-  canvas.translate(x, y);
-  canvas.drawSvg(svg, width, height);
-  canvas.restore();
-});
-
 const ImageSVG = props => {
-  return /*#__PURE__*/_react.default.createElement("skDrawing", _extends({
-    onDraw: onDraw
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skImageSVG", props);
 };
 
 exports.ImageSVG = ImageSVG;

package/lib/commonjs/renderer/components/image/ImageSVG.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageSVG.tsx"],"names":["onDraw","canvas","Skia","svg","rectProps","x","y","width","height","save","translate","drawSvg","restore","ImageSVG","props"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;;;;;AAMA,MAAMA,MAAM,GAAG,0BACb,iBAA6C;AAAA,MAA5C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAA4C;AAAA,MAA1B;AAAEC,IAAAA,GAAF;AAAO,OAAGC;AAAV,GAA0B;AAC3C,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0B,6BAAYN,IAAZ,EAAkBE,SAAlB,CAAhC;AACAH,EAAAA,MAAM,CAACQ,IAAP;AACAR,EAAAA,MAAM,CAACS,SAAP,CAAiBL,CAAjB,EAAoBC,CAApB;AACAL,EAAAA,MAAM,CAACU,OAAP,CAAeR,GAAf,EAAoBI,KAApB,EAA2BC,MAA3B;AACAP,EAAAA,MAAM,CAACW,OAAP;AACD,CAPY,CAAf;;AAUO,MAAMC,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO;AAAW,IAAA,MAAM,EAAEd;AAAnB,KAA+Bc,KAA/B,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { SkSVG } from \"../../../skia/types\";\nimport { createDrawing } from \"../../nodes\";\nimport type { AnimatedProps, RectDef } from \"../../processors\";\nimport { processRect } from \"../../processors\";\n\nexport type ImageSVGProps = RectDef & {\n  svg: SkSVG;\n};\n\nconst onDraw = createDrawing<ImageSVGProps>(\n  ({ canvas, Skia }, { svg, ...rectProps }) => {\n    const { x, y, width, height } = processRect(Skia, rectProps);\n    canvas.save();\n    canvas.translate(x, y);\n    canvas.drawSvg(svg, width, height);\n    canvas.restore();\n  }\n);\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} />;\n};\n"]}
+{"version":3,"sources":["ImageSVG.tsx"],"names":["ImageSVG","props"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,QAAQ,GAAIC,KAAD,IAAyC;AAC/D,sBAAO,2CAAgBA,KAAhB,CAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport type { ImageSVGProps } from \"../../../dom/types\";\nimport type { AnimatedProps } from \"../../processors\";\n\nexport const ImageSVG = (props: AnimatedProps<ImageSVGProps>) => {\n  return <skImageSVG {...props} />;\n};\n"]}

package/lib/commonjs/renderer/components/image/ImageShader.js

@@ -7,70 +7,10 @@ exports.ImageShader = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _nodes = require("../../nodes");
-
-var _processors = require("../../processors");
-
-var _BoxFit = require("./BoxFit");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const getRect = (Skia, props) => {
-  const {
-    x,
-    y,
-    width,
-    height
-  } = props;
-
-  if (props.rect) {
-    return props.rect;
-  } else if (x !== undefined && y !== undefined && width !== undefined && height !== undefined) {
-    return Skia.XYWHRect(x, y, width, height);
-  } else {
-    return undefined;
-  }
-};
-
-const onDeclare = (0, _nodes.createDeclaration)((_ref, _, _ref2) => {
-  let {
-    tx,
-    ty,
-    fm,
-    mm,
-    fit,
-    image,
-    ...imageShaderProps
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const rct = getRect(Skia, imageShaderProps);
-
-  if (rct) {
-    var _imageShaderProps$tra;
-
-    const rects = (0, _BoxFit.fitRects)(fit, {
-      x: 0,
-      y: 0,
-      width: image.width(),
-      height: image.height()
-    }, rct);
-    const m3 = (0, _BoxFit.rect2rect)(rects.src, rects.dst);
-    imageShaderProps.transform = [...((_imageShaderProps$tra = imageShaderProps.transform) !== null && _imageShaderProps$tra !== void 0 ? _imageShaderProps$tra : []), ...m3];
-  }
-
-  return image.makeShaderOptions(_types.TileMode[(0, _processors.enumKey)(tx)], _types.TileMode[(0, _processors.enumKey)(ty)], _types.FilterMode[(0, _processors.enumKey)(fm)], _types.MipmapMode[(0, _processors.enumKey)(mm)], (0, _processors.localMatrix)(Skia.Matrix(), imageShaderProps));
-});
-
 const ImageShader = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skImageShader", props);
 };
 
 exports.ImageShader = ImageShader;

package/lib/commonjs/renderer/components/image/ImageShader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageShader.tsx"],"names":["getRect","Skia","props","x","y","width","height","rect","undefined","XYWHRect","onDeclare","_","tx","ty","fm","mm","fit","image","imageShaderProps","rct","rects","m3","src","dst","transform","makeShaderOptions","TileMode","FilterMode","MipmapMode","Matrix","ImageShader","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AAOA;;AAGA;;;;;;AAEA,MAAMA,OAAO,GAAG,CACdC,IADc,EAEdC,KAFc,KAGS;AACvB,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA0BJ,KAAhC;;AACA,MAAIA,KAAK,CAACK,IAAV,EAAgB;AACd,WAAOL,KAAK,CAACK,IAAb;AACD,GAFD,MAEO,IACLJ,CAAC,KAAKK,SAAN,IACAJ,CAAC,KAAKI,SADN,IAEAH,KAAK,KAAKG,SAFV,IAGAF,MAAM,KAAKE,SAJN,EAKL;AACA,WAAOP,IAAI,CAACQ,QAAL,CAAcN,CAAd,EAAiBC,CAAjB,EAAoBC,KAApB,EAA2BC,MAA3B,CAAP;AACD,GAPM,MAOA;AACL,WAAOE,SAAP;AACD;AACF,CAjBD;;AA6BA,MAAME,SAAS,GAAG,8BAChB,OAAsDC,CAAtD,YAAsE;AAAA,MAArE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,EAAN;AAAUC,IAAAA,EAAV;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,GAAlB;AAAuBC,IAAAA,KAAvB;AAA8B,OAAGC;AAAjC,GAAqE;AAAA,MAAb;AAAEjB,IAAAA;AAAF,GAAa;AACpE,QAAMkB,GAAG,GAAGnB,OAAO,CAACC,IAAD,EAAOiB,gBAAP,CAAnB;;AACA,MAAIC,GAAJ,EAAS;AAAA;;AACP,UAAMC,KAAK,GAAG,sBACZJ,GADY,EAEZ;AAAEb,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE,CAAX;AAAcC,MAAAA,KAAK,EAAEY,KAAK,CAACZ,KAAN,EAArB;AAAoCC,MAAAA,MAAM,EAAEW,KAAK,CAACX,MAAN;AAA5C,KAFY,EAGZa,GAHY,CAAd;AAKA,UAAME,EAAE,GAAG,uBAAUD,KAAK,CAACE,GAAhB,EAAqBF,KAAK,CAACG,GAA3B,CAAX;AACAL,IAAAA,gBAAgB,CAACM,SAAjB,GAA6B,CAC3B,6BAAIN,gBAAgB,CAACM,SAArB,yEAAkC,EAAlC,CAD2B,EAE3B,GAAGH,EAFwB,CAA7B;AAID;;AACD,SAAOJ,KAAK,CAACQ,iBAAN,CACLC,gBAAS,yBAAQd,EAAR,CAAT,CADK,EAELc,gBAAS,yBAAQb,EAAR,CAAT,CAFK,EAGLc,kBAAW,yBAAQb,EAAR,CAAX,CAHK,EAILc,kBAAW,yBAAQb,EAAR,CAAX,CAJK,EAKL,6BAAYd,IAAI,CAAC4B,MAAL,EAAZ,EAA2BX,gBAA3B,CALK,CAAP;AAOD,CAtBe,CAAlB;;AAyBO,MAAMY,WAAW,GAAI5B,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEQ;AAA1B,KAAyCR,KAAzC,EAAP;AACD,CAFM;;;AAIP4B,WAAW,CAACC,YAAZ,GAA2B;AACzBnB,EAAAA,EAAE,EAAE,OADqB;AAEzBC,EAAAA,EAAE,EAAE,OAFqB;AAGzBC,EAAAA,EAAE,EAAE,SAHqB;AAIzBC,EAAAA,EAAE,EAAE,MAJqB;AAKzBC,EAAAA,GAAG,EAAE,MALoB;AAMzBQ,EAAAA,SAAS,EAAE;AANc,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { SkRect, SkImage, Skia } from \"../../../skia/types\";\nimport { TileMode, FilterMode, MipmapMode } from \"../../../skia/types\";\nimport { createDeclaration } from \"../../nodes\";\nimport type {\n  TransformProps,\n  SkEnum,\n  AnimatedProps,\n  RectCtor,\n} from \"../../processors\";\nimport { localMatrix, enumKey } from \"../../processors\";\n\nimport type { Fit } from \"./BoxFit\";\nimport { rect2rect, fitRects } from \"./BoxFit\";\n\nconst getRect = (\n  Skia: Skia,\n  props: Omit<ImageShaderProps, \"tx\" | \"ty\" | \"fm\" | \"mm\" | \"fit\" | \"image\">\n): SkRect | undefined => {\n  const { x, y, width, height } = props;\n  if (props.rect) {\n    return props.rect;\n  } else if (\n    x !== undefined &&\n    y !== undefined &&\n    width !== undefined &&\n    height !== undefined\n  ) {\n    return Skia.XYWHRect(x, y, width, height);\n  } else {\n    return undefined;\n  }\n};\n\ninterface ImageShaderProps extends TransformProps, Partial<RectCtor> {\n  tx: SkEnum<typeof TileMode>;\n  ty: SkEnum<typeof TileMode>;\n  fm: SkEnum<typeof FilterMode>;\n  mm: SkEnum<typeof MipmapMode>;\n  fit: Fit;\n  rect?: SkRect;\n  image: SkImage;\n}\n\nconst onDeclare = createDeclaration<ImageShaderProps>(\n  ({ tx, ty, fm, mm, fit, image, ...imageShaderProps }, _, { Skia }) => {\n    const rct = getRect(Skia, imageShaderProps);\n    if (rct) {\n      const rects = fitRects(\n        fit,\n        { x: 0, y: 0, width: image.width(), height: image.height() },\n        rct\n      );\n      const m3 = rect2rect(rects.src, rects.dst);\n      imageShaderProps.transform = [\n        ...(imageShaderProps.transform ?? []),\n        ...m3,\n      ];\n    }\n    return image.makeShaderOptions(\n      TileMode[enumKey(tx)],\n      TileMode[enumKey(ty)],\n      FilterMode[enumKey(fm)],\n      MipmapMode[enumKey(mm)],\n      localMatrix(Skia.Matrix(), imageShaderProps)\n    );\n  }\n);\n\nexport const ImageShader = (props: AnimatedProps<ImageShaderProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nImageShader.defaultProps = {\n  tx: \"decal\",\n  ty: \"decal\",\n  fm: \"nearest\",\n  mm: \"none\",\n  fit: \"none\",\n  transform: [],\n} as const;\n"]}
+{"version":3,"sources":["ImageShader.tsx"],"names":["ImageShader","props","defaultProps","tx","ty","fm","mm","fit","transform"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,WAAW,GAAIC,KAAD,IAAwC;AACjE,sBAAO,8CAAmBA,KAAnB,CAAP;AACD,CAFM;;;AAIPD,WAAW,CAACE,YAAZ,GAA2B;AACzBC,EAAAA,EAAE,EAAE,OADqB;AAEzBC,EAAAA,EAAE,EAAE,OAFqB;AAGzBC,EAAAA,EAAE,EAAE,SAHqB;AAIzBC,EAAAA,EAAE,EAAE,MAJqB;AAKzBC,EAAAA,GAAG,EAAE,MALoB;AAMzBC,EAAAA,SAAS,EAAE;AANc,CAA3B","sourcesContent":["import React from \"react\";\n\nimport type { ImageShaderProps } from \"../../../dom/types\";\nimport type { SkiaProps } from \"../../processors\";\n\nexport const ImageShader = (props: SkiaProps<ImageShaderProps>) => {\n  return <skImageShader {...props} />;\n};\n\nImageShader.defaultProps = {\n  tx: \"decal\",\n  ty: \"decal\",\n  fm: \"nearest\",\n  mm: \"none\",\n  fit: \"none\",\n  transform: [],\n} as const;\n"]}

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

@@ -42,17 +42,4 @@ Object.keys(_ImageSVG).forEach(function (key) {
     }
   });
 });
-
-var _BoxFit = require("./BoxFit");
-
-Object.keys(_BoxFit).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BoxFit[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BoxFit[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Image\";\nexport * from \"./ImageShader\";\nexport * from \"./ImageSVG\";\nexport * from \"./BoxFit\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Image\";\nexport * from \"./ImageShader\";\nexport * from \"./ImageSVG\";\n"]}

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

@@ -7,36 +7,10 @@ exports.Blur = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _processors = require("../../processors");
-
-var _Radius = require("../../processors/Radius");
-
-var _nodes = require("../../nodes");
-
-var _getInput = require("./getInput");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
-  let {
-    blur,
-    mode
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const sigma = (0, _Radius.processRadius)(Skia, blur);
-  return Skia.ImageFilter.MakeBlur(sigma.x, sigma.y, _types.TileMode[(0, _processors.enumKey)(mode)], (0, _getInput.getInput)(Skia, children));
-});
-
 const Blur = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skBlurImageFilter", props);
 };
 
 exports.Blur = Blur;

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

@@ -1 +1 @@
-{"version":3,"sources":["Blur.tsx"],"names":["onDeclare","children","blur","mode","Skia","sigma","ImageFilter","MakeBlur","x","y","TileMode","Blur","props","defaultProps"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AAEA;;AACA;;AAEA;;;;;;AAQA,MAAMA,SAAS,GAAG,8BAChB,OAAiBC,QAAjB,YAAwC;AAAA,MAAvC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAuC;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACtC,QAAMC,KAAK,GAAG,2BAAcD,IAAd,EAAoBF,IAApB,CAAd;AACA,SAAOE,IAAI,CAACE,WAAL,CAAiBC,QAAjB,CACLF,KAAK,CAACG,CADD,EAELH,KAAK,CAACI,CAFD,EAGLC,gBAAS,yBAAQP,IAAR,CAAT,CAHK,EAIL,wBAASC,IAAT,EAAeH,QAAf,CAJK,CAAP;AAMD,CATe,CAAlB;;AAYO,MAAMU,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KAAyCY,KAAzC,EAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBV,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { TileMode } from \"../../../skia/types\";\nimport type { Radius, SkEnum } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { processRadius } from \"../../processors/Radius\";\nimport { createDeclaration } from \"../../nodes\";\n\nimport { getInput } from \"./getInput\";\n\nexport interface BlurProps {\n  blur: Radius;\n  mode: SkEnum<typeof TileMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlurProps>(\n  ({ blur, mode }, children, { Skia }) => {\n    const sigma = processRadius(Skia, blur);\n    return Skia.ImageFilter.MakeBlur(\n      sigma.x,\n      sigma.y,\n      TileMode[enumKey(mode)],\n      getInput(Skia, children)\n    );\n  }\n);\n\nexport const Blur = (props: AnimatedProps<BlurProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}
+{"version":3,"sources":["Blur.tsx"],"names":["Blur","props","defaultProps","mode"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,IAAI,GAAIC,KAAD,IAA4C;AAC9D,sBAAO,kDAAuBA,KAAvB,CAAP;AACD,CAFM;;;AAIPD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,IAAI,EAAE;AADY,CAApB","sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../../processors/Animations/Animations\";\nimport type { BlurImageFilterProps } from \"../../../dom/types\";\n\nexport const Blur = (props: SkiaProps<BlurImageFilterProps>) => {\n  return <skBlurImageFilter {...props} />;\n};\n\nBlur.defaultProps = {\n  mode: \"decal\",\n};\n"]}

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

@@ -7,47 +7,10 @@ exports.DisplacementMap = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _types = require("../../../skia/types");
-
-var _nodes = require("../../nodes");
-
-var _processors = require("../../processors");
-
-var _getInput = require("./getInput");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const onDeclare = (0, _nodes.createDeclaration)((_ref, children, _ref2) => {
-  let {
-    channelX,
-    channelY,
-    scale
-  } = _ref;
-  let {
-    Skia
-  } = _ref2;
-  const [in1, in2] = children.filter(c => !!c);
-
-  const x = _types.ColorChannel[(0, _processors.enumKey)(channelX)];
-
-  const y = _types.ColorChannel[(0, _processors.enumKey)(channelY)];
-
-  const map = (0, _getInput.getInput)(Skia, [in1]);
-  const input = in2 ? (0, _getInput.getInput)(Skia, [in2]) : null;
-
-  if (!map) {
-    throw new Error("No DisplacementMap provided");
-  }
-
-  return Skia.ImageFilter.MakeDisplacementMap(x, y, scale, map, input);
-});
-
 const DisplacementMap = props => {
-  return /*#__PURE__*/_react.default.createElement("skDeclaration", _extends({
-    onDeclare: onDeclare
-  }, props));
+  return /*#__PURE__*/_react.default.createElement("skDisplacementMapImageFilter", props);
 };
 
 exports.DisplacementMap = DisplacementMap;