react-native-image-editor-skia 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 NG JUN KAI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,202 @@
+# react-native-image-editor-skia
+
+A Skia-powered image annotation & editing component for React Native. Import an
+image from **base64 or a file/remote URI**, let the user annotate and transform
+it, then export **full-resolution base64**.
+
+Features:
+
+- ✏️ Draw **circles, arrows, markers (highlight), freehand, and text**
+- 🎨 Change **stroke color and text color**
+- ✋ **Select / move / resize / rotate / delete** any annotation
+- 🖼️ **Crop, resize, and free-angle rotate** the image (non-destructive)
+- ↩️ **Undo / redo**
+- 📤 Export to **base64** (PNG or JPEG), at the image's native resolution
+- 🧠 Careful **Skia memory management** (explicit `dispose()` — no leaks from
+  large base64 payloads)
+
+> Built on [`@shopify/react-native-skia`](https://shopify.github.io/react-native-skia/).
+> **Requires the React Native New Architecture** (Skia v2).
+
+## Compatibility
+
+**React Native New Architecture is required** (Skia v2 dropped the old
+architecture). Supported RN range: **0.79 → 0.82+**. **Verified on RN 0.81.0.**
+
+The exact Reanimated + Worklets versions depend on your RN version (Reanimated
+enforces this at build time). Pick a matching row:
+
+| React Native | react-native-reanimated | react-native-worklets |
+| --- | --- | --- |
+| 0.79 – 0.81 | 4.0.x | 0.4.x |
+| 0.78 – 0.82 | 4.1.x | 0.5.x – 0.8.x |
+| 0.80 – 0.84 | 4.2.x | 0.7.x – 0.8.x |
+| **0.81 – 0.85** | **4.3.x** | **0.8.x** |
+| 0.83 – 0.86 | 4.4.x – 4.5.x | 0.9.x – 0.10.x |
+
+Other peers: `@shopify/react-native-skia` **>= 2.6.0**,
+`react-native-gesture-handler` **>= 2.x**, `react`/`react-native` any (subject
+to the New Architecture + table above).
+
+### Current versions (this release)
+
+| Package | Version |
+| --- | --- |
+| react-native-image-editor-skia | 0.1.0 |
+| @shopify/react-native-skia | 2.6.9 |
+| react-native-reanimated | 4.3.2 |
+| react-native-worklets | 0.8.3 |
+| react-native-gesture-handler | 2.32.0 |
+| react / react-native (example) | 19.1.0 / 0.81.0 |
+
+## Installation
+
+```sh
+npm install react-native-image-editor-skia
+# peer dependencies:
+npm install @shopify/react-native-skia react-native-gesture-handler \
+  react-native-reanimated react-native-worklets
+cd ios && pod install
+```
+
+Then:
+
+1. Enable the **New Architecture** (required by Skia v2).
+2. Add the Reanimated/Worklets Babel plugin **last** in `babel.config.js`:
+   ```js
+   module.exports = {
+     presets: ['module:@react-native/babel-preset'],
+     plugins: ['react-native-worklets/plugin'],
+   };
+   ```
+3. The editor wraps itself in a `GestureHandlerRootView`, but if you compose it
+   with other gesture-handler components, ensure your app root is wrapped too.
+
+> Pin `@shopify/react-native-skia`, `react-native-reanimated`, and
+> `react-native-worklets` to compatible versions — the matrix is strict.
+
+## Usage
+
+```tsx
+import { useRef } from 'react';
+import { ImageEditor, type ImageEditorRef } from 'react-native-image-editor-skia';
+
+function Screen() {
+  const ref = useRef<ImageEditorRef>(null);
+
+  return (
+    <ImageEditor
+      ref={ref}
+      source={{ uri: 'https://example.com/photo.jpg' }}
+      // or: source={{ base64: 'data:image/png;base64,iVBORw0...' }}
+      onExport={(base64) => {
+        // `base64` is a data URI by default — usable directly in <Image>.
+      }}
+    />
+  );
+}
+```
+
+### Input: base64 **or** file/URI
+
+```tsx
+<ImageEditor source={{ base64: 'data:image/png;base64,iVBOR...' }} />
+<ImageEditor source={{ uri: 'file:///storage/emulated/0/photo.jpg' }} />
+<ImageEditor source={{ uri: 'https://example.com/photo.jpg' }} />
+```
+
+### Output: base64 (default)
+
+```ts
+const base64 = await ref.current?.export({
+  format: 'jpeg',      // 'png' | 'jpeg'
+  quality: 90,         // JPEG quality 0..100
+  maxExportSize: 2000, // clamp the longest edge (guards against OOM)
+  dataUri: true,       // false → raw base64 with no prefix
+});
+```
+
+### Output: file location
+
+React Native has no built-in filesystem, so you supply a one-line `writeFile`
+from whatever fs module you use (react-native-fs, expo-file-system, …). The
+library encodes the image and hands you the raw base64 to persist; `export()`
+resolves to the written path.
+
+```ts
+import RNFS from 'react-native-fs';
+
+const path = await ref.current?.export({
+  output: 'file',
+  filePath: `${RNFS.CachesDirectoryPath}/edited.png`,
+  writeFile: (p, base64) => RNFS.writeFile(p, base64, 'base64'),
+});
+// path === `${RNFS.CachesDirectoryPath}/edited.png`
+```
+
+```ts
+// expo-file-system variant
+import * as FileSystem from 'expo-file-system';
+
+await ref.current?.export({
+  output: 'file',
+  filePath: FileSystem.cacheDirectory + 'edited.jpg',
+  format: 'jpeg',
+  writeFile: (p, base64) =>
+    FileSystem.writeAsStringAsync(p, base64, { encoding: 'base64' }),
+});
+```
+
+Ref API: `export(options?)`, `undo()`, `redo()`, `canUndo()`, `canRedo()`,
+`reset()`.
+
+## Props
+
+| Prop | Type | Description |
+| --- | --- | --- |
+| `source` | `{ base64 } \| { uri }` | Image to edit (base64 raw/data-URI, or file/remote URI). |
+| `onExport` | `(base64: string) => void` | Fired when the built-in **Done** button exports. |
+| `exportOptions` | `ExportOptions` | Defaults for the Done button. |
+| `initialStrokeColor` | `string` | Default shape color. |
+| `initialTextColor` | `string` | Default text color. |
+| `palette` | `string[]` | Colors shown in the picker. |
+| `hideToolbar` | `boolean` | Hide the built-in toolbar and drive tools via `useEditor()`. |
+| `onError` | `(error: Error) => void` | Called if the image fails to decode. |
+
+## How it works
+
+- **Coordinate space** — all annotations are stored in the base image's
+  full-resolution pixel space. A single affine matrix maps to the on-screen
+  canvas; gestures invert it. Export renders the exact same numbers off-screen at
+  native resolution, so output is never the downscaled on-screen size.
+- **Performance** — committed annotations live in React state; the in-flight
+  gesture (drawing / moving / resizing / rotating) is driven by Reanimated shared
+  values on the UI thread, so there are **zero React re-renders mid-gesture**.
+- **Export** — uses `Skia.Surface.MakeOffscreen(...)`, draws the (optionally
+  cropped) image + annotations with the scene rotation/scale, encodes to base64,
+  and **disposes the surface + snapshot** immediately.
+
+## Memory management
+
+Skia `SkImage`/`SkData`/`SkSurface` are JSI HostObjects; Hermes' GC under-counts
+their native footprint. This library:
+
+- disposes the encoded `SkData` immediately after decoding an image,
+- disposes the previous `SkImage` when `source` changes or on unmount,
+- never stores the input base64 in React state or undo history,
+- disposes the export surface + snapshot in a `finally` block,
+- optionally clamps export size (`maxExportSize`) to avoid transient OOM on very
+  large images.
+
+## Caveats
+
+- **New Architecture only** (Skia v2).
+- Text uses a system font via `matchFont`; explicit `\n` newlines are honored,
+  automatic width-wrapping is not (v1).
+- If `Skia.Surface.MakeOffscreen` is unavailable on a given device/version,
+  `export()` throws — fall back to snapshotting an off-screen `<Canvas>` with
+  `makeImageSnapshotAsync`.
+
+## License
+
+MIT

package/lib/commonjs/ImageEditor.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageEditor = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _EditorContext = require("./context/EditorContext");
+var _useLoadedImage = require("./image/useLoadedImage");
+var _EditorCanvas = require("./canvas/EditorCanvas");
+var _TextInputOverlay = require("./toolbar/TextInputOverlay");
+var _Toolbar = require("./toolbar/Toolbar");
+var _exportImage = require("./export/exportImage");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Interactive Skia image editor. Loads a base64/URI image, lets the user draw
+ * circles/arrows/markers/freehand/text, crop, free-rotate and resize, then
+ * exports full-resolution base64 (via ref `export()` or the built-in Done
+ * button + `onExport`).
+ */
+const ImageEditor = exports.ImageEditor = /*#__PURE__*/(0, _react.forwardRef)(function ImageEditor(props, ref) {
+  const {
+    source,
+    onError,
+    style
+  } = props;
+  const {
+    image,
+    width,
+    height,
+    loading,
+    error
+  } = (0, _useLoadedImage.useLoadedImage)(source);
+  (0, _react.useEffect)(() => {
+    if (error) {
+      onError?.(error);
+    }
+  }, [error, onError]);
+  if (error) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.center, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.errorText,
+        children: "Failed to load image"
+      })
+    });
+  }
+  if (loading || !image) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.center, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: "#FFFFFF"
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
+    style: [styles.root, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditorContext.EditorProvider, {
+      imageSize: {
+        width,
+        height
+      },
+      initialStrokeColor: props.initialStrokeColor,
+      initialTextColor: props.initialTextColor,
+      palette: props.palette,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(EditorBody, {
+        ref: ref,
+        image: image,
+        ...props
+      })
+    })
+  });
+});
+const EditorBody = /*#__PURE__*/(0, _react.forwardRef)(function EditorBody({
+  image,
+  onExport,
+  exportOptions,
+  hideToolbar
+}, ref) {
+  const editor = (0, _EditorContext.useEditor)();
+  const runExport = (0, _react.useCallback)(options => (0, _exportImage.exportImage)({
+    image,
+    annotations: editor.doc.annotations,
+    scene: editor.doc.scene,
+    imageWidth: editor.imageSize.width,
+    imageHeight: editor.imageSize.height,
+    options: options ?? exportOptions
+  }), [image, editor.doc, editor.imageSize, exportOptions]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    export: runExport,
+    undo: () => editor.dispatch({
+      type: 'UNDO'
+    }),
+    redo: () => editor.dispatch({
+      type: 'REDO'
+    }),
+    canUndo: () => editor.canUndo,
+    canRedo: () => editor.canRedo,
+    reset: () => editor.dispatch({
+      type: 'RESET'
+    })
+  }), [runExport, editor]);
+  const onDone = (0, _react.useCallback)(async () => {
+    const base64 = await runExport();
+    onExport?.(base64);
+  }, [runExport, onExport]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.canvasWrap,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EditorCanvas.EditorCanvas, {
+        image: image
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextInputOverlay.TextInputOverlay, {})]
+    }), hideToolbar ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.Toolbar, {
+      onDone: onExport ? onDone : undefined
+    })]
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#000000'
+  },
+  canvasWrap: {
+    flex: 1,
+    position: 'relative'
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#000000'
+  },
+  errorText: {
+    color: '#FF6B6B',
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=ImageEditor.js.map

package/lib/commonjs/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_EditorContext","_useLoadedImage","_EditorCanvas","_TextInputOverlay","_Toolbar","_exportImage","_jsxRuntime","ImageEditor","exports","forwardRef","props","ref","source","onError","style","image","width","height","loading","error","useLoadedImage","useEffect","jsx","View","styles","center","children","Text","errorText","ActivityIndicator","color","GestureHandlerRootView","root","EditorProvider","imageSize","initialStrokeColor","initialTextColor","palette","EditorBody","onExport","exportOptions","hideToolbar","editor","useEditor","runExport","useCallback","options","exportImage","annotations","doc","scene","imageWidth","imageHeight","useImperativeHandle","export","undo","dispatch","type","redo","canUndo","canRedo","reset","onDone","base64","jsxs","canvasWrap","EditorCanvas","TextInputOverlay","Toolbar","undefined","StyleSheet","create","flex","backgroundColor","position","alignItems","justifyContent","fontSize"],"sourceRoot":"..\\..\\src","sources":["ImageEditor.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,0BAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAmD,IAAAS,WAAA,GAAAT,OAAA;AAEnD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMU,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,SAASF,WAAWA,CAACG,KAAK,EAAEC,GAAG,EAAE;EAC/B,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EACxC,MAAM;IAAEK,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,8BAAc,EAACR,MAAM,CAAC;EAEvE,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIF,KAAK,EAAE;MACTN,OAAO,GAAGM,KAAK,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEN,OAAO,CAAC,CAAC;EAEpB,IAAIM,KAAK,EAAE;IACT,oBACE,IAAAb,WAAA,CAAAgB,GAAA,EAACxB,YAAA,CAAAyB,IAAI;MAACT,KAAK,EAAE,CAACU,MAAM,CAACC,MAAM,EAAEX,KAAK,CAAE;MAAAY,QAAA,eAClC,IAAApB,WAAA,CAAAgB,GAAA,EAACxB,YAAA,CAAA6B,IAAI;QAACb,KAAK,EAAEU,MAAM,CAACI,SAAU;QAAAF,QAAA,EAAC;MAAoB,CAAM;IAAC,CACtD,CAAC;EAEX;EAEA,IAAIR,OAAO,IAAI,CAACH,KAAK,EAAE;IACrB,oBACE,IAAAT,WAAA,CAAAgB,GAAA,EAACxB,YAAA,CAAAyB,IAAI;MAACT,KAAK,EAAE,CAACU,MAAM,CAACC,MAAM,EAAEX,KAAK,CAAE;MAAAY,QAAA,eAClC,IAAApB,WAAA,CAAAgB,GAAA,EAACxB,YAAA,CAAA+B,iBAAiB;QAACC,KAAK,EAAC;MAAS,CAAE;IAAC,CACjC,CAAC;EAEX;EAEA,oBACE,IAAAxB,WAAA,CAAAgB,GAAA,EAACvB,0BAAA,CAAAgC,sBAAsB;IAACjB,KAAK,EAAE,CAACU,MAAM,CAACQ,IAAI,EAAElB,KAAK,CAAE;IAAAY,QAAA,eAClD,IAAApB,WAAA,CAAAgB,GAAA,EAACtB,cAAA,CAAAiC,cAAc;MACbC,SAAS,EAAE;QAAElB,KAAK;QAAEC;MAAO,CAAE;MAC7BkB,kBAAkB,EAAEzB,KAAK,CAACyB,kBAAmB;MAC7CC,gBAAgB,EAAE1B,KAAK,CAAC0B,gBAAiB;MACzCC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;MAAAX,QAAA,eAEvB,IAAApB,WAAA,CAAAgB,GAAA,EAACgB,UAAU;QAAC3B,GAAG,EAAEA,GAAI;QAACI,KAAK,EAAEA,KAAM;QAAA,GAAKL;MAAK,CAAG;IAAC,CACnC;EAAC,CACK,CAAC;AAE7B,CACF,CAAC;AAMD,MAAM4B,UAAU,gBAAG,IAAA7B,iBAAU,EAC3B,SAAS6B,UAAUA,CAAC;EAAEvB,KAAK;EAAEwB,QAAQ;EAAEC,aAAa;EAAEC;AAAY,CAAC,EAAE9B,GAAG,EAAE;EACxE,MAAM+B,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAMC,SAAS,GAAG,IAAAC,kBAAW,EAC1BC,OAAuB,IACtB,IAAAC,wBAAW,EAAC;IACVhC,KAAK;IACLiC,WAAW,EAAEN,MAAM,CAACO,GAAG,CAACD,WAAW;IACnCE,KAAK,EAAER,MAAM,CAACO,GAAG,CAACC,KAAK;IACvBC,UAAU,EAAET,MAAM,CAACR,SAAS,CAAClB,KAAK;IAClCoC,WAAW,EAAEV,MAAM,CAACR,SAAS,CAACjB,MAAM;IACpC6B,OAAO,EAAEA,OAAO,IAAIN;EACtB,CAAC,CAAC,EACJ,CAACzB,KAAK,EAAE2B,MAAM,CAACO,GAAG,EAAEP,MAAM,CAACR,SAAS,EAAEM,aAAa,CACrD,CAAC;EAED,IAAAa,0BAAmB,EACjB1C,GAAG,EACH,OAAuB;IACrB2C,MAAM,EAAEV,SAAS;IACjBW,IAAI,EAAEA,CAAA,KAAMb,MAAM,CAACc,QAAQ,CAAC;MAAEC,IAAI,EAAE;IAAO,CAAC,CAAC;IAC7CC,IAAI,EAAEA,CAAA,KAAMhB,MAAM,CAACc,QAAQ,CAAC;MAAEC,IAAI,EAAE;IAAO,CAAC,CAAC;IAC7CE,OAAO,EAAEA,CAAA,KAAMjB,MAAM,CAACiB,OAAO;IAC7BC,OAAO,EAAEA,CAAA,KAAMlB,MAAM,CAACkB,OAAO;IAC7BC,KAAK,EAAEA,CAAA,KAAMnB,MAAM,CAACc,QAAQ,CAAC;MAAEC,IAAI,EAAE;IAAQ,CAAC;EAChD,CAAC,CAAC,EACF,CAACb,SAAS,EAAEF,MAAM,CACpB,CAAC;EAED,MAAMoB,MAAM,GAAG,IAAAjB,kBAAW,EAAC,YAAY;IACrC,MAAMkB,MAAM,GAAG,MAAMnB,SAAS,CAAC,CAAC;IAChCL,QAAQ,GAAGwB,MAAM,CAAC;EACpB,CAAC,EAAE,CAACnB,SAAS,EAAEL,QAAQ,CAAC,CAAC;EAEzB,oBACE,IAAAjC,WAAA,CAAA0D,IAAA,EAAClE,YAAA,CAAAyB,IAAI;IAACT,KAAK,EAAEU,MAAM,CAACQ,IAAK;IAAAN,QAAA,gBACvB,IAAApB,WAAA,CAAA0D,IAAA,EAAClE,YAAA,CAAAyB,IAAI;MAACT,KAAK,EAAEU,MAAM,CAACyC,UAAW;MAAAvC,QAAA,gBAC7B,IAAApB,WAAA,CAAAgB,GAAA,EAACpB,aAAA,CAAAgE,YAAY;QAACnD,KAAK,EAAEA;MAAM,CAAE,CAAC,eAC9B,IAAAT,WAAA,CAAAgB,GAAA,EAACnB,iBAAA,CAAAgE,gBAAgB,IAAE,CAAC;IAAA,CAChB,CAAC,EACN1B,WAAW,GAAG,IAAI,gBAAG,IAAAnC,WAAA,CAAAgB,GAAA,EAAClB,QAAA,CAAAgE,OAAO;MAACN,MAAM,EAAEvB,QAAQ,GAAGuB,MAAM,GAAGO;IAAU,CAAE,CAAC;EAAA,CACpE,CAAC;AAEX,CACF,CAAC;AAED,MAAM7C,MAAM,GAAG8C,uBAAU,CAACC,MAAM,CAAC;EAC/BvC,IAAI,EAAE;IAAEwC,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAE;EAAU,CAAC;EAC7CR,UAAU,EAAE;IAAEO,IAAI,EAAE,CAAC;IAAEE,QAAQ,EAAE;EAAW,CAAC;EAC7CjD,MAAM,EAAE;IACN+C,IAAI,EAAE,CAAC;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBH,eAAe,EAAE;EACnB,CAAC;EACD7C,SAAS,EAAE;IAAEE,KAAK,EAAE,SAAS;IAAE+C,QAAQ,EAAE;EAAG;AAC9C,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/annotations/AnnotationView.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnnotationView = AnnotationView;
+var _CircleAnnotation = require("./CircleAnnotation");
+var _ArrowAnnotation = require("./ArrowAnnotation");
+var _MarkerAnnotation = require("./MarkerAnnotation");
+var _FreehandAnnotation = require("./FreehandAnnotation");
+var _TextAnnotation = require("./TextAnnotation");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Render any annotation by dispatching on its discriminant. */
+function AnnotationView({
+  a
+}) {
+  switch (a.type) {
+    case 'circle':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircleAnnotation.CircleAnnotationView, {
+        a: a
+      });
+    case 'arrow':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowAnnotation.ArrowAnnotationView, {
+        a: a
+      });
+    case 'marker':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MarkerAnnotation.MarkerAnnotationView, {
+        a: a
+      });
+    case 'freehand':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FreehandAnnotation.FreehandAnnotationView, {
+        a: a
+      });
+    case 'text':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextAnnotation.TextAnnotationView, {
+        a: a
+      });
+    default:
+      return null;
+  }
+}
+//# sourceMappingURL=AnnotationView.js.map

package/lib/commonjs/annotations/AnnotationView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CircleAnnotation","require","_ArrowAnnotation","_MarkerAnnotation","_FreehandAnnotation","_TextAnnotation","_jsxRuntime","AnnotationView","a","type","jsx","CircleAnnotationView","ArrowAnnotationView","MarkerAnnotationView","FreehandAnnotationView","TextAnnotationView"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/AnnotationView.tsx"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAAsD,IAAAK,WAAA,GAAAL,OAAA;AAEtD;AACO,SAASM,cAAcA,CAAC;EAAEC;AAAqB,CAAC,EAAE;EACvD,QAAQA,CAAC,CAACC,IAAI;IACZ,KAAK,QAAQ;MACX,oBAAO,IAAAH,WAAA,CAAAI,GAAA,EAACV,iBAAA,CAAAW,oBAAoB;QAACH,CAAC,EAAEA;MAAE,CAAE,CAAC;IACvC,KAAK,OAAO;MACV,oBAAO,IAAAF,WAAA,CAAAI,GAAA,EAACR,gBAAA,CAAAU,mBAAmB;QAACJ,CAAC,EAAEA;MAAE,CAAE,CAAC;IACtC,KAAK,QAAQ;MACX,oBAAO,IAAAF,WAAA,CAAAI,GAAA,EAACP,iBAAA,CAAAU,oBAAoB;QAACL,CAAC,EAAEA;MAAE,CAAE,CAAC;IACvC,KAAK,UAAU;MACb,oBAAO,IAAAF,WAAA,CAAAI,GAAA,EAACN,mBAAA,CAAAU,sBAAsB;QAACN,CAAC,EAAEA;MAAE,CAAE,CAAC;IACzC,KAAK,MAAM;MACT,oBAAO,IAAAF,WAAA,CAAAI,GAAA,EAACL,eAAA,CAAAU,kBAAkB;QAACP,CAAC,EAAEA;MAAE,CAAE,CAAC;IACrC;MACE,OAAO,IAAI;EACf;AACF","ignoreList":[]}

package/lib/commonjs/annotations/ArrowAnnotation.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowAnnotationView = ArrowAnnotationView;
+var _react = require("react");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _geometry = require("./geometry");
+var _RotatedGroup = require("./RotatedGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+function ArrowAnnotationView({
+  a
+}) {
+  const path = (0, _react.useMemo)(() => (0, _geometry.buildArrowPath)(a.start, a.end, a.headSize), [a.start, a.end, a.headSize]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RotatedGroup.RotatedGroup, {
+    center: (0, _geometry.annotationCenter)(a),
+    rotation: a.rotation,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+      path: path,
+      color: a.strokeColor,
+      style: "stroke",
+      strokeWidth: a.strokeWidth,
+      strokeCap: "round",
+      strokeJoin: "round"
+    })
+  });
+}
+//# sourceMappingURL=ArrowAnnotation.js.map

package/lib/commonjs/annotations/ArrowAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeSkia","_geometry","_RotatedGroup","_jsxRuntime","ArrowAnnotationView","a","path","useMemo","buildArrowPath","start","end","headSize","jsx","RotatedGroup","center","annotationCenter","rotation","children","Path","color","strokeColor","style","strokeWidth","strokeCap","strokeJoin"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/ArrowAnnotation.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAEvC,SAASK,mBAAmBA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EACrE,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAClB,MAAM,IAAAC,wBAAc,EAACH,CAAC,CAACI,KAAK,EAAEJ,CAAC,CAACK,GAAG,EAAEL,CAAC,CAACM,QAAQ,CAAC,EAChD,CAACN,CAAC,CAACI,KAAK,EAAEJ,CAAC,CAACK,GAAG,EAAEL,CAAC,CAACM,QAAQ,CAC7B,CAAC;EACD,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACV,aAAA,CAAAW,YAAY;IAACC,MAAM,EAAE,IAAAC,0BAAgB,EAACV,CAAC,CAAE;IAACW,QAAQ,EAAEX,CAAC,CAACW,QAAS;IAAAC,QAAA,eAC9D,IAAAd,WAAA,CAAAS,GAAA,EAACZ,gBAAA,CAAAkB,IAAI;MACHZ,IAAI,EAAEA,IAAK;MACXa,KAAK,EAAEd,CAAC,CAACe,WAAY;MACrBC,KAAK,EAAC,QAAQ;MACdC,WAAW,EAAEjB,CAAC,CAACiB,WAAY;MAC3BC,SAAS,EAAC,OAAO;MACjBC,UAAU,EAAC;IAAO,CACnB;EAAC,CACU,CAAC;AAEnB","ignoreList":[]}

package/lib/commonjs/annotations/CircleAnnotation.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircleAnnotationView = CircleAnnotationView;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _RotatedGroup = require("./RotatedGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+function CircleAnnotationView({
+  a
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_RotatedGroup.RotatedGroup, {
+    center: a.center,
+    rotation: a.rotation,
+    children: [a.fill ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: a.center.x,
+      cy: a.center.y,
+      r: a.radius,
+      color: a.fill
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: a.center.x,
+      cy: a.center.y,
+      r: a.radius,
+      color: a.strokeColor,
+      style: "stroke",
+      strokeWidth: a.strokeWidth
+    })]
+  });
+}
+//# sourceMappingURL=CircleAnnotation.js.map

package/lib/commonjs/annotations/CircleAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_RotatedGroup","_jsxRuntime","CircleAnnotationView","a","jsxs","RotatedGroup","center","rotation","children","fill","jsx","Circle","cx","x","cy","y","r","radius","color","strokeColor","style","strokeWidth"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/CircleAnnotation.tsx"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAA8C,IAAAE,WAAA,GAAAF,OAAA;AAEvC,SAASG,oBAAoBA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EACvE,oBACE,IAAAF,WAAA,CAAAG,IAAA,EAACJ,aAAA,CAAAK,YAAY;IAACC,MAAM,EAAEH,CAAC,CAACG,MAAO;IAACC,QAAQ,EAAEJ,CAAC,CAACI,QAAS;IAAAC,QAAA,GAClDL,CAAC,CAACM,IAAI,gBACL,IAAAR,WAAA,CAAAS,GAAA,EAACZ,gBAAA,CAAAa,MAAM;MAACC,EAAE,EAAET,CAAC,CAACG,MAAM,CAACO,CAAE;MAACC,EAAE,EAAEX,CAAC,CAACG,MAAM,CAACS,CAAE;MAACC,CAAC,EAAEb,CAAC,CAACc,MAAO;MAACC,KAAK,EAAEf,CAAC,CAACM;IAAK,CAAE,CAAC,GACpE,IAAI,eACR,IAAAR,WAAA,CAAAS,GAAA,EAACZ,gBAAA,CAAAa,MAAM;MACLC,EAAE,EAAET,CAAC,CAACG,MAAM,CAACO,CAAE;MACfC,EAAE,EAAEX,CAAC,CAACG,MAAM,CAACS,CAAE;MACfC,CAAC,EAAEb,CAAC,CAACc,MAAO;MACZC,KAAK,EAAEf,CAAC,CAACgB,WAAY;MACrBC,KAAK,EAAC,QAAQ;MACdC,WAAW,EAAElB,CAAC,CAACkB;IAAY,CAC5B,CAAC;EAAA,CACU,CAAC;AAEnB","ignoreList":[]}

package/lib/commonjs/annotations/FreehandAnnotation.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FreehandAnnotationView = FreehandAnnotationView;
+var _react = require("react");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _geometry = require("./geometry");
+var _RotatedGroup = require("./RotatedGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+function FreehandAnnotationView({
+  a
+}) {
+  const path = (0, _react.useMemo)(() => (0, _geometry.buildFreehandPath)(a.points), [a.points]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RotatedGroup.RotatedGroup, {
+    center: (0, _geometry.annotationCenter)(a),
+    rotation: a.rotation,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+      path: path,
+      color: a.strokeColor,
+      style: "stroke",
+      strokeWidth: a.strokeWidth,
+      strokeCap: "round",
+      strokeJoin: "round"
+    })
+  });
+}
+//# sourceMappingURL=FreehandAnnotation.js.map

package/lib/commonjs/annotations/FreehandAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeSkia","_geometry","_RotatedGroup","_jsxRuntime","FreehandAnnotationView","a","path","useMemo","buildFreehandPath","points","jsx","RotatedGroup","center","annotationCenter","rotation","children","Path","color","strokeColor","style","strokeWidth","strokeCap","strokeJoin"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/FreehandAnnotation.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAEvC,SAASK,sBAAsBA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EAC3E,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,2BAAiB,EAACH,CAAC,CAACI,MAAM,CAAC,EAAE,CAACJ,CAAC,CAACI,MAAM,CAAC,CAAC;EACnE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAS,YAAY;IAACC,MAAM,EAAE,IAAAC,0BAAgB,EAACR,CAAC,CAAE;IAACS,QAAQ,EAAET,CAAC,CAACS,QAAS;IAAAC,QAAA,eAC9D,IAAAZ,WAAA,CAAAO,GAAA,EAACV,gBAAA,CAAAgB,IAAI;MACHV,IAAI,EAAEA,IAAK;MACXW,KAAK,EAAEZ,CAAC,CAACa,WAAY;MACrBC,KAAK,EAAC,QAAQ;MACdC,WAAW,EAAEf,CAAC,CAACe,WAAY;MAC3BC,SAAS,EAAC,OAAO;MACjBC,UAAU,EAAC;IAAO,CACnB;EAAC,CACU,CAAC;AAEnB","ignoreList":[]}

package/lib/commonjs/annotations/MarkerAnnotation.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkerAnnotationView = MarkerAnnotationView;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _geometry = require("./geometry");
+var _RotatedGroup = require("./RotatedGroup");
+var _color = require("../utils/color");
+var _jsxRuntime = require("react/jsx-runtime");
+function MarkerAnnotationView({
+  a
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RotatedGroup.RotatedGroup, {
+    center: (0, _geometry.annotationCenter)(a),
+    rotation: a.rotation,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: a.rect.x,
+      y: a.rect.y,
+      width: a.rect.width,
+      height: a.rect.height,
+      color: (0, _color.withOpacity)(a.color, a.opacity)
+    })
+  });
+}
+//# sourceMappingURL=MarkerAnnotation.js.map

package/lib/commonjs/annotations/MarkerAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_geometry","_RotatedGroup","_color","_jsxRuntime","MarkerAnnotationView","a","jsx","RotatedGroup","center","annotationCenter","rotation","children","Rect","x","rect","y","width","height","color","withOpacity","opacity"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/MarkerAnnotation.tsx"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAEtC,SAASK,oBAAoBA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EACvE,oBACE,IAAAF,WAAA,CAAAG,GAAA,EAACL,aAAA,CAAAM,YAAY;IAACC,MAAM,EAAE,IAAAC,0BAAgB,EAACJ,CAAC,CAAE;IAACK,QAAQ,EAAEL,CAAC,CAACK,QAAS;IAAAC,QAAA,eAC9D,IAAAR,WAAA,CAAAG,GAAA,EAACR,gBAAA,CAAAc,IAAI;MACHC,CAAC,EAAER,CAAC,CAACS,IAAI,CAACD,CAAE;MACZE,CAAC,EAAEV,CAAC,CAACS,IAAI,CAACC,CAAE;MACZC,KAAK,EAAEX,CAAC,CAACS,IAAI,CAACE,KAAM;MACpBC,MAAM,EAAEZ,CAAC,CAACS,IAAI,CAACG,MAAO;MACtBC,KAAK,EAAE,IAAAC,kBAAW,EAACd,CAAC,CAACa,KAAK,EAAEb,CAAC,CAACe,OAAO;IAAE,CACxC;EAAC,CACU,CAAC;AAEnB","ignoreList":[]}

package/lib/commonjs/annotations/RotatedGroup.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RotatedGroup = RotatedGroup;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Wraps children in a Skia Group rotated by `rotation` radians about `center`.
+ * Every annotation renderer uses this so its stored `rotation` is applied
+ * consistently (and identically in the off-screen export path).
+ */
+function RotatedGroup({
+  center,
+  rotation,
+  children
+}) {
+  if (!rotation) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Group, {
+    origin: center,
+    transform: [{
+      rotate: rotation
+    }],
+    children: children
+  });
+}
+//# sourceMappingURL=RotatedGroup.js.map

package/lib/commonjs/annotations/RotatedGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSkia","_jsxRuntime","e","__esModule","default","RotatedGroup","center","rotation","children","jsx","Fragment","Group","origin","transform","rotate"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/RotatedGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAInD;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAC;EAC3BC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,IAAI,CAACD,QAAQ,EAAE;IACb,oBAAO,IAAAN,WAAA,CAAAQ,GAAA,EAAAR,WAAA,CAAAS,QAAA;MAAAF,QAAA,EAAGA;IAAQ,CAAG,CAAC;EACxB;EACA,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACT,gBAAA,CAAAW,KAAK;IAACC,MAAM,EAAEN,MAAO;IAACO,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEP;IAAS,CAAC,CAAE;IAAAC,QAAA,EACtDA;EAAQ,CACJ,CAAC;AAEZ","ignoreList":[]}

package/lib/commonjs/annotations/TextAnnotation.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextAnnotationView = TextAnnotationView;
+var _react = require("react");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _geometry = require("./geometry");
+var _RotatedGroup = require("./RotatedGroup");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Renders text using a system font via `matchFont` (no bundled font file
+ * required). Honors explicit newlines; automatic width-wrapping is intentionally
+ * out of scope for v1 (would require SkParagraph + a shared FontMgr).
+ */
+function TextAnnotationView({
+  a
+}) {
+  const font = (0, _react.useMemo)(() => (0, _reactNativeSkia.matchFont)({
+    fontFamily: 'sans-serif',
+    fontSize: a.fontSize,
+    fontStyle: 'normal',
+    fontWeight: 'normal'
+  }), [a.fontSize]);
+  const lines = a.text.split('\n');
+  const lineHeight = a.fontSize * 1.2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RotatedGroup.RotatedGroup, {
+    center: (0, _geometry.annotationCenter)(a),
+    rotation: a.rotation,
+    children: lines.map((line, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Text, {
+      x: a.origin.x,
+      y: a.origin.y + a.fontSize + i * lineHeight,
+      text: line,
+      font: font,
+      color: a.color
+    }, i))
+  });
+}
+//# sourceMappingURL=TextAnnotation.js.map

package/lib/commonjs/annotations/TextAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeSkia","_geometry","_RotatedGroup","_jsxRuntime","TextAnnotationView","a","font","useMemo","matchFont","fontFamily","fontSize","fontStyle","fontWeight","lines","text","split","lineHeight","jsx","RotatedGroup","center","annotationCenter","rotation","children","map","line","i","Text","x","origin","y","color"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/TextAnnotation.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAE9C;AACA;AACA;AACA;AACA;AACO,SAASK,kBAAkBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACnE,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAClB,MACE,IAAAC,0BAAS,EAAC;IACRC,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAEL,CAAC,CAACK,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC,EACJ,CAACP,CAAC,CAACK,QAAQ,CACb,CAAC;EAED,MAAMG,KAAK,GAAGR,CAAC,CAACS,IAAI,CAACC,KAAK,CAAC,IAAI,CAAC;EAChC,MAAMC,UAAU,GAAGX,CAAC,CAACK,QAAQ,GAAG,GAAG;EAEnC,oBACE,IAAAP,WAAA,CAAAc,GAAA,EAACf,aAAA,CAAAgB,YAAY;IAACC,MAAM,EAAE,IAAAC,0BAAgB,EAACf,CAAC,CAAE;IAACgB,QAAQ,EAAEhB,CAAC,CAACgB,QAAS;IAAAC,QAAA,EAC7DT,KAAK,CAACU,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACjB,IAAAtB,WAAA,CAAAc,GAAA,EAACjB,gBAAA,CAAA0B,IAAI;MAEHC,CAAC,EAAEtB,CAAC,CAACuB,MAAM,CAACD,CAAE;MACdE,CAAC,EAAExB,CAAC,CAACuB,MAAM,CAACC,CAAC,GAAGxB,CAAC,CAACK,QAAQ,GAAGe,CAAC,GAAGT,UAAW;MAC5CF,IAAI,EAAEU,IAAK;MACXlB,IAAI,EAAEA,IAAK;MACXwB,KAAK,EAAEzB,CAAC,CAACyB;IAAM,GALVL,CAMN,CACF;EAAC,CACU,CAAC;AAEnB","ignoreList":[]}