@yorab/react-paint 0.16.0 → 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 (8) hide show
  1. package/dist/canvas/hooks/useReactPaint.d.ts +104 -72
  2. package/dist/canvas/hooks/useShapes.d.ts +78 -54
  3. package/dist/canvas/utils/file.d.ts +13 -9
  4. package/dist/canvas/utils/intersect.d.ts +1 -1
  5. package/dist/common/types/Shapes.d.ts +3 -9
  6. package/dist/react-paint.js +1094 -1091
  7. package/dist/react-paint.umd.cjs +1 -1
  8. package/package.json +1 -1
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;
@@ -67,6 +68,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
67
68
  img: HTMLImageElement;
68
69
  flipX?: boolean;
69
70
  flipY?: boolean;
71
+ ratio?: number;
70
72
  type: "picture";
71
73
  } & {
72
74
  img: HTMLImageElement;
@@ -80,6 +82,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
80
82
  center: Point;
81
83
  boundingBox: import("./../../common/types/Shapes").Rect;
82
84
  };
85
+ path?: Path2D | undefined;
83
86
  } & {
84
87
  rotation?: number;
85
88
  toolId?: string;
@@ -92,6 +95,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
92
95
  } & {
93
96
  flipX?: boolean;
94
97
  flipY?: boolean;
98
+ ratio?: number;
95
99
  type: "text";
96
100
  } & {
97
101
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -104,6 +108,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
104
108
  center: Point;
105
109
  boundingBox: import("./../../common/types/Shapes").Rect;
106
110
  };
111
+ path?: Path2D | undefined;
107
112
  } & {
108
113
  rotation?: number;
109
114
  toolId?: string;
@@ -114,7 +119,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
114
119
  type: "rect";
115
120
  } & {
116
121
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
117
- path?: Path2D | undefined;
118
122
  type: "rect";
119
123
  }) | ({
120
124
  id: string;
@@ -124,6 +128,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
124
128
  center: Point;
125
129
  boundingBox: import("./../../common/types/Shapes").Rect;
126
130
  };
131
+ path?: Path2D | undefined;
127
132
  } & {
128
133
  rotation?: number;
129
134
  toolId?: string;
@@ -134,7 +139,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
134
139
  type: "square";
135
140
  } & {
136
141
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
137
- path?: Path2D | undefined;
138
142
  type: "square";
139
143
  }) | ({
140
144
  id: string;
@@ -144,6 +148,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
144
148
  center: Point;
145
149
  boundingBox: import("./../../common/types/Shapes").Rect;
146
150
  };
151
+ path?: Path2D | undefined;
147
152
  } & {
148
153
  rotation?: number;
149
154
  toolId?: string;
@@ -154,7 +159,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
154
159
  type: "circle";
155
160
  } & {
156
161
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
157
- path?: Path2D | undefined;
158
162
  type: "circle";
159
163
  }) | ({
160
164
  id: string;
@@ -164,6 +168,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
164
168
  center: Point;
165
169
  boundingBox: import("./../../common/types/Shapes").Rect;
166
170
  };
171
+ path?: Path2D | undefined;
167
172
  } & {
168
173
  rotation?: number;
169
174
  toolId?: string;
@@ -174,7 +179,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
174
179
  type: "ellipse";
175
180
  } & {
176
181
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
177
- path?: Path2D | undefined;
178
182
  type: "ellipse";
179
183
  }) | ({
180
184
  id: string;
@@ -184,6 +188,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
184
188
  center: Point;
185
189
  boundingBox: import("./../../common/types/Shapes").Rect;
186
190
  };
191
+ path?: Path2D | undefined;
187
192
  } & {
188
193
  rotation?: number;
189
194
  toolId?: string;
@@ -194,7 +199,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
194
199
  type: "polygon";
195
200
  } & {
196
201
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
197
- path?: Path2D | undefined;
198
202
  type: "polygon";
199
203
  }) | ({
200
204
  id: string;
@@ -204,6 +208,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
204
208
  center: Point;
205
209
  boundingBox: import("./../../common/types/Shapes").Rect;
206
210
  };
211
+ path?: Path2D | undefined;
207
212
  } & {
208
213
  rotation?: number;
209
214
  toolId?: string;
@@ -214,7 +219,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
214
219
  type: "curve";
215
220
  } & {
216
221
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
217
- path?: Path2D | undefined;
218
222
  type: "curve";
219
223
  }) | ({
220
224
  id: string;
@@ -224,6 +228,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
224
228
  center: Point;
225
229
  boundingBox: import("./../../common/types/Shapes").Rect;
226
230
  };
231
+ path?: Path2D | undefined;
227
232
  } & {
228
233
  rotation?: number;
229
234
  toolId?: string;
@@ -236,7 +241,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
236
241
  scaleY?: number;
237
242
  } & {
238
243
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
239
- path?: Path2D | undefined;
240
244
  type: "brush";
241
245
  }) | ({
242
246
  id: string;
@@ -246,6 +250,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
246
250
  center: Point;
247
251
  boundingBox: import("./../../common/types/Shapes").Rect;
248
252
  };
253
+ path?: Path2D | undefined;
249
254
  } & {
250
255
  rotation?: number;
251
256
  toolId?: string;
@@ -257,7 +262,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
257
262
  type: "group";
258
263
  } & {
259
264
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
260
- path?: Path2D | undefined;
261
265
  type: "group";
262
266
  }))[]>;
263
267
  addPictureShape: (fileOrUrl: File | string, maxWidth?: number, maxHeight?: number) => Promise<ShapeEntity<"picture">>;
@@ -275,6 +279,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
275
279
  center: Point;
276
280
  boundingBox: import("./../../common/types/Shapes").Rect;
277
281
  };
282
+ path?: Path2D | undefined;
278
283
  } & {
279
284
  rotation?: number;
280
285
  toolId?: string;
@@ -285,7 +290,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
285
290
  type: "line";
286
291
  } & {
287
292
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
288
- path?: Path2D | undefined;
289
293
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
290
294
  type: "line";
291
295
  }) | ({
@@ -296,6 +300,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
296
300
  center: Point;
297
301
  boundingBox: import("./../../common/types/Shapes").Rect;
298
302
  };
303
+ path?: Path2D | undefined;
299
304
  } & {
300
305
  rotation?: number;
301
306
  toolId?: string;
@@ -308,6 +313,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
308
313
  img: HTMLImageElement;
309
314
  flipX?: boolean;
310
315
  flipY?: boolean;
316
+ ratio?: number;
311
317
  type: "picture";
312
318
  } & {
313
319
  img: HTMLImageElement;
@@ -321,6 +327,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
321
327
  center: Point;
322
328
  boundingBox: import("./../../common/types/Shapes").Rect;
323
329
  };
330
+ path?: Path2D | undefined;
324
331
  } & {
325
332
  rotation?: number;
326
333
  toolId?: string;
@@ -333,6 +340,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
333
340
  } & {
334
341
  flipX?: boolean;
335
342
  flipY?: boolean;
343
+ ratio?: number;
336
344
  type: "text";
337
345
  } & {
338
346
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -345,6 +353,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
345
353
  center: Point;
346
354
  boundingBox: import("./../../common/types/Shapes").Rect;
347
355
  };
356
+ path?: Path2D | undefined;
348
357
  } & {
349
358
  rotation?: number;
350
359
  toolId?: string;
@@ -355,7 +364,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
355
364
  type: "rect";
356
365
  } & {
357
366
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
358
- path?: Path2D | undefined;
359
367
  type: "rect";
360
368
  }) | ({
361
369
  id: string;
@@ -365,6 +373,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
365
373
  center: Point;
366
374
  boundingBox: import("./../../common/types/Shapes").Rect;
367
375
  };
376
+ path?: Path2D | undefined;
368
377
  } & {
369
378
  rotation?: number;
370
379
  toolId?: string;
@@ -375,7 +384,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
375
384
  type: "square";
376
385
  } & {
377
386
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
378
- path?: Path2D | undefined;
379
387
  type: "square";
380
388
  }) | ({
381
389
  id: string;
@@ -385,6 +393,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
385
393
  center: Point;
386
394
  boundingBox: import("./../../common/types/Shapes").Rect;
387
395
  };
396
+ path?: Path2D | undefined;
388
397
  } & {
389
398
  rotation?: number;
390
399
  toolId?: string;
@@ -395,7 +404,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
395
404
  type: "circle";
396
405
  } & {
397
406
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
398
- path?: Path2D | undefined;
399
407
  type: "circle";
400
408
  }) | ({
401
409
  id: string;
@@ -405,6 +413,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
405
413
  center: Point;
406
414
  boundingBox: import("./../../common/types/Shapes").Rect;
407
415
  };
416
+ path?: Path2D | undefined;
408
417
  } & {
409
418
  rotation?: number;
410
419
  toolId?: string;
@@ -415,7 +424,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
415
424
  type: "ellipse";
416
425
  } & {
417
426
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
418
- path?: Path2D | undefined;
419
427
  type: "ellipse";
420
428
  }) | ({
421
429
  id: string;
@@ -425,6 +433,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
425
433
  center: Point;
426
434
  boundingBox: import("./../../common/types/Shapes").Rect;
427
435
  };
436
+ path?: Path2D | undefined;
428
437
  } & {
429
438
  rotation?: number;
430
439
  toolId?: string;
@@ -435,7 +444,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
435
444
  type: "polygon";
436
445
  } & {
437
446
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
438
- path?: Path2D | undefined;
439
447
  type: "polygon";
440
448
  }) | ({
441
449
  id: string;
@@ -445,6 +453,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
445
453
  center: Point;
446
454
  boundingBox: import("./../../common/types/Shapes").Rect;
447
455
  };
456
+ path?: Path2D | undefined;
448
457
  } & {
449
458
  rotation?: number;
450
459
  toolId?: string;
@@ -455,7 +464,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
455
464
  type: "curve";
456
465
  } & {
457
466
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
458
- path?: Path2D | undefined;
459
467
  type: "curve";
460
468
  }) | ({
461
469
  id: string;
@@ -465,6 +473,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
465
473
  center: Point;
466
474
  boundingBox: import("./../../common/types/Shapes").Rect;
467
475
  };
476
+ path?: Path2D | undefined;
468
477
  } & {
469
478
  rotation?: number;
470
479
  toolId?: string;
@@ -477,7 +486,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
477
486
  scaleY?: number;
478
487
  } & {
479
488
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
480
- path?: Path2D | undefined;
481
489
  type: "brush";
482
490
  }) | ({
483
491
  id: string;
@@ -487,6 +495,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
487
495
  center: Point;
488
496
  boundingBox: import("./../../common/types/Shapes").Rect;
489
497
  };
498
+ path?: Path2D | undefined;
490
499
  } & {
491
500
  rotation?: number;
492
501
  toolId?: string;
@@ -498,7 +507,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
498
507
  type: "group";
499
508
  } & {
500
509
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
501
- path?: Path2D | undefined;
502
510
  type: "group";
503
511
  }) | undefined;
504
512
  saveShapes: () => void;
@@ -548,6 +556,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
548
556
  center: Point;
549
557
  boundingBox: import("./../../common/types/Shapes").Rect;
550
558
  };
559
+ path?: Path2D | undefined;
551
560
  } & {
552
561
  rotation?: number;
553
562
  toolId?: string;
@@ -558,7 +567,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
558
567
  type: "line";
559
568
  } & {
560
569
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
561
- path?: Path2D | undefined;
562
570
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
563
571
  type: "line";
564
572
  }) | ({
@@ -569,6 +577,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
569
577
  center: Point;
570
578
  boundingBox: import("./../../common/types/Shapes").Rect;
571
579
  };
580
+ path?: Path2D | undefined;
572
581
  } & {
573
582
  rotation?: number;
574
583
  toolId?: string;
@@ -581,6 +590,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
581
590
  img: HTMLImageElement;
582
591
  flipX?: boolean;
583
592
  flipY?: boolean;
593
+ ratio?: number;
584
594
  type: "picture";
585
595
  } & {
586
596
  img: HTMLImageElement;
@@ -594,6 +604,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
594
604
  center: Point;
595
605
  boundingBox: import("./../../common/types/Shapes").Rect;
596
606
  };
607
+ path?: Path2D | undefined;
597
608
  } & {
598
609
  rotation?: number;
599
610
  toolId?: string;
@@ -606,6 +617,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
606
617
  } & {
607
618
  flipX?: boolean;
608
619
  flipY?: boolean;
620
+ ratio?: number;
609
621
  type: "text";
610
622
  } & {
611
623
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -618,6 +630,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
618
630
  center: Point;
619
631
  boundingBox: import("./../../common/types/Shapes").Rect;
620
632
  };
633
+ path?: Path2D | undefined;
621
634
  } & {
622
635
  rotation?: number;
623
636
  toolId?: string;
@@ -628,7 +641,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
628
641
  type: "rect";
629
642
  } & {
630
643
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
631
- path?: Path2D | undefined;
632
644
  type: "rect";
633
645
  }) | ({
634
646
  id: string;
@@ -638,6 +650,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
638
650
  center: Point;
639
651
  boundingBox: import("./../../common/types/Shapes").Rect;
640
652
  };
653
+ path?: Path2D | undefined;
641
654
  } & {
642
655
  rotation?: number;
643
656
  toolId?: string;
@@ -648,7 +661,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
648
661
  type: "square";
649
662
  } & {
650
663
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
651
- path?: Path2D | undefined;
652
664
  type: "square";
653
665
  }) | ({
654
666
  id: string;
@@ -658,6 +670,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
658
670
  center: Point;
659
671
  boundingBox: import("./../../common/types/Shapes").Rect;
660
672
  };
673
+ path?: Path2D | undefined;
661
674
  } & {
662
675
  rotation?: number;
663
676
  toolId?: string;
@@ -668,7 +681,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
668
681
  type: "circle";
669
682
  } & {
670
683
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
671
- path?: Path2D | undefined;
672
684
  type: "circle";
673
685
  }) | ({
674
686
  id: string;
@@ -678,6 +690,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
678
690
  center: Point;
679
691
  boundingBox: import("./../../common/types/Shapes").Rect;
680
692
  };
693
+ path?: Path2D | undefined;
681
694
  } & {
682
695
  rotation?: number;
683
696
  toolId?: string;
@@ -688,7 +701,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
688
701
  type: "ellipse";
689
702
  } & {
690
703
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
691
- path?: Path2D | undefined;
692
704
  type: "ellipse";
693
705
  }) | ({
694
706
  id: string;
@@ -698,6 +710,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
698
710
  center: Point;
699
711
  boundingBox: import("./../../common/types/Shapes").Rect;
700
712
  };
713
+ path?: Path2D | undefined;
701
714
  } & {
702
715
  rotation?: number;
703
716
  toolId?: string;
@@ -708,7 +721,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
708
721
  type: "polygon";
709
722
  } & {
710
723
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
711
- path?: Path2D | undefined;
712
724
  type: "polygon";
713
725
  }) | ({
714
726
  id: string;
@@ -718,6 +730,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
718
730
  center: Point;
719
731
  boundingBox: import("./../../common/types/Shapes").Rect;
720
732
  };
733
+ path?: Path2D | undefined;
721
734
  } & {
722
735
  rotation?: number;
723
736
  toolId?: string;
@@ -728,7 +741,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
728
741
  type: "curve";
729
742
  } & {
730
743
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
731
- path?: Path2D | undefined;
732
744
  type: "curve";
733
745
  }) | ({
734
746
  id: string;
@@ -738,6 +750,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
738
750
  center: Point;
739
751
  boundingBox: import("./../../common/types/Shapes").Rect;
740
752
  };
753
+ path?: Path2D | undefined;
741
754
  } & {
742
755
  rotation?: number;
743
756
  toolId?: string;
@@ -750,7 +763,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
750
763
  scaleY?: number;
751
764
  } & {
752
765
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
753
- path?: Path2D | undefined;
754
766
  type: "brush";
755
767
  }) | ({
756
768
  id: string;
@@ -760,6 +772,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
760
772
  center: Point;
761
773
  boundingBox: import("./../../common/types/Shapes").Rect;
762
774
  };
775
+ path?: Path2D | undefined;
763
776
  } & {
764
777
  rotation?: number;
765
778
  toolId?: string;
@@ -771,7 +784,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
771
784
  type: "group";
772
785
  } & {
773
786
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
774
- path?: Path2D | undefined;
775
787
  type: "group";
776
788
  }))[]>;
777
789
  selectedShape: ({
@@ -782,6 +794,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
782
794
  center: Point;
783
795
  boundingBox: import("./../../common/types/Shapes").Rect;
784
796
  };
797
+ path?: Path2D | undefined;
785
798
  } & {
786
799
  rotation?: number;
787
800
  toolId?: string;
@@ -792,7 +805,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
792
805
  type: "line";
793
806
  } & {
794
807
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
795
- path?: Path2D | undefined;
796
808
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
797
809
  type: "line";
798
810
  }) | ({
@@ -803,6 +815,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
803
815
  center: Point;
804
816
  boundingBox: import("./../../common/types/Shapes").Rect;
805
817
  };
818
+ path?: Path2D | undefined;
806
819
  } & {
807
820
  rotation?: number;
808
821
  toolId?: string;
@@ -815,6 +828,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
815
828
  img: HTMLImageElement;
816
829
  flipX?: boolean;
817
830
  flipY?: boolean;
831
+ ratio?: number;
818
832
  type: "picture";
819
833
  } & {
820
834
  img: HTMLImageElement;
@@ -828,6 +842,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
828
842
  center: Point;
829
843
  boundingBox: import("./../../common/types/Shapes").Rect;
830
844
  };
845
+ path?: Path2D | undefined;
831
846
  } & {
832
847
  rotation?: number;
833
848
  toolId?: string;
@@ -840,6 +855,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
840
855
  } & {
841
856
  flipX?: boolean;
842
857
  flipY?: boolean;
858
+ ratio?: number;
843
859
  type: "text";
844
860
  } & {
845
861
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -852,6 +868,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
852
868
  center: Point;
853
869
  boundingBox: import("./../../common/types/Shapes").Rect;
854
870
  };
871
+ path?: Path2D | undefined;
855
872
  } & {
856
873
  rotation?: number;
857
874
  toolId?: string;
@@ -862,7 +879,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
862
879
  type: "rect";
863
880
  } & {
864
881
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
865
- path?: Path2D | undefined;
866
882
  type: "rect";
867
883
  }) | ({
868
884
  id: string;
@@ -872,6 +888,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
872
888
  center: Point;
873
889
  boundingBox: import("./../../common/types/Shapes").Rect;
874
890
  };
891
+ path?: Path2D | undefined;
875
892
  } & {
876
893
  rotation?: number;
877
894
  toolId?: string;
@@ -882,7 +899,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
882
899
  type: "square";
883
900
  } & {
884
901
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
885
- path?: Path2D | undefined;
886
902
  type: "square";
887
903
  }) | ({
888
904
  id: string;
@@ -892,6 +908,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
892
908
  center: Point;
893
909
  boundingBox: import("./../../common/types/Shapes").Rect;
894
910
  };
911
+ path?: Path2D | undefined;
895
912
  } & {
896
913
  rotation?: number;
897
914
  toolId?: string;
@@ -902,7 +919,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
902
919
  type: "circle";
903
920
  } & {
904
921
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
905
- path?: Path2D | undefined;
906
922
  type: "circle";
907
923
  }) | ({
908
924
  id: string;
@@ -912,6 +928,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
912
928
  center: Point;
913
929
  boundingBox: import("./../../common/types/Shapes").Rect;
914
930
  };
931
+ path?: Path2D | undefined;
915
932
  } & {
916
933
  rotation?: number;
917
934
  toolId?: string;
@@ -922,7 +939,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
922
939
  type: "ellipse";
923
940
  } & {
924
941
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
925
- path?: Path2D | undefined;
926
942
  type: "ellipse";
927
943
  }) | ({
928
944
  id: string;
@@ -932,6 +948,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
932
948
  center: Point;
933
949
  boundingBox: import("./../../common/types/Shapes").Rect;
934
950
  };
951
+ path?: Path2D | undefined;
935
952
  } & {
936
953
  rotation?: number;
937
954
  toolId?: string;
@@ -942,7 +959,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
942
959
  type: "polygon";
943
960
  } & {
944
961
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
945
- path?: Path2D | undefined;
946
962
  type: "polygon";
947
963
  }) | ({
948
964
  id: string;
@@ -952,6 +968,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
952
968
  center: Point;
953
969
  boundingBox: import("./../../common/types/Shapes").Rect;
954
970
  };
971
+ path?: Path2D | undefined;
955
972
  } & {
956
973
  rotation?: number;
957
974
  toolId?: string;
@@ -962,7 +979,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
962
979
  type: "curve";
963
980
  } & {
964
981
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
965
- path?: Path2D | undefined;
966
982
  type: "curve";
967
983
  }) | ({
968
984
  id: string;
@@ -972,6 +988,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
972
988
  center: Point;
973
989
  boundingBox: import("./../../common/types/Shapes").Rect;
974
990
  };
991
+ path?: Path2D | undefined;
975
992
  } & {
976
993
  rotation?: number;
977
994
  toolId?: string;
@@ -984,7 +1001,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
984
1001
  scaleY?: number;
985
1002
  } & {
986
1003
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
987
- path?: Path2D | undefined;
988
1004
  type: "brush";
989
1005
  }) | ({
990
1006
  id: string;
@@ -994,6 +1010,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
994
1010
  center: Point;
995
1011
  boundingBox: import("./../../common/types/Shapes").Rect;
996
1012
  };
1013
+ path?: Path2D | undefined;
997
1014
  } & {
998
1015
  rotation?: number;
999
1016
  toolId?: string;
@@ -1005,7 +1022,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1005
1022
  type: "group";
1006
1023
  } & {
1007
1024
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1008
- path?: Path2D | undefined;
1009
1025
  type: "group";
1010
1026
  }) | undefined;
1011
1027
  selectionFrame: {
@@ -1020,6 +1036,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1020
1036
  center: Point;
1021
1037
  boundingBox: import("./../../common/types/Shapes").Rect;
1022
1038
  };
1039
+ path?: Path2D | undefined;
1023
1040
  } & {
1024
1041
  rotation?: number;
1025
1042
  toolId?: string;
@@ -1030,7 +1047,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1030
1047
  type: "line";
1031
1048
  } & {
1032
1049
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1033
- path?: Path2D | undefined;
1034
1050
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1035
1051
  type: "line";
1036
1052
  }) | ({
@@ -1041,6 +1057,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1041
1057
  center: Point;
1042
1058
  boundingBox: import("./../../common/types/Shapes").Rect;
1043
1059
  };
1060
+ path?: Path2D | undefined;
1044
1061
  } & {
1045
1062
  rotation?: number;
1046
1063
  toolId?: string;
@@ -1053,6 +1070,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1053
1070
  img: HTMLImageElement;
1054
1071
  flipX?: boolean;
1055
1072
  flipY?: boolean;
1073
+ ratio?: number;
1056
1074
  type: "picture";
1057
1075
  } & {
1058
1076
  img: HTMLImageElement;
@@ -1066,6 +1084,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1066
1084
  center: Point;
1067
1085
  boundingBox: import("./../../common/types/Shapes").Rect;
1068
1086
  };
1087
+ path?: Path2D | undefined;
1069
1088
  } & {
1070
1089
  rotation?: number;
1071
1090
  toolId?: string;
@@ -1078,6 +1097,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1078
1097
  } & {
1079
1098
  flipX?: boolean;
1080
1099
  flipY?: boolean;
1100
+ ratio?: number;
1081
1101
  type: "text";
1082
1102
  } & {
1083
1103
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1090,6 +1110,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1090
1110
  center: Point;
1091
1111
  boundingBox: import("./../../common/types/Shapes").Rect;
1092
1112
  };
1113
+ path?: Path2D | undefined;
1093
1114
  } & {
1094
1115
  rotation?: number;
1095
1116
  toolId?: string;
@@ -1100,7 +1121,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1100
1121
  type: "rect";
1101
1122
  } & {
1102
1123
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1103
- path?: Path2D | undefined;
1104
1124
  type: "rect";
1105
1125
  }) | ({
1106
1126
  id: string;
@@ -1110,6 +1130,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1110
1130
  center: Point;
1111
1131
  boundingBox: import("./../../common/types/Shapes").Rect;
1112
1132
  };
1133
+ path?: Path2D | undefined;
1113
1134
  } & {
1114
1135
  rotation?: number;
1115
1136
  toolId?: string;
@@ -1120,7 +1141,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1120
1141
  type: "square";
1121
1142
  } & {
1122
1143
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1123
- path?: Path2D | undefined;
1124
1144
  type: "square";
1125
1145
  }) | ({
1126
1146
  id: string;
@@ -1130,6 +1150,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1130
1150
  center: Point;
1131
1151
  boundingBox: import("./../../common/types/Shapes").Rect;
1132
1152
  };
1153
+ path?: Path2D | undefined;
1133
1154
  } & {
1134
1155
  rotation?: number;
1135
1156
  toolId?: string;
@@ -1140,7 +1161,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1140
1161
  type: "circle";
1141
1162
  } & {
1142
1163
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1143
- path?: Path2D | undefined;
1144
1164
  type: "circle";
1145
1165
  }) | ({
1146
1166
  id: string;
@@ -1150,6 +1170,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1150
1170
  center: Point;
1151
1171
  boundingBox: import("./../../common/types/Shapes").Rect;
1152
1172
  };
1173
+ path?: Path2D | undefined;
1153
1174
  } & {
1154
1175
  rotation?: number;
1155
1176
  toolId?: string;
@@ -1160,7 +1181,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1160
1181
  type: "ellipse";
1161
1182
  } & {
1162
1183
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1163
- path?: Path2D | undefined;
1164
1184
  type: "ellipse";
1165
1185
  }) | ({
1166
1186
  id: string;
@@ -1170,6 +1190,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1170
1190
  center: Point;
1171
1191
  boundingBox: import("./../../common/types/Shapes").Rect;
1172
1192
  };
1193
+ path?: Path2D | undefined;
1173
1194
  } & {
1174
1195
  rotation?: number;
1175
1196
  toolId?: string;
@@ -1180,7 +1201,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1180
1201
  type: "polygon";
1181
1202
  } & {
1182
1203
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1183
- path?: Path2D | undefined;
1184
1204
  type: "polygon";
1185
1205
  }) | ({
1186
1206
  id: string;
@@ -1190,6 +1210,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1190
1210
  center: Point;
1191
1211
  boundingBox: import("./../../common/types/Shapes").Rect;
1192
1212
  };
1213
+ path?: Path2D | undefined;
1193
1214
  } & {
1194
1215
  rotation?: number;
1195
1216
  toolId?: string;
@@ -1200,7 +1221,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1200
1221
  type: "curve";
1201
1222
  } & {
1202
1223
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1203
- path?: Path2D | undefined;
1204
1224
  type: "curve";
1205
1225
  }) | ({
1206
1226
  id: string;
@@ -1210,6 +1230,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1210
1230
  center: Point;
1211
1231
  boundingBox: import("./../../common/types/Shapes").Rect;
1212
1232
  };
1233
+ path?: Path2D | undefined;
1213
1234
  } & {
1214
1235
  rotation?: number;
1215
1236
  toolId?: string;
@@ -1222,7 +1243,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1222
1243
  scaleY?: number;
1223
1244
  } & {
1224
1245
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1225
- path?: Path2D | undefined;
1226
1246
  type: "brush";
1227
1247
  }) | ({
1228
1248
  id: string;
@@ -1232,6 +1252,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1232
1252
  center: Point;
1233
1253
  boundingBox: import("./../../common/types/Shapes").Rect;
1234
1254
  };
1255
+ path?: Path2D | undefined;
1235
1256
  } & {
1236
1257
  rotation?: number;
1237
1258
  toolId?: string;
@@ -1243,7 +1264,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1243
1264
  type: "group";
1244
1265
  } & {
1245
1266
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1246
- path?: Path2D | undefined;
1247
1267
  type: "group";
1248
1268
  }) | undefined;
1249
1269
  addShape: (newShapes: ShapeEntity[]) => void;
@@ -1255,6 +1275,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1255
1275
  center: Point;
1256
1276
  boundingBox: import("./../../common/types/Shapes").Rect;
1257
1277
  };
1278
+ path?: Path2D | undefined;
1258
1279
  } & {
1259
1280
  rotation?: number;
1260
1281
  toolId?: string;
@@ -1265,7 +1286,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1265
1286
  type: "line";
1266
1287
  } & {
1267
1288
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1268
- path?: Path2D | undefined;
1269
1289
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1270
1290
  type: "line";
1271
1291
  }) | ({
@@ -1276,6 +1296,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1276
1296
  center: Point;
1277
1297
  boundingBox: import("./../../common/types/Shapes").Rect;
1278
1298
  };
1299
+ path?: Path2D | undefined;
1279
1300
  } & {
1280
1301
  rotation?: number;
1281
1302
  toolId?: string;
@@ -1288,6 +1309,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1288
1309
  img: HTMLImageElement;
1289
1310
  flipX?: boolean;
1290
1311
  flipY?: boolean;
1312
+ ratio?: number;
1291
1313
  type: "picture";
1292
1314
  } & {
1293
1315
  img: HTMLImageElement;
@@ -1301,6 +1323,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1301
1323
  center: Point;
1302
1324
  boundingBox: import("./../../common/types/Shapes").Rect;
1303
1325
  };
1326
+ path?: Path2D | undefined;
1304
1327
  } & {
1305
1328
  rotation?: number;
1306
1329
  toolId?: string;
@@ -1313,6 +1336,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1313
1336
  } & {
1314
1337
  flipX?: boolean;
1315
1338
  flipY?: boolean;
1339
+ ratio?: number;
1316
1340
  type: "text";
1317
1341
  } & {
1318
1342
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1325,6 +1349,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1325
1349
  center: Point;
1326
1350
  boundingBox: import("./../../common/types/Shapes").Rect;
1327
1351
  };
1352
+ path?: Path2D | undefined;
1328
1353
  } & {
1329
1354
  rotation?: number;
1330
1355
  toolId?: string;
@@ -1335,7 +1360,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1335
1360
  type: "rect";
1336
1361
  } & {
1337
1362
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1338
- path?: Path2D | undefined;
1339
1363
  type: "rect";
1340
1364
  }) | ({
1341
1365
  id: string;
@@ -1345,6 +1369,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1345
1369
  center: Point;
1346
1370
  boundingBox: import("./../../common/types/Shapes").Rect;
1347
1371
  };
1372
+ path?: Path2D | undefined;
1348
1373
  } & {
1349
1374
  rotation?: number;
1350
1375
  toolId?: string;
@@ -1355,7 +1380,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1355
1380
  type: "square";
1356
1381
  } & {
1357
1382
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1358
- path?: Path2D | undefined;
1359
1383
  type: "square";
1360
1384
  }) | ({
1361
1385
  id: string;
@@ -1365,6 +1389,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1365
1389
  center: Point;
1366
1390
  boundingBox: import("./../../common/types/Shapes").Rect;
1367
1391
  };
1392
+ path?: Path2D | undefined;
1368
1393
  } & {
1369
1394
  rotation?: number;
1370
1395
  toolId?: string;
@@ -1375,7 +1400,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1375
1400
  type: "circle";
1376
1401
  } & {
1377
1402
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1378
- path?: Path2D | undefined;
1379
1403
  type: "circle";
1380
1404
  }) | ({
1381
1405
  id: string;
@@ -1385,6 +1409,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1385
1409
  center: Point;
1386
1410
  boundingBox: import("./../../common/types/Shapes").Rect;
1387
1411
  };
1412
+ path?: Path2D | undefined;
1388
1413
  } & {
1389
1414
  rotation?: number;
1390
1415
  toolId?: string;
@@ -1395,7 +1420,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1395
1420
  type: "ellipse";
1396
1421
  } & {
1397
1422
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1398
- path?: Path2D | undefined;
1399
1423
  type: "ellipse";
1400
1424
  }) | ({
1401
1425
  id: string;
@@ -1405,6 +1429,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1405
1429
  center: Point;
1406
1430
  boundingBox: import("./../../common/types/Shapes").Rect;
1407
1431
  };
1432
+ path?: Path2D | undefined;
1408
1433
  } & {
1409
1434
  rotation?: number;
1410
1435
  toolId?: string;
@@ -1415,7 +1440,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1415
1440
  type: "polygon";
1416
1441
  } & {
1417
1442
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1418
- path?: Path2D | undefined;
1419
1443
  type: "polygon";
1420
1444
  }) | ({
1421
1445
  id: string;
@@ -1425,6 +1449,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1425
1449
  center: Point;
1426
1450
  boundingBox: import("./../../common/types/Shapes").Rect;
1427
1451
  };
1452
+ path?: Path2D | undefined;
1428
1453
  } & {
1429
1454
  rotation?: number;
1430
1455
  toolId?: string;
@@ -1435,7 +1460,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1435
1460
  type: "curve";
1436
1461
  } & {
1437
1462
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1438
- path?: Path2D | undefined;
1439
1463
  type: "curve";
1440
1464
  }) | ({
1441
1465
  id: string;
@@ -1445,6 +1469,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1445
1469
  center: Point;
1446
1470
  boundingBox: import("./../../common/types/Shapes").Rect;
1447
1471
  };
1472
+ path?: Path2D | undefined;
1448
1473
  } & {
1449
1474
  rotation?: number;
1450
1475
  toolId?: string;
@@ -1457,7 +1482,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1457
1482
  scaleY?: number;
1458
1483
  } & {
1459
1484
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1460
- path?: Path2D | undefined;
1461
1485
  type: "brush";
1462
1486
  }) | ({
1463
1487
  id: string;
@@ -1467,6 +1491,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1467
1491
  center: Point;
1468
1492
  boundingBox: import("./../../common/types/Shapes").Rect;
1469
1493
  };
1494
+ path?: Path2D | undefined;
1470
1495
  } & {
1471
1496
  rotation?: number;
1472
1497
  toolId?: string;
@@ -1478,7 +1503,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1478
1503
  type: "group";
1479
1504
  } & {
1480
1505
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1481
- path?: Path2D | undefined;
1482
1506
  type: "group";
1483
1507
  }) | ((prevState: ({
1484
1508
  id: string;
@@ -1488,6 +1512,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1488
1512
  center: Point;
1489
1513
  boundingBox: import("./../../common/types/Shapes").Rect;
1490
1514
  };
1515
+ path?: Path2D | undefined;
1491
1516
  } & {
1492
1517
  rotation?: number;
1493
1518
  toolId?: string;
@@ -1498,7 +1523,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1498
1523
  type: "line";
1499
1524
  } & {
1500
1525
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1501
- path?: Path2D | undefined;
1502
1526
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1503
1527
  type: "line";
1504
1528
  }) | ({
@@ -1509,6 +1533,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1509
1533
  center: Point;
1510
1534
  boundingBox: import("./../../common/types/Shapes").Rect;
1511
1535
  };
1536
+ path?: Path2D | undefined;
1512
1537
  } & {
1513
1538
  rotation?: number;
1514
1539
  toolId?: string;
@@ -1521,6 +1546,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1521
1546
  img: HTMLImageElement;
1522
1547
  flipX?: boolean;
1523
1548
  flipY?: boolean;
1549
+ ratio?: number;
1524
1550
  type: "picture";
1525
1551
  } & {
1526
1552
  img: HTMLImageElement;
@@ -1534,6 +1560,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1534
1560
  center: Point;
1535
1561
  boundingBox: import("./../../common/types/Shapes").Rect;
1536
1562
  };
1563
+ path?: Path2D | undefined;
1537
1564
  } & {
1538
1565
  rotation?: number;
1539
1566
  toolId?: string;
@@ -1546,6 +1573,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1546
1573
  } & {
1547
1574
  flipX?: boolean;
1548
1575
  flipY?: boolean;
1576
+ ratio?: number;
1549
1577
  type: "text";
1550
1578
  } & {
1551
1579
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1558,6 +1586,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1558
1586
  center: Point;
1559
1587
  boundingBox: import("./../../common/types/Shapes").Rect;
1560
1588
  };
1589
+ path?: Path2D | undefined;
1561
1590
  } & {
1562
1591
  rotation?: number;
1563
1592
  toolId?: string;
@@ -1568,7 +1597,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1568
1597
  type: "rect";
1569
1598
  } & {
1570
1599
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1571
- path?: Path2D | undefined;
1572
1600
  type: "rect";
1573
1601
  }) | ({
1574
1602
  id: string;
@@ -1578,6 +1606,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1578
1606
  center: Point;
1579
1607
  boundingBox: import("./../../common/types/Shapes").Rect;
1580
1608
  };
1609
+ path?: Path2D | undefined;
1581
1610
  } & {
1582
1611
  rotation?: number;
1583
1612
  toolId?: string;
@@ -1588,7 +1617,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1588
1617
  type: "square";
1589
1618
  } & {
1590
1619
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1591
- path?: Path2D | undefined;
1592
1620
  type: "square";
1593
1621
  }) | ({
1594
1622
  id: string;
@@ -1598,6 +1626,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1598
1626
  center: Point;
1599
1627
  boundingBox: import("./../../common/types/Shapes").Rect;
1600
1628
  };
1629
+ path?: Path2D | undefined;
1601
1630
  } & {
1602
1631
  rotation?: number;
1603
1632
  toolId?: string;
@@ -1608,7 +1637,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1608
1637
  type: "circle";
1609
1638
  } & {
1610
1639
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1611
- path?: Path2D | undefined;
1612
1640
  type: "circle";
1613
1641
  }) | ({
1614
1642
  id: string;
@@ -1618,6 +1646,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1618
1646
  center: Point;
1619
1647
  boundingBox: import("./../../common/types/Shapes").Rect;
1620
1648
  };
1649
+ path?: Path2D | undefined;
1621
1650
  } & {
1622
1651
  rotation?: number;
1623
1652
  toolId?: string;
@@ -1628,7 +1657,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1628
1657
  type: "ellipse";
1629
1658
  } & {
1630
1659
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1631
- path?: Path2D | undefined;
1632
1660
  type: "ellipse";
1633
1661
  }) | ({
1634
1662
  id: string;
@@ -1638,6 +1666,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1638
1666
  center: Point;
1639
1667
  boundingBox: import("./../../common/types/Shapes").Rect;
1640
1668
  };
1669
+ path?: Path2D | undefined;
1641
1670
  } & {
1642
1671
  rotation?: number;
1643
1672
  toolId?: string;
@@ -1648,7 +1677,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1648
1677
  type: "polygon";
1649
1678
  } & {
1650
1679
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1651
- path?: Path2D | undefined;
1652
1680
  type: "polygon";
1653
1681
  }) | ({
1654
1682
  id: string;
@@ -1658,6 +1686,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1658
1686
  center: Point;
1659
1687
  boundingBox: import("./../../common/types/Shapes").Rect;
1660
1688
  };
1689
+ path?: Path2D | undefined;
1661
1690
  } & {
1662
1691
  rotation?: number;
1663
1692
  toolId?: string;
@@ -1668,7 +1697,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1668
1697
  type: "curve";
1669
1698
  } & {
1670
1699
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1671
- path?: Path2D | undefined;
1672
1700
  type: "curve";
1673
1701
  }) | ({
1674
1702
  id: string;
@@ -1678,6 +1706,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1678
1706
  center: Point;
1679
1707
  boundingBox: import("./../../common/types/Shapes").Rect;
1680
1708
  };
1709
+ path?: Path2D | undefined;
1681
1710
  } & {
1682
1711
  rotation?: number;
1683
1712
  toolId?: string;
@@ -1690,7 +1719,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1690
1719
  scaleY?: number;
1691
1720
  } & {
1692
1721
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1693
- path?: Path2D | undefined;
1694
1722
  type: "brush";
1695
1723
  }) | ({
1696
1724
  id: string;
@@ -1700,6 +1728,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1700
1728
  center: Point;
1701
1729
  boundingBox: import("./../../common/types/Shapes").Rect;
1702
1730
  };
1731
+ path?: Path2D | undefined;
1703
1732
  } & {
1704
1733
  rotation?: number;
1705
1734
  toolId?: string;
@@ -1711,7 +1740,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1711
1740
  type: "group";
1712
1741
  } & {
1713
1742
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1714
- path?: Path2D | undefined;
1715
1743
  type: "group";
1716
1744
  }) | undefined) => ({
1717
1745
  id: string;
@@ -1721,6 +1749,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1721
1749
  center: Point;
1722
1750
  boundingBox: import("./../../common/types/Shapes").Rect;
1723
1751
  };
1752
+ path?: Path2D | undefined;
1724
1753
  } & {
1725
1754
  rotation?: number;
1726
1755
  toolId?: string;
@@ -1731,7 +1760,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1731
1760
  type: "line";
1732
1761
  } & {
1733
1762
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1734
- path?: Path2D | undefined;
1735
1763
  arrows?: import("./../../common/types/Shapes").TriangleEntity[];
1736
1764
  type: "line";
1737
1765
  }) | ({
@@ -1742,6 +1770,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1742
1770
  center: Point;
1743
1771
  boundingBox: import("./../../common/types/Shapes").Rect;
1744
1772
  };
1773
+ path?: Path2D | undefined;
1745
1774
  } & {
1746
1775
  rotation?: number;
1747
1776
  toolId?: string;
@@ -1754,6 +1783,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1754
1783
  img: HTMLImageElement;
1755
1784
  flipX?: boolean;
1756
1785
  flipY?: boolean;
1786
+ ratio?: number;
1757
1787
  type: "picture";
1758
1788
  } & {
1759
1789
  img: HTMLImageElement;
@@ -1767,6 +1797,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1767
1797
  center: Point;
1768
1798
  boundingBox: import("./../../common/types/Shapes").Rect;
1769
1799
  };
1800
+ path?: Path2D | undefined;
1770
1801
  } & {
1771
1802
  rotation?: number;
1772
1803
  toolId?: string;
@@ -1779,6 +1810,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1779
1810
  } & {
1780
1811
  flipX?: boolean;
1781
1812
  flipY?: boolean;
1813
+ ratio?: number;
1782
1814
  type: "text";
1783
1815
  } & {
1784
1816
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
@@ -1791,6 +1823,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1791
1823
  center: Point;
1792
1824
  boundingBox: import("./../../common/types/Shapes").Rect;
1793
1825
  };
1826
+ path?: Path2D | undefined;
1794
1827
  } & {
1795
1828
  rotation?: number;
1796
1829
  toolId?: string;
@@ -1801,7 +1834,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1801
1834
  type: "rect";
1802
1835
  } & {
1803
1836
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1804
- path?: Path2D | undefined;
1805
1837
  type: "rect";
1806
1838
  }) | ({
1807
1839
  id: string;
@@ -1811,6 +1843,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1811
1843
  center: Point;
1812
1844
  boundingBox: import("./../../common/types/Shapes").Rect;
1813
1845
  };
1846
+ path?: Path2D | undefined;
1814
1847
  } & {
1815
1848
  rotation?: number;
1816
1849
  toolId?: string;
@@ -1821,7 +1854,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1821
1854
  type: "square";
1822
1855
  } & {
1823
1856
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1824
- path?: Path2D | undefined;
1825
1857
  type: "square";
1826
1858
  }) | ({
1827
1859
  id: string;
@@ -1831,6 +1863,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1831
1863
  center: Point;
1832
1864
  boundingBox: import("./../../common/types/Shapes").Rect;
1833
1865
  };
1866
+ path?: Path2D | undefined;
1834
1867
  } & {
1835
1868
  rotation?: number;
1836
1869
  toolId?: string;
@@ -1841,7 +1874,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1841
1874
  type: "circle";
1842
1875
  } & {
1843
1876
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1844
- path?: Path2D | undefined;
1845
1877
  type: "circle";
1846
1878
  }) | ({
1847
1879
  id: string;
@@ -1851,6 +1883,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1851
1883
  center: Point;
1852
1884
  boundingBox: import("./../../common/types/Shapes").Rect;
1853
1885
  };
1886
+ path?: Path2D | undefined;
1854
1887
  } & {
1855
1888
  rotation?: number;
1856
1889
  toolId?: string;
@@ -1861,7 +1894,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1861
1894
  type: "ellipse";
1862
1895
  } & {
1863
1896
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1864
- path?: Path2D | undefined;
1865
1897
  type: "ellipse";
1866
1898
  }) | ({
1867
1899
  id: string;
@@ -1871,6 +1903,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1871
1903
  center: Point;
1872
1904
  boundingBox: import("./../../common/types/Shapes").Rect;
1873
1905
  };
1906
+ path?: Path2D | undefined;
1874
1907
  } & {
1875
1908
  rotation?: number;
1876
1909
  toolId?: string;
@@ -1881,7 +1914,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1881
1914
  type: "polygon";
1882
1915
  } & {
1883
1916
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1884
- path?: Path2D | undefined;
1885
1917
  type: "polygon";
1886
1918
  }) | ({
1887
1919
  id: string;
@@ -1891,6 +1923,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1891
1923
  center: Point;
1892
1924
  boundingBox: import("./../../common/types/Shapes").Rect;
1893
1925
  };
1926
+ path?: Path2D | undefined;
1894
1927
  } & {
1895
1928
  rotation?: number;
1896
1929
  toolId?: string;
@@ -1901,7 +1934,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1901
1934
  type: "curve";
1902
1935
  } & {
1903
1936
  selection?: import("./../../common/types/Shapes").SelectionLinesType | undefined;
1904
- path?: Path2D | undefined;
1905
1937
  type: "curve";
1906
1938
  }) | ({
1907
1939
  id: string;
@@ -1911,6 +1943,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1911
1943
  center: Point;
1912
1944
  boundingBox: import("./../../common/types/Shapes").Rect;
1913
1945
  };
1946
+ path?: Path2D | undefined;
1914
1947
  } & {
1915
1948
  rotation?: number;
1916
1949
  toolId?: string;
@@ -1923,7 +1956,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1923
1956
  scaleY?: number;
1924
1957
  } & {
1925
1958
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1926
- path?: Path2D | undefined;
1927
1959
  type: "brush";
1928
1960
  }) | ({
1929
1961
  id: string;
@@ -1933,6 +1965,7 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1933
1965
  center: Point;
1934
1966
  boundingBox: import("./../../common/types/Shapes").Rect;
1935
1967
  };
1968
+ path?: Path2D | undefined;
1936
1969
  } & {
1937
1970
  rotation?: number;
1938
1971
  toolId?: string;
@@ -1944,7 +1977,6 @@ declare const useReactPaint: ({ width, height, shapes: defaultShapes, mode, disa
1944
1977
  type: "group";
1945
1978
  } & {
1946
1979
  selection?: import("./../../common/types/Shapes").SelectionDefaultType | undefined;
1947
- path?: Path2D | undefined;
1948
1980
  type: "group";
1949
1981
  }) | undefined) | undefined>;
1950
1982
  setSelectionFrame: import("react").Dispatch<import("react").SetStateAction<{