@shopify/react-native-skia 0.1.215 → 0.1.218

package/lib/module/views/SkiaPictureView.js

@@ -3,10 +3,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React from "react";
-import { Platform } from "../Platform";
+import SkiaPictureViewNativeComponent from "../specs/SkiaPictureViewNativeComponent";
 import { SkiaViewApi } from "./api";
 import { SkiaViewNativeId } from "./SkiaView";
-const NativeSkiaPictureView = Platform.requireNativeComponent("SkiaPictureView");
+const NativeSkiaPictureView = SkiaPictureViewNativeComponent;
 export class SkiaPictureView extends React.Component {
   constructor(props) {
     super(props);
@@ -91,7 +91,7 @@ export class SkiaPictureView extends React.Component {
     return /*#__PURE__*/React.createElement(NativeSkiaPictureView, _extends({
       collapsable: false,
       nativeID: `${this._nativeId}`,
-      mode: mode,
+      mode: mode !== null && mode !== void 0 ? mode : "default",
       debug: debug
     }, viewProps));
   }

package/lib/module/views/SkiaPictureView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","SkiaViewApi","SkiaViewNativeId","NativeSkiaPictureView","requireNativeComponent","SkiaPictureView","Component","constructor","props","_nativeId","current","picture","onSize","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\nimport { Platform } from \"../Platform\";\n\nimport { SkiaViewApi } from \"./api\";\nimport { SkiaViewNativeId } from \"./SkiaView\";\nimport type { NativeSkiaViewProps, SkiaPictureViewProps } from \"./types\";\n\nconst NativeSkiaPictureView =\n  Platform.requireNativeComponent<NativeSkiaViewProps>(\"SkiaPictureView\");\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture, onSize } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture, onSize } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize !== prevProps.onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,QAAT,QAAyB,aAAzB;AAEA,SAASC,WAAT,QAA4B,OAA5B;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAGA,MAAMC,qBAAqB,GACzBH,QAAQ,CAACI,sBAAT,CAAqD,iBAArD,CADF;AAGA,OAAO,MAAMC,eAAN,SAA8BN,KAAK,CAACO,SAApC,CAAoE;EACzEC,WAAW,CAACC,KAAD,EAA8B;IACvC,MAAMA,KAAN;;IADuC;;IAEvC,KAAKC,SAAL,GAAiBP,gBAAgB,CAACQ,OAAjB,EAAjB;IACA,MAAM;MAAEC,OAAF;MAAWC;IAAX,IAAsBJ,KAA5B;;IACA,IAAIG,OAAJ,EAAa;MACXE,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,SAA3C,EAAsDE,OAAtD;IACD;;IACD,IAAIC,MAAJ,EAAY;MACVC,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,QAA3C,EAAqDG,MAArD;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKN,SAAZ;EACD;;EAEDO,kBAAkB,CAACC,SAAD,EAAkC;IAClD,MAAM;MAAEN,OAAF;MAAWC;IAAX,IAAsB,KAAKJ,KAAjC;;IACA,IAAIG,OAAO,KAAKM,SAAS,CAACN,OAA1B,EAAmC;MACjCE,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,SAA3C,EAAsDE,OAAtD;IACD;;IACD,IAAIC,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;MAC/BC,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,QAA3C,EAAqDG,MAArD;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOZ,WAAW,CAACiB,iBAAZ,CAA8B,KAAKT,SAAnC,EAA8CU,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBZ,WAAW,CAACoB,aAAZ,CAA0B,KAAKZ,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSa,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOZ,WAAW,CAACuB,oBAAZ,CAAiC,KAAKf,SAAtC,EAAiDc,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuB,GAAGC;IAA1B,IAAwC,KAAKpB,KAAnD;IACA,oBACE,oBAAC,qBAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEiB,IAHR;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAxEwE;;AA2E3E,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACEZ,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACa,cAAZ,KAA+B,IAD/B,IAEAb,WAAW,CAAC4B,aAAZ,KAA8B,IAF9B,IAGA5B,WAAW,CAACuB,oBAAZ,KAAqC,IAHrC,IAIAvB,WAAW,CAACoB,aAAZ,KAA8B,IAJ9B,IAKApB,WAAW,CAACiB,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}
+{"version":3,"names":["React","SkiaPictureViewNativeComponent","SkiaViewApi","SkiaViewNativeId","NativeSkiaPictureView","SkiaPictureView","Component","constructor","props","_nativeId","current","picture","onSize","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaPictureView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\nimport SkiaPictureViewNativeComponent from \"../specs/SkiaPictureViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport { SkiaViewNativeId } from \"./SkiaView\";\nimport type { SkiaPictureViewProps } from \"./types\";\n\nconst NativeSkiaPictureView = SkiaPictureViewNativeComponent;\n\nexport class SkiaPictureView extends React.Component<SkiaPictureViewProps> {\n  constructor(props: SkiaPictureViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { picture, onSize } = props;\n    if (picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaPictureViewProps) {\n    const { picture, onSize } = this.props;\n    if (picture !== prevProps.picture) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"picture\", picture);\n    }\n    if (onSize !== prevProps.onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaPictureView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode ?? \"default\"}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,OAAOC,8BAAP,MAA2C,yCAA3C;AAEA,SAASC,WAAT,QAA4B,OAA5B;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAGA,MAAMC,qBAAqB,GAAGH,8BAA9B;AAEA,OAAO,MAAMI,eAAN,SAA8BL,KAAK,CAACM,SAApC,CAAoE;EACzEC,WAAW,CAACC,KAAD,EAA8B;IACvC,MAAMA,KAAN;;IADuC;;IAEvC,KAAKC,SAAL,GAAiBN,gBAAgB,CAACO,OAAjB,EAAjB;IACA,MAAM;MAAEC,OAAF;MAAWC;IAAX,IAAsBJ,KAA5B;;IACA,IAAIG,OAAJ,EAAa;MACXE,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,SAA3C,EAAsDE,OAAtD;IACD;;IACD,IAAIC,MAAJ,EAAY;MACVC,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,QAA3C,EAAqDG,MAArD;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKN,SAAZ;EACD;;EAEDO,kBAAkB,CAACC,SAAD,EAAkC;IAClD,MAAM;MAAEN,OAAF;MAAWC;IAAX,IAAsB,KAAKJ,KAAjC;;IACA,IAAIG,OAAO,KAAKM,SAAS,CAACN,OAA1B,EAAmC;MACjCE,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,SAA3C,EAAsDE,OAAtD;IACD;;IACD,IAAIC,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;MAC/BC,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKL,SAAhC,EAA2C,QAA3C,EAAqDG,MAArD;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOX,WAAW,CAACgB,iBAAZ,CAA8B,KAAKT,SAAnC,EAA8CU,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBX,WAAW,CAACmB,aAAZ,CAA0B,KAAKZ,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSa,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOX,WAAW,CAACsB,oBAAZ,CAAiC,KAAKf,SAAtC,EAAiDc,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuB,GAAGC;IAA1B,IAAwC,KAAKpB,KAAnD;IACA,oBACE,oBAAC,qBAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEiB,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAU,SAHhB;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAxEwE;;AA2E3E,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACEX,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACY,cAAZ,KAA+B,IAD/B,IAEAZ,WAAW,CAAC2B,aAAZ,KAA8B,IAF9B,IAGA3B,WAAW,CAACsB,oBAAZ,KAAqC,IAHrC,IAIAtB,WAAW,CAACmB,aAAZ,KAA8B,IAJ9B,IAKAnB,WAAW,CAACgB,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}

package/lib/module/views/SkiaView.d.ts

@@ -26,5 +26,5 @@ export declare class SkiaView extends React.Component<SkiaDrawViewProps> {
      * @param values Values to register
      */
     registerValues(values: SkiaValue<unknown>[]): () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/module/views/SkiaView.js

@@ -3,12 +3,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React from "react";
-import { Platform } from "../Platform";
+import SkiaDrawViewNativeComponent from "../specs/SkiaDrawViewNativeComponent";
 import { SkiaViewApi } from "./api";
 export const SkiaViewNativeId = {
   current: 1000
 };
-const NativeSkiaView = Platform.requireNativeComponent("SkiaDrawView");
+const NativeSkiaView = SkiaDrawViewNativeComponent;
 export class SkiaView extends React.Component {
   constructor(props) {
     super(props);
@@ -94,7 +94,7 @@ export class SkiaView extends React.Component {
     return /*#__PURE__*/React.createElement(NativeSkiaView, _extends({
       collapsable: false,
       nativeID: `${this._nativeId}`,
-      mode: mode,
+      mode: mode !== null && mode !== void 0 ? mode : "default",
       debug: debug
     }, viewProps));
   }

package/lib/module/views/SkiaView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","SkiaViewApi","SkiaViewNativeId","current","NativeSkiaView","requireNativeComponent","SkiaView","Component","constructor","props","_nativeId","onDraw","onSize","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\nimport { Platform } from \"../Platform\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { NativeSkiaViewProps, SkiaDrawViewProps } from \"./types\";\n\nexport const SkiaViewNativeId = { current: 1000 };\n\nconst NativeSkiaView =\n  Platform.requireNativeComponent<NativeSkiaViewProps>(\"SkiaDrawView\");\n\nexport class SkiaView extends React.Component<SkiaDrawViewProps> {\n  constructor(props: SkiaDrawViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { onDraw, onSize } = props;\n    if (onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n    if (onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaDrawViewProps) {\n    const { onDraw, onSize } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n    if (onSize !== prevProps.onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, onSize, ...viewProps } = this.props;\n    return (\n      <NativeSkiaView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,SAASC,QAAT,QAAyB,aAAzB;AAEA,SAASC,WAAT,QAA4B,OAA5B;AAGA,OAAO,MAAMC,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAX,CAAzB;AAEP,MAAMC,cAAc,GAClBJ,QAAQ,CAACK,sBAAT,CAAqD,cAArD,CADF;AAGA,OAAO,MAAMC,QAAN,SAAuBP,KAAK,CAACQ,SAA7B,CAA0D;EAC/DC,WAAW,CAACC,KAAD,EAA2B;IACpC,MAAMA,KAAN;;IADoC;;IAEpC,KAAKC,SAAL,GAAiBR,gBAAgB,CAACC,OAAjB,EAAjB;IACA,MAAM;MAAEQ,MAAF;MAAUC;IAAV,IAAqBH,KAA3B;;IACA,IAAIE,MAAJ,EAAY;MACVE,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;;IACD,IAAIC,MAAJ,EAAY;MACVC,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,QAA3C,EAAqDE,MAArD;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKL,SAAZ;EACD;;EAEDM,kBAAkB,CAACC,SAAD,EAA+B;IAC/C,MAAM;MAAEN,MAAF;MAAUC;IAAV,IAAqB,KAAKH,KAAhC;;IACA,IAAIE,MAAM,KAAKM,SAAS,CAACN,MAAzB,EAAiC;MAC/BE,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;;IACD,IAAIC,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;MAC/BC,iBAAiB;MACjBZ,WAAW,CAACa,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,QAA3C,EAAqDE,MAArD;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOZ,WAAW,CAACiB,iBAAZ,CAA8B,KAAKR,SAAnC,EAA8CS,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBZ,WAAW,CAACoB,aAAZ,CAA0B,KAAKX,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSY,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOZ,WAAW,CAACuB,oBAAZ,CAAiC,KAAKd,SAAtC,EAAiDa,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuBf,MAAvB;MAA+B,GAAGgB;IAAlC,IAAgD,KAAKnB,KAA3D;IACA,oBACE,oBAAC,cAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEgB,IAHR;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAxE8D;;AA2EjE,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACEZ,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACa,cAAZ,KAA+B,IAD/B,IAEAb,WAAW,CAAC4B,aAAZ,KAA8B,IAF9B,IAGA5B,WAAW,CAACuB,oBAAZ,KAAqC,IAHrC,IAIAvB,WAAW,CAACoB,aAAZ,KAA8B,IAJ9B,IAKApB,WAAW,CAACiB,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}
+{"version":3,"names":["React","SkiaDrawViewNativeComponent","SkiaViewApi","SkiaViewNativeId","current","NativeSkiaView","SkiaView","Component","constructor","props","_nativeId","onDraw","onSize","assertSkiaViewApi","setJsiProperty","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","requestRedraw","registerValues","values","registerValuesInView","render","mode","debug","viewProps","callJsiMethod","Error"],"sources":["SkiaView.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkRect } from \"../skia/types\";\nimport type { SkiaValue } from \"../values\";\nimport SkiaDrawViewNativeComponent from \"../specs/SkiaDrawViewNativeComponent\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { SkiaDrawViewProps } from \"./types\";\n\nexport const SkiaViewNativeId = { current: 1000 };\n\nconst NativeSkiaView = SkiaDrawViewNativeComponent;\n\nexport class SkiaView extends React.Component<SkiaDrawViewProps> {\n  constructor(props: SkiaDrawViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId.current++;\n    const { onDraw, onSize } = props;\n    if (onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n    if (onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaDrawViewProps) {\n    const { onDraw, onSize } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"drawCallback\", onDraw);\n    }\n    if (onSize !== prevProps.onSize) {\n      assertSkiaViewApi();\n      SkiaViewApi.setJsiProperty(this._nativeId, \"onSize\", onSize);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertSkiaViewApi();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertSkiaViewApi();\n    SkiaViewApi.requestRedraw(this._nativeId);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaValue<unknown>[]): () => void {\n    assertSkiaViewApi();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, onSize, ...viewProps } = this.props;\n    return (\n      <NativeSkiaView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode ?? \"default\"}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertSkiaViewApi = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setJsiProperty === null ||\n    SkiaViewApi.callJsiMethod === null ||\n    SkiaViewApi.registerValuesInView === null ||\n    SkiaViewApi.requestRedraw === null ||\n    SkiaViewApi.makeImageSnapshot === null\n  ) {\n    throw Error(\"Skia View Api was not found.\");\n  }\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,OAAOC,2BAAP,MAAwC,sCAAxC;AAEA,SAASC,WAAT,QAA4B,OAA5B;AAGA,OAAO,MAAMC,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAX,CAAzB;AAEP,MAAMC,cAAc,GAAGJ,2BAAvB;AAEA,OAAO,MAAMK,QAAN,SAAuBN,KAAK,CAACO,SAA7B,CAA0D;EAC/DC,WAAW,CAACC,KAAD,EAA2B;IACpC,MAAMA,KAAN;;IADoC;;IAEpC,KAAKC,SAAL,GAAiBP,gBAAgB,CAACC,OAAjB,EAAjB;IACA,MAAM;MAAEO,MAAF;MAAUC;IAAV,IAAqBH,KAA3B;;IACA,IAAIE,MAAJ,EAAY;MACVE,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;;IACD,IAAIC,MAAJ,EAAY;MACVC,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,QAA3C,EAAqDE,MAArD;IACD;EACF;;EAIkB,IAARG,QAAQ,GAAG;IACpB,OAAO,KAAKL,SAAZ;EACD;;EAEDM,kBAAkB,CAACC,SAAD,EAA+B;IAC/C,MAAM;MAAEN,MAAF;MAAUC;IAAV,IAAqB,KAAKH,KAAhC;;IACA,IAAIE,MAAM,KAAKM,SAAS,CAACN,MAAzB,EAAiC;MAC/BE,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,cAA3C,EAA2DC,MAA3D;IACD;;IACD,IAAIC,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;MAC/BC,iBAAiB;MACjBX,WAAW,CAACY,cAAZ,CAA2B,KAAKJ,SAAhC,EAA2C,QAA3C,EAAqDE,MAArD;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACSM,iBAAiB,CAACC,IAAD,EAAgB;IACtCN,iBAAiB;IACjB,OAAOX,WAAW,CAACgB,iBAAZ,CAA8B,KAAKR,SAAnC,EAA8CS,IAA9C,CAAP;EACD;EAED;AACF;AACA;;;EACSC,MAAM,GAAG;IACdP,iBAAiB;IACjBX,WAAW,CAACmB,aAAZ,CAA0B,KAAKX,SAA/B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACSY,cAAc,CAACC,MAAD,EAA2C;IAC9DV,iBAAiB;IACjB,OAAOX,WAAW,CAACsB,oBAAZ,CAAiC,KAAKd,SAAtC,EAAiDa,MAAjD,CAAP;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,IAAF;MAAQC,KAAK,GAAG,KAAhB;MAAuBf,MAAvB;MAA+B,GAAGgB;IAAlC,IAAgD,KAAKnB,KAA3D;IACA,oBACE,oBAAC,cAAD;MACE,WAAW,EAAE,KADf;MAEE,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;MAGE,IAAI,EAAEgB,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAU,SAHhB;MAIE,KAAK,EAAEC;IAJT,GAKMC,SALN,EADF;EASD;;AAxE8D;;AA2EjE,MAAMf,iBAAiB,GAAG,MAAM;EAC9B,IACEX,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACY,cAAZ,KAA+B,IAD/B,IAEAZ,WAAW,CAAC2B,aAAZ,KAA8B,IAF9B,IAGA3B,WAAW,CAACsB,oBAAZ,KAAqC,IAHrC,IAIAtB,WAAW,CAACmB,aAAZ,KAA8B,IAJ9B,IAKAnB,WAAW,CAACgB,iBAAZ,KAAkC,IANpC,EAOE;IACA,MAAMY,KAAK,CAAC,8BAAD,CAAX;EACD;AACF,CAXD"}

package/lib/module/views/types.d.ts

@@ -3,8 +3,8 @@ import type { GroupProps, RenderNode } from "../dom/types";
 import type { SkCanvas, SkImage, SkPicture, SkRect, SkSize } from "../skia/types";
 import type { SkiaMutableValue, SkiaValue } from "../values";
 import type { SharedValueType } from "../renderer/processors/Animations/Animations";
-export declare type DrawMode = "continuous" | "default";
-export declare type NativeSkiaViewProps = ViewProps & {
+export type DrawMode = "continuous" | "default";
+export type NativeSkiaViewProps = ViewProps & {
     mode?: DrawMode;
     debug?: boolean;
 };
@@ -28,17 +28,17 @@ export interface DrawingInfo {
     timestamp: number;
     touches: Array<Array<TouchInfo>>;
 }
-export declare type ExtendedTouchInfo = TouchInfo & {
+export type ExtendedTouchInfo = TouchInfo & {
     velocityX: number;
     velocityY: number;
 };
-export declare type TouchHandlers = {
+export type TouchHandlers = {
     onStart?: (touchInfo: TouchInfo) => void;
     onActive?: (touchInfo: ExtendedTouchInfo) => void;
     onEnd?: (touchInfo: ExtendedTouchInfo) => void;
 };
-export declare type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;
-export declare type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;
+export type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;
+export type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;
 /**
  * Listener interface for value changes
  */

package/lib/module/web/WithSkiaWeb.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ComponentType } from "react";
-import { Suspense } from "react";
+import React, { Suspense } from "react";
 import { LoadSkiaWeb } from "./LoadSkiaWeb";
 interface WithSkiaProps {
     fallback?: ComponentProps<typeof Suspense>["fallback"];
@@ -8,5 +8,5 @@ interface WithSkiaProps {
     }>;
     opts?: Parameters<typeof LoadSkiaWeb>[0];
 }
-export declare const WithSkiaWeb: ({ getComponent, fallback, opts, }: WithSkiaProps) => JSX.Element;
+export declare const WithSkiaWeb: ({ getComponent, fallback, opts, }: WithSkiaProps) => React.JSX.Element;
 export {};

package/lib/typescript/src/Platform/IPlatform.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import type { HostComponent, NodeHandle, ViewComponent } from "react-native";
+import type { NodeHandle, ViewComponent } from "react-native";
 import type { DataModule } from "../skia/types";
 export interface IPlatform {
     OS: string;
-    requireNativeComponent: <T>(viewName: string) => HostComponent<T>;
     PixelRatio: number;
-    NativeModules: Record<string, any>;
     findNodeHandle: (componentOrHandle: null | number | React.Component<any, any> | React.ComponentClass<any>) => null | NodeHandle;
     resolveAsset: (source: DataModule) => string;
     View: typeof ViewComponent;

package/lib/typescript/src/animation/functions/interpolate.d.ts

@@ -11,7 +11,7 @@ interface RequiredExtrapolationConfig {
     extrapolateLeft: Extrapolate;
     extrapolateRight: Extrapolate;
 }
-export declare type ExtrapolationType = ExtrapolationConfig | Extrapolate | string | undefined;
+export type ExtrapolationType = ExtrapolationConfig | Extrapolate | string | undefined;
 export declare function validateInterpolationOptions(type: ExtrapolationType): RequiredExtrapolationConfig;
 export declare function interpolate(x: number, input: readonly number[], output: readonly number[], type?: ExtrapolationType): number;
 export {};

package/lib/typescript/src/animation/timing/functions/types.d.ts

@@ -1,4 +1,4 @@
-export declare type EasingFunction = (value: number) => number;
+export type EasingFunction = (value: number) => number;
 export interface TimingConfig {
     from?: number;
     to?: number;

package/lib/typescript/src/animation/types.d.ts

@@ -14,5 +14,5 @@ export interface AnimationParams {
     loop?: boolean;
     yoyo?: boolean;
 }
-export declare type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> & Pick<AnimationParams, "from">;
-export declare type AnimationCallback = (current: number) => void;
+export type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> & Pick<AnimationParams, "from">;
+export type AnimationCallback = (current: number) => void;

package/lib/typescript/src/dom/nodes/Node.d.ts

@@ -22,7 +22,7 @@ export declare abstract class JsiNode<P> implements Node<P> {
     removeChild(child: Node<unknown>): void;
     insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
 }
-export declare type Invalidate = () => void;
+export type Invalidate = () => void;
 export declare abstract class JsiDeclarationNode<P> extends JsiNode<P> implements DeclarationNode<P> {
     declarationType: DeclarationType;
     private invalidate;

package/lib/typescript/src/dom/types/Common.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from "react";
 import type { BlendMode, Color, PaintStyle, SkMatrix, SkPaint, SkPath, SkRect, SkRRect, StrokeCap, StrokeJoin, Transforms2d, Vector } from "../../skia/types";
-export declare type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;
-export declare type PathDef = string | SkPath;
-export declare type ClipDef = SkRRect | SkRect | PathDef;
-export declare type Fit = "cover" | "contain" | "fill" | "fitHeight" | "fitWidth" | "none" | "scaleDown";
-export declare type Radius = number | Vector;
+export type SkEnum<T> = Uncapitalize<keyof T extends string ? keyof T : never>;
+export type PathDef = string | SkPath;
+export type ClipDef = SkRRect | SkRect | PathDef;
+export type Fit = "cover" | "contain" | "fill" | "fitHeight" | "fitWidth" | "none" | "scaleDown";
+export type Radius = number | Vector;
 export interface ChildrenProps {
     children?: ReactNode | ReactNode[];
 }
@@ -17,10 +17,10 @@ export interface RectCtor {
 export interface RRectCtor extends RectCtor {
     r?: Radius;
 }
-export declare type RectDef = RectCtor | {
+export type RectDef = RectCtor | {
     rect: SkRect;
 };
-export declare type RRectDef = RRectCtor | {
+export type RRectDef = RRectCtor | {
     rect: SkRRect;
 };
 export interface PointCircleDef {
@@ -32,7 +32,7 @@ export interface ScalarCircleDef {
     cy: number;
     r: number;
 }
-export declare type CircleDef = PointCircleDef | ScalarCircleDef;
+export type CircleDef = PointCircleDef | ScalarCircleDef;
 export interface TransformProps {
     transform?: Transforms2d;
     origin?: Vector;

package/lib/typescript/src/dom/types/DeclarationContext.d.ts

@@ -1,5 +1,5 @@
 import type { SkShader, SkPaint, SkImageFilter, SkMaskFilter, SkPathEffect, Skia, SkColorFilter } from "../../skia/types";
-declare type Composer<T> = (outer: T, inner: T) => T;
+type Composer<T> = (outer: T, inner: T) => T;
 export declare const composeDeclarations: <T>(filters: T[], composer: Composer<T>) => T;
 declare class Declaration<T> {
     private composer?;

package/lib/typescript/src/dom/types/Drawings.d.ts

@@ -4,11 +4,11 @@ import type { DrawingContext } from "./DrawingContext";
 export interface DrawingNodeProps extends GroupProps {
     paint?: SkPaint;
 }
-export declare type ImageProps = DrawingNodeProps & RectDef & {
+export type ImageProps = DrawingNodeProps & RectDef & {
     fit?: Fit;
     image: SkImage | null;
 };
-export declare type CircleProps = CircleDef & DrawingNodeProps;
+export type CircleProps = CircleDef & DrawingNodeProps;
 export interface PathProps extends DrawingNodeProps {
     path: PathDef;
     start: number;
@@ -23,9 +23,9 @@ export interface LineProps extends DrawingNodeProps {
     p1: Vector;
     p2: Vector;
 }
-export declare type OvalProps = RectDef & DrawingNodeProps;
-export declare type RectProps = RectDef & DrawingNodeProps;
-export declare type RoundedRectProps = RRectDef & DrawingNodeProps;
+export type OvalProps = RectDef & DrawingNodeProps;
+export type RectProps = RectDef & DrawingNodeProps;
+export type RoundedRectProps = RRectDef & DrawingNodeProps;
 export interface CubicBezierHandle {
     pos: Vector;
     c1: Vector;

package/lib/typescript/src/dom/types/Node.d.ts

@@ -12,7 +12,7 @@ export interface Node<P> {
     removeChild(child: Node<unknown>): void;
     insertChildBefore(child: Node<unknown>, before: Node<unknown>): void;
 }
-export declare type Invalidate = () => void;
+export type Invalidate = () => void;
 export interface DeclarationNode<P> extends Node<P> {
     declarationType: DeclarationType;
     decorate(ctx: DeclarationContext): void;

package/lib/typescript/src/dom/types/SkDOM.d.ts

@@ -6,10 +6,10 @@ import type { ImageProps, CircleProps, PathProps, CustomDrawingNodeProps, LinePr
 import type { BlurMaskFilterProps } from "./MaskFilters";
 import type { FractalNoiseProps, SweepGradientProps, ImageShaderProps, LinearGradientProps, ShaderProps, TurbulenceProps, TwoPointConicalGradientProps, RadialGradientProps, ColorProps } from "./Shaders";
 import type { CornerPathEffectProps, DashPathEffectProps, DiscretePathEffectProps, Line2DPathEffectProps, Path1DPathEffectProps, Path2DPathEffectProps } from "./PathEffects";
-declare type ImageFilterNode<P> = DeclarationNode<P>;
-declare type PathEffectNode<P> = DeclarationNode<P>;
-declare type NullablePathEffectNode<P> = DeclarationNode<P>;
-declare type DrawingNode<P extends GroupProps> = RenderNode<P>;
+type ImageFilterNode<P> = DeclarationNode<P>;
+type PathEffectNode<P> = DeclarationNode<P>;
+type NullablePathEffectNode<P> = DeclarationNode<P>;
+type DrawingNode<P extends GroupProps> = RenderNode<P>;
 export interface SkDOM {
     Layer(props?: ChildrenProps): RenderNode<ChildrenProps>;
     Group(props?: GroupProps): RenderNode<GroupProps>;

package/lib/typescript/src/external/reanimated/renderHelpers.d.ts

@@ -1,5 +1,6 @@
 import type { Container } from "../../renderer/Container";
 import type { AnimatedProps } from "../../renderer/processors";
 import type { Node } from "../../dom/types";
+export declare const unbindReanimatedNode: (node: Node<unknown>) => void;
 export declare function extractReanimatedProps(props: AnimatedProps<any>): AnimatedProps<any, never>[];
 export declare function bindReanimatedProps(container: Container, node: Node<any>, reanimatedProps: AnimatedProps<any>): void;

package/lib/typescript/src/renderer/Canvas.d.ts

@@ -8,4 +8,4 @@ export interface CanvasProps extends SkiaBaseViewProps {
     children: ReactNode;
     onTouch?: TouchHandler;
 }
-export declare const Canvas: React.FC<CanvasProps & React.RefAttributes<SkiaDomView>>;
+export declare const Canvas: React.FunctionComponent<CanvasProps & React.RefAttributes<SkiaDomView>>;

package/lib/typescript/src/renderer/DependencyManager.d.ts

@@ -1,9 +1,9 @@
 import type { Node } from "../dom/types";
 import type { SkiaValue } from "../values";
 import type { AnimatedProps } from "./processors";
-declare type Unsubscribe = () => void;
-declare type Mutator = (value: unknown) => void;
-declare type SubscriptionState = {
+type Unsubscribe = () => void;
+type Mutator = (value: unknown) => void;
+type SubscriptionState = {
     nodes: Map<Node<unknown>, Mutator[]>;
     unsubscribe: null | Unsubscribe;
 };

package/lib/typescript/src/renderer/HostConfig.d.ts

@@ -3,17 +3,17 @@ import type { HostConfig } from "react-reconciler";
 import type { NodeType, Node } from "../dom/types";
 import type { Container } from "./Container";
 export declare const debug: (message?: any, ...optionalParams: any[]) => void;
-declare type Instance = Node<unknown>;
-declare type Props = object;
-declare type TextInstance = Node<unknown>;
-declare type SuspenseInstance = Instance;
-declare type HydratableInstance = Instance;
-declare type PublicInstance = Instance;
-declare type HostContext = null;
-declare type UpdatePayload = Container;
-declare type ChildSet = unknown;
-declare type TimeoutHandle = NodeJS.Timeout;
-declare type NoTimeout = -1;
-declare type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
+type Instance = Node<unknown>;
+type Props = object;
+type TextInstance = Node<unknown>;
+type SuspenseInstance = Instance;
+type HydratableInstance = Instance;
+type PublicInstance = Instance;
+type HostContext = null;
+type UpdatePayload = Container;
+type ChildSet = unknown;
+type TimeoutHandle = NodeJS.Timeout;
+type NoTimeout = -1;
+type SkiaHostConfig = HostConfig<NodeType, Props, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
 export declare const skHostConfig: SkiaHostConfig;
 export {};

package/lib/typescript/src/renderer/Reconciler.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { Skia } from "../skia/types";
 import type { SkiaValue } from "../values/types";
-declare type RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;
+type RegisterValues = (values: Array<SkiaValue<unknown>>) => () => void;
 export declare class SkiaRoot {
     private root;
     private container;

package/lib/typescript/src/renderer/components/Blend.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { BlendProps } from "../../dom/types";
 import type { SkiaProps } from "../processors";
-export declare const Blend: (props: SkiaProps<BlendProps>) => JSX.Element;
+export declare const Blend: (props: SkiaProps<BlendProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Drawing.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import type { CustomDrawingNodeProps } from "../../dom/types";
-export declare const Drawing: (props: CustomDrawingNodeProps) => JSX.Element;
+export declare const Drawing: (props: CustomDrawingNodeProps) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Group.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../processors";
 import type { GroupProps } from "../../dom/types";
 import type { ChildrenProps } from "../../dom/types/Common";
 export interface PublicGroupProps extends Omit<GroupProps, "layer"> {
     layer?: GroupProps["layer"] | ChildrenProps["children"];
 }
-export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => JSX.Element;
+export declare const Group: ({ layer, ...props }: SkiaProps<PublicGroupProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Mask.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface MaskProps {
     mode?: "luminance" | "alpha";
     clip?: boolean;
     mask: ReactNode | ReactNode[];
     children: ReactNode | ReactNode[];
 }
-export declare const Mask: ({ children, mask, mode, clip, }: MaskProps) => JSX.Element;
+export declare const Mask: ({ children, mask, mode, clip, }: MaskProps) => React.JSX.Element;
 export {};

package/lib/typescript/src/renderer/components/Paint.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../processors";
 import type { DrawingNodeProps } from "../../dom/types";
-export declare const Paint: (props: SkiaProps<DrawingNodeProps>) => JSX.Element;
+export declare const Paint: (props: SkiaProps<DrawingNodeProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/Picture.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { PictureProps } from "../../dom/types";
 import type { SkiaProps } from "../processors";
-export declare const Picture: (props: SkiaProps<PictureProps>) => JSX.Element;
+export declare const Picture: (props: SkiaProps<PictureProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/backdrop/BackdropBlur.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { AnimatedProps } from "../../processors";
 import type { Radius } from "../../../dom/types";
 import type { BackdropFilterProps } from "./BackdropFilter";
 interface BackdropBlurProps extends Omit<BackdropFilterProps, "filter"> {
     blur: Radius;
 }
-export declare const BackdropBlur: ({ blur, children, ...props }: AnimatedProps<BackdropBlurProps>) => JSX.Element;
+export declare const BackdropBlur: ({ blur, children, ...props }: AnimatedProps<BackdropBlurProps>) => React.JSX.Element;
 export {};

package/lib/typescript/src/renderer/components/backdrop/BackdropFilter.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { GroupProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 export interface BackdropFilterProps extends GroupProps {
     filter: ReactNode | ReactNode[];
 }
-export declare const BackdropFilter: ({ filter, children, ...props }: SkiaProps<BackdropFilterProps, "filter">) => JSX.Element;
+export declare const BackdropFilter: ({ filter, children: groupChildren, ...props }: SkiaProps<BackdropFilterProps, "filter">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/BlendColor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { BlendColorFilterProps } from "../../../dom/types";
-export declare const BlendColor: (props: SkiaProps<BlendColorFilterProps>) => JSX.Element;
+export declare const BlendColor: (props: SkiaProps<BlendColorFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/Lerp.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { LerpColorFilterProps } from "../../../dom/types";
-export declare const Lerp: (props: SkiaProps<LerpColorFilterProps>) => JSX.Element;
+export declare const Lerp: (props: SkiaProps<LerpColorFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/LinearToSRGBGamma.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors";
-export declare const LinearToSRGBGamma: (props: SkiaProps<ChildrenProps>) => JSX.Element;
+export declare const LinearToSRGBGamma: (props: SkiaProps<ChildrenProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/LumaColorFilter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const LumaColorFilter: (props: SkiaProps<ChildrenProps>) => JSX.Element;
+export declare const LumaColorFilter: (props: SkiaProps<ChildrenProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/colorFilters/Matrix.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { MatrixColorFilterProps } from "../../../dom/types";
-export declare const ColorMatrix: (props: SkiaProps<MatrixColorFilterProps>) => JSX.Element;
+export declare const ColorMatrix: (props: SkiaProps<MatrixColorFilterProps>) => React.JSX.Element;
 export declare const OpacityMatrix: (opacity: number) => number[];

package/lib/typescript/src/renderer/components/colorFilters/SRGBToLinearGamma.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ChildrenProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const SRGBToLinearGamma: (props: SkiaProps<ChildrenProps>) => JSX.Element;
+export declare const SRGBToLinearGamma: (props: SkiaProps<ChildrenProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/image/Image.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { ImageProps } from "../../../dom/types";
-export declare const Image: (props: SkiaProps<ImageProps>) => JSX.Element;
+export declare const Image: (props: SkiaProps<ImageProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/image/ImageSVG.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ImageSVGProps } from "../../../dom/types";
 import type { AnimatedProps } from "../../processors";
-export declare const ImageSVG: (props: AnimatedProps<ImageSVGProps>) => JSX.Element;
+export declare const ImageSVG: (props: AnimatedProps<ImageSVGProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/image/ImageShader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { ImageShaderProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors";
-export declare const ImageShader: ({ tx, ty, fm, mm, fit, transform, ...props }: SkiaDefaultProps<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "transform">) => JSX.Element;
+export declare const ImageShader: ({ tx, ty, fm, mm, fit, transform, ...props }: SkiaDefaultProps<ImageShaderProps, "tx" | "ty" | "fm" | "mm" | "fit" | "transform">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Blur.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
 import type { BlurImageFilterProps } from "../../../dom/types";
-export declare const Blur: ({ mode, ...props }: SkiaDefaultProps<BlurImageFilterProps, "mode">) => JSX.Element;
+export declare const Blur: ({ mode, ...props }: SkiaDefaultProps<BlurImageFilterProps, "mode">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/DisplacementMap.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors";
 import type { DisplacementMapImageFilterProps } from "../../../dom/types";
-export declare const DisplacementMap: (props: SkiaProps<DisplacementMapImageFilterProps>) => JSX.Element;
+export declare const DisplacementMap: (props: SkiaProps<DisplacementMapImageFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Morphology.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { MorphologyImageFilterProps } from "../../../dom/types";
 import type { SkiaDefaultProps } from "../../processors";
-export declare const Morphology: ({ operator, ...props }: SkiaDefaultProps<MorphologyImageFilterProps, "operator">) => JSX.Element;
+export declare const Morphology: ({ operator, ...props }: SkiaDefaultProps<MorphologyImageFilterProps, "operator">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Offset.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaDefaultProps } from "../../processors/Animations/Animations";
 import type { OffsetImageFilterProps } from "../../../dom/types";
-export declare const Offset: ({ x, y, ...props }: SkiaDefaultProps<OffsetImageFilterProps, "x" | "y">) => JSX.Element;
+export declare const Offset: ({ x, y, ...props }: SkiaDefaultProps<OffsetImageFilterProps, "x" | "y">) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/RuntimeShader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { SkiaProps } from "../../processors/Animations/Animations";
 import type { RuntimeShaderImageFilterProps } from "../../../dom/types";
-export declare const RuntimeShader: (props: SkiaProps<RuntimeShaderImageFilterProps>) => JSX.Element;
+export declare const RuntimeShader: (props: SkiaProps<RuntimeShaderImageFilterProps>) => React.JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/Shadow.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { DropShadowImageFilterProps } from "../../../dom/types";
 import type { SkiaProps } from "../../processors/Animations/Animations";
-export declare const Shadow: (props: SkiaProps<DropShadowImageFilterProps>) => JSX.Element;
+export declare const Shadow: (props: SkiaProps<DropShadowImageFilterProps>) => React.JSX.Element;