@shopify/react-native-skia 0.1.236 → 0.1.238

package/lib/commonjs/renderer/HostConfig.js

@@ -4,40 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.skHostConfig = exports.debug = void 0;
-
 var _constants = require("react-reconciler/constants");
-
 var _renderHelpers = require("../external/reanimated/renderHelpers");
-
 var _HostComponents = require("./HostComponents");
-
 var _typeddash = require("./typeddash");
-
 /*global NodeJS*/
-const DEBUG = false;
 
-const debug = function () {
+const DEBUG = false;
+const debug = (...args) => {
   if (DEBUG) {
-    console.log(...arguments);
+    console.log(...args);
   }
 };
-
 exports.debug = debug;
-
 const appendNode = (parent, child) => {
   parent.addChild(child);
 };
-
 const removeNode = (parent, child) => {
   (0, _renderHelpers.unbindReanimatedNode)(child);
   return parent.removeChild(child);
 };
-
 const insertBefore = (parent, child, before) => {
   parent.insertChildBefore(child, before);
 };
-
-const skHostConfig = {
+const skHostConfig = exports.skHostConfig = {
   /**
    * This function is used by the reconciler in order to calculate current time for prioritising work.
    */
@@ -47,40 +37,34 @@ const skHostConfig = {
   supportsPersistence: false,
   supportsHydration: false,
   //supportsMicrotask: true,
+
   scheduleTimeout: setTimeout,
   cancelTimeout: clearTimeout,
   noTimeout: -1,
-
   appendChildToContainer(container, child) {
     debug("appendChildToContainer");
     appendNode(container.root, child);
   },
-
   appendChild(parent, child) {
     debug("appendChild", parent, child);
     appendNode(parent, child);
   },
-
   getRootHostContext: _rootContainerInstance => {
     debug("getRootHostContext");
     return null;
   },
-
   getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {
     debug("getChildHostContext");
     return null;
   },
-
   shouldSetTextContent(_type, _props) {
     return false;
   },
-
   createTextInstance(_text, _rootContainerInstance, _hostContext, _internalInstanceHandle) {
-    debug("createTextInstance"); // return SpanNode({}, text) as SkNode;
-
+    debug("createTextInstance");
+    // return SpanNode({}, text) as SkNode;
     throw new Error("Text nodes are not supported yet");
   },
-
   createInstance(type, pristineProps, container, _hostContext, _internalInstanceHandle) {
     debug("createInstance", type);
     const [props, reanimatedProps] = (0, _renderHelpers.extractReanimatedProps)(pristineProps);
@@ -88,62 +72,50 @@ const skHostConfig = {
     (0, _renderHelpers.bindReanimatedProps)(container, node, reanimatedProps);
     return node;
   },
-
   appendInitialChild(parentInstance, child) {
     debug("appendInitialChild");
     appendNode(parentInstance, child);
   },
-
   finalizeInitialChildren(parentInstance, _type, _props, _rootContainerInstance, _hostContext) {
     debug("finalizeInitialChildren", parentInstance);
     return false;
   },
-
   commitMount() {
     // if finalizeInitialChildren = true
     debug("commitMount");
   },
-
   prepareForCommit(_containerInfo) {
     debug("prepareForCommit");
     return null;
   },
-
   resetAfterCommit(container) {
     debug("resetAfterCommit");
     container.redraw();
   },
-
   getPublicInstance(node) {
     debug("getPublicInstance");
     return node;
   },
-
   prepareUpdate: (_instance, type, oldProps, newProps, rootContainerInstance, _hostContext) => {
     debug("prepareUpdate");
     const propsAreEqual = (0, _typeddash.shallowEq)(oldProps, newProps);
-
     if (propsAreEqual) {
       return null;
     }
-
     debug("update ", type);
     return rootContainerInstance;
   },
-
   commitUpdate(instance, updatePayload, type, prevProps, nextProps, _internalHandle) {
     debug("commitUpdate: ", type);
-
     if ((0, _typeddash.shallowEq)(prevProps, nextProps)) {
       return;
     }
-
     const [props, reanimatedProps] = (0, _renderHelpers.extractReanimatedProps)(nextProps);
     instance.setProps(props);
     (0, _renderHelpers.bindReanimatedProps)(updatePayload, instance, reanimatedProps);
   },
-
-  commitTextUpdate: (_textInstance, _oldText, _newText) => {//  textInstance.instance = newText;
+  commitTextUpdate: (_textInstance, _oldText, _newText) => {
+    //  textInstance.instance = newText;
   },
   clearContainer: container => {
     debug("clearContainer");
@@ -174,5 +146,4 @@ const skHostConfig = {
   afterActiveInstanceBlur: () => {},
   detachDeletedInstance: () => {}
 };
-exports.skHostConfig = skHostConfig;
 //# sourceMappingURL=HostConfig.js.map

package/lib/commonjs/renderer/HostConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEBUG","debug","console","log","appendNode","parent","child","addChild","removeNode","unbindReanimatedNode","removeChild","insertBefore","before","insertChildBefore","skHostConfig","now","Date","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","pristineProps","props","reanimatedProps","extractReanimatedProps","node","createNode","bindReanimatedProps","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","shallowEq","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType, Node } from \"../dom/types\";\nimport {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport { shallowEq } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.addChild(child);\n};\n\nconst removeNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  unbindReanimatedNode(child);\n  return parent.removeChild(child);\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.insertChildBefore(child, before);\n};\n\nexport const skHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  now: Date.now,\n  supportsMutation: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\");\n    appendNode(container.root, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    pristineProps,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    const [props, reanimatedProps] = extractReanimatedProps(pristineProps);\n    const node = createNode(container, type, props);\n    bindReanimatedProps(container, node, reanimatedProps);\n    return node;\n  },\n\n  appendInitialChild(parentInstance, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    const [props, reanimatedProps] = extractReanimatedProps(nextProps);\n    instance.setProps(props);\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root.children().forEach((child) => {\n      container.root.removeChild(child);\n    });\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    removeNode(container.root, child);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    insertBefore(container.root, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n};\n"],"mappings":"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"}
+{"version":3,"names":["_constants","require","_renderHelpers","_HostComponents","_typeddash","DEBUG","debug","args","console","log","exports","appendNode","parent","child","addChild","removeNode","unbindReanimatedNode","removeChild","insertBefore","before","insertChildBefore","skHostConfig","now","Date","supportsMutation","isPrimaryRenderer","supportsPersistence","supportsHydration","scheduleTimeout","setTimeout","cancelTimeout","clearTimeout","noTimeout","appendChildToContainer","container","root","appendChild","getRootHostContext","_rootContainerInstance","getChildHostContext","_parentHostContext","_type","shouldSetTextContent","_props","createTextInstance","_text","_hostContext","_internalInstanceHandle","Error","createInstance","type","pristineProps","props","reanimatedProps","extractReanimatedProps","node","createNode","bindReanimatedProps","appendInitialChild","parentInstance","finalizeInitialChildren","commitMount","prepareForCommit","_containerInfo","resetAfterCommit","redraw","getPublicInstance","prepareUpdate","_instance","oldProps","newProps","rootContainerInstance","propsAreEqual","shallowEq","commitUpdate","instance","updatePayload","prevProps","nextProps","_internalHandle","setProps","commitTextUpdate","_textInstance","_oldText","_newText","clearContainer","children","forEach","preparePortalMount","removeChildFromContainer","insertInContainerBefore","getCurrentEventPriority","DefaultEventPriority","beforeActiveInstanceBlur","afterActiveInstanceBlur","detachDeletedInstance"],"sources":["HostConfig.ts"],"sourcesContent":["/*global NodeJS*/\nimport type { HostConfig } from \"react-reconciler\";\nimport { DefaultEventPriority } from \"react-reconciler/constants\";\n\nimport type { NodeType, Node } from \"../dom/types\";\nimport {\n  bindReanimatedProps,\n  extractReanimatedProps,\n  unbindReanimatedNode,\n} from \"../external/reanimated/renderHelpers\";\n\nimport type { Container } from \"./Container\";\nimport { createNode } from \"./HostComponents\";\nimport { shallowEq } from \"./typeddash\";\n\nconst DEBUG = false;\nexport const debug = (...args: Parameters<typeof console.log>) => {\n  if (DEBUG) {\n    console.log(...args);\n  }\n};\n\ntype Instance = Node<unknown>;\n\ntype Props = object;\ntype TextInstance = Node<unknown>;\ntype SuspenseInstance = Instance;\ntype HydratableInstance = Instance;\ntype PublicInstance = Instance;\ntype HostContext = null;\ntype UpdatePayload = Container;\ntype ChildSet = unknown;\ntype TimeoutHandle = NodeJS.Timeout;\ntype NoTimeout = -1;\n\ntype SkiaHostConfig = HostConfig<\n  NodeType,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>;\n\nconst appendNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  parent.addChild(child);\n};\n\nconst removeNode = (parent: Node<unknown>, child: Node<unknown>) => {\n  unbindReanimatedNode(child);\n  return parent.removeChild(child);\n};\n\nconst insertBefore = (\n  parent: Node<unknown>,\n  child: Node<unknown>,\n  before: Node<unknown>\n) => {\n  parent.insertChildBefore(child, before);\n};\n\nexport const skHostConfig: SkiaHostConfig = {\n  /**\n   * This function is used by the reconciler in order to calculate current time for prioritising work.\n   */\n  now: Date.now,\n  supportsMutation: true,\n  isPrimaryRenderer: false,\n  supportsPersistence: false,\n  supportsHydration: false,\n  //supportsMicrotask: true,\n\n  scheduleTimeout: setTimeout,\n  cancelTimeout: clearTimeout,\n  noTimeout: -1,\n\n  appendChildToContainer(container, child) {\n    debug(\"appendChildToContainer\");\n    appendNode(container.root, child);\n  },\n\n  appendChild(parent, child) {\n    debug(\"appendChild\", parent, child);\n    appendNode(parent, child);\n  },\n\n  getRootHostContext: (_rootContainerInstance: Container) => {\n    debug(\"getRootHostContext\");\n    return null;\n  },\n\n  getChildHostContext(_parentHostContext, _type, _rootContainerInstance) {\n    debug(\"getChildHostContext\");\n    return null;\n  },\n\n  shouldSetTextContent(_type, _props) {\n    return false;\n  },\n\n  createTextInstance(\n    _text,\n    _rootContainerInstance,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createTextInstance\");\n    // return SpanNode({}, text) as SkNode;\n    throw new Error(\"Text nodes are not supported yet\");\n  },\n\n  createInstance(\n    type,\n    pristineProps,\n    container,\n    _hostContext,\n    _internalInstanceHandle\n  ) {\n    debug(\"createInstance\", type);\n    const [props, reanimatedProps] = extractReanimatedProps(pristineProps);\n    const node = createNode(container, type, props);\n    bindReanimatedProps(container, node, reanimatedProps);\n    return node;\n  },\n\n  appendInitialChild(parentInstance, child) {\n    debug(\"appendInitialChild\");\n    appendNode(parentInstance, child);\n  },\n\n  finalizeInitialChildren(\n    parentInstance,\n    _type,\n    _props,\n    _rootContainerInstance,\n    _hostContext\n  ) {\n    debug(\"finalizeInitialChildren\", parentInstance);\n    return false;\n  },\n\n  commitMount() {\n    // if finalizeInitialChildren = true\n    debug(\"commitMount\");\n  },\n\n  prepareForCommit(_containerInfo) {\n    debug(\"prepareForCommit\");\n    return null;\n  },\n\n  resetAfterCommit(container) {\n    debug(\"resetAfterCommit\");\n    container.redraw();\n  },\n\n  getPublicInstance(node: Instance) {\n    debug(\"getPublicInstance\");\n    return node;\n  },\n\n  prepareUpdate: (\n    _instance,\n    type,\n    oldProps,\n    newProps,\n    rootContainerInstance,\n    _hostContext\n  ) => {\n    debug(\"prepareUpdate\");\n    const propsAreEqual = shallowEq(oldProps, newProps);\n    if (propsAreEqual) {\n      return null;\n    }\n    debug(\"update \", type);\n    return rootContainerInstance;\n  },\n\n  commitUpdate(\n    instance,\n    updatePayload,\n    type,\n    prevProps,\n    nextProps,\n    _internalHandle\n  ) {\n    debug(\"commitUpdate: \", type);\n    if (shallowEq(prevProps, nextProps)) {\n      return;\n    }\n    const [props, reanimatedProps] = extractReanimatedProps(nextProps);\n    instance.setProps(props);\n    bindReanimatedProps(updatePayload, instance, reanimatedProps);\n  },\n\n  commitTextUpdate: (\n    _textInstance: TextInstance,\n    _oldText: string,\n    _newText: string\n  ) => {\n    //  textInstance.instance = newText;\n  },\n\n  clearContainer: (container) => {\n    debug(\"clearContainer\");\n    container.root.children().forEach((child) => {\n      container.root.removeChild(child);\n    });\n  },\n\n  preparePortalMount: () => {\n    debug(\"preparePortalMount\");\n  },\n\n  removeChild: (parent, child) => {\n    removeNode(parent, child);\n  },\n\n  removeChildFromContainer: (container, child) => {\n    removeNode(container.root, child);\n  },\n\n  insertInContainerBefore: (container, child, before) => {\n    insertBefore(container.root, child, before);\n  },\n\n  insertBefore: (parent, child, before) => {\n    insertBefore(parent, child, before);\n  },\n  // see https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-expect-error\n  getCurrentEventPriority: () => DefaultEventPriority,\n  beforeActiveInstanceBlur: () => {},\n  afterActiveInstanceBlur: () => {},\n  detachDeletedInstance: () => {},\n};\n"],"mappings":"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"}

package/lib/commonjs/renderer/Offscreen.d.ts

@@ -1,3 +1,5 @@
 import type { ReactElement } from "react";
-export declare const drawAsImage: (element: ReactElement, width: number, height: number) => import("../skia").SkImage;
-export declare const drawAsPicture: (element: ReactElement) => import("../skia").SkPicture;
+import type { SkPicture, SkSize } from "../skia/types";
+export declare const drawAsPicture: (element: ReactElement) => SkPicture;
+export declare const drawAsImage: (element: ReactElement, size: SkSize) => import("../skia").SkImage;
+export declare const drawAsImageFromPicture: (picture: SkPicture, size: SkSize) => import("../skia").SkImage;

package/lib/commonjs/renderer/Offscreen.js

@@ -3,34 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.drawAsPicture = exports.drawAsImage = void 0;
-
+exports.drawAsPicture = exports.drawAsImageFromPicture = exports.drawAsImage = void 0;
 var _types = require("../dom/types");
-
 var _skia = require("../skia");
-
 var _Reconciler = require("./Reconciler");
-
-const drawAsImage = (element, width, height) => {
-  const picture = drawAsPicture(element);
-
-  const surface = _skia.Skia.Surface.MakeOffscreen(width, height);
-
-  if (!surface) {
-    throw new Error("Could not create offscreen surface");
-  }
-
-  const canvas = surface.getCanvas();
-  canvas.drawPicture(picture);
-  surface.flush();
-  return surface.makeImageSnapshot();
-};
-
-exports.drawAsImage = drawAsImage;
-
 const drawAsPicture = element => {
   const recorder = _skia.Skia.PictureRecorder();
-
   const canvas = recorder.beginRecording();
   const root = new _Reconciler.SkiaRoot(_skia.Skia, false);
   root.render(element);
@@ -39,6 +17,23 @@ const drawAsPicture = element => {
   const picture = recorder.finishRecordingAsPicture();
   return picture;
 };
-
 exports.drawAsPicture = drawAsPicture;
+const drawAsImage = (element, size) => {
+  return drawAsImageFromPicture(drawAsPicture(element), size);
+};
+
+// TODO: We're not sure yet why PixelRatio is not needed here.
+exports.drawAsImage = drawAsImage;
+const pd = 1;
+const drawAsImageFromPicture = (picture, size) => {
+  "worklet";
+
+  const surface = _skia.Skia.Surface.MakeOffscreen(size.width * pd, size.height * pd);
+  const canvas = surface.getCanvas();
+  canvas.scale(pd, pd);
+  canvas.drawPicture(picture);
+  surface.flush();
+  return surface.makeImageSnapshot();
+};
+exports.drawAsImageFromPicture = drawAsImageFromPicture;
 //# sourceMappingURL=Offscreen.js.map

package/lib/commonjs/renderer/Offscreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["drawAsImage","element","width","height","picture","drawAsPicture","surface","Skia","Surface","MakeOffscreen","Error","canvas","getCanvas","drawPicture","flush","makeImageSnapshot","recorder","PictureRecorder","beginRecording","root","SkiaRoot","render","ctx","JsiDrawingContext","dom","finishRecordingAsPicture"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport { Skia } from \"../skia\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\nexport const drawAsImage = (\n  element: ReactElement,\n  width: number,\n  height: number\n) => {\n  const picture = drawAsPicture(element);\n  const surface = Skia.Surface.MakeOffscreen(width, height);\n  if (!surface) {\n    throw new Error(\"Could not create offscreen surface\");\n  }\n  const canvas = surface.getCanvas();\n  canvas.drawPicture(picture);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n\nexport const drawAsPicture = (element: ReactElement) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording();\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  const picture = recorder.finishRecordingAsPicture();\n  return picture;\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;;AAEO,MAAMA,WAAW,GAAG,CACzBC,OADyB,EAEzBC,KAFyB,EAGzBC,MAHyB,KAItB;EACH,MAAMC,OAAO,GAAGC,aAAa,CAACJ,OAAD,CAA7B;;EACA,MAAMK,OAAO,GAAGC,UAAA,CAAKC,OAAL,CAAaC,aAAb,CAA2BP,KAA3B,EAAkCC,MAAlC,CAAhB;;EACA,IAAI,CAACG,OAAL,EAAc;IACZ,MAAM,IAAII,KAAJ,CAAU,oCAAV,CAAN;EACD;;EACD,MAAMC,MAAM,GAAGL,OAAO,CAACM,SAAR,EAAf;EACAD,MAAM,CAACE,WAAP,CAAmBT,OAAnB;EACAE,OAAO,CAACQ,KAAR;EACA,OAAOR,OAAO,CAACS,iBAAR,EAAP;AACD,CAdM;;;;AAgBA,MAAMV,aAAa,GAAIJ,OAAD,IAA2B;EACtD,MAAMe,QAAQ,GAAGT,UAAA,CAAKU,eAAL,EAAjB;;EACA,MAAMN,MAAM,GAAGK,QAAQ,CAACE,cAAT,EAAf;EACA,MAAMC,IAAI,GAAG,IAAIC,oBAAJ,CAAab,UAAb,EAAmB,KAAnB,CAAb;EACAY,IAAI,CAACE,MAAL,CAAYpB,OAAZ;EACA,MAAMqB,GAAG,GAAG,IAAIC,wBAAJ,CAAsBhB,UAAtB,EAA4BI,MAA5B,CAAZ;EACAQ,IAAI,CAACK,GAAL,CAASH,MAAT,CAAgBC,GAAhB;EACA,MAAMlB,OAAO,GAAGY,QAAQ,CAACS,wBAAT,EAAhB;EACA,OAAOrB,OAAP;AACD,CATM"}
+{"version":3,"names":["_types","require","_skia","_Reconciler","drawAsPicture","element","recorder","Skia","PictureRecorder","canvas","beginRecording","root","SkiaRoot","render","ctx","JsiDrawingContext","dom","picture","finishRecordingAsPicture","exports","drawAsImage","size","drawAsImageFromPicture","pd","surface","Surface","MakeOffscreen","width","height","getCanvas","scale","drawPicture","flush","makeImageSnapshot"],"sources":["Offscreen.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nimport { JsiDrawingContext } from \"../dom/types\";\nimport type { SkPicture, SkSize } from \"../skia/types\";\nimport { Skia } from \"../skia\";\n\nimport { SkiaRoot } from \"./Reconciler\";\n\nexport const drawAsPicture = (element: ReactElement) => {\n  const recorder = Skia.PictureRecorder();\n  const canvas = recorder.beginRecording();\n  const root = new SkiaRoot(Skia, false);\n  root.render(element);\n  const ctx = new JsiDrawingContext(Skia, canvas);\n  root.dom.render(ctx);\n  const picture = recorder.finishRecordingAsPicture();\n  return picture;\n};\n\nexport const drawAsImage = (element: ReactElement, size: SkSize) => {\n  return drawAsImageFromPicture(drawAsPicture(element), size);\n};\n\n// TODO: We're not sure yet why PixelRatio is not needed here.\nconst pd = 1;\nexport const drawAsImageFromPicture = (picture: SkPicture, size: SkSize) => {\n  \"worklet\";\n  const surface = Skia.Surface.MakeOffscreen(\n    size.width * pd,\n    size.height * pd\n  )!;\n  const canvas = surface.getCanvas();\n  canvas.scale(pd, pd);\n  canvas.drawPicture(picture);\n  surface.flush();\n  return surface.makeImageSnapshot();\n};\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,aAAa,GAAIC,OAAqB,IAAK;EACtD,MAAMC,QAAQ,GAAGC,UAAI,CAACC,eAAe,CAAC,CAAC;EACvC,MAAMC,MAAM,GAAGH,QAAQ,CAACI,cAAc,CAAC,CAAC;EACxC,MAAMC,IAAI,GAAG,IAAIC,oBAAQ,CAACL,UAAI,EAAE,KAAK,CAAC;EACtCI,IAAI,CAACE,MAAM,CAACR,OAAO,CAAC;EACpB,MAAMS,GAAG,GAAG,IAAIC,wBAAiB,CAACR,UAAI,EAAEE,MAAM,CAAC;EAC/CE,IAAI,CAACK,GAAG,CAACH,MAAM,CAACC,GAAG,CAAC;EACpB,MAAMG,OAAO,GAAGX,QAAQ,CAACY,wBAAwB,CAAC,CAAC;EACnD,OAAOD,OAAO;AAChB,CAAC;AAACE,OAAA,CAAAf,aAAA,GAAAA,aAAA;AAEK,MAAMgB,WAAW,GAAGA,CAACf,OAAqB,EAAEgB,IAAY,KAAK;EAClE,OAAOC,sBAAsB,CAAClB,aAAa,CAACC,OAAO,CAAC,EAAEgB,IAAI,CAAC;AAC7D,CAAC;;AAED;AAAAF,OAAA,CAAAC,WAAA,GAAAA,WAAA;AACA,MAAMG,EAAE,GAAG,CAAC;AACL,MAAMD,sBAAsB,GAAGA,CAACL,OAAkB,EAAEI,IAAY,KAAK;EAC1E,SAAS;;EACT,MAAMG,OAAO,GAAGjB,UAAI,CAACkB,OAAO,CAACC,aAAa,CACxCL,IAAI,CAACM,KAAK,GAAGJ,EAAE,EACfF,IAAI,CAACO,MAAM,GAAGL,EAChB,CAAE;EACF,MAAMd,MAAM,GAAGe,OAAO,CAACK,SAAS,CAAC,CAAC;EAClCpB,MAAM,CAACqB,KAAK,CAACP,EAAE,EAAEA,EAAE,CAAC;EACpBd,MAAM,CAACsB,WAAW,CAACd,OAAO,CAAC;EAC3BO,OAAO,CAACQ,KAAK,CAAC,CAAC;EACf,OAAOR,OAAO,CAACS,iBAAiB,CAAC,CAAC;AACpC,CAAC;AAACd,OAAA,CAAAG,sBAAA,GAAAA,sBAAA"}

package/lib/commonjs/renderer/Reconciler.js

@@ -4,56 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SkiaRoot = void 0;
-
 var _reactReconciler = _interopRequireDefault(require("react-reconciler"));
-
 var _HostConfig = require("./HostConfig");
-
 var _Container = require("./Container");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const skiaReconciler = (0, _reactReconciler.default)(_HostConfig.skHostConfig);
 skiaReconciler.injectIntoDevTools({
   bundleType: 1,
   version: "0.0.1",
   rendererPackageName: "react-native-skia"
 });
-
 class SkiaRoot {
-  constructor(Skia) {
-    let native = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let redraw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
-    let getNativeId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => 0;
-
+  constructor(Skia, native = false, redraw = () => {}, getNativeId = () => 0) {
     _defineProperty(this, "root", void 0);
-
     _defineProperty(this, "container", void 0);
-
     this.container = new _Container.Container(Skia, redraw, getNativeId, native);
     this.root = skiaReconciler.createContainer(this.container, 0, null, true, null, "", console.error, null);
   }
-
   render(element) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     skiaReconciler.updateContainer(element, this.root, null, () => {
       (0, _HostConfig.debug)("updateContainer");
     });
   }
-
   unmount() {
     skiaReconciler.updateContainer(null, this.root, null, () => {
       (0, _HostConfig.debug)("unmountContainer");
     });
   }
-
   get dom() {
     return this.container.root;
   }
-
 }
-
 exports.SkiaRoot = SkiaRoot;
 //# sourceMappingURL=Reconciler.js.map

package/lib/commonjs/renderer/Reconciler.js.map

@@ -1 +1 @@
-{"version":3,"names":["skiaReconciler","ReactReconciler","skHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","container","Container","root","createContainer","console","error","render","element","updateContainer","hostDebug","unmount","dom"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    native = false,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId, native);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;;;;;AAEA;;AAIA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAG,IAAAC,wBAAA,EAAgBC,wBAAhB,CAAvB;AAEAF,cAAc,CAACG,kBAAf,CAAkC;EAChCC,UAAU,EAAE,CADoB;EAEhCC,OAAO,EAAE,OAFuB;EAGhCC,mBAAmB,EAAE;AAHW,CAAlC;;AAMO,MAAMC,QAAN,CAAe;EAIpBC,WAAW,CACTC,IADS,EAKT;IAAA,IAHAC,MAGA,uEAHS,KAGT;IAAA,IAFAC,MAEA,uEAFqB,MAAM,CAAE,CAE7B;IAAA,IADAC,WACA,uEAD4B,MAAM,CAClC;;IAAA;;IAAA;;IACA,KAAKC,SAAL,GAAiB,IAAIC,oBAAJ,CAAcL,IAAd,EAAoBE,MAApB,EAA4BC,WAA5B,EAAyCF,MAAzC,CAAjB;IACA,KAAKK,IAAL,GAAYf,cAAc,CAACgB,eAAf,CACV,KAAKH,SADK,EAEV,CAFU,EAGV,IAHU,EAIV,IAJU,EAKV,IALU,EAMV,EANU,EAOVI,OAAO,CAACC,KAPE,EAQV,IARU,CAAZ;EAUD;;EAEDC,MAAM,CAACC,OAAD,EAAqB;IACzB;IACApB,cAAc,CAACqB,eAAf,CAA+BD,OAA/B,EAA+C,KAAKL,IAApD,EAA0D,IAA1D,EAAgE,MAAM;MACpE,IAAAO,iBAAA,EAAU,iBAAV;IACD,CAFD;EAGD;;EAEDC,OAAO,GAAG;IACRvB,cAAc,CAACqB,eAAf,CAA+B,IAA/B,EAAqC,KAAKN,IAA1C,EAAgD,IAAhD,EAAsD,MAAM;MAC1D,IAAAO,iBAAA,EAAU,kBAAV;IACD,CAFD;EAGD;;EAEM,IAAHE,GAAG,GAAG;IACR,OAAO,KAAKX,SAAL,CAAeE,IAAtB;EACD;;AAtCmB"}
+{"version":3,"names":["_reactReconciler","_interopRequireDefault","require","_HostConfig","_Container","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","skiaReconciler","ReactReconciler","skHostConfig","injectIntoDevTools","bundleType","version","rendererPackageName","SkiaRoot","constructor","Skia","native","redraw","getNativeId","container","Container","root","createContainer","console","error","render","element","updateContainer","hostDebug","unmount","dom","exports"],"sources":["Reconciler.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { OpaqueRoot } from \"react-reconciler\";\nimport ReactReconciler from \"react-reconciler\";\n\nimport type { Skia } from \"../skia/types\";\n\nimport { skHostConfig, debug as hostDebug } from \"./HostConfig\";\nimport { Container } from \"./Container\";\n\nconst skiaReconciler = ReactReconciler(skHostConfig);\n\nskiaReconciler.injectIntoDevTools({\n  bundleType: 1,\n  version: \"0.0.1\",\n  rendererPackageName: \"react-native-skia\",\n});\n\nexport class SkiaRoot {\n  private root: OpaqueRoot;\n  private container: Container;\n\n  constructor(\n    Skia: Skia,\n    native = false,\n    redraw: () => void = () => {},\n    getNativeId: () => number = () => 0\n  ) {\n    this.container = new Container(Skia, redraw, getNativeId, native);\n    this.root = skiaReconciler.createContainer(\n      this.container,\n      0,\n      null,\n      true,\n      null,\n      \"\",\n      console.error,\n      null\n    );\n  }\n\n  render(element: ReactNode) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    skiaReconciler.updateContainer(element as any, this.root, null, () => {\n      hostDebug(\"updateContainer\");\n    });\n  }\n\n  unmount() {\n    skiaReconciler.updateContainer(null, this.root, null, () => {\n      hostDebug(\"unmountContainer\");\n    });\n  }\n\n  get dom() {\n    return this.container.root;\n  }\n}\n"],"mappings":";;;;;;AAEA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAwC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,gBAAAH,GAAA,EAAAI,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAJ,GAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAR,GAAA,EAAAI,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAX,GAAA,CAAAI,GAAA,IAAAC,KAAA,WAAAL,GAAA;AAAA,SAAAM,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAExC,MAAMW,cAAc,GAAG,IAAAC,wBAAe,EAACC,wBAAY,CAAC;AAEpDF,cAAc,CAACG,kBAAkB,CAAC;EAChCC,UAAU,EAAE,CAAC;EACbC,OAAO,EAAE,OAAO;EAChBC,mBAAmB,EAAE;AACvB,CAAC,CAAC;AAEK,MAAMC,QAAQ,CAAC;EAIpBC,WAAWA,CACTC,IAAU,EACVC,MAAM,GAAG,KAAK,EACdC,MAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC,EAC7BC,WAAyB,GAAGA,CAAA,KAAM,CAAC,EACnC;IAAAhC,eAAA;IAAAA,eAAA;IACA,IAAI,CAACiC,SAAS,GAAG,IAAIC,oBAAS,CAACL,IAAI,EAAEE,MAAM,EAAEC,WAAW,EAAEF,MAAM,CAAC;IACjE,IAAI,CAACK,IAAI,GAAGf,cAAc,CAACgB,eAAe,CACxC,IAAI,CAACH,SAAS,EACd,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,EAAE,EACFI,OAAO,CAACC,KAAK,EACb,IACF,CAAC;EACH;EAEAC,MAAMA,CAACC,OAAkB,EAAE;IACzB;IACApB,cAAc,CAACqB,eAAe,CAACD,OAAO,EAAS,IAAI,CAACL,IAAI,EAAE,IAAI,EAAE,MAAM;MACpE,IAAAO,iBAAS,EAAC,iBAAiB,CAAC;IAC9B,CAAC,CAAC;EACJ;EAEAC,OAAOA,CAAA,EAAG;IACRvB,cAAc,CAACqB,eAAe,CAAC,IAAI,EAAE,IAAI,CAACN,IAAI,EAAE,IAAI,EAAE,MAAM;MAC1D,IAAAO,iBAAS,EAAC,kBAAkB,CAAC;IAC/B,CAAC,CAAC;EACJ;EAEA,IAAIE,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACX,SAAS,CAACE,IAAI;EAC5B;AACF;AAACU,OAAA,CAAAlB,QAAA,GAAAA,QAAA"}

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

@@ -4,14 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Blend = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Blend = props => {
   return /*#__PURE__*/_react.default.createElement("skBlend", props);
 };
-
 exports.Blend = Blend;
 //# sourceMappingURL=Blend.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Blend","props"],"sources":["Blend.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { BlendProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Blend = (props: SkiaProps<BlendProps>) => {\n  return <skBlend {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,KAAK,GAAIC,KAAD,IAAkC;EACrD,oBAAO,wCAAaA,KAAb,CAAP;AACD,CAFM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","Blend","props","createElement","exports"],"sources":["Blend.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { BlendProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Blend = (props: SkiaProps<BlendProps>) => {\n  return <skBlend {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKnB,MAAMG,KAAK,GAAIC,KAA4B,IAAK;EACrD,oBAAOP,MAAA,CAAAK,OAAA,CAAAG,aAAA,YAAaD,KAAQ,CAAC;AAC/B,CAAC;AAACE,OAAA,CAAAH,KAAA,GAAAA,KAAA"}

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

@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Group = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Group = _ref => {
-  let {
-    layer,
-    ...props
-  } = _ref;
-
+const Group = ({
+  layer,
+  ...props
+}) => {
   if ( /*#__PURE__*/(0, _react.isValidElement)(layer) && typeof layer === "object") {
     return /*#__PURE__*/_react.default.createElement("skLayer", null, layer, /*#__PURE__*/_react.default.createElement("skGroup", props));
   }
-
   return /*#__PURE__*/_react.default.createElement("skGroup", _extends({
     layer: layer
   }, props));
 };
-
 exports.Group = Group;
 //# sourceMappingURL=Group.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Group","layer","props","isValidElement"],"sources":["Group.tsx"],"sourcesContent":["import React, { isValidElement } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\nimport type { ChildrenProps } from \"../../dom/types/Common\";\n\nexport interface PublicGroupProps extends Omit<GroupProps, \"layer\"> {\n  layer?: GroupProps[\"layer\"] | ChildrenProps[\"children\"];\n}\n\nexport const Group = ({ layer, ...props }: SkiaProps<PublicGroupProps>) => {\n  if (isValidElement(layer) && typeof layer === \"object\") {\n    return (\n      <skLayer>\n        {layer}\n        <skGroup {...props} />\n      </skLayer>\n    );\n  }\n  return <skGroup layer={layer as GroupProps[\"layer\"]} {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAUO,MAAMA,KAAK,GAAG,QAAsD;EAAA,IAArD;IAAEC,KAAF;IAAS,GAAGC;EAAZ,CAAqD;;EACzE,IAAI,kBAAAC,qBAAA,EAAeF,KAAf,KAAyB,OAAOA,KAAP,KAAiB,QAA9C,EAAwD;IACtD,oBACE,8CACGA,KADH,eAEE,wCAAaC,KAAb,CAFF,CADF;EAMD;;EACD,oBAAO;IAAS,KAAK,EAAED;EAAhB,GAAkDC,KAAlD,EAAP;AACD,CAVM"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Group","layer","props","isValidElement","createElement","exports"],"sources":["Group.tsx"],"sourcesContent":["import React, { isValidElement } from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { GroupProps } from \"../../dom/types\";\nimport type { ChildrenProps } from \"../../dom/types/Common\";\n\nexport interface PublicGroupProps extends Omit<GroupProps, \"layer\"> {\n  layer?: GroupProps[\"layer\"] | ChildrenProps[\"children\"];\n}\n\nexport const Group = ({ layer, ...props }: SkiaProps<PublicGroupProps>) => {\n  if (isValidElement(layer) && typeof layer === \"object\") {\n    return (\n      <skLayer>\n        {layer}\n        <skGroup {...props} />\n      </skLayer>\n    );\n  }\n  return <skGroup layer={layer as GroupProps[\"layer\"]} {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA8C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAUvC,MAAMK,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAmC,CAAC,KAAK;EACzE,IAAI,kBAAAC,qBAAc,EAACF,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACtD,oBACElC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,kBACGH,KAAK,eACNlC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,YAAaF,KAAQ,CACd,CAAC;EAEd;EACA,oBAAOnC,MAAA,CAAAS,OAAA,CAAA4B,aAAA,YAAAb,QAAA;IAASU,KAAK,EAAEA;EAA6B,GAAKC,KAAK,CAAG,CAAC;AACpE,CAAC;AAACG,OAAA,CAAAL,KAAA,GAAAA,KAAA"}

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

@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Mask = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Group = require("./Group");
-
 var _LumaColorFilter = require("./colorFilters/LumaColorFilter");
-
 var _Paint = require("./Paint");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Mask = _ref => {
-  let {
-    children,
-    mask,
-    mode = "alpha",
-    clip = true
-  } = _ref;
+const Mask = ({
+  children,
+  mask,
+  mode = "alpha",
+  clip = true
+}) => {
   return /*#__PURE__*/_react.default.createElement(_Group.Group, {
     layer: true
   }, /*#__PURE__*/_react.default.createElement(_Group.Group, {
@@ -36,6 +29,5 @@ const Mask = _ref => {
     blendMode: "srcIn"
   }, children));
 };
-
 exports.Mask = Mask;
 //# sourceMappingURL=Mask.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Mask","children","mask","mode","clip"],"sources":["Mask.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Group } from \"./Group\";\nimport { LumaColorFilter } from \"./colorFilters/LumaColorFilter\";\nimport { Paint } from \"./Paint\";\n\ninterface MaskProps {\n  mode?: \"luminance\" | \"alpha\";\n  clip?: boolean;\n  mask: ReactNode | ReactNode[];\n  children: ReactNode | ReactNode[];\n}\n\nexport const Mask = ({\n  children,\n  mask,\n  mode = \"alpha\",\n  clip = true,\n}: MaskProps) => {\n  return (\n    <Group layer>\n      <Group\n        layer={\n          <Paint blendMode=\"src\">\n            {mode === \"luminance\" && <LumaColorFilter />}\n          </Paint>\n        }\n      >\n        {mask}\n        {clip && <Group layer={<Paint blendMode=\"dstIn\" />}>{children}</Group>}\n      </Group>\n      <Group blendMode=\"srcIn\">{children}</Group>\n    </Group>\n  );\n};\n"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AASO,MAAMA,IAAI,GAAG,QAKH;EAAA,IALI;IACnBC,QADmB;IAEnBC,IAFmB;IAGnBC,IAAI,GAAG,OAHY;IAInBC,IAAI,GAAG;EAJY,CAKJ;EACf,oBACE,6BAAC,YAAD;IAAO,KAAK;EAAZ,gBACE,6BAAC,YAAD;IACE,KAAK,eACH,6BAAC,YAAD;MAAO,SAAS,EAAC;IAAjB,GACGD,IAAI,KAAK,WAAT,iBAAwB,6BAAC,gCAAD,OAD3B;EAFJ,GAOGD,IAPH,EAQGE,IAAI,iBAAI,6BAAC,YAAD;IAAO,KAAK,eAAE,6BAAC,YAAD;MAAO,SAAS,EAAC;IAAjB;EAAd,GAA4CH,QAA5C,CARX,CADF,eAWE,6BAAC,YAAD;IAAO,SAAS,EAAC;EAAjB,GAA0BA,QAA1B,CAXF,CADF;AAeD,CArBM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Group","_LumaColorFilter","_Paint","obj","__esModule","default","Mask","children","mask","mode","clip","createElement","Group","layer","Paint","blendMode","LumaColorFilter","exports"],"sources":["Mask.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\n\nimport { Group } from \"./Group\";\nimport { LumaColorFilter } from \"./colorFilters/LumaColorFilter\";\nimport { Paint } from \"./Paint\";\n\ninterface MaskProps {\n  mode?: \"luminance\" | \"alpha\";\n  clip?: boolean;\n  mask: ReactNode | ReactNode[];\n  children: ReactNode | ReactNode[];\n}\n\nexport const Mask = ({\n  children,\n  mask,\n  mode = \"alpha\",\n  clip = true,\n}: MaskProps) => {\n  return (\n    <Group layer>\n      <Group\n        layer={\n          <Paint blendMode=\"src\">\n            {mode === \"luminance\" && <LumaColorFilter />}\n          </Paint>\n        }\n      >\n        {mask}\n        {clip && <Group layer={<Paint blendMode=\"dstIn\" />}>{children}</Group>}\n      </Group>\n      <Group blendMode=\"srcIn\">{children}</Group>\n    </Group>\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAgC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASzB,MAAMG,IAAI,GAAGA,CAAC;EACnBC,QAAQ;EACRC,IAAI;EACJC,IAAI,GAAG,OAAO;EACdC,IAAI,GAAG;AACE,CAAC,KAAK;EACf,oBACEb,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACX,MAAA,CAAAY,KAAK;IAACC,KAAK;EAAA,gBACVhB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACX,MAAA,CAAAY,KAAK;IACJC,KAAK,eACHhB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACT,MAAA,CAAAY,KAAK;MAACC,SAAS,EAAC;IAAK,GACnBN,IAAI,KAAK,WAAW,iBAAIZ,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACV,gBAAA,CAAAe,eAAe,MAAE,CACtC;EACR,GAEAR,IAAI,EACJE,IAAI,iBAAIb,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACX,MAAA,CAAAY,KAAK;IAACC,KAAK,eAAEhB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACT,MAAA,CAAAY,KAAK;MAACC,SAAS,EAAC;IAAO,CAAE;EAAE,GAAER,QAAgB,CAChE,CAAC,eACRV,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACX,MAAA,CAAAY,KAAK;IAACG,SAAS,EAAC;EAAO,GAAER,QAAgB,CACrC,CAAC;AAEZ,CAAC;AAACU,OAAA,CAAAX,IAAA,GAAAA,IAAA"}

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

@@ -4,14 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Paint = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Paint = props => {
   return /*#__PURE__*/_react.default.createElement("skPaint", props);
 };
-
 exports.Paint = Paint;
 //# sourceMappingURL=Paint.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Paint","props"],"sources":["Paint.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { DrawingNodeProps } from \"../../dom/types\";\n\nexport const Paint = (props: SkiaProps<DrawingNodeProps>) => {\n  return <skPaint {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,KAAK,GAAIC,KAAD,IAAwC;EAC3D,oBAAO,wCAAaA,KAAb,CAAP;AACD,CAFM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","Paint","props","createElement","exports"],"sources":["Paint.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { SkiaProps } from \"../processors\";\nimport type { DrawingNodeProps } from \"../../dom/types\";\n\nexport const Paint = (props: SkiaProps<DrawingNodeProps>) => {\n  return <skPaint {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKnB,MAAMG,KAAK,GAAIC,KAAkC,IAAK;EAC3D,oBAAOP,MAAA,CAAAK,OAAA,CAAAG,aAAA,YAAaD,KAAQ,CAAC;AAC/B,CAAC;AAACE,OAAA,CAAAH,KAAA,GAAAA,KAAA"}

package/lib/commonjs/renderer/components/Picture.js

@@ -4,14 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Picture = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Picture = props => {
   return /*#__PURE__*/_react.default.createElement("skPicture", props);
 };
-
 exports.Picture = Picture;
 //# sourceMappingURL=Picture.js.map

package/lib/commonjs/renderer/components/Picture.js.map

@@ -1 +1 @@
-{"version":3,"names":["Picture","props"],"sources":["Picture.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { PictureProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Picture = (props: SkiaProps<PictureProps>) => {\n  return <skPicture {...props} />;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAKO,MAAMA,OAAO,GAAIC,KAAD,IAAoC;EACzD,oBAAO,0CAAeA,KAAf,CAAP;AACD,CAFM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","Picture","props","createElement","exports"],"sources":["Picture.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { PictureProps } from \"../../dom/types\";\nimport type { SkiaProps } from \"../processors\";\n\nexport const Picture = (props: SkiaProps<PictureProps>) => {\n  return <skPicture {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKnB,MAAMG,OAAO,GAAIC,KAA8B,IAAK;EACzD,oBAAOP,MAAA,CAAAK,OAAA,CAAAG,aAAA,cAAeD,KAAQ,CAAC;AACjC,CAAC;AAACE,OAAA,CAAAH,OAAA,GAAAA,OAAA"}

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

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BackdropBlur = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _imageFilters = require("../imageFilters");
-
 var _BackdropFilter = require("./BackdropFilter");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const BackdropBlur = _ref => {
-  let {
-    blur,
-    children,
-    ...props
-  } = _ref;
+const BackdropBlur = ({
+  blur,
+  children,
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_BackdropFilter.BackdropFilter, _extends({
     filter: /*#__PURE__*/_react.default.createElement(_imageFilters.Blur, {
       blur: blur,
@@ -28,6 +21,5 @@ const BackdropBlur = _ref => {
     })
   }, props), children);
 };
-
 exports.BackdropBlur = BackdropBlur;
 //# sourceMappingURL=BackdropBlur.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BackdropBlur","blur","children","props"],"sources":["BackdropBlur.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Blur } from \"../imageFilters\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Radius } from \"../../../dom/types\";\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"],"mappings":";;;;;;;AAAA;;AAEA;;AAKA;;;;;;AAMO,MAAMA,YAAY,GAAG,QAIY;EAAA,IAJX;IAC3BC,IAD2B;IAE3BC,QAF2B;IAG3B,GAAGC;EAHwB,CAIW;EACtC,oBACE,6BAAC,8BAAD;IAAgB,MAAM,eAAE,6BAAC,kBAAD;MAAM,IAAI,EAAEF,IAAZ;MAAkB,IAAI,EAAC;IAAvB;EAAxB,GAA+DE,KAA/D,GACGD,QADH,CADF;AAKD,CAVM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_imageFilters","_BackdropFilter","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BackdropBlur","blur","children","props","createElement","BackdropFilter","filter","Blur","mode","exports"],"sources":["BackdropBlur.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Blur } from \"../imageFilters\";\nimport type { AnimatedProps } from \"../../processors\";\nimport type { Radius } from \"../../../dom/types\";\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"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAF,OAAA;AAAkD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAM3C,MAAMQ,YAAY,GAAGA,CAAC;EAC3BC,IAAI;EACJC,QAAQ;EACR,GAAGC;AAC6B,CAAC,KAAK;EACtC,oBACEzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAuB,cAAc,EAAAnB,QAAA;IAACoB,MAAM,eAAE5B,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,aAAA,CAAA0B,IAAI;MAACN,IAAI,EAAEA,IAAK;MAACO,IAAI,EAAC;IAAO,CAAE;EAAE,GAAKL,KAAK,GACjED,QACa,CAAC;AAErB,CAAC;AAACO,OAAA,CAAAT,YAAA,GAAAA,YAAA"}