@archireport/react-native-drawing 0.2.0

package/lib/typescript/hooks/useFreehandGesture.d.ts

@@ -0,0 +1,47 @@
+import type { Size } from "../types";
+interface UseFreehandGestureOptions {
+    colorSV: {
+        value: string;
+    };
+    lineWidthSV: {
+        value: number;
+    };
+    fillColorSV: {
+        value: string | null;
+    };
+    fillAlphaSV: {
+        value: number;
+    };
+    canvasSize: Size;
+    enabled: boolean;
+    imageOffsetX: {
+        value: number;
+    };
+    imageOffsetY: {
+        value: number;
+    };
+    imageWidth: {
+        value: number;
+    };
+    imageHeight: {
+        value: number;
+    };
+    viewScale: {
+        value: number;
+    };
+    viewTranslateX: {
+        value: number;
+    };
+    viewTranslateY: {
+        value: number;
+    };
+}
+export declare function useFreehandGesture({ colorSV, lineWidthSV, fillColorSV, fillAlphaSV, canvasSize, enabled, imageOffsetX, imageOffsetY, imageWidth, imageHeight, viewScale, viewTranslateX, viewTranslateY, }: UseFreehandGestureOptions): {
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    inProgressPath: import("react-native-reanimated").DerivedValue<import("@shopify/react-native-skia").SkPath | null>;
+    inProgressColor: import("react-native-reanimated").DerivedValue<string>;
+    inProgressWidth: import("react-native-reanimated").DerivedValue<number>;
+    isDrawing: import("react-native-reanimated").SharedValue<boolean>;
+};
+export {};
+//# sourceMappingURL=useFreehandGesture.d.ts.map

package/lib/typescript/hooks/useFreehandGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFreehandGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFreehandGesture.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAS,IAAI,EAAiC,MAAM,UAAU,CAAC;AAU3E,UAAU,yBAAyB;IACjC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACtC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,cAAc,GACf,EAAE,yBAAyB;;;;;;EAwM3B"}

package/lib/typescript/hooks/usePolygonGesture.d.ts

@@ -0,0 +1,47 @@
+import type { Size } from "../types";
+interface UsePolygonGestureOptions {
+    colorSV: {
+        value: string;
+    };
+    lineWidthSV: {
+        value: number;
+    };
+    fillColorSV: {
+        value: string | null;
+    };
+    fillAlphaSV: {
+        value: number;
+    };
+    canvasSize: Size;
+    enabled: boolean;
+    imageOffsetX: {
+        value: number;
+    };
+    imageOffsetY: {
+        value: number;
+    };
+    imageWidth: {
+        value: number;
+    };
+    imageHeight: {
+        value: number;
+    };
+    viewScale: {
+        value: number;
+    };
+    viewTranslateX: {
+        value: number;
+    };
+    viewTranslateY: {
+        value: number;
+    };
+}
+export declare function usePolygonGesture({ colorSV, lineWidthSV, fillColorSV, fillAlphaSV, canvasSize, enabled, imageOffsetX, imageOffsetY, imageWidth, imageHeight, viewScale, viewTranslateX, viewTranslateY, }: UsePolygonGestureOptions): {
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+    pointsFlat: import("react-native-reanimated").SharedValue<number[]>;
+    pointCount: import("react-native-reanimated").SharedValue<number>;
+    isActive: import("react-native-reanimated").SharedValue<boolean>;
+    cancel: () => void;
+};
+export {};
+//# sourceMappingURL=usePolygonGesture.d.ts.map

package/lib/typescript/hooks/usePolygonGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePolygonGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePolygonGesture.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,IAAI,EAAS,MAAM,UAAU,CAAC;AAQ3D,UAAU,wBAAwB;IAChC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACtC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,cAAc,GACf,EAAE,wBAAwB;;;;;;EAwH1B"}

package/lib/typescript/hooks/useSelectionGesture.d.ts

@@ -0,0 +1,32 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { Size } from "../types";
+interface UseSelectionGestureOptions {
+    canvasSize: Size;
+    imageOffsetX: {
+        value: number;
+    };
+    imageOffsetY: {
+        value: number;
+    };
+    viewScale: {
+        value: number;
+    };
+    viewTranslateX: {
+        value: number;
+    };
+    viewTranslateY: {
+        value: number;
+    };
+    onTapEmpty?: (x: number, y: number) => void;
+}
+export declare function useSelectionGesture({ canvasSize, imageOffsetX, imageOffsetY, viewScale, viewTranslateX, viewTranslateY, onTapEmpty, }: UseSelectionGestureOptions): {
+    tapGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+    panGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    doubleTapGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+    isDragging: SharedValue<boolean>;
+    dragOffsetX: SharedValue<number>;
+    dragOffsetY: SharedValue<number>;
+    draggingAnchorIndex: SharedValue<number>;
+};
+export {};
+//# sourceMappingURL=useSelectionGesture.d.ts.map

package/lib/typescript/hooks/useSelectionGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectionGesture.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAE,IAAI,EAAS,MAAM,UAAU,CAAC;AAQ5C,UAAU,0BAA0B;IAClC,UAAU,EAAE,IAAI,CAAC;IACjB,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,GACX,EAAE,0BAA0B;;;;;;;;EAqQ5B"}

package/lib/typescript/hooks/useShapeGesture.d.ts

@@ -0,0 +1,54 @@
+import type { TwoPointShapeType, Size } from "../types";
+interface UseShapeGestureOptions {
+    shapeType: TwoPointShapeType;
+    colorSV: {
+        value: string;
+    };
+    lineWidthSV: {
+        value: number;
+    };
+    fillColorSV: {
+        value: string | null;
+    };
+    fillAlphaSV: {
+        value: number;
+    };
+    canvasSize: Size;
+    enabled: boolean;
+    imageOffsetX: {
+        value: number;
+    };
+    imageOffsetY: {
+        value: number;
+    };
+    imageWidth: {
+        value: number;
+    };
+    imageHeight: {
+        value: number;
+    };
+    viewScale: {
+        value: number;
+    };
+    viewTranslateX: {
+        value: number;
+    };
+    viewTranslateY: {
+        value: number;
+    };
+    onMeasureCreated?: (id: string) => void;
+}
+export declare function useShapeGesture({ shapeType, colorSV, lineWidthSV, fillColorSV, fillAlphaSV, canvasSize, enabled, imageOffsetX, imageOffsetY, imageWidth, imageHeight, viewScale, viewTranslateX, viewTranslateY, onMeasureCreated, }: UseShapeGestureOptions): {
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    startX: import("react-native-reanimated").SharedValue<number>;
+    startY: import("react-native-reanimated").SharedValue<number>;
+    currentX: import("react-native-reanimated").SharedValue<number>;
+    currentY: import("react-native-reanimated").SharedValue<number>;
+    isDrawing: import("react-native-reanimated").SharedValue<boolean>;
+    inProgressColor: import("react-native-reanimated").DerivedValue<string>;
+    inProgressWidth: import("react-native-reanimated").DerivedValue<number>;
+    inProgressFillColor: import("react-native-reanimated").DerivedValue<string | null>;
+    inProgressFillAlpha: import("react-native-reanimated").DerivedValue<number>;
+};
+export {};
+//# sourceMappingURL=useShapeGesture.d.ts.map

package/lib/typescript/hooks/useShapeGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShapeGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/useShapeGesture.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAC;AAQvE,UAAU,sBAAsB;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACtC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,UAAU,EAAE,IAAI,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,sBAAsB;;;;;;;;;;;EA8MxB"}

package/lib/typescript/hooks/useViewportGesture.d.ts

@@ -0,0 +1,37 @@
+interface UseViewportGestureOptions {
+    maxZoom?: number;
+    layoutWidth: {
+        value: number;
+    };
+    layoutHeight: {
+        value: number;
+    };
+    imageOffsetX: {
+        value: number;
+    };
+    imageOffsetY: {
+        value: number;
+    };
+    imageWidth: {
+        value: number;
+    };
+    imageHeight: {
+        value: number;
+    };
+    onPinchEnd?: () => void;
+}
+export declare function useViewportGesture({ maxZoom, layoutWidth, layoutHeight, imageOffsetX, imageOffsetY, imageWidth, imageHeight, onPinchEnd, }: UseViewportGestureOptions): {
+    pinchGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/pinchGesture").PinchGesture;
+    twoFingerPanGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    singleFingerPanGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    doubleTapResetGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+    scale: import("react-native-reanimated").SharedValue<number>;
+    translateX: import("react-native-reanimated").SharedValue<number>;
+    translateY: import("react-native-reanimated").SharedValue<number>;
+    isPinching: import("react-native-reanimated").SharedValue<boolean>;
+    resetViewport: () => void;
+    panViewport: (dtx: number, dty: number) => void;
+    zoomAt: (screenX: number, screenY: number, scaleFactor: number) => void;
+};
+export {};
+//# sourceMappingURL=useViewportGesture.d.ts.map

package/lib/typescript/hooks/useViewportGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportGesture.d.ts","sourceRoot":"","sources":["../../../src/hooks/useViewportGesture.ts"],"names":[],"mappings":"AAOA,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AA6CD,wBAAgB,kBAAkB,CAAC,EACjC,OAA0B,EAC1B,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,UAAU,GACX,EAAE,yBAAyB;;;;;;;;;;uBA+NlB,MAAM,OAAO,MAAM;sBA5Df,MAAM,WAAW,MAAM,eAAe,MAAM;EAuGzD"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,11 @@
+export { DrawingEditor } from "./DrawingEditor";
+export { useDrawingStore } from "./store/useDrawingStore";
+export type { DrawingState } from "./store/useDrawingStore";
+export type { DrawingEditorProps, DrawingEditorRef, DrawingObject, FreehandObject, LineObject, ArrowObject, RectangleObject, CircleObject, PolygonObject, MeasureObject, TextObject, TwoPointObject, ToolType, TwoPointShapeType, MeasureStyle, Point, Size, UndoAction, UndoActionType, ToolbarRenderProps, ColorPaletteRenderProps, } from "./types";
+export { normalize, denormalize, normalizePoints, denormalizePoints, screenToCanvas, } from "./utils/coordinates";
+export { serializeObjects, deserializeObjects, generateId, } from "./utils/serialization";
+export { PRESET_COLORS, DEFAULT_STROKE_COLOR } from "./utils/colors";
+export { Toolbar } from "./components/Toolbar";
+export { ColorPalette } from "./components/ColorPalette";
+export { LineWidthSlider } from "./components/LineWidthSlider";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGrE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/typescript/renderers/ArrowRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ArrowObject, Size } from "../types";
+interface ArrowRendererProps {
+    object: ArrowObject;
+    canvasSize: Size;
+}
+export declare const ArrowRenderer: React.NamedExoticComponent<ArrowRendererProps>;
+export {};
+//# sourceMappingURL=ArrowRenderer.d.ts.map

package/lib/typescript/renderers/ArrowRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/ArrowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGlD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,IAAI,CAAC;CAClB;AAiFD,eAAO,MAAM,aAAa,gDAiCxB,CAAC"}

package/lib/typescript/renderers/CircleRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CircleObject, Size } from "../types";
+interface CircleRendererProps {
+    object: CircleObject;
+    canvasSize: Size;
+}
+export declare const CircleRenderer: React.NamedExoticComponent<CircleRendererProps>;
+export {};
+//# sourceMappingURL=CircleRenderer.d.ts.map

package/lib/typescript/renderers/CircleRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/CircleRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,iDAiDzB,CAAC"}

package/lib/typescript/renderers/FreehandRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { FreehandObject, Size } from "../types";
+interface FreehandRendererProps {
+    object: FreehandObject;
+    canvasSize: Size;
+}
+export declare const FreehandRenderer: React.NamedExoticComponent<FreehandRendererProps>;
+export {};
+//# sourceMappingURL=FreehandRenderer.d.ts.map

package/lib/typescript/renderers/FreehandRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FreehandRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/FreehandRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIrD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,mDAqB3B,CAAC"}

package/lib/typescript/renderers/InProgressRenderer.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { SharedValue } from "react-native-reanimated";
+import type { TwoPointShapeType } from "../types";
+import type { SkPath } from "@shopify/react-native-skia";
+interface FreehandInProgressProps {
+    path: SharedValue<SkPath | null>;
+    color: SharedValue<string>;
+    lineWidth: SharedValue<number>;
+    isDrawing: SharedValue<boolean>;
+}
+export declare const FreehandInProgress: React.NamedExoticComponent<FreehandInProgressProps>;
+interface PolygonInProgressProps {
+    pointsFlat: SharedValue<number[]>;
+    pointCount: SharedValue<number>;
+    isActive: SharedValue<boolean>;
+}
+export declare const PolygonInProgress: React.NamedExoticComponent<PolygonInProgressProps>;
+interface ShapeInProgressProps {
+    shapeType: TwoPointShapeType;
+    startX: SharedValue<number>;
+    startY: SharedValue<number>;
+    currentX: SharedValue<number>;
+    currentY: SharedValue<number>;
+    color: SharedValue<string>;
+    lineWidth: SharedValue<number>;
+    fillColor: SharedValue<string | null>;
+    fillAlpha: SharedValue<number>;
+    isDrawing: SharedValue<boolean>;
+}
+export declare const ShapeInProgress: React.NamedExoticComponent<ShapeInProgressProps>;
+export {};
+//# sourceMappingURL=InProgressRenderer.d.ts.map

package/lib/typescript/renderers/InProgressRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InProgressRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/InProgressRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAIzD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACjC;AAKD,eAAO,MAAM,kBAAkB,qDAiB7B,CAAC;AAOH,UAAU,sBAAsB;IAC9B,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAClC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,iBAAiB,oDAwB5B,CAAC;AAIH,UAAU,oBAAoB;IAC5B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,SAAS,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACtC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,kDAuH1B,CAAC"}

package/lib/typescript/renderers/LineRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { LineObject, Size } from "../types";
+interface LineRendererProps {
+    object: LineObject;
+    canvasSize: Size;
+}
+export declare const LineRenderer: React.NamedExoticComponent<LineRendererProps>;
+export {};
+//# sourceMappingURL=LineRenderer.d.ts.map

package/lib/typescript/renderers/LineRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/LineRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGjD,UAAU,iBAAiB;IACzB,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,+CAuBvB,CAAC"}

package/lib/typescript/renderers/MeasurementRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { MeasureObject, Size } from "../types";
+interface MeasurementRendererProps {
+    object: MeasureObject;
+    canvasSize: Size;
+}
+export declare const MeasurementRenderer: React.NamedExoticComponent<MeasurementRendererProps>;
+export {};
+//# sourceMappingURL=MeasurementRenderer.d.ts.map

package/lib/typescript/renderers/MeasurementRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeasurementRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/MeasurementRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAKpD,UAAU,wBAAwB;IAChC,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,IAAI,CAAC;CAClB;AA2ED,eAAO,MAAM,mBAAmB,sDA4F9B,CAAC"}

package/lib/typescript/renderers/ObjectRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { DrawingObject, Size } from "../types";
+interface ObjectRendererProps {
+    object: DrawingObject;
+    canvasSize: Size;
+}
+/**
+ * Routes a drawing object to its specialized renderer component.
+ */
+export declare const ObjectRenderer: React.NamedExoticComponent<ObjectRendererProps>;
+export {};
+//# sourceMappingURL=ObjectRenderer.d.ts.map

package/lib/typescript/renderers/ObjectRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/ObjectRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AASpD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,IAAI,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,iDAuBzB,CAAC"}

package/lib/typescript/renderers/PolygonRenderer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { PolygonObject, Size } from "../types";
+interface PolygonRendererProps {
+    object: PolygonObject;
+    canvasSize: Size;
+}
+declare function buildPolygonPath(points: {
+    x: number;
+    y: number;
+}[], closed: boolean): string | null;
+export declare const PolygonRenderer: React.NamedExoticComponent<PolygonRendererProps>;
+export { buildPolygonPath };
+//# sourceMappingURL=PolygonRenderer.d.ts.map

package/lib/typescript/renderers/PolygonRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolygonRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/PolygonRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,iBAAS,gBAAgB,CACvB,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EAClC,MAAM,EAAE,OAAO,GACd,MAAM,GAAG,IAAI,CAQf;AAED,eAAO,MAAM,eAAe,kDAwC1B,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/renderers/RectRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { RectangleObject, Size } from "../types";
+interface RectRendererProps {
+    object: RectangleObject;
+    canvasSize: Size;
+}
+export declare const RectRenderer: React.NamedExoticComponent<RectRendererProps>;
+export {};
+//# sourceMappingURL=RectRenderer.d.ts.map

package/lib/typescript/renderers/RectRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RectRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/RectRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGtD,UAAU,iBAAiB;IACzB,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,+CAiDvB,CAAC"}

package/lib/typescript/renderers/SelectedObjectRenderer.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { SharedValue } from "react-native-reanimated";
+import type { DrawingObject, Size } from "../types";
+interface SelectedObjectRendererProps {
+    object: DrawingObject;
+    canvasSize: Size;
+    isDragging: SharedValue<boolean>;
+    draggingAnchorIndex: SharedValue<number>;
+    dragOffsetX: SharedValue<number>;
+    dragOffsetY: SharedValue<number>;
+}
+/**
+ * Renders the selected object with animated positions that follow
+ * the drag gesture in real-time — both for move and resize.
+ */
+export declare const SelectedObjectRenderer: React.NamedExoticComponent<SelectedObjectRendererProps>;
+export {};
+//# sourceMappingURL=SelectedObjectRenderer.d.ts.map

package/lib/typescript/renderers/SelectedObjectRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedObjectRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/SelectedObjectRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAalD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAgE,IAAI,EAAE,MAAM,UAAU,CAAC;AAOlH,UAAU,2BAA2B;IACnC,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,IAAI,CAAC;IACjB,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,mBAAmB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,yDAuGlC,CAAC"}

package/lib/typescript/renderers/SelectionOverlay.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { SharedValue } from "react-native-reanimated";
+import type { DrawingObject, Size, Point } from "../types";
+interface SelectionOverlayProps {
+    object: DrawingObject;
+    canvasSize: Size;
+    color?: string;
+    draggingAnchorIndex?: SharedValue<number>;
+    dragOffsetX?: SharedValue<number>;
+    dragOffsetY?: SharedValue<number>;
+    isDragging?: SharedValue<boolean>;
+}
+export declare const ANCHOR_RADIUS = 8;
+declare const ANCHOR_HIT_RADIUS = 24;
+/**
+ * Get the anchor points (in pixel coordinates) for a drawing object.
+ */
+export declare function getAnchorPoints(object: DrawingObject, canvasSize: Size): Point[];
+export { ANCHOR_HIT_RADIUS };
+export declare const SelectionOverlay: React.NamedExoticComponent<SelectionOverlayProps>;
+//# sourceMappingURL=SelectionOverlay.d.ts.map

package/lib/typescript/renderers/SelectionOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionOverlay.d.ts","sourceRoot":"","sources":["../../../src/renderers/SelectionOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EACV,aAAa,EAIb,IAAI,EACJ,KAAK,EACN,MAAM,UAAU,CAAC;AAGlB,UAAU,qBAAqB;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,QAAA,MAAM,iBAAiB,KAAK,CAAC;AAG7B;;GAEG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,IAAI,GACf,KAAK,EAAE,CAmCT;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAoD7B,eAAO,MAAM,gBAAgB,mDA8C3B,CAAC"}

package/lib/typescript/store/useDrawingStore.d.ts

@@ -0,0 +1,30 @@
+import type { DrawingObject, ToolType, UndoAction, Size } from "../types";
+export interface DrawingState {
+    objects: DrawingObject[];
+    currentTool: ToolType | null;
+    strokeColor: string;
+    fillColor: string | null;
+    fillAlpha: number;
+    lineWidth: number;
+    selectedObjectId: string | null;
+    canvasSize: Size;
+    undoStack: UndoAction[];
+    setTool: (tool: ToolType | null) => void;
+    setStrokeColor: (color: string) => void;
+    setFillColor: (color: string | null) => void;
+    setFillAlpha: (alpha: number) => void;
+    setLineWidth: (width: number) => void;
+    setCanvasSize: (size: Size) => void;
+    addObject: (obj: DrawingObject) => void;
+    updateObject: (id: string, updates: Partial<DrawingObject>) => void;
+    deleteObject: (id: string) => void;
+    deleteSelectedObject: () => void;
+    selectObject: (id: string | null) => void;
+    moveObject: (id: string, dx: number, dy: number) => void;
+    resizeObject: (id: string, anchorIndex: number, dx: number, dy: number) => void;
+    undo: () => void;
+    clearAll: () => void;
+    loadObjects: (objects: DrawingObject[]) => void;
+}
+export declare const useDrawingStore: import("zustand").UseBoundStore<import("zustand").StoreApi<DrawingState>>;
+//# sourceMappingURL=useDrawingStore.d.ts.map

package/lib/typescript/store/useDrawingStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawingStore.d.ts","sourceRoot":"","sources":["../../../src/store/useDrawingStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EAGb,QAAQ,EACR,UAAU,EACV,IAAI,EAEL,MAAM,UAAU,CAAC;AAIlB,MAAM,WAAW,YAAY;IAE3B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,WAAW,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,IAAI,CAAC;IACjB,SAAS,EAAE,UAAU,EAAE,CAAC;IAGxB,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEpC,SAAS,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACpE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CACZ,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,MAAM,EACnB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,KACP,IAAI,CAAC;IACV,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACjD;AA0CD,eAAO,MAAM,eAAe,2EA0QzB,CAAC"}

package/lib/typescript/types.d.ts

@@ -0,0 +1,130 @@
+import type { ReactNode } from "react";
+import type { ViewStyle } from "react-native";
+export type ToolType = "freehand" | "line" | "arrow" | "rectangle" | "circle" | "polygon" | "measure" | "text";
+export type MeasureStyle = 0 | 1 | 2;
+/** Normalized point: x and y are in [0, 1] relative to canvas size */
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface Size {
+    width: number;
+    height: number;
+}
+interface BaseDrawingObject {
+    id: string;
+    color: string;
+    lineWidth: number;
+}
+export interface FreehandObject extends BaseDrawingObject {
+    type: "freehand";
+    points: Point[];
+}
+export interface LineObject extends BaseDrawingObject {
+    type: "line";
+    from: Point;
+    to: Point;
+}
+export interface ArrowObject extends BaseDrawingObject {
+    type: "arrow";
+    from: Point;
+    to: Point;
+}
+export interface RectangleObject extends BaseDrawingObject {
+    type: "rectangle";
+    from: Point;
+    to: Point;
+    backgroundColor?: string;
+    backgroundAlpha?: number;
+}
+export interface CircleObject extends BaseDrawingObject {
+    type: "circle";
+    from: Point;
+    to: Point;
+    backgroundColor?: string;
+    backgroundAlpha?: number;
+}
+export interface MeasureObject extends BaseDrawingObject {
+    type: "measure";
+    from: Point;
+    to: Point;
+    text: string;
+    unit: string;
+    measureStyle: MeasureStyle;
+}
+export interface PolygonObject extends BaseDrawingObject {
+    type: "polygon";
+    points: Point[];
+    closed: boolean;
+    backgroundColor?: string;
+    backgroundAlpha?: number;
+}
+export interface TextObject extends BaseDrawingObject {
+    type: "text";
+    position: Point;
+    width: number;
+    height: number;
+    value: string;
+    backgroundColor?: string;
+    backgroundAlpha?: number;
+}
+export type DrawingObject = FreehandObject | LineObject | ArrowObject | RectangleObject | CircleObject | PolygonObject | MeasureObject | TextObject;
+export type TwoPointShapeType = "line" | "arrow" | "rectangle" | "circle" | "measure";
+export type TwoPointObject = LineObject | ArrowObject | RectangleObject | CircleObject | MeasureObject;
+export type UndoActionType = "add" | "delete" | "edit" | "move";
+export interface UndoAction {
+    type: UndoActionType;
+    objectId: string;
+    previousState?: DrawingObject;
+}
+export interface DrawingEditorProps {
+    /** URI string or require() for the background image */
+    imageSource: string | number;
+    /** Pre-existing objects to restore */
+    initialObjects?: DrawingObject[];
+    /** Maximum zoom level (default: 5) */
+    maxZoom?: number;
+    /** Called when the user saves */
+    onSave?: (result: {
+        image: Uint8Array;
+        objects: DrawingObject[];
+        canvasSize: Size;
+    }) => void;
+    /** Called when the user dismisses the editor */
+    onDismiss?: () => void;
+    /** Custom style for the root container */
+    style?: ViewStyle;
+    /** Override the default toolbar */
+    renderToolbar?: (props: ToolbarRenderProps) => ReactNode;
+    /** Override the default color palette */
+    renderColorPalette?: (props: ColorPaletteRenderProps) => ReactNode;
+}
+export interface ToolbarRenderProps {
+    currentTool: ToolType | null;
+    onSelectTool: (tool: ToolType | null) => void;
+    onUndo: () => void;
+    canUndo: boolean;
+    /** Whether the canvas is currently zoomed in (scale > 1) */
+    isZoomed: boolean;
+    /** Reset zoom to 1x */
+    onResetZoom: () => void;
+}
+export interface ColorPaletteRenderProps {
+    strokeColor: string;
+    fillColor: string | null;
+    fillAlpha: number;
+    onSelectStrokeColor: (color: string) => void;
+    onSelectFillColor: (color: string | null) => void;
+    onSelectFillAlpha: (alpha: number) => void;
+}
+export interface DrawingEditorRef {
+    undo: () => void;
+    setTool: (tool: ToolType) => void;
+    exportImage: () => Promise<Uint8Array | null>;
+    exportImageBase64: () => Promise<string | null>;
+    getObjects: () => DrawingObject[];
+    clearAll: () => void;
+    resetZoom: () => void;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map