@shopify/react-native-skia 0.1.115

package/lib/module/renderer/components/Blend.js

@@ -0,0 +1,28 @@
+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 { isImageFilter, Skia, BlendMode } from "../../skia";
+import { createDeclaration } from "../nodes";
+import { isShader } from "../../skia/Shader/Shader";
+import { enumKey } from "../processors/Paint";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    mode
+  } = _ref;
+  const [inner, outer] = children;
+  const blend = BlendMode[enumKey(mode)];
+
+  if (isImageFilter(outer) && isImageFilter(inner)) {
+    return Skia.ImageFilter.MakeBlend(blend, outer, inner);
+  } else if (isShader(outer) && isShader(inner)) {
+    return Skia.Shader.MakeBlend(blend, outer, inner);
+  }
+
+  throw new Error("<Blend /> can only blend Shaders or ImageFilters");
+});
+export const Blend = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Blend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Blend.tsx"],"names":["React","isImageFilter","Skia","BlendMode","createDeclaration","isShader","enumKey","onDeclare","children","mode","inner","outer","blend","ImageFilter","MakeBlend","Shader","Error","Blend","props"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,aAAT,EAAwBC,IAAxB,EAA8BC,SAA9B,QAA+C,YAA/C;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAEA,SAASC,QAAT,QAAyB,0BAAzB;AACA,SAASC,OAAT,QAAwB,qBAAxB;AAOA,MAAMC,SAAS,GAAGH,iBAAiB,CAAa,OAAWI,QAAX,KAAwB;AAAA,MAAvB;AAAEC,IAAAA;AAAF,GAAuB;AACtE,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBH,QAAvB;AACA,QAAMI,KAAK,GAAGT,SAAS,CAACG,OAAO,CAACG,IAAD,CAAR,CAAvB;;AACA,MAAIR,aAAa,CAACU,KAAD,CAAb,IAAwBV,aAAa,CAACS,KAAD,CAAzC,EAAkD;AAChD,WAAOR,IAAI,CAACW,WAAL,CAAiBC,SAAjB,CAA2BF,KAA3B,EAAkCD,KAAlC,EAAyCD,KAAzC,CAAP;AACD,GAFD,MAEO,IAAIL,QAAQ,CAACM,KAAD,CAAR,IAAmBN,QAAQ,CAACK,KAAD,CAA/B,EAAwC;AAC7C,WAAOR,IAAI,CAACa,MAAL,CAAYD,SAAZ,CAAsBF,KAAtB,EAA6BD,KAA7B,EAAoCD,KAApC,CAAP;AACD;;AACD,QAAM,IAAIM,KAAJ,CAAU,kDAAV,CAAN;AACD,CATkC,CAAnC;AAWA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { isImageFilter, Skia, BlendMode } from \"../../skia\";\nimport { createDeclaration } from \"../nodes\";\nimport type { AnimatedProps, SkEnum } from \"../processors\";\nimport { isShader } from \"../../skia/Shader/Shader\";\nimport { enumKey } from \"../processors/Paint\";\n\ninterface BlendProps {\n  mode: SkEnum<typeof BlendMode>;\n  children?: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<BlendProps>(({ mode }, children) => {\n  const [inner, outer] = children;\n  const blend = BlendMode[enumKey(mode)];\n  if (isImageFilter(outer) && isImageFilter(inner)) {\n    return Skia.ImageFilter.MakeBlend(blend, outer, inner);\n  } else if (isShader(outer) && isShader(inner)) {\n    return Skia.Shader.MakeBlend(blend, outer, inner);\n  }\n  throw new Error(\"<Blend /> can only blend Shaders or ImageFilters\");\n});\n\nexport const Blend = (props: AnimatedProps<BlendProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/Compose.js

@@ -0,0 +1,24 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../skia";
+import { createDeclaration } from "../nodes/Declaration";
+import { isColorFilter } from "../../skia/ColorFilter/ColorFilter";
+import { isImageFilter } from "../../skia/ImageFilter/ImageFilter";
+const onDeclare = createDeclaration((_, children) => {
+  const [inner, outer] = children;
+
+  if (isColorFilter(outer) && isColorFilter(inner)) {
+    return Skia.ColorFilter.MakeCompose(outer, inner);
+  } else if (isImageFilter(outer) && isImageFilter(inner)) {
+    return Skia.ImageFilter.MakeCompose(outer, inner);
+  }
+
+  throw new Error("ComposeFilter can only compose ColorFilters and ImageFilters");
+});
+export const Compose = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Compose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Compose.tsx"],"names":["React","Skia","createDeclaration","isColorFilter","isImageFilter","onDeclare","_","children","inner","outer","ColorFilter","MakeCompose","ImageFilter","Error","Compose","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,iBAAT,QAAkC,sBAAlC;AAEA,SAASC,aAAT,QAA8B,oCAA9B;AACA,SAASC,aAAT,QAA8B,oCAA9B;AAMA,MAAMC,SAAS,GAAGH,iBAAiB,CAAC,CAACI,CAAD,EAAIC,QAAJ,KAAiB;AACnD,QAAM,CAACC,KAAD,EAAQC,KAAR,IAAiBF,QAAvB;;AACA,MAAIJ,aAAa,CAACM,KAAD,CAAb,IAAwBN,aAAa,CAACK,KAAD,CAAzC,EAAkD;AAChD,WAAOP,IAAI,CAACS,WAAL,CAAiBC,WAAjB,CAA6BF,KAA7B,EAAoCD,KAApC,CAAP;AACD,GAFD,MAEO,IAAIJ,aAAa,CAACK,KAAD,CAAb,IAAwBL,aAAa,CAACI,KAAD,CAAzC,EAAkD;AACvD,WAAOP,IAAI,CAACW,WAAL,CAAiBD,WAAjB,CAA6BF,KAA7B,EAAoCD,KAApC,CAAP;AACD;;AACD,QAAM,IAAIK,KAAJ,CACJ,8DADI,CAAN;AAGD,CAVkC,CAAnC;AAYA,OAAO,MAAMC,OAAO,GAAIC,KAAD,IAAwC;AAC7D,sBAAO;AAAe,IAAA,SAAS,EAAEV;AAA1B,KAAyCU,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../skia\";\nimport { createDeclaration } from \"../nodes/Declaration\";\nimport type { AnimatedProps } from \"../processors/Animations/Animations\";\nimport { isColorFilter } from \"../../skia/ColorFilter/ColorFilter\";\nimport { isImageFilter } from \"../../skia/ImageFilter/ImageFilter\";\n\nexport interface ComposeProps {\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration((_, children) => {\n  const [inner, outer] = children;\n  if (isColorFilter(outer) && isColorFilter(inner)) {\n    return Skia.ColorFilter.MakeCompose(outer, inner);\n  } else if (isImageFilter(outer) && isImageFilter(inner)) {\n    return Skia.ImageFilter.MakeCompose(outer, inner);\n  }\n  throw new Error(\n    \"ComposeFilter can only compose ColorFilters and ImageFilters\"\n  );\n});\n\nexport const Compose = (props: AnimatedProps<ComposeProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/Defs.js

@@ -0,0 +1,16 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { createDeclaration } from "../nodes";
+const onDeclare = createDeclaration(() => {
+  // Do nothing.
+  // The goal of this component is to avoid declared paint from
+  // being used in the drawing context automatically
+  return null;
+});
+export const Defs = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Defs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Defs.tsx"],"names":["React","createDeclaration","onDeclare","Defs","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,iBAAT,QAAkC,UAAlC;AAMA,MAAMC,SAAS,GAAGD,iBAAiB,CAAC,MAAM;AACxC;AACA;AACA;AACA,SAAO,IAAP;AACD,CALkC,CAAnC;AAOA,OAAO,MAAME,IAAI,GAAIC,KAAD,IAAsB;AACxC,sBAAO;AAAe,IAAA,SAAS,EAAEF;AAA1B,KAAyCE,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { createDeclaration } from \"../nodes\";\n\nexport interface DefsProps {\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration(() => {\n  // Do nothing.\n  // The goal of this component is to avoid declared paint from\n  // being used in the drawing context automatically\n  return null;\n});\n\nexport const Defs = (props: DefsProps) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/Group.js

@@ -0,0 +1,58 @@
+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 } from "../../skia";
+import { processTransform, selectPaint, processPaint, processClip } from "../processors";
+import { createDrawing } from "../nodes";
+
+const isSkPaint = obj => "__typename__" in obj && obj.__typename__ === "Paint";
+
+const onDraw = createDrawing((ctx, _ref, node) => {
+  let {
+    layer,
+    clip,
+    invertClip,
+    ...groupProps
+  } = _ref;
+  const {
+    canvas,
+    opacity
+  } = ctx;
+  const paint = selectPaint(ctx.paint, groupProps);
+  processPaint(paint, opacity, groupProps);
+
+  if (layer) {
+    if (typeof layer === "boolean") {
+      canvas.saveLayer();
+    } else if (isSkPaint(layer)) {
+      canvas.saveLayer(layer);
+    } else {
+      var _layer$current;
+
+      canvas.saveLayer((_layer$current = layer.current) !== null && _layer$current !== void 0 ? _layer$current : undefined);
+    }
+  } else {
+    canvas.save();
+  }
+
+  processTransform(ctx, groupProps);
+
+  if (clip) {
+    const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;
+    processClip(canvas, clip, op);
+  }
+
+  node.visit({ ...ctx,
+    paint,
+    opacity: groupProps.opacity ? groupProps.opacity * opacity : opacity
+  });
+  canvas.restore();
+});
+export const Group = props => {
+  return /*#__PURE__*/React.createElement("skDrawing", _extends({
+    onDraw: onDraw
+  }, props, {
+    skipProcessing: true
+  }));
+};
+//# sourceMappingURL=Group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Group.tsx"],"names":["React","ClipOp","processTransform","selectPaint","processPaint","processClip","createDrawing","isSkPaint","obj","__typename__","onDraw","ctx","node","layer","clip","invertClip","groupProps","canvas","opacity","paint","saveLayer","current","undefined","save","op","Difference","Intersect","visit","restore","Group","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,MAAT,QAAuB,YAAvB;AACA,SACEC,gBADF,EAEEC,WAFF,EAGEC,YAHF,EAIEC,WAJF,QAKO,eALP;AAYA,SAASC,aAAT,QAA8B,UAA9B;;AAEA,MAAMC,SAAS,GAAIC,GAAD,IAChB,kBAAkBA,GAAlB,IAAyBA,GAAG,CAACC,YAAJ,KAAqB,OADhD;;AASA,MAAMC,MAAM,GAAGJ,aAAa,CAC1B,CAACK,GAAD,QAAkDC,IAAlD,KAA2D;AAAA,MAArD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA,UAAf;AAA2B,OAAGC;AAA9B,GAAqD;AACzD,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAsBP,GAA5B;AACA,QAAMQ,KAAK,GAAGhB,WAAW,CAACQ,GAAG,CAACQ,KAAL,EAAYH,UAAZ,CAAzB;AACAZ,EAAAA,YAAY,CAACe,KAAD,EAAQD,OAAR,EAAiBF,UAAjB,CAAZ;;AACA,MAAIH,KAAJ,EAAW;AACT,QAAI,OAAOA,KAAP,KAAiB,SAArB,EAAgC;AAC9BI,MAAAA,MAAM,CAACG,SAAP;AACD,KAFD,MAEO,IAAIb,SAAS,CAACM,KAAD,CAAb,EAAsB;AAC3BI,MAAAA,MAAM,CAACG,SAAP,CAAiBP,KAAjB;AACD,KAFM,MAEA;AAAA;;AACLI,MAAAA,MAAM,CAACG,SAAP,mBAAiBP,KAAK,CAACQ,OAAvB,2DAAkCC,SAAlC;AACD;AACF,GARD,MAQO;AACLL,IAAAA,MAAM,CAACM,IAAP;AACD;;AACDrB,EAAAA,gBAAgB,CAACS,GAAD,EAAMK,UAAN,CAAhB;;AACA,MAAIF,IAAJ,EAAU;AACR,UAAMU,EAAE,GAAGT,UAAU,GAAGd,MAAM,CAACwB,UAAV,GAAuBxB,MAAM,CAACyB,SAAnD;AACArB,IAAAA,WAAW,CAACY,MAAD,EAASH,IAAT,EAAeU,EAAf,CAAX;AACD;;AACDZ,EAAAA,IAAI,CAACe,KAAL,CAAW,EACT,GAAGhB,GADM;AAETQ,IAAAA,KAFS;AAGTD,IAAAA,OAAO,EAAEF,UAAU,CAACE,OAAX,GAAqBF,UAAU,CAACE,OAAX,GAAqBA,OAA1C,GAAoDA;AAHpD,GAAX;AAKAD,EAAAA,MAAM,CAACW,OAAP;AACD,CA3ByB,CAA5B;AA8BA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAsC;AACzD,sBAAO;AAAW,IAAA,MAAM,EAAEpB;AAAnB,KAA+BoB,KAA/B;AAAsC,IAAA,cAAc;AAApD,KAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { RefObject } from \"react\";\n\nimport type { SkPaint } from \"../../skia\";\nimport { ClipOp } from \"../../skia\";\nimport {\n  processTransform,\n  selectPaint,\n  processPaint,\n  processClip,\n} from \"../processors\";\nimport type {\n  CustomPaintProps,\n  TransformProps,\n  AnimatedProps,\n  ClipDef,\n} from \"../processors\";\nimport { createDrawing } from \"../nodes\";\n\nconst isSkPaint = (obj: RefObject<SkPaint> | SkPaint): obj is SkPaint =>\n  \"__typename__\" in obj && obj.__typename__ === \"Paint\";\n\nexport interface GroupProps extends CustomPaintProps, TransformProps {\n  clip?: ClipDef;\n  invertClip?: boolean;\n  layer?: RefObject<SkPaint> | SkPaint | boolean;\n}\n\nconst onDraw = createDrawing<GroupProps>(\n  (ctx, { layer, clip, invertClip, ...groupProps }, node) => {\n    const { canvas, opacity } = ctx;\n    const paint = selectPaint(ctx.paint, groupProps);\n    processPaint(paint, opacity, groupProps);\n    if (layer) {\n      if (typeof layer === \"boolean\") {\n        canvas.saveLayer();\n      } else if (isSkPaint(layer)) {\n        canvas.saveLayer(layer);\n      } else {\n        canvas.saveLayer(layer.current ?? undefined);\n      }\n    } else {\n      canvas.save();\n    }\n    processTransform(ctx, groupProps);\n    if (clip) {\n      const op = invertClip ? ClipOp.Difference : ClipOp.Intersect;\n      processClip(canvas, clip, op);\n    }\n    node.visit({\n      ...ctx,\n      paint,\n      opacity: groupProps.opacity ? groupProps.opacity * opacity : opacity,\n    });\n    canvas.restore();\n  }\n);\n\nexport const Group = (props: AnimatedProps<GroupProps>) => {\n  return <skDrawing onDraw={onDraw} {...props} skipProcessing />;\n};\n"]}

package/lib/module/renderer/components/Mask.js

@@ -0,0 +1,40 @@
+import React, { useMemo } from "react";
+import { BlendMode, Skia } from "../../skia";
+import { Group } from "./Group";
+export const Mask = _ref => {
+  let {
+    children,
+    mask,
+    mode,
+    clip
+  } = _ref;
+  const maskPaint = useMemo(() => {
+    const paint = Skia.Paint();
+    paint.setBlendMode(BlendMode.Src);
+
+    if (mode === "luminance") {
+      paint.setColorFilter(Skia.ColorFilter.MakeLumaColorFilter());
+    }
+
+    return paint;
+  }, [mode]);
+  const clippingPaint = useMemo(() => {
+    const paint = Skia.Paint();
+    paint.setBlendMode(BlendMode.DstIn);
+    return paint;
+  }, []);
+  return /*#__PURE__*/React.createElement(Group, {
+    layer: true
+  }, /*#__PURE__*/React.createElement(Group, {
+    layer: maskPaint
+  }, mask, clip && /*#__PURE__*/React.createElement(Group, {
+    layer: clippingPaint
+  }, children)), /*#__PURE__*/React.createElement(Group, {
+    blendMode: "srcIn"
+  }, children));
+};
+Mask.defaultProps = {
+  mode: "alpha",
+  clip: true
+};
+//# sourceMappingURL=Mask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Mask.tsx"],"names":["React","useMemo","BlendMode","Skia","Group","Mask","children","mask","mode","clip","maskPaint","paint","Paint","setBlendMode","Src","setColorFilter","ColorFilter","MakeLumaColorFilter","clippingPaint","DstIn","defaultProps"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,YAAhC;AAEA,SAASC,KAAT,QAAsB,SAAtB;AASA,OAAO,MAAMC,IAAI,GAAG,QAA+C;AAAA,MAA9C;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA,IAAlB;AAAwBC,IAAAA;AAAxB,GAA8C;AACjE,QAAMC,SAAS,GAAGT,OAAO,CAAC,MAAM;AAC9B,UAAMU,KAAK,GAAGR,IAAI,CAACS,KAAL,EAAd;AACAD,IAAAA,KAAK,CAACE,YAAN,CAAmBX,SAAS,CAACY,GAA7B;;AACA,QAAIN,IAAI,KAAK,WAAb,EAA0B;AACxBG,MAAAA,KAAK,CAACI,cAAN,CAAqBZ,IAAI,CAACa,WAAL,CAAiBC,mBAAjB,EAArB;AACD;;AACD,WAAON,KAAP;AACD,GAPwB,EAOtB,CAACH,IAAD,CAPsB,CAAzB;AAQA,QAAMU,aAAa,GAAGjB,OAAO,CAAC,MAAM;AAClC,UAAMU,KAAK,GAAGR,IAAI,CAACS,KAAL,EAAd;AACAD,IAAAA,KAAK,CAACE,YAAN,CAAmBX,SAAS,CAACiB,KAA7B;AACA,WAAOR,KAAP;AACD,GAJ4B,EAI1B,EAJ0B,CAA7B;AAKA,sBACE,oBAAC,KAAD;AAAO,IAAA,KAAK;AAAZ,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAED;AAAd,KACGH,IADH,EAEGE,IAAI,iBAAI,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAES;AAAd,KAA8BZ,QAA9B,CAFX,CADF,eAKE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAC;AAAjB,KAA0BA,QAA1B,CALF,CADF;AASD,CAvBM;AAyBPD,IAAI,CAACe,YAAL,GAAoB;AAClBZ,EAAAA,IAAI,EAAE,OADY;AAElBC,EAAAA,IAAI,EAAE;AAFY,CAApB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useMemo } from \"react\";\n\nimport { BlendMode, Skia } from \"../../skia\";\n\nimport { Group } from \"./Group\";\n\ninterface MaskProps {\n  mode: \"luminance\" | \"alpha\";\n  clip: boolean;\n  mask: ReactNode | ReactNode[];\n  children: ReactNode | ReactNode[];\n}\n\nexport const Mask = ({ children, mask, mode, clip }: MaskProps) => {\n  const maskPaint = useMemo(() => {\n    const paint = Skia.Paint();\n    paint.setBlendMode(BlendMode.Src);\n    if (mode === \"luminance\") {\n      paint.setColorFilter(Skia.ColorFilter.MakeLumaColorFilter());\n    }\n    return paint;\n  }, [mode]);\n  const clippingPaint = useMemo(() => {\n    const paint = Skia.Paint();\n    paint.setBlendMode(BlendMode.DstIn);\n    return paint;\n  }, []);\n  return (\n    <Group layer>\n      <Group layer={maskPaint}>\n        {mask}\n        {clip && <Group layer={clippingPaint}>{children}</Group>}\n      </Group>\n      <Group blendMode=\"srcIn\">{children}</Group>\n    </Group>\n  );\n};\n\nMask.defaultProps = {\n  mode: \"alpha\",\n  clip: true,\n};\n"]}

package/lib/module/renderer/components/Paint.js

@@ -0,0 +1,36 @@
+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, { useRef, useMemo, forwardRef, useImperativeHandle } from "react";
+import { isShader, isMaskFilter, isColorFilter, Skia, isImageFilter, isPathEffect } from "../../skia";
+import { processPaint } from "../processors";
+import { createDeclaration } from "../nodes";
+export const usePaintRef = () => useRef(null);
+export const Paint = /*#__PURE__*/forwardRef((props, ref) => {
+  const paint = useMemo(() => Skia.Paint(), []);
+  useImperativeHandle(ref, () => paint, [paint]);
+  const onDeclare = useMemo(() => createDeclaration((paintProps, children, ctx) => {
+    processPaint(paint, ctx.opacity, paintProps);
+    children.forEach(child => {
+      if (isShader(child)) {
+        paint.setShader(child);
+      } else if (isMaskFilter(child)) {
+        paint.setMaskFilter(child);
+      } else if (isColorFilter(child)) {
+        paint.setColorFilter(child);
+      } else if (isPathEffect(child)) {
+        paint.setPathEffect(child);
+      }
+    });
+    const filters = children.filter(isImageFilter);
+
+    if (filters.length > 0) {
+      paint.setImageFilter(filters.reverse().reduce(Skia.ImageFilter.MakeCompose, null));
+    }
+
+    return paint;
+  }), [paint]);
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+});
+//# sourceMappingURL=Paint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Paint.tsx"],"names":["React","useRef","useMemo","forwardRef","useImperativeHandle","isShader","isMaskFilter","isColorFilter","Skia","isImageFilter","isPathEffect","processPaint","createDeclaration","usePaintRef","Paint","props","ref","paint","onDeclare","paintProps","children","ctx","opacity","forEach","child","setShader","setMaskFilter","setColorFilter","setPathEffect","filters","filter","length","setImageFilter","reverse","reduce","ImageFilter","MakeCompose"],"mappings":";;AACA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,OAAxB,EAAiCC,UAAjC,EAA6CC,mBAA7C,QAAwE,OAAxE;AAGA,SACEC,QADF,EAEEC,YAFF,EAGEC,aAHF,EAIEC,IAJF,EAKEC,aALF,EAMEC,YANF,QAOO,YAPP;AASA,SAASC,YAAT,QAA6B,eAA7B;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAEA,OAAO,MAAMC,WAAW,GAAG,MAAMZ,MAAM,CAAU,IAAV,CAAhC;AAMP,OAAO,MAAMa,KAAK,gBAAGX,UAAU,CAC7B,CAACY,KAAD,EAAQC,GAAR,KAAgB;AACd,QAAMC,KAAK,GAAGf,OAAO,CAAC,MAAMM,IAAI,CAACM,KAAL,EAAP,EAAqB,EAArB,CAArB;AACAV,EAAAA,mBAAmB,CAACY,GAAD,EAAM,MAAMC,KAAZ,EAAmB,CAACA,KAAD,CAAnB,CAAnB;AACA,QAAMC,SAAS,GAAGhB,OAAO,CACvB,MACEU,iBAAiB,CAAa,CAACO,UAAD,EAAaC,QAAb,EAAuBC,GAAvB,KAA+B;AAC3DV,IAAAA,YAAY,CAACM,KAAD,EAAQI,GAAG,CAACC,OAAZ,EAAqBH,UAArB,CAAZ;AACAC,IAAAA,QAAQ,CAACG,OAAT,CAAkBC,KAAD,IAAW;AAC1B,UAAInB,QAAQ,CAACmB,KAAD,CAAZ,EAAqB;AACnBP,QAAAA,KAAK,CAACQ,SAAN,CAAgBD,KAAhB;AACD,OAFD,MAEO,IAAIlB,YAAY,CAACkB,KAAD,CAAhB,EAAyB;AAC9BP,QAAAA,KAAK,CAACS,aAAN,CAAoBF,KAApB;AACD,OAFM,MAEA,IAAIjB,aAAa,CAACiB,KAAD,CAAjB,EAA0B;AAC/BP,QAAAA,KAAK,CAACU,cAAN,CAAqBH,KAArB;AACD,OAFM,MAEA,IAAId,YAAY,CAACc,KAAD,CAAhB,EAAyB;AAC9BP,QAAAA,KAAK,CAACW,aAAN,CAAoBJ,KAApB;AACD;AACF,KAVD;AAWA,UAAMK,OAAO,GAAGT,QAAQ,CAACU,MAAT,CAAgBrB,aAAhB,CAAhB;;AACA,QAAIoB,OAAO,CAACE,MAAR,GAAiB,CAArB,EAAwB;AACtBd,MAAAA,KAAK,CAACe,cAAN,CACEH,OAAO,CACJI,OADH,GAEGC,MAFH,CAGI1B,IAAI,CAAC2B,WAAL,CAAiBC,WAHrB,EAII,IAJJ,CADF;AAQD;;AACD,WAAOnB,KAAP;AACD,GAzBgB,CAFI,EA4BvB,CAACA,KAAD,CA5BuB,CAAzB;AA8BA,sBAAO;AAAe,IAAA,SAAS,EAAEC;AAA1B,KAAyCH,KAAzC,EAAP;AACD,CAnC4B,CAAxB","sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useRef, useMemo, forwardRef, useImperativeHandle } from \"react\";\n\nimport type { SkPaint, SkImageFilter } from \"../../skia\";\nimport {\n  isShader,\n  isMaskFilter,\n  isColorFilter,\n  Skia,\n  isImageFilter,\n  isPathEffect,\n} from \"../../skia\";\nimport type { CustomPaintProps, AnimatedProps } from \"../processors\";\nimport { processPaint } from \"../processors\";\nimport { createDeclaration } from \"../nodes\";\n\nexport const usePaintRef = () => useRef<SkPaint>(null);\n\nexport interface PaintProps extends Omit<CustomPaintProps, \"paint\"> {\n  children?: ReactNode | ReactNode[];\n}\n\nexport const Paint = forwardRef<SkPaint, AnimatedProps<PaintProps>>(\n  (props, ref) => {\n    const paint = useMemo(() => Skia.Paint(), []);\n    useImperativeHandle(ref, () => paint, [paint]);\n    const onDeclare = useMemo(\n      () =>\n        createDeclaration<PaintProps>((paintProps, children, ctx) => {\n          processPaint(paint, ctx.opacity, paintProps);\n          children.forEach((child) => {\n            if (isShader(child)) {\n              paint.setShader(child);\n            } else if (isMaskFilter(child)) {\n              paint.setMaskFilter(child);\n            } else if (isColorFilter(child)) {\n              paint.setColorFilter(child);\n            } else if (isPathEffect(child)) {\n              paint.setPathEffect(child);\n            }\n          });\n          const filters = children.filter(isImageFilter);\n          if (filters.length > 0) {\n            paint.setImageFilter(\n              filters\n                .reverse()\n                .reduce<SkImageFilter | null>(\n                  Skia.ImageFilter.MakeCompose,\n                  null\n                )\n            );\n          }\n          return paint;\n        }),\n      [paint]\n    );\n    return <skDeclaration onDeclare={onDeclare} {...props} />;\n  }\n);\n"]}

package/lib/module/renderer/components/backdrop/BackdropBlur.js

@@ -0,0 +1,19 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Blur } from "../imageFilters";
+import { BackdropFilter } from "./BackdropFilter";
+export const BackdropBlur = _ref => {
+  let {
+    blur,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(BackdropFilter, _extends({
+    filter: /*#__PURE__*/React.createElement(Blur, {
+      blur: blur,
+      mode: "clamp"
+    })
+  }, props), children);
+};
+//# sourceMappingURL=BackdropBlur.js.map

package/lib/module/renderer/components/backdrop/BackdropBlur.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BackdropBlur.tsx"],"names":["React","Blur","BackdropFilter","BackdropBlur","blur","children","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,iBAArB;AAIA,SAASC,cAAT,QAA+B,kBAA/B;AAMA,OAAO,MAAMC,YAAY,GAAG,QAIY;AAAA,MAJX;AAC3BC,IAAAA,IAD2B;AAE3BC,IAAAA,QAF2B;AAG3B,OAAGC;AAHwB,GAIW;AACtC,sBACE,oBAAC,cAAD;AAAgB,IAAA,MAAM,eAAE,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAEF,IAAZ;AAAkB,MAAA,IAAI,EAAC;AAAvB;AAAxB,KAA+DE,KAA/D,GACGD,QADH,CADF;AAKD,CAVM","sourcesContent":["import React from \"react\";\n\nimport { Blur } from \"../imageFilters\";\nimport type { AnimatedProps, Radius } from \"../../processors\";\n\nimport type { BackdropFilterProps } from \"./BackdropFilter\";\nimport { BackdropFilter } from \"./BackdropFilter\";\n\ninterface BackdropBlurProps extends Omit<BackdropFilterProps, \"filter\"> {\n  blur: Radius;\n}\n\nexport const BackdropBlur = ({\n  blur,\n  children,\n  ...props\n}: AnimatedProps<BackdropBlurProps>) => {\n  return (\n    <BackdropFilter filter={<Blur blur={blur} mode=\"clamp\" />} {...props}>\n      {children}\n    </BackdropFilter>\n  );\n};\n"]}

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

@@ -0,0 +1,39 @@
+import React from "react";
+import { createDrawing } from "../../nodes";
+import { getInput } from "../imageFilters/getInput";
+import { Group } from "../Group";
+
+const disableFilterMemoization = children => {
+  children.forEach(child => {
+    child.memoizable = false;
+    disableFilterMemoization(child.children);
+  });
+};
+
+const onDraw = createDrawing((ctx, _, node) => {
+  disableFilterMemoization(node.children);
+  const toFilter = node.visit(ctx);
+  const filter = getInput(toFilter);
+
+  if (!filter) {
+    throw new Error("No image filter provided to the background");
+  }
+
+  const {
+    canvas
+  } = ctx;
+  canvas.saveLayer(undefined, null, filter);
+  canvas.restore();
+});
+export const BackdropFilter = _ref => {
+  let {
+    filter: filterChild,
+    children: groupChildren,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Group, props, /*#__PURE__*/React.createElement("skDrawing", {
+    onDraw: onDraw,
+    skipProcessing: true
+  }, filterChild), groupChildren);
+};
+//# sourceMappingURL=BackdropFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["BackdropFilter.tsx"],"names":["React","createDrawing","getInput","Group","disableFilterMemoization","children","forEach","child","memoizable","onDraw","ctx","_","node","toFilter","visit","filter","Error","canvas","saveLayer","undefined","restore","BackdropFilter","filterChild","groupChildren","props"],"mappings":"AACA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,aAAT,QAA8B,aAA9B;AAEA,SAASC,QAAT,QAAyB,0BAAzB;AAEA,SAASC,KAAT,QAAsB,UAAtB;;AAEA,MAAMC,wBAAwB,GAAIC,QAAD,IAA+B;AAC9DA,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,GAAGR,aAAa,CAAsB,CAACS,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,GAAGb,QAAQ,CAACW,QAAD,CAAvB;;AACA,MAAI,CAACE,MAAL,EAAa;AACX,UAAM,IAAIC,KAAJ,CAAU,4CAAV,CAAN;AACD;;AACD,QAAM;AAAEC,IAAAA;AAAF,MAAaP,GAAnB;AACAO,EAAAA,MAAM,CAACC,SAAP,CAAiBC,SAAjB,EAA4B,IAA5B,EAAkCJ,MAAlC;AACAE,EAAAA,MAAM,CAACG,OAAP;AACD,CAV2B,CAA5B;AAYA,OAAO,MAAMC,cAAc,GAAG,QAIY;AAAA,MAJX;AAC7BN,IAAAA,MAAM,EAAEO,WADqB;AAE7BjB,IAAAA,QAAQ,EAAEkB,aAFmB;AAG7B,OAAGC;AAH0B,GAIW;AACxC,sBACE,oBAAC,KAAD,EAAWA,KAAX,eACE;AAAW,IAAA,MAAM,EAAEf,MAAnB;AAA2B,IAAA,cAAc;AAAzC,KACGa,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<unknown>[]) => {\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(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"]}

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

@@ -0,0 +1,3 @@
+export * from "./BackdropFilter";
+export * from "./BackdropBlur";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAd;AACA,cAAc,gBAAd","sourcesContent":["export * from \"./BackdropFilter\";\nexport * from \"./BackdropBlur\";\n"]}

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

@@ -0,0 +1,21 @@
+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 { BlendMode, Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes";
+import { enumKey } from "../../processors";
+import { composeColorFilter } from "./Compose";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    mode,
+    color
+  } = _ref;
+  const cf = Skia.ColorFilter.MakeBlend(Skia.Color(color), BlendMode[enumKey(mode)]);
+  return composeColorFilter(cf, children);
+});
+export const BlendColor = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=BlendColor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["BlendColor.tsx"],"names":["React","BlendMode","Skia","createDeclaration","enumKey","composeColorFilter","onDeclare","children","mode","color","cf","ColorFilter","MakeBlend","Color","BlendColor","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,eAAhC;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAEA,SAASC,OAAT,QAAwB,kBAAxB;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AAQA,MAAMC,SAAS,GAAGH,iBAAiB,CACjC,OAAkBI,QAAlB,KAA+B;AAAA,MAA9B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA8B;AAC7B,QAAMC,EAAE,GAAGR,IAAI,CAACS,WAAL,CAAiBC,SAAjB,CACTV,IAAI,CAACW,KAAL,CAAWJ,KAAX,CADS,EAETR,SAAS,CAACG,OAAO,CAACI,IAAD,CAAR,CAFA,CAAX;AAIA,SAAOH,kBAAkB,CAACK,EAAD,EAAKH,QAAL,CAAzB;AACD,CAPgC,CAAnC;AAUA,OAAO,MAAMO,UAAU,GAAIC,KAAD,IAA2C;AACnE,sBAAO;AAAe,IAAA,SAAS,EAAET;AAA1B,KAAyCS,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { BlendMode, Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes\";\nimport type { SkEnum, AnimatedProps } from \"../../processors\";\nimport { enumKey } from \"../../processors\";\nimport type { Color } from \"../../../skia\";\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) => {\n    const cf = Skia.ColorFilter.MakeBlend(\n      Skia.Color(color),\n      BlendMode[enumKey(mode)]\n    );\n    return composeColorFilter(cf, children);\n  }\n);\n\nexport const BlendColor = (props: AnimatedProps<BlendColorProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

package/lib/module/renderer/components/colorFilters/Compose.js

@@ -0,0 +1,14 @@
+import { isColorFilter, isImageFilter, Skia } from "../../../skia";
+export const composeColorFilter = (cf, children) => {
+  const [col] = children.filter(isColorFilter);
+  const [img] = children.filter(isImageFilter);
+
+  if (col) {
+    return Skia.ColorFilter.MakeCompose(cf, col);
+  } else if (img) {
+    return Skia.ImageFilter.MakeColorFilter(cf, img);
+  }
+
+  return cf;
+};
+//# sourceMappingURL=Compose.js.map

package/lib/module/renderer/components/colorFilters/Compose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Compose.ts"],"names":["isColorFilter","isImageFilter","Skia","composeColorFilter","cf","children","col","filter","img","ColorFilter","MakeCompose","ImageFilter","MakeColorFilter"],"mappings":"AACA,SAASA,aAAT,EAAwBC,aAAxB,EAAuCC,IAAvC,QAAmD,eAAnD;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAChCC,EADgC,EAEhCC,QAFgC,KAG7B;AACH,QAAM,CAACC,GAAD,IAAQD,QAAQ,CAACE,MAAT,CAAgBP,aAAhB,CAAd;AACA,QAAM,CAACQ,GAAD,IAAQH,QAAQ,CAACE,MAAT,CAAgBN,aAAhB,CAAd;;AACA,MAAIK,GAAJ,EAAS;AACP,WAAOJ,IAAI,CAACO,WAAL,CAAiBC,WAAjB,CAA6BN,EAA7B,EAAiCE,GAAjC,CAAP;AACD,GAFD,MAEO,IAAIE,GAAJ,EAAS;AACd,WAAON,IAAI,CAACS,WAAL,CAAiBC,eAAjB,CAAiCR,EAAjC,EAAqCI,GAArC,CAAP;AACD;;AACD,SAAOJ,EAAP;AACD,CAZM","sourcesContent":["import type { SkColorFilter } from \"../../../skia\";\nimport { isColorFilter, isImageFilter, Skia } from \"../../../skia\";\nimport type { DeclarationResult } from \"../../nodes\";\n\nexport const composeColorFilter = (\n  cf: SkColorFilter,\n  children: DeclarationResult[]\n) => {\n  const [col] = children.filter(isColorFilter);\n  const [img] = children.filter(isImageFilter);\n  if (col) {\n    return Skia.ColorFilter.MakeCompose(cf, col);\n  } else if (img) {\n    return Skia.ImageFilter.MakeColorFilter(cf, img);\n  }\n  return cf;\n};\n"]}

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

@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { isColorFilter } from "../../../skia/ColorFilter/ColorFilter";
+import { composeColorFilter } from "./Compose";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    t
+  } = _ref;
+  const [src, dst] = children.filter(isColorFilter);
+  const cf = Skia.ColorFilter.MakeLerp(t, dst, src);
+  return composeColorFilter(cf, children.filter(c => c !== src && c !== dst));
+});
+export const Lerp = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=Lerp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Lerp.tsx"],"names":["React","Skia","createDeclaration","isColorFilter","composeColorFilter","onDeclare","children","t","src","dst","filter","cf","ColorFilter","MakeLerp","c","Lerp","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA,SAASC,aAAT,QAA8B,uCAA9B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AAOA,MAAMC,SAAS,GAAGH,iBAAiB,CAAY,OAAQI,QAAR,KAAqB;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AAClE,QAAM,CAACC,GAAD,EAAMC,GAAN,IAAaH,QAAQ,CAACI,MAAT,CAAgBP,aAAhB,CAAnB;AACA,QAAMQ,EAAE,GAAGV,IAAI,CAACW,WAAL,CAAiBC,QAAjB,CAA0BN,CAA1B,EAA6BE,GAA7B,EAAkCD,GAAlC,CAAX;AACA,SAAOJ,kBAAkB,CACvBO,EADuB,EAEvBL,QAAQ,CAACI,MAAT,CAAiBI,CAAD,IAAOA,CAAC,KAAKN,GAAN,IAAaM,CAAC,KAAKL,GAA1C,CAFuB,CAAzB;AAID,CAPkC,CAAnC;AASA,OAAO,MAAMM,IAAI,GAAIC,KAAD,IAAqC;AACvD,sBAAO;AAAe,IAAA,SAAS,EAAEX;AAA1B,KAAyCW,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\nimport { isColorFilter } from \"../../../skia/ColorFilter/ColorFilter\";\n\nimport { composeColorFilter } from \"./Compose\";\n\nexport interface LerpProps {\n  t: number;\n  children: ReactNode | ReactNode[];\n}\n\nconst onDeclare = createDeclaration<LerpProps>(({ t }, children) => {\n  const [src, dst] = children.filter(isColorFilter);\n  const cf = Skia.ColorFilter.MakeLerp(t, dst, src);\n  return composeColorFilter(\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"]}

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

@@ -0,0 +1,17 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { composeColorFilter } from "./Compose"; // eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+const onDeclare = createDeclaration((_props, children) => {
+  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();
+  return composeColorFilter(cf, children);
+});
+export const LinearToSRGBGamma = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=LinearToSRGBGamma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LinearToSRGBGamma.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","_props","children","cf","ColorFilter","MakeLinearToSRGBGamma","LinearToSRGBGamma","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,KAAsB;AACxD,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAON,kBAAkB,CAACI,EAAD,EAAKD,QAAL,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\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) => {\n  const cf = Skia.ColorFilter.MakeLinearToSRGBGamma();\n  return composeColorFilter(cf, children);\n});\n\nexport const LinearToSRGBGamma = (\n  props: AnimatedProps<LinearToSRGBGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,17 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { composeColorFilter } from "./Compose"; // eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+const onDeclare = createDeclaration((_props, children) => {
+  const cf = Skia.ColorFilter.MakeLumaColorFilter();
+  return composeColorFilter(cf, children);
+});
+export const LumaColorFilter = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=LumaColorFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LumaColorFilter.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","_props","children","cf","ColorFilter","MakeLumaColorFilter","LumaColorFilter","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,KAAsB;AACxD,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,mBAAjB,EAAX;AACA,SAAON,kBAAkB,CAACI,EAAD,EAAKD,QAAL,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,eAAe,GAAIC,KAAD,IAAgD;AAC7E,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\nimport { createDeclaration } from \"../../nodes/Declaration\";\nimport type { AnimatedProps } from \"../../processors/Animations/Animations\";\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) => {\n  const cf = Skia.ColorFilter.MakeLumaColorFilter();\n  return composeColorFilter(cf, children);\n});\n\nexport const LumaColorFilter = (props: AnimatedProps<LumaColorFilterProps>) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,20 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes";
+import { composeColorFilter } from "./Compose";
+const onDeclare = createDeclaration((_ref, children) => {
+  let {
+    matrix
+  } = _ref;
+  const cf = Skia.ColorFilter.MakeMatrix(matrix);
+  return composeColorFilter(cf, children);
+});
+export const ColorMatrix = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+export const OpacityMatrix = opacity => [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, opacity, 0];
+//# sourceMappingURL=Matrix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Matrix.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","children","matrix","cf","ColorFilter","MakeMatrix","ColorMatrix","props","OpacityMatrix","opacity"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AAOA,MAAMC,SAAS,GAAGF,iBAAiB,CACjC,OAAaG,QAAb,KAA0B;AAAA,MAAzB;AAAEC,IAAAA;AAAF,GAAyB;AACxB,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,UAAjB,CAA4BH,MAA5B,CAAX;AACA,SAAOH,kBAAkB,CAACI,EAAD,EAAKF,QAAL,CAAzB;AACD,CAJgC,CAAnC;AAOA,OAAO,MAAMK,WAAW,GAAIC,KAAD,IAA4C;AACrE,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAFM;AAIP,OAAO,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 { Skia } from \"../../../skia\";\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) => {\n    const cf = Skia.ColorFilter.MakeMatrix(matrix);\n    return composeColorFilter(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"]}

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

@@ -0,0 +1,17 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from "react";
+import { Skia } from "../../../skia";
+import { createDeclaration } from "../../nodes/Declaration";
+import { composeColorFilter } from "./Compose"; // eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+const onDeclare = createDeclaration((_props, children) => {
+  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();
+  return composeColorFilter(cf, children);
+});
+export const SRGBToLinearGamma = props => {
+  return /*#__PURE__*/React.createElement("skDeclaration", _extends({
+    onDeclare: onDeclare
+  }, props));
+};
+//# sourceMappingURL=SRGBToLinearGamma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SRGBToLinearGamma.tsx"],"names":["React","Skia","createDeclaration","composeColorFilter","onDeclare","_props","children","cf","ColorFilter","MakeSRGBToLinearGamma","SRGBToLinearGamma","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,eAArB;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAGA,SAASC,kBAAT,QAAmC,WAAnC,C,CAEA;;AAGA,MAAMC,SAAS,GAAGF,iBAAiB,CAAC,CAACG,MAAD,EAASC,QAAT,KAAsB;AACxD,QAAMC,EAAE,GAAGN,IAAI,CAACO,WAAL,CAAiBC,qBAAjB,EAAX;AACA,SAAON,kBAAkB,CAACI,EAAD,EAAKD,QAAL,CAAzB;AACD,CAHkC,CAAnC;AAKA,OAAO,MAAMI,iBAAiB,GAC5BC,KAD+B,IAE5B;AACH,sBAAO;AAAe,IAAA,SAAS,EAAEP;AAA1B,KAAyCO,KAAzC,EAAP;AACD,CAJM","sourcesContent":["import React from \"react\";\n\nimport { Skia } from \"../../../skia\";\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) => {\n  const cf = Skia.ColorFilter.MakeSRGBToLinearGamma();\n  return composeColorFilter(cf, children);\n});\n\nexport const SRGBToLinearGamma = (\n  props: AnimatedProps<SRGBToLinearGammaProps>\n) => {\n  return <skDeclaration onDeclare={onDeclare} {...props} />;\n};\n"]}

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

@@ -0,0 +1,7 @@
+export * from "./Matrix";
+export * from "./BlendColor";
+export * from "./Lerp";
+export * from "./LinearToSRGBGamma";
+export * from "./SRGBToLinearGamma";
+export * from "./LumaColorFilter";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd;AACA,cAAc,mBAAd","sourcesContent":["export * from \"./Matrix\";\nexport * from \"./BlendColor\";\nexport * from \"./Lerp\";\nexport * from \"./LinearToSRGBGamma\";\nexport * from \"./SRGBToLinearGamma\";\nexport * from \"./LumaColorFilter\";\n"]}