@yorab/react-paint 0.15.1 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/canvas/constants/shapes.d.ts +2 -0
  2. package/dist/canvas/hooks/useReactPaint.d.ts +136 -72
  3. package/dist/canvas/hooks/useShapes.d.ts +102 -54
  4. package/dist/canvas/utils/file.d.ts +17 -9
  5. package/dist/canvas/utils/intersect.d.ts +1 -1
  6. package/dist/canvas/utils/selection/groupSelection.d.ts +3 -2
  7. package/dist/canvas/utils/selection/rectSelection.d.ts +3 -1
  8. package/dist/canvas/utils/shapes/brush.d.ts +6 -2
  9. package/dist/canvas/utils/shapes/circle.d.ts +5 -2
  10. package/dist/canvas/utils/shapes/curve.d.ts +0 -1
  11. package/dist/canvas/utils/shapes/ellipse.d.ts +5 -2
  12. package/dist/canvas/utils/shapes/group.d.ts +33 -0
  13. package/dist/canvas/utils/shapes/index.d.ts +6 -12
  14. package/dist/canvas/utils/shapes/line.d.ts +5 -2
  15. package/dist/canvas/utils/shapes/path.d.ts +2 -2
  16. package/dist/canvas/utils/shapes/picture.d.ts +5 -2
  17. package/dist/canvas/utils/shapes/polygon.d.ts +0 -1
  18. package/dist/canvas/utils/shapes/rectangle.d.ts +7 -44
  19. package/dist/canvas/utils/shapes/text.d.ts +5 -2
  20. package/dist/common/types/Shapes.d.ts +7 -9
  21. package/dist/common/utils/object.d.ts +1 -1
  22. package/dist/react-paint.js +1302 -1305
  23. package/dist/react-paint.umd.cjs +1 -1
  24. package/package.json +13 -13
package/dist/canvas/hooks/useReactPaint.d.ts CHANGED
@@ -34,6 +34,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
34
34
  center: Point;
35
35
  boundingBox: import("./../../common/types/Shapes").Rect;
36
36
  };
37
+ path?: Path2D | undefined;
37
38
  } & {
38
39
  rotation?: number;
39
40
  toolId?: string;
@@ -44,7 +45,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
44
45
  type: "line";
45
46
  } & {
46
47
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
47
- path?: Path2D | undefined;
48
48
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
49
49
  type: "line";
50
50
  }) | ({
@@ -55,6 +55,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
55
55
  center: Point;
56
56
  boundingBox: import("./../../common/types/Shapes").Rect;
57
57
  };
58
+ path?: Path2D | undefined;
58
59
  } & {
59
60
  rotation?: number;
60
61
  toolId?: string;
@@ -65,6 +66,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
65
66
  src: string;
66
67
  } & {
67
68
  img: HTMLImageElement;
69
+ flipX?: boolean;
70
+ flipY?: boolean;
71
+ ratio?: number;
68
72
  type: "picture";
69
73
  } & {
70
74
  img: HTMLImageElement;
@@ -78,6 +82,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
78
82
  center: Point;
79
83
  boundingBox: import("./../../common/types/Shapes").Rect;
80
84
  };
85
+ path?: Path2D | undefined;
81
86
  } & {
82
87
  rotation?: number;
83
88
  toolId?: string;
@@ -88,6 +93,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
88
93
  value: string[];
89
94
  fontSize: number;
90
95
  } & {
96
+ flipX?: boolean;
97
+ flipY?: boolean;
98
+ ratio?: number;
91
99
  type: "text";
92
100
  } & {
93
101
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -100,6 +108,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
100
108
  center: Point;
101
109
  boundingBox: import("./../../common/types/Shapes").Rect;
102
110
  };
111
+ path?: Path2D | undefined;
103
112
  } & {
104
113
  rotation?: number;
105
114
  toolId?: string;
@@ -110,7 +119,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
110
119
  type: "rect";
111
120
  } & {
112
121
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
113
- path?: Path2D | undefined;
114
122
  type: "rect";
115
123
  }) | ({
116
124
  id: string;
@@ -120,6 +128,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
120
128
  center: Point;
121
129
  boundingBox: import("./../../common/types/Shapes").Rect;
122
130
  };
131
+ path?: Path2D | undefined;
123
132
  } & {
124
133
  rotation?: number;
125
134
  toolId?: string;
@@ -130,7 +139,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
130
139
  type: "square";
131
140
  } & {
132
141
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
133
- path?: Path2D | undefined;
134
142
  type: "square";
135
143
  }) | ({
136
144
  id: string;
@@ -140,6 +148,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
140
148
  center: Point;
141
149
  boundingBox: import("./../../common/types/Shapes").Rect;
142
150
  };
151
+ path?: Path2D | undefined;
143
152
  } & {
144
153
  rotation?: number;
145
154
  toolId?: string;
@@ -150,7 +159,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
150
159
  type: "circle";
151
160
  } & {
152
161
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
153
- path?: Path2D | undefined;
154
162
  type: "circle";
155
163
  }) | ({
156
164
  id: string;
@@ -160,6 +168,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
160
168
  center: Point;
161
169
  boundingBox: import("./../../common/types/Shapes").Rect;
162
170
  };
171
+ path?: Path2D | undefined;
163
172
  } & {
164
173
  rotation?: number;
165
174
  toolId?: string;
@@ -170,7 +179,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
170
179
  type: "ellipse";
171
180
  } & {
172
181
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
173
- path?: Path2D | undefined;
174
182
  type: "ellipse";
175
183
  }) | ({
176
184
  id: string;
@@ -180,6 +188,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
180
188
  center: Point;
181
189
  boundingBox: import("./../../common/types/Shapes").Rect;
182
190
  };
191
+ path?: Path2D | undefined;
183
192
  } & {
184
193
  rotation?: number;
185
194
  toolId?: string;
@@ -190,7 +199,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
190
199
  type: "polygon";
191
200
  } & {
192
201
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
193
- path?: Path2D | undefined;
194
202
  type: "polygon";
195
203
  }) | ({
196
204
  id: string;
@@ -200,6 +208,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
200
208
  center: Point;
201
209
  boundingBox: import("./../../common/types/Shapes").Rect;
202
210
  };
211
+ path?: Path2D | undefined;
203
212
  } & {
204
213
  rotation?: number;
205
214
  toolId?: string;
@@ -210,7 +219,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
210
219
  type: "curve";
211
220
  } & {
212
221
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
213
- path?: Path2D | undefined;
214
222
  type: "curve";
215
223
  }) | ({
216
224
  id: string;
@@ -220,6 +228,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
220
228
  center: Point;
221
229
  boundingBox: import("./../../common/types/Shapes").Rect;
222
230
  };
231
+ path?: Path2D | undefined;
223
232
  } & {
224
233
  rotation?: number;
225
234
  toolId?: string;
@@ -232,7 +241,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
232
241
  scaleY?: number;
233
242
  } & {
234
243
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
235
- path?: Path2D | undefined;
236
244
  type: "brush";
237
245
  }) | ({
238
246
  id: string;
@@ -242,6 +250,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
242
250
  center: Point;
243
251
  boundingBox: import("./../../common/types/Shapes").Rect;
244
252
  };
253
+ path?: Path2D | undefined;
245
254
  } & {
246
255
  rotation?: number;
247
256
  toolId?: string;
@@ -253,7 +262,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
253
262
  type: "group";
254
263
  } & {
255
264
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
256
- path?: Path2D | undefined;
257
265
  type: "group";
258
266
  }))[]>;
259
267
  addPictureShape: (fileOrUrl: File | string, maxWidth?: number, maxHeight?: number) => Promise<ShapeEntity<"picture">>;
@@ -271,6 +279,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
271
279
  center: Point;
272
280
  boundingBox: import("./../../common/types/Shapes").Rect;
273
281
  };
282
+ path?: Path2D | undefined;
274
283
  } & {
275
284
  rotation?: number;
276
285
  toolId?: string;
@@ -281,7 +290,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
281
290
  type: "line";
282
291
  } & {
283
292
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
284
- path?: Path2D | undefined;
285
293
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
286
294
  type: "line";
287
295
  }) | ({
@@ -292,6 +300,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
292
300
  center: Point;
293
301
  boundingBox: import("./../../common/types/Shapes").Rect;
294
302
  };
303
+ path?: Path2D | undefined;
295
304
  } & {
296
305
  rotation?: number;
297
306
  toolId?: string;
@@ -302,6 +311,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
302
311
  src: string;
303
312
  } & {
304
313
  img: HTMLImageElement;
314
+ flipX?: boolean;
315
+ flipY?: boolean;
316
+ ratio?: number;
305
317
  type: "picture";
306
318
  } & {
307
319
  img: HTMLImageElement;
@@ -315,6 +327,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
315
327
  center: Point;
316
328
  boundingBox: import("./../../common/types/Shapes").Rect;
317
329
  };
330
+ path?: Path2D | undefined;
318
331
  } & {
319
332
  rotation?: number;
320
333
  toolId?: string;
@@ -325,6 +338,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
325
338
  value: string[];
326
339
  fontSize: number;
327
340
  } & {
341
+ flipX?: boolean;
342
+ flipY?: boolean;
343
+ ratio?: number;
328
344
  type: "text";
329
345
  } & {
330
346
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -337,6 +353,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
337
353
  center: Point;
338
354
  boundingBox: import("./../../common/types/Shapes").Rect;
339
355
  };
356
+ path?: Path2D | undefined;
340
357
  } & {
341
358
  rotation?: number;
342
359
  toolId?: string;
@@ -347,7 +364,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
347
364
  type: "rect";
348
365
  } & {
349
366
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
350
- path?: Path2D | undefined;
351
367
  type: "rect";
352
368
  }) | ({
353
369
  id: string;
@@ -357,6 +373,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
357
373
  center: Point;
358
374
  boundingBox: import("./../../common/types/Shapes").Rect;
359
375
  };
376
+ path?: Path2D | undefined;
360
377
  } & {
361
378
  rotation?: number;
362
379
  toolId?: string;
@@ -367,7 +384,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
367
384
  type: "square";
368
385
  } & {
369
386
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
370
- path?: Path2D | undefined;
371
387
  type: "square";
372
388
  }) | ({
373
389
  id: string;
@@ -377,6 +393,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
377
393
  center: Point;
378
394
  boundingBox: import("./../../common/types/Shapes").Rect;
379
395
  };
396
+ path?: Path2D | undefined;
380
397
  } & {
381
398
  rotation?: number;
382
399
  toolId?: string;
@@ -387,7 +404,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
387
404
  type: "circle";
388
405
  } & {
389
406
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
390
- path?: Path2D | undefined;
391
407
  type: "circle";
392
408
  }) | ({
393
409
  id: string;
@@ -397,6 +413,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
397
413
  center: Point;
398
414
  boundingBox: import("./../../common/types/Shapes").Rect;
399
415
  };
416
+ path?: Path2D | undefined;
400
417
  } & {
401
418
  rotation?: number;
402
419
  toolId?: string;
@@ -407,7 +424,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
407
424
  type: "ellipse";
408
425
  } & {
409
426
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
410
- path?: Path2D | undefined;
411
427
  type: "ellipse";
412
428
  }) | ({
413
429
  id: string;
@@ -417,6 +433,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
417
433
  center: Point;
418
434
  boundingBox: import("./../../common/types/Shapes").Rect;
419
435
  };
436
+ path?: Path2D | undefined;
420
437
  } & {
421
438
  rotation?: number;
422
439
  toolId?: string;
@@ -427,7 +444,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
427
444
  type: "polygon";
428
445
  } & {
429
446
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
430
- path?: Path2D | undefined;
431
447
  type: "polygon";
432
448
  }) | ({
433
449
  id: string;
@@ -437,6 +453,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
437
453
  center: Point;
438
454
  boundingBox: import("./../../common/types/Shapes").Rect;
439
455
  };
456
+ path?: Path2D | undefined;
440
457
  } & {
441
458
  rotation?: number;
442
459
  toolId?: string;
@@ -447,7 +464,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
447
464
  type: "curve";
448
465
  } & {
449
466
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
450
- path?: Path2D | undefined;
451
467
  type: "curve";
452
468
  }) | ({
453
469
  id: string;
@@ -457,6 +473,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
457
473
  center: Point;
458
474
  boundingBox: import("./../../common/types/Shapes").Rect;
459
475
  };
476
+ path?: Path2D | undefined;
460
477
  } & {
461
478
  rotation?: number;
462
479
  toolId?: string;
@@ -469,7 +486,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
469
486
  scaleY?: number;
470
487
  } & {
471
488
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
472
- path?: Path2D | undefined;
473
489
  type: "brush";
474
490
  }) | ({
475
491
  id: string;
@@ -479,6 +495,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
479
495
  center: Point;
480
496
  boundingBox: import("./../../common/types/Shapes").Rect;
481
497
  };
498
+ path?: Path2D | undefined;
482
499
  } & {
483
500
  rotation?: number;
484
501
  toolId?: string;
@@ -490,7 +507,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
490
507
  type: "group";
491
508
  } & {
492
509
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
493
- path?: Path2D | undefined;
494
510
  type: "group";
495
511
  }) | undefined;
496
512
  saveShapes: () => void;
@@ -540,6 +556,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
540
556
  center: Point;
541
557
  boundingBox: import("./../../common/types/Shapes").Rect;
542
558
  };
559
+ path?: Path2D | undefined;
543
560
  } & {
544
561
  rotation?: number;
545
562
  toolId?: string;
@@ -550,7 +567,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
550
567
  type: "line";
551
568
  } & {
552
569
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
553
- path?: Path2D | undefined;
554
570
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
555
571
  type: "line";
556
572
  }) | ({
@@ -561,6 +577,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
561
577
  center: Point;
562
578
  boundingBox: import("./../../common/types/Shapes").Rect;
563
579
  };
580
+ path?: Path2D | undefined;
564
581
  } & {
565
582
  rotation?: number;
566
583
  toolId?: string;
@@ -571,6 +588,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
571
588
  src: string;
572
589
  } & {
573
590
  img: HTMLImageElement;
591
+ flipX?: boolean;
592
+ flipY?: boolean;
593
+ ratio?: number;
574
594
  type: "picture";
575
595
  } & {
576
596
  img: HTMLImageElement;
@@ -584,6 +604,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
584
604
  center: Point;
585
605
  boundingBox: import("./../../common/types/Shapes").Rect;
586
606
  };
607
+ path?: Path2D | undefined;
587
608
  } & {
588
609
  rotation?: number;
589
610
  toolId?: string;
@@ -594,6 +615,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
594
615
  value: string[];
595
616
  fontSize: number;
596
617
  } & {
618
+ flipX?: boolean;
619
+ flipY?: boolean;
620
+ ratio?: number;
597
621
  type: "text";
598
622
  } & {
599
623
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -606,6 +630,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
606
630
  center: Point;
607
631
  boundingBox: import("./../../common/types/Shapes").Rect;
608
632
  };
633
+ path?: Path2D | undefined;
609
634
  } & {
610
635
  rotation?: number;
611
636
  toolId?: string;
@@ -616,7 +641,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
616
641
  type: "rect";
617
642
  } & {
618
643
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
619
- path?: Path2D | undefined;
620
644
  type: "rect";
621
645
  }) | ({
622
646
  id: string;
@@ -626,6 +650,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
626
650
  center: Point;
627
651
  boundingBox: import("./../../common/types/Shapes").Rect;
628
652
  };
653
+ path?: Path2D | undefined;
629
654
  } & {
630
655
  rotation?: number;
631
656
  toolId?: string;
@@ -636,7 +661,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
636
661
  type: "square";
637
662
  } & {
638
663
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
639
- path?: Path2D | undefined;
640
664
  type: "square";
641
665
  }) | ({
642
666
  id: string;
@@ -646,6 +670,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
646
670
  center: Point;
647
671
  boundingBox: import("./../../common/types/Shapes").Rect;
648
672
  };
673
+ path?: Path2D | undefined;
649
674
  } & {
650
675
  rotation?: number;
651
676
  toolId?: string;
@@ -656,7 +681,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
656
681
  type: "circle";
657
682
  } & {
658
683
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
659
- path?: Path2D | undefined;
660
684
  type: "circle";
661
685
  }) | ({
662
686
  id: string;
@@ -666,6 +690,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
666
690
  center: Point;
667
691
  boundingBox: import("./../../common/types/Shapes").Rect;
668
692
  };
693
+ path?: Path2D | undefined;
669
694
  } & {
670
695
  rotation?: number;
671
696
  toolId?: string;
@@ -676,7 +701,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
676
701
  type: "ellipse";
677
702
  } & {
678
703
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
679
- path?: Path2D | undefined;
680
704
  type: "ellipse";
681
705
  }) | ({
682
706
  id: string;
@@ -686,6 +710,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
686
710
  center: Point;
687
711
  boundingBox: import("./../../common/types/Shapes").Rect;
688
712
  };
713
+ path?: Path2D | undefined;
689
714
  } & {
690
715
  rotation?: number;
691
716
  toolId?: string;
@@ -696,7 +721,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
696
721
  type: "polygon";
697
722
  } & {
698
723
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
699
- path?: Path2D | undefined;
700
724
  type: "polygon";
701
725
  }) | ({
702
726
  id: string;
@@ -706,6 +730,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
706
730
  center: Point;
707
731
  boundingBox: import("./../../common/types/Shapes").Rect;
708
732
  };
733
+ path?: Path2D | undefined;
709
734
  } & {
710
735
  rotation?: number;
711
736
  toolId?: string;
@@ -716,7 +741,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
716
741
  type: "curve";
717
742
  } & {
718
743
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
719
- path?: Path2D | undefined;
720
744
  type: "curve";
721
745
  }) | ({
722
746
  id: string;
@@ -726,6 +750,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
726
750
  center: Point;
727
751
  boundingBox: import("./../../common/types/Shapes").Rect;
728
752
  };
753
+ path?: Path2D | undefined;
729
754
  } & {
730
755
  rotation?: number;
731
756
  toolId?: string;
@@ -738,7 +763,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
738
763
  scaleY?: number;
739
764
  } & {
740
765
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
741
- path?: Path2D | undefined;
742
766
  type: "brush";
743
767
  }) | ({
744
768
  id: string;
@@ -748,6 +772,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
748
772
  center: Point;
749
773
  boundingBox: import("./../../common/types/Shapes").Rect;
750
774
  };
775
+ path?: Path2D | undefined;
751
776
  } & {
752
777
  rotation?: number;
753
778
  toolId?: string;
@@ -759,7 +784,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
759
784
  type: "group";
760
785
  } & {
761
786
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
762
- path?: Path2D | undefined;
763
787
  type: "group";
764
788
  }))[]>;
765
789
  selectedShape: ({
@@ -770,6 +794,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
770
794
  center: Point;
771
795
  boundingBox: import("./../../common/types/Shapes").Rect;
772
796
  };
797
+ path?: Path2D | undefined;
773
798
  } & {
774
799
  rotation?: number;
775
800
  toolId?: string;
@@ -780,7 +805,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
780
805
  type: "line";
781
806
  } & {
782
807
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
783
- path?: Path2D | undefined;
784
808
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
785
809
  type: "line";
786
810
  }) | ({
@@ -791,6 +815,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
791
815
  center: Point;
792
816
  boundingBox: import("./../../common/types/Shapes").Rect;
793
817
  };
818
+ path?: Path2D | undefined;
794
819
  } & {
795
820
  rotation?: number;
796
821
  toolId?: string;
@@ -801,6 +826,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
801
826
  src: string;
802
827
  } & {
803
828
  img: HTMLImageElement;
829
+ flipX?: boolean;
830
+ flipY?: boolean;
831
+ ratio?: number;
804
832
  type: "picture";
805
833
  } & {
806
834
  img: HTMLImageElement;
@@ -814,6 +842,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
814
842
  center: Point;
815
843
  boundingBox: import("./../../common/types/Shapes").Rect;
816
844
  };
845
+ path?: Path2D | undefined;
817
846
  } & {
818
847
  rotation?: number;
819
848
  toolId?: string;
@@ -824,6 +853,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
824
853
  value: string[];
825
854
  fontSize: number;
826
855
  } & {
856
+ flipX?: boolean;
857
+ flipY?: boolean;
858
+ ratio?: number;
827
859
  type: "text";
828
860
  } & {
829
861
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -836,6 +868,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
836
868
  center: Point;
837
869
  boundingBox: import("./../../common/types/Shapes").Rect;
838
870
  };
871
+ path?: Path2D | undefined;
839
872
  } & {
840
873
  rotation?: number;
841
874
  toolId?: string;
@@ -846,7 +879,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
846
879
  type: "rect";
847
880
  } & {
848
881
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
849
- path?: Path2D | undefined;
850
882
  type: "rect";
851
883
  }) | ({
852
884
  id: string;
@@ -856,6 +888,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
856
888
  center: Point;
857
889
  boundingBox: import("./../../common/types/Shapes").Rect;
858
890
  };
891
+ path?: Path2D | undefined;
859
892
  } & {
860
893
  rotation?: number;
861
894
  toolId?: string;
@@ -866,7 +899,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
866
899
  type: "square";
867
900
  } & {
868
901
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
869
- path?: Path2D | undefined;
870
902
  type: "square";
871
903
  }) | ({
872
904
  id: string;
@@ -876,6 +908,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
876
908
  center: Point;
877
909
  boundingBox: import("./../../common/types/Shapes").Rect;
878
910
  };
911
+ path?: Path2D | undefined;
879
912
  } & {
880
913
  rotation?: number;
881
914
  toolId?: string;
@@ -886,7 +919,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
886
919
  type: "circle";
887
920
  } & {
888
921
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
889
- path?: Path2D | undefined;
890
922
  type: "circle";
891
923
  }) | ({
892
924
  id: string;
@@ -896,6 +928,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
896
928
  center: Point;
897
929
  boundingBox: import("./../../common/types/Shapes").Rect;
898
930
  };
931
+ path?: Path2D | undefined;
899
932
  } & {
900
933
  rotation?: number;
901
934
  toolId?: string;
@@ -906,7 +939,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
906
939
  type: "ellipse";
907
940
  } & {
908
941
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
909
- path?: Path2D | undefined;
910
942
  type: "ellipse";
911
943
  }) | ({
912
944
  id: string;
@@ -916,6 +948,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
916
948
  center: Point;
917
949
  boundingBox: import("./../../common/types/Shapes").Rect;
918
950
  };
951
+ path?: Path2D | undefined;
919
952
  } & {
920
953
  rotation?: number;
921
954
  toolId?: string;
@@ -926,7 +959,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
926
959
  type: "polygon";
927
960
  } & {
928
961
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
929
- path?: Path2D | undefined;
930
962
  type: "polygon";
931
963
  }) | ({
932
964
  id: string;
@@ -936,6 +968,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
936
968
  center: Point;
937
969
  boundingBox: import("./../../common/types/Shapes").Rect;
938
970
  };
971
+ path?: Path2D | undefined;
939
972
  } & {
940
973
  rotation?: number;
941
974
  toolId?: string;
@@ -946,7 +979,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
946
979
  type: "curve";
947
980
  } & {
948
981
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
949
- path?: Path2D | undefined;
950
982
  type: "curve";
951
983
  }) | ({
952
984
  id: string;
@@ -956,6 +988,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
956
988
  center: Point;
957
989
  boundingBox: import("./../../common/types/Shapes").Rect;
958
990
  };
991
+ path?: Path2D | undefined;
959
992
  } & {
960
993
  rotation?: number;
961
994
  toolId?: string;
@@ -968,7 +1001,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
968
1001
  scaleY?: number;
969
1002
  } & {
970
1003
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
971
- path?: Path2D | undefined;
972
1004
  type: "brush";
973
1005
  }) | ({
974
1006
  id: string;
@@ -978,6 +1010,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
978
1010
  center: Point;
979
1011
  boundingBox: import("./../../common/types/Shapes").Rect;
980
1012
  };
1013
+ path?: Path2D | undefined;
981
1014
  } & {
982
1015
  rotation?: number;
983
1016
  toolId?: string;
@@ -989,7 +1022,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
989
1022
  type: "group";
990
1023
  } & {
991
1024
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
992
- path?: Path2D | undefined;
993
1025
  type: "group";
994
1026
  }) | undefined;
995
1027
  selectionFrame: {
@@ -1004,6 +1036,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1004
1036
  center: Point;
1005
1037
  boundingBox: import("./../../common/types/Shapes").Rect;
1006
1038
  };
1039
+ path?: Path2D | undefined;
1007
1040
  } & {
1008
1041
  rotation?: number;
1009
1042
  toolId?: string;
@@ -1014,7 +1047,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1014
1047
  type: "line";
1015
1048
  } & {
1016
1049
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1017
- path?: Path2D | undefined;
1018
1050
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1019
1051
  type: "line";
1020
1052
  }) | ({
@@ -1025,6 +1057,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1025
1057
  center: Point;
1026
1058
  boundingBox: import("./../../common/types/Shapes").Rect;
1027
1059
  };
1060
+ path?: Path2D | undefined;
1028
1061
  } & {
1029
1062
  rotation?: number;
1030
1063
  toolId?: string;
@@ -1035,6 +1068,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1035
1068
  src: string;
1036
1069
  } & {
1037
1070
  img: HTMLImageElement;
1071
+ flipX?: boolean;
1072
+ flipY?: boolean;
1073
+ ratio?: number;
1038
1074
  type: "picture";
1039
1075
  } & {
1040
1076
  img: HTMLImageElement;
@@ -1048,6 +1084,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1048
1084
  center: Point;
1049
1085
  boundingBox: import("./../../common/types/Shapes").Rect;
1050
1086
  };
1087
+ path?: Path2D | undefined;
1051
1088
  } & {
1052
1089
  rotation?: number;
1053
1090
  toolId?: string;
@@ -1058,6 +1095,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1058
1095
  value: string[];
1059
1096
  fontSize: number;
1060
1097
  } & {
1098
+ flipX?: boolean;
1099
+ flipY?: boolean;
1100
+ ratio?: number;
1061
1101
  type: "text";
1062
1102
  } & {
1063
1103
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1070,6 +1110,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1070
1110
  center: Point;
1071
1111
  boundingBox: import("./../../common/types/Shapes").Rect;
1072
1112
  };
1113
+ path?: Path2D | undefined;
1073
1114
  } & {
1074
1115
  rotation?: number;
1075
1116
  toolId?: string;
@@ -1080,7 +1121,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1080
1121
  type: "rect";
1081
1122
  } & {
1082
1123
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1083
- path?: Path2D | undefined;
1084
1124
  type: "rect";
1085
1125
  }) | ({
1086
1126
  id: string;
@@ -1090,6 +1130,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1090
1130
  center: Point;
1091
1131
  boundingBox: import("./../../common/types/Shapes").Rect;
1092
1132
  };
1133
+ path?: Path2D | undefined;
1093
1134
  } & {
1094
1135
  rotation?: number;
1095
1136
  toolId?: string;
@@ -1100,7 +1141,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1100
1141
  type: "square";
1101
1142
  } & {
1102
1143
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1103
- path?: Path2D | undefined;
1104
1144
  type: "square";
1105
1145
  }) | ({
1106
1146
  id: string;
@@ -1110,6 +1150,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1110
1150
  center: Point;
1111
1151
  boundingBox: import("./../../common/types/Shapes").Rect;
1112
1152
  };
1153
+ path?: Path2D | undefined;
1113
1154
  } & {
1114
1155
  rotation?: number;
1115
1156
  toolId?: string;
@@ -1120,7 +1161,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1120
1161
  type: "circle";
1121
1162
  } & {
1122
1163
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1123
- path?: Path2D | undefined;
1124
1164
  type: "circle";
1125
1165
  }) | ({
1126
1166
  id: string;
@@ -1130,6 +1170,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1130
1170
  center: Point;
1131
1171
  boundingBox: import("./../../common/types/Shapes").Rect;
1132
1172
  };
1173
+ path?: Path2D | undefined;
1133
1174
  } & {
1134
1175
  rotation?: number;
1135
1176
  toolId?: string;
@@ -1140,7 +1181,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1140
1181
  type: "ellipse";
1141
1182
  } & {
1142
1183
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1143
- path?: Path2D | undefined;
1144
1184
  type: "ellipse";
1145
1185
  }) | ({
1146
1186
  id: string;
@@ -1150,6 +1190,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1150
1190
  center: Point;
1151
1191
  boundingBox: import("./../../common/types/Shapes").Rect;
1152
1192
  };
1193
+ path?: Path2D | undefined;
1153
1194
  } & {
1154
1195
  rotation?: number;
1155
1196
  toolId?: string;
@@ -1160,7 +1201,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1160
1201
  type: "polygon";
1161
1202
  } & {
1162
1203
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1163
- path?: Path2D | undefined;
1164
1204
  type: "polygon";
1165
1205
  }) | ({
1166
1206
  id: string;
@@ -1170,6 +1210,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1170
1210
  center: Point;
1171
1211
  boundingBox: import("./../../common/types/Shapes").Rect;
1172
1212
  };
1213
+ path?: Path2D | undefined;
1173
1214
  } & {
1174
1215
  rotation?: number;
1175
1216
  toolId?: string;
@@ -1180,7 +1221,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1180
1221
  type: "curve";
1181
1222
  } & {
1182
1223
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1183
- path?: Path2D | undefined;
1184
1224
  type: "curve";
1185
1225
  }) | ({
1186
1226
  id: string;
@@ -1190,6 +1230,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1190
1230
  center: Point;
1191
1231
  boundingBox: import("./../../common/types/Shapes").Rect;
1192
1232
  };
1233
+ path?: Path2D | undefined;
1193
1234
  } & {
1194
1235
  rotation?: number;
1195
1236
  toolId?: string;
@@ -1202,7 +1243,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1202
1243
  scaleY?: number;
1203
1244
  } & {
1204
1245
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1205
- path?: Path2D | undefined;
1206
1246
  type: "brush";
1207
1247
  }) | ({
1208
1248
  id: string;
@@ -1212,6 +1252,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1212
1252
  center: Point;
1213
1253
  boundingBox: import("./../../common/types/Shapes").Rect;
1214
1254
  };
1255
+ path?: Path2D | undefined;
1215
1256
  } & {
1216
1257
  rotation?: number;
1217
1258
  toolId?: string;
@@ -1223,7 +1264,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1223
1264
  type: "group";
1224
1265
  } & {
1225
1266
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1226
- path?: Path2D | undefined;
1227
1267
  type: "group";
1228
1268
  }) | undefined;
1229
1269
  addShape: (newShapes: ShapeEntity[]) => void;
@@ -1235,6 +1275,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1235
1275
  center: Point;
1236
1276
  boundingBox: import("./../../common/types/Shapes").Rect;
1237
1277
  };
1278
+ path?: Path2D | undefined;
1238
1279
  } & {
1239
1280
  rotation?: number;
1240
1281
  toolId?: string;
@@ -1245,7 +1286,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1245
1286
  type: "line";
1246
1287
  } & {
1247
1288
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1248
- path?: Path2D | undefined;
1249
1289
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1250
1290
  type: "line";
1251
1291
  }) | ({
@@ -1256,6 +1296,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1256
1296
  center: Point;
1257
1297
  boundingBox: import("./../../common/types/Shapes").Rect;
1258
1298
  };
1299
+ path?: Path2D | undefined;
1259
1300
  } & {
1260
1301
  rotation?: number;
1261
1302
  toolId?: string;
@@ -1266,6 +1307,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1266
1307
  src: string;
1267
1308
  } & {
1268
1309
  img: HTMLImageElement;
1310
+ flipX?: boolean;
1311
+ flipY?: boolean;
1312
+ ratio?: number;
1269
1313
  type: "picture";
1270
1314
  } & {
1271
1315
  img: HTMLImageElement;
@@ -1279,6 +1323,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1279
1323
  center: Point;
1280
1324
  boundingBox: import("./../../common/types/Shapes").Rect;
1281
1325
  };
1326
+ path?: Path2D | undefined;
1282
1327
  } & {
1283
1328
  rotation?: number;
1284
1329
  toolId?: string;
@@ -1289,6 +1334,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1289
1334
  value: string[];
1290
1335
  fontSize: number;
1291
1336
  } & {
1337
+ flipX?: boolean;
1338
+ flipY?: boolean;
1339
+ ratio?: number;
1292
1340
  type: "text";
1293
1341
  } & {
1294
1342
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1301,6 +1349,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1301
1349
  center: Point;
1302
1350
  boundingBox: import("./../../common/types/Shapes").Rect;
1303
1351
  };
1352
+ path?: Path2D | undefined;
1304
1353
  } & {
1305
1354
  rotation?: number;
1306
1355
  toolId?: string;
@@ -1311,7 +1360,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1311
1360
  type: "rect";
1312
1361
  } & {
1313
1362
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1314
- path?: Path2D | undefined;
1315
1363
  type: "rect";
1316
1364
  }) | ({
1317
1365
  id: string;
@@ -1321,6 +1369,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1321
1369
  center: Point;
1322
1370
  boundingBox: import("./../../common/types/Shapes").Rect;
1323
1371
  };
1372
+ path?: Path2D | undefined;
1324
1373
  } & {
1325
1374
  rotation?: number;
1326
1375
  toolId?: string;
@@ -1331,7 +1380,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1331
1380
  type: "square";
1332
1381
  } & {
1333
1382
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1334
- path?: Path2D | undefined;
1335
1383
  type: "square";
1336
1384
  }) | ({
1337
1385
  id: string;
@@ -1341,6 +1389,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1341
1389
  center: Point;
1342
1390
  boundingBox: import("./../../common/types/Shapes").Rect;
1343
1391
  };
1392
+ path?: Path2D | undefined;
1344
1393
  } & {
1345
1394
  rotation?: number;
1346
1395
  toolId?: string;
@@ -1351,7 +1400,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1351
1400
  type: "circle";
1352
1401
  } & {
1353
1402
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1354
- path?: Path2D | undefined;
1355
1403
  type: "circle";
1356
1404
  }) | ({
1357
1405
  id: string;
@@ -1361,6 +1409,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1361
1409
  center: Point;
1362
1410
  boundingBox: import("./../../common/types/Shapes").Rect;
1363
1411
  };
1412
+ path?: Path2D | undefined;
1364
1413
  } & {
1365
1414
  rotation?: number;
1366
1415
  toolId?: string;
@@ -1371,7 +1420,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1371
1420
  type: "ellipse";
1372
1421
  } & {
1373
1422
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1374
- path?: Path2D | undefined;
1375
1423
  type: "ellipse";
1376
1424
  }) | ({
1377
1425
  id: string;
@@ -1381,6 +1429,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1381
1429
  center: Point;
1382
1430
  boundingBox: import("./../../common/types/Shapes").Rect;
1383
1431
  };
1432
+ path?: Path2D | undefined;
1384
1433
  } & {
1385
1434
  rotation?: number;
1386
1435
  toolId?: string;
@@ -1391,7 +1440,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1391
1440
  type: "polygon";
1392
1441
  } & {
1393
1442
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1394
- path?: Path2D | undefined;
1395
1443
  type: "polygon";
1396
1444
  }) | ({
1397
1445
  id: string;
@@ -1401,6 +1449,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1401
1449
  center: Point;
1402
1450
  boundingBox: import("./../../common/types/Shapes").Rect;
1403
1451
  };
1452
+ path?: Path2D | undefined;
1404
1453
  } & {
1405
1454
  rotation?: number;
1406
1455
  toolId?: string;
@@ -1411,7 +1460,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1411
1460
  type: "curve";
1412
1461
  } & {
1413
1462
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1414
- path?: Path2D | undefined;
1415
1463
  type: "curve";
1416
1464
  }) | ({
1417
1465
  id: string;
@@ -1421,6 +1469,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1421
1469
  center: Point;
1422
1470
  boundingBox: import("./../../common/types/Shapes").Rect;
1423
1471
  };
1472
+ path?: Path2D | undefined;
1424
1473
  } & {
1425
1474
  rotation?: number;
1426
1475
  toolId?: string;
@@ -1433,7 +1482,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1433
1482
  scaleY?: number;
1434
1483
  } & {
1435
1484
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1436
- path?: Path2D | undefined;
1437
1485
  type: "brush";
1438
1486
  }) | ({
1439
1487
  id: string;
@@ -1443,6 +1491,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1443
1491
  center: Point;
1444
1492
  boundingBox: import("./../../common/types/Shapes").Rect;
1445
1493
  };
1494
+ path?: Path2D | undefined;
1446
1495
  } & {
1447
1496
  rotation?: number;
1448
1497
  toolId?: string;
@@ -1454,7 +1503,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1454
1503
  type: "group";
1455
1504
  } & {
1456
1505
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1457
- path?: Path2D | undefined;
1458
1506
  type: "group";
1459
1507
  }) | ((prevState: ({
1460
1508
  id: string;
@@ -1464,6 +1512,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1464
1512
  center: Point;
1465
1513
  boundingBox: import("./../../common/types/Shapes").Rect;
1466
1514
  };
1515
+ path?: Path2D | undefined;
1467
1516
  } & {
1468
1517
  rotation?: number;
1469
1518
  toolId?: string;
@@ -1474,7 +1523,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1474
1523
  type: "line";
1475
1524
  } & {
1476
1525
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1477
- path?: Path2D | undefined;
1478
1526
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1479
1527
  type: "line";
1480
1528
  }) | ({
@@ -1485,6 +1533,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1485
1533
  center: Point;
1486
1534
  boundingBox: import("./../../common/types/Shapes").Rect;
1487
1535
  };
1536
+ path?: Path2D | undefined;
1488
1537
  } & {
1489
1538
  rotation?: number;
1490
1539
  toolId?: string;
@@ -1495,6 +1544,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1495
1544
  src: string;
1496
1545
  } & {
1497
1546
  img: HTMLImageElement;
1547
+ flipX?: boolean;
1548
+ flipY?: boolean;
1549
+ ratio?: number;
1498
1550
  type: "picture";
1499
1551
  } & {
1500
1552
  img: HTMLImageElement;
@@ -1508,6 +1560,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1508
1560
  center: Point;
1509
1561
  boundingBox: import("./../../common/types/Shapes").Rect;
1510
1562
  };
1563
+ path?: Path2D | undefined;
1511
1564
  } & {
1512
1565
  rotation?: number;
1513
1566
  toolId?: string;
@@ -1518,6 +1571,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1518
1571
  value: string[];
1519
1572
  fontSize: number;
1520
1573
  } & {
1574
+ flipX?: boolean;
1575
+ flipY?: boolean;
1576
+ ratio?: number;
1521
1577
  type: "text";
1522
1578
  } & {
1523
1579
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1530,6 +1586,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1530
1586
  center: Point;
1531
1587
  boundingBox: import("./../../common/types/Shapes").Rect;
1532
1588
  };
1589
+ path?: Path2D | undefined;
1533
1590
  } & {
1534
1591
  rotation?: number;
1535
1592
  toolId?: string;
@@ -1540,7 +1597,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1540
1597
  type: "rect";
1541
1598
  } & {
1542
1599
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1543
- path?: Path2D | undefined;
1544
1600
  type: "rect";
1545
1601
  }) | ({
1546
1602
  id: string;
@@ -1550,6 +1606,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1550
1606
  center: Point;
1551
1607
  boundingBox: import("./../../common/types/Shapes").Rect;
1552
1608
  };
1609
+ path?: Path2D | undefined;
1553
1610
  } & {
1554
1611
  rotation?: number;
1555
1612
  toolId?: string;
@@ -1560,7 +1617,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1560
1617
  type: "square";
1561
1618
  } & {
1562
1619
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1563
- path?: Path2D | undefined;
1564
1620
  type: "square";
1565
1621
  }) | ({
1566
1622
  id: string;
@@ -1570,6 +1626,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1570
1626
  center: Point;
1571
1627
  boundingBox: import("./../../common/types/Shapes").Rect;
1572
1628
  };
1629
+ path?: Path2D | undefined;
1573
1630
  } & {
1574
1631
  rotation?: number;
1575
1632
  toolId?: string;
@@ -1580,7 +1637,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1580
1637
  type: "circle";
1581
1638
  } & {
1582
1639
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1583
- path?: Path2D | undefined;
1584
1640
  type: "circle";
1585
1641
  }) | ({
1586
1642
  id: string;
@@ -1590,6 +1646,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1590
1646
  center: Point;
1591
1647
  boundingBox: import("./../../common/types/Shapes").Rect;
1592
1648
  };
1649
+ path?: Path2D | undefined;
1593
1650
  } & {
1594
1651
  rotation?: number;
1595
1652
  toolId?: string;
@@ -1600,7 +1657,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1600
1657
  type: "ellipse";
1601
1658
  } & {
1602
1659
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1603
- path?: Path2D | undefined;
1604
1660
  type: "ellipse";
1605
1661
  }) | ({
1606
1662
  id: string;
@@ -1610,6 +1666,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1610
1666
  center: Point;
1611
1667
  boundingBox: import("./../../common/types/Shapes").Rect;
1612
1668
  };
1669
+ path?: Path2D | undefined;
1613
1670
  } & {
1614
1671
  rotation?: number;
1615
1672
  toolId?: string;
@@ -1620,7 +1677,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1620
1677
  type: "polygon";
1621
1678
  } & {
1622
1679
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1623
- path?: Path2D | undefined;
1624
1680
  type: "polygon";
1625
1681
  }) | ({
1626
1682
  id: string;
@@ -1630,6 +1686,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1630
1686
  center: Point;
1631
1687
  boundingBox: import("./../../common/types/Shapes").Rect;
1632
1688
  };
1689
+ path?: Path2D | undefined;
1633
1690
  } & {
1634
1691
  rotation?: number;
1635
1692
  toolId?: string;
@@ -1640,7 +1697,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1640
1697
  type: "curve";
1641
1698
  } & {
1642
1699
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1643
- path?: Path2D | undefined;
1644
1700
  type: "curve";
1645
1701
  }) | ({
1646
1702
  id: string;
@@ -1650,6 +1706,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1650
1706
  center: Point;
1651
1707
  boundingBox: import("./../../common/types/Shapes").Rect;
1652
1708
  };
1709
+ path?: Path2D | undefined;
1653
1710
  } & {
1654
1711
  rotation?: number;
1655
1712
  toolId?: string;
@@ -1662,7 +1719,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1662
1719
  scaleY?: number;
1663
1720
  } & {
1664
1721
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1665
- path?: Path2D | undefined;
1666
1722
  type: "brush";
1667
1723
  }) | ({
1668
1724
  id: string;
@@ -1672,6 +1728,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1672
1728
  center: Point;
1673
1729
  boundingBox: import("./../../common/types/Shapes").Rect;
1674
1730
  };
1731
+ path?: Path2D | undefined;
1675
1732
  } & {
1676
1733
  rotation?: number;
1677
1734
  toolId?: string;
@@ -1683,7 +1740,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1683
1740
  type: "group";
1684
1741
  } & {
1685
1742
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1686
- path?: Path2D | undefined;
1687
1743
  type: "group";
1688
1744
  }) | undefined) => ({
1689
1745
  id: string;
@@ -1693,6 +1749,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1693
1749
  center: Point;
1694
1750
  boundingBox: import("./../../common/types/Shapes").Rect;
1695
1751
  };
1752
+ path?: Path2D | undefined;
1696
1753
  } & {
1697
1754
  rotation?: number;
1698
1755
  toolId?: string;
@@ -1703,7 +1760,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1703
1760
  type: "line";
1704
1761
  } & {
1705
1762
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1706
- path?: Path2D | undefined;
1707
1763
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1708
1764
  type: "line";
1709
1765
  }) | ({
@@ -1714,6 +1770,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1714
1770
  center: Point;
1715
1771
  boundingBox: import("./../../common/types/Shapes").Rect;
1716
1772
  };
1773
+ path?: Path2D | undefined;
1717
1774
  } & {
1718
1775
  rotation?: number;
1719
1776
  toolId?: string;
@@ -1724,6 +1781,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1724
1781
  src: string;
1725
1782
  } & {
1726
1783
  img: HTMLImageElement;
1784
+ flipX?: boolean;
1785
+ flipY?: boolean;
1786
+ ratio?: number;
1727
1787
  type: "picture";
1728
1788
  } & {
1729
1789
  img: HTMLImageElement;
@@ -1737,6 +1797,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1737
1797
  center: Point;
1738
1798
  boundingBox: import("./../../common/types/Shapes").Rect;
1739
1799
  };
1800
+ path?: Path2D | undefined;
1740
1801
  } & {
1741
1802
  rotation?: number;
1742
1803
  toolId?: string;
@@ -1747,6 +1808,9 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1747
1808
  value: string[];
1748
1809
  fontSize: number;
1749
1810
  } & {
1811
+ flipX?: boolean;
1812
+ flipY?: boolean;
1813
+ ratio?: number;
1750
1814
  type: "text";
1751
1815
  } & {
1752
1816
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1759,6 +1823,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1759
1823
  center: Point;
1760
1824
  boundingBox: import("./../../common/types/Shapes").Rect;
1761
1825
  };
1826
+ path?: Path2D | undefined;
1762
1827
  } & {
1763
1828
  rotation?: number;
1764
1829
  toolId?: string;
@@ -1769,7 +1834,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1769
1834
  type: "rect";
1770
1835
  } & {
1771
1836
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1772
- path?: Path2D | undefined;
1773
1837
  type: "rect";
1774
1838
  }) | ({
1775
1839
  id: string;
@@ -1779,6 +1843,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1779
1843
  center: Point;
1780
1844
  boundingBox: import("./../../common/types/Shapes").Rect;
1781
1845
  };
1846
+ path?: Path2D | undefined;
1782
1847
  } & {
1783
1848
  rotation?: number;
1784
1849
  toolId?: string;
@@ -1789,7 +1854,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1789
1854
  type: "square";
1790
1855
  } & {
1791
1856
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1792
- path?: Path2D | undefined;
1793
1857
  type: "square";
1794
1858
  }) | ({
1795
1859
  id: string;
@@ -1799,6 +1863,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1799
1863
  center: Point;
1800
1864
  boundingBox: import("./../../common/types/Shapes").Rect;
1801
1865
  };
1866
+ path?: Path2D | undefined;
1802
1867
  } & {
1803
1868
  rotation?: number;
1804
1869
  toolId?: string;
@@ -1809,7 +1874,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1809
1874
  type: "circle";
1810
1875
  } & {
1811
1876
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1812
- path?: Path2D | undefined;
1813
1877
  type: "circle";
1814
1878
  }) | ({
1815
1879
  id: string;
@@ -1819,6 +1883,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1819
1883
  center: Point;
1820
1884
  boundingBox: import("./../../common/types/Shapes").Rect;
1821
1885
  };
1886
+ path?: Path2D | undefined;
1822
1887
  } & {
1823
1888
  rotation?: number;
1824
1889
  toolId?: string;
@@ -1829,7 +1894,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1829
1894
  type: "ellipse";
1830
1895
  } & {
1831
1896
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1832
- path?: Path2D | undefined;
1833
1897
  type: "ellipse";
1834
1898
  }) | ({
1835
1899
  id: string;
@@ -1839,6 +1903,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1839
1903
  center: Point;
1840
1904
  boundingBox: import("./../../common/types/Shapes").Rect;
1841
1905
  };
1906
+ path?: Path2D | undefined;
1842
1907
  } & {
1843
1908
  rotation?: number;
1844
1909
  toolId?: string;
@@ -1849,7 +1914,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1849
1914
  type: "polygon";
1850
1915
  } & {
1851
1916
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1852
- path?: Path2D | undefined;
1853
1917
  type: "polygon";
1854
1918
  }) | ({
1855
1919
  id: string;
@@ -1859,6 +1923,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1859
1923
  center: Point;
1860
1924
  boundingBox: import("./../../common/types/Shapes").Rect;
1861
1925
  };
1926
+ path?: Path2D | undefined;
1862
1927
  } & {
1863
1928
  rotation?: number;
1864
1929
  toolId?: string;
@@ -1869,7 +1934,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1869
1934
  type: "curve";
1870
1935
  } & {
1871
1936
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1872
- path?: Path2D | undefined;
1873
1937
  type: "curve";
1874
1938
  }) | ({
1875
1939
  id: string;
@@ -1879,6 +1943,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1879
1943
  center: Point;
1880
1944
  boundingBox: import("./../../common/types/Shapes").Rect;
1881
1945
  };
1946
+ path?: Path2D | undefined;
1882
1947
  } & {
1883
1948
  rotation?: number;
1884
1949
  toolId?: string;
@@ -1891,7 +1956,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1891
1956
  scaleY?: number;
1892
1957
  } & {
1893
1958
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1894
- path?: Path2D | undefined;
1895
1959
  type: "brush";
1896
1960
  }) | ({
1897
1961
  id: string;
@@ -1901,6 +1965,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1901
1965
  center: Point;
1902
1966
  boundingBox: import("./../../common/types/Shapes").Rect;
1903
1967
  };
1968
+ path?: Path2D | undefined;
1904
1969
  } & {
1905
1970
  rotation?: number;
1906
1971
  toolId?: string;
@@ -1912,7 +1977,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1912
1977
  type: "group";
1913
1978
  } & {
1914
1979
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1915
- path?: Path2D | undefined;
1916
1980
  type: "group";
1917
1981
  }) | undefined) | undefined>;
1918
1982
  setSelectionFrame: import("react").Dispatch<import("react").SetStateAction<{