@yorab/react-paint 0.7.6 → 0.9.0

package/dist/types/Shapes.d.ts

@@ -0,0 +1,128 @@
+import { ShapeTypeArray } from '../constants/shapes';
+export type ShapeType = typeof ShapeTypeArray[number];
+export type Point = [number, number];
+export type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type Picture = Rect & {
+    src: string;
+};
+export type Text = Rect & {
+    value: string[];
+    fontSize: number;
+};
+export type Line = {
+    points: readonly [Point, Point];
+};
+export type Triangle = {
+    points: [Point, Point, Point];
+};
+export type Polygon = {
+    points: Point[];
+};
+export type Curve = {
+    points: Point[];
+};
+export type Brush = {
+    points: Point[][];
+};
+export type Circle = {
+    x: number;
+    y: number;
+    radius: number;
+};
+export type Ellipse = {
+    x: number;
+    y: number;
+    radiusX: number;
+    radiusY: number;
+};
+export type StyleShape = {
+    fillColor?: string;
+    globalAlpha?: number;
+    strokeColor?: string;
+    lineWidth?: number;
+    lineDash?: number;
+    lineArrow?: number;
+    pointsCount?: number;
+    fontFamily?: string;
+    fontItalic?: boolean;
+    fontBold?: boolean;
+};
+export type SelectionDefaultType = {
+    border: Path2D;
+    line: Path2D;
+    anchors: Path2D[];
+};
+export type SelectionLinesType = {
+    border: Path2D;
+    anchors: Path2D[];
+};
+export type DrawableShape<T extends ShapeType = ShapeType> = {
+    visible?: boolean;
+    locked?: boolean;
+    rotation: number;
+    style?: StyleShape;
+} & (T extends 'line' ? Line & {
+    type: 'line';
+    selection?: SelectionLinesType;
+    path?: Path2D;
+    arrows?: DrawableShape<'triangle'>[];
+} : T extends 'picture' ? Picture & {
+    type: 'picture';
+    img: HTMLImageElement;
+    selection?: SelectionDefaultType;
+} : T extends 'text' ? Text & {
+    type: 'text';
+    selection?: SelectionDefaultType;
+} : T extends 'rect' ? Rect & {
+    type: 'rect';
+    selection?: SelectionDefaultType;
+    path?: Path2D;
+} : T extends 'square' ? Rect & {
+    type: 'square';
+    selection?: SelectionDefaultType;
+    path?: Path2D;
+} : T extends 'circle' ? Circle & {
+    type: 'circle';
+    selection?: SelectionDefaultType;
+    path?: Path2D;
+} : T extends 'ellipse' ? Ellipse & {
+    type: 'ellipse';
+    selection?: SelectionDefaultType;
+    path?: Path2D;
+} : T extends 'triangle' ? Triangle & {
+    type: 'triangle';
+    path?: Path2D;
+} : T extends 'polygon' ? Polygon & {
+    type: 'polygon';
+    selection?: SelectionLinesType;
+    path?: Path2D;
+} : T extends 'curve' ? Curve & {
+    type: 'curve';
+    selection?: SelectionLinesType;
+    path?: Path2D;
+} : T extends 'brush' ? Brush & {
+    type: 'brush';
+    selection?: SelectionDefaultType;
+    path?: Path2D;
+    scaleX?: number;
+    scaleY?: number;
+} : never);
+export type DrawableShapeJson<T extends ShapeType = ShapeType> = DrawableShape<T> & {
+    translation?: Point;
+};
+export type ShapeEntity<T extends Exclude<ShapeType, 'triangle'> = Exclude<ShapeType, 'triangle'>> = {
+    id: string;
+    toolId?: string;
+} & DrawableShape<T>;
+export type ExportDataType = {
+    shapes: DrawableShapeJson[];
+    config?: {
+        width: number;
+        height: number;
+    };
+};

package/dist/types/react.d.ts

@@ -0,0 +1,7 @@
+import 'react';
+declare module 'react' {
+    interface CSSProperties {
+        [key: `--${string}`]: string | number;
+    }
+}
+export {};

package/dist/types/snackbar.d.ts

@@ -0,0 +1,7 @@
+export type SnackbarTypeType = 'infos' | 'error' | 'success';
+export type SnackBarType = {
+    id: string;
+    type: SnackbarTypeType;
+    text: string;
+    duration: number;
+};

package/dist/types/tools.d.ts

@@ -0,0 +1,125 @@
+import type { ShapeType } from './Shapes';
+export type CustomToolInput = {
+    id: string;
+    type: ShapeType;
+    icon?: string;
+    label?: string;
+    settings?: ToolsSettingsType<ShapeType>;
+};
+export type CustomTool = {
+    id: string;
+    icon: string;
+    label: string;
+} & ({
+    type: 'brush';
+    settings: ToolsSettingsType<'brush'>;
+} | {
+    type: 'circle';
+    settings: ToolsSettingsType<'circle'>;
+} | {
+    type: 'ellipse';
+    settings: ToolsSettingsType<'ellipse'>;
+} | {
+    type: 'rect';
+    settings: ToolsSettingsType<'rect'>;
+} | {
+    type: 'square';
+    settings: ToolsSettingsType<'square'>;
+} | {
+    type: 'line';
+    settings: ToolsSettingsType<'line'>;
+} | {
+    type: 'polygon';
+    settings: ToolsSettingsType<'polygon'>;
+} | {
+    type: 'curve';
+    settings: ToolsSettingsType<'curve'>;
+} | {
+    type: 'text';
+    settings: ToolsSettingsType<'text'>;
+} | {
+    type: 'picture';
+    settings: ToolsSettingsType<'picture'>;
+});
+export type SettingsOpacity = {
+    opacity: {
+        min: number;
+        max: number;
+        step: number;
+        default: number;
+    };
+};
+export type SettingsStrokeColor = {
+    strokeColor: {
+        values: string[];
+        default: string;
+    };
+};
+export type SettingsFillColor = {
+    fillColor: {
+        values: string[];
+        default: string;
+    };
+};
+export type SettingsLineWidth = {
+    lineWidth: {
+        min: number;
+        max: number;
+        step: number;
+        default: number;
+    };
+};
+export type SettingsLineDash = {
+    lineDash: {
+        values: number[];
+        default: number;
+    };
+};
+export type SettingsLineArrow = {
+    lineArrow: {
+        values: number[];
+        default: number;
+    };
+};
+export type SettingsFont = {
+    fontFamily: {
+        values: string[];
+        default: string;
+    };
+    fontBold: {
+        values: boolean[];
+        default: boolean;
+    };
+    fontItalic: {
+        values: boolean[];
+        default: boolean;
+    };
+};
+export type SettingsPointsCount = {
+    pointsCount: {
+        min: number;
+        max: number;
+        step: number;
+        default: number;
+    };
+};
+export type ToolsRectSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
+export type ToolsSquareSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
+export type ToolsCircleSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
+export type ToolsEllipseSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
+export type ToolsTextSettings = SettingsOpacity & SettingsStrokeColor & SettingsFont;
+export type ToolsLineSettings = SettingsOpacity & SettingsStrokeColor & SettingsLineWidth & SettingsLineDash & SettingsLineArrow;
+export type ToolsBrushSettings = SettingsOpacity & SettingsStrokeColor & SettingsLineWidth & SettingsLineDash;
+export type ToolsPolygonSettings = SettingsOpacity & SettingsStrokeColor & SettingsFillColor & SettingsLineWidth & SettingsLineDash & SettingsPointsCount;
+export type ToolsCurveSettings = SettingsOpacity & SettingsStrokeColor & SettingsFillColor & SettingsLineWidth & SettingsLineDash & SettingsPointsCount;
+export type ToolsTriangleSettings = SettingsStrokeColor & SettingsFillColor & SettingsOpacity & SettingsLineWidth & SettingsLineDash;
+export type ToolsPictureSettings = SettingsOpacity;
+export type ToolsSettingsType<T extends ShapeType> = T extends 'rect' ? ToolsRectSettings : T extends 'square' ? ToolsSquareSettings : T extends 'circle' ? ToolsCircleSettings : T extends 'ellipse' ? ToolsEllipseSettings : T extends 'text' ? ToolsTextSettings : T extends 'line' ? ToolsLineSettings : T extends 'brush' ? ToolsBrushSettings : T extends 'polygon' ? ToolsPolygonSettings : T extends 'curve' ? ToolsCurveSettings : T extends 'triangle' ? ToolsTriangleSettings : T extends 'picture' ? ToolsPictureSettings : unknown;
+export type ActionsType = 'selection' | 'undo' | 'redo' | 'clear' | 'export' | 'loadfile' | 'savefile' | 'move' | 'uploadpicture' | 'addurlpicture';
+export type ActionsTool = {
+    id: string;
+    type: ActionsType;
+    icon: string;
+    label: string;
+};
+export type ToolsType = CustomTool | ActionsTool;

package/dist/types/utils.d.ts

@@ -0,0 +1,4 @@
+export type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object ? RecursivePartial<T[P]> : T[P];
+};
+export type ValueOf<T> = T[keyof T];

package/dist/utils/canvas.d.ts

@@ -0,0 +1,10 @@
+import type { Point } from '../types/Shapes';
+export declare const initCanvasContext: (ctx: CanvasRenderingContext2D) => void;
+export declare const updateCanvasContext: (ctx: CanvasRenderingContext2D, style?: {
+    fillColor?: string;
+    globalAlpha?: number;
+    strokeColor?: string;
+    lineWidth?: number;
+    lineDash?: number;
+}) => void;
+export declare const transformCanvas: (ctx: CanvasRenderingContext2D, responsiveScale: number, canvasOffset: Point, rotation: number, translation: Point) => void;

package/dist/utils/data.d.ts

@@ -0,0 +1,4 @@
+import type { DrawableShape, DrawableShapeJson, ExportDataType, ShapeEntity } from '../types/Shapes';
+export declare const cleanShapesBeforeExport: (shapes: DrawableShape[]) => DrawableShapeJson[];
+export declare const buildDataToExport: (shapes: DrawableShape[], width: number, height: number) => ExportDataType;
+export declare const addDefaultAndTempShapeProps: (shape: DrawableShape, currentScale: number, selectionPadding: number) => ShapeEntity;

package/dist/utils/dom.d.ts

@@ -0,0 +1 @@
+export declare const isEventInsideNode: (event: MouseEvent | TouchEvent, node: HTMLElement | null) => boolean;

package/dist/utils/file.d.ts

@@ -0,0 +1,10 @@
+import type { DrawableShape, ExportDataType, Point, ShapeEntity } from '../types/Shapes';
+export declare const addSizeAndConvertSvgToObjectUrl: (svgFileContent: string) => string;
+export declare const isSvg: (fileOrUrl: File | string) => boolean;
+export declare const fetchAndStringify: (url: string) => Promise<string>;
+export declare const downloadFile: (content: string, fileName: string) => void;
+export declare const getBase64Image: (img: HTMLImageElement) => string;
+export declare const getCanvasImage: (shapes: DrawableShape[], canvasOffset: Point, width: number, height: number, selectionPadding: number) => string;
+export declare const encodeShapesInString: (shapes: DrawableShape[], width: number, height: number) => string;
+export declare const decodeJson: (file: File) => Promise<unknown>;
+export declare const decodeImportedData: (shapesForJson: ExportDataType, currentScale: number, selectionPadding: number) => Promise<ShapeEntity[]>;

package/dist/utils/grid.d.ts

@@ -0,0 +1,3 @@
+import { GridFormatType } from '../constants/app';
+import type { Point } from '../types/Shapes';
+export declare const drawGrid: (ctx: CanvasRenderingContext2D, width: number, height: number, responsiveScale: number, canvasOffset: Point, gridFormat: GridFormatType) => void;

package/dist/utils/intersect.d.ts

@@ -0,0 +1,6 @@
+import type { HoverModeData } from '../types/Mode';
+import type { Point, DrawableShape } from '../types/Shapes';
+export declare const getCursorPosition: (e: MouseEvent | TouchEvent, canvas: HTMLCanvasElement | null, givenWidth: number, givenHeight: number, scaleRatio?: number) => Point;
+export declare const getPointPositionAfterCanvasTransformation: (point: Point, shapeRotation: number, [originX, originY]: Point, [canvasOffsetX, canvasOffsetY]: Point) => Point;
+export declare const getPointPositionBeforeCanvasTransformation: (point: Point, shapeRotation: number, [originX, originY]: Point, [canvasOffsetX, canvasOffsetY]: Point) => Point;
+export declare const checkPositionIntersection: (shape: DrawableShape, position: Point, canvasOffset: Point, selectionPadding: number, currentScale?: number, checkAnchors?: boolean) => false | HoverModeData;

package/dist/utils/migration.d.ts

@@ -0,0 +1,147 @@
+import { DrawableShapeJson, Point } from '../types/Shapes';
+export declare const migrateShapesV065: (shapes: DrawableShapeJson[]) => (({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Triangle & {
+    type: "triangle";
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Line & {
+    type: "line";
+    selection?: import("../types/Shapes").SelectionLinesType | undefined;
+    path?: Path2D | undefined;
+    arrows?: import("../types/Shapes").DrawableShape<"triangle">[] | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Rect & {
+    src: string;
+} & {
+    type: "picture";
+    img: HTMLImageElement;
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Rect & {
+    value: string[];
+    fontSize: number;
+} & {
+    type: "text";
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Rect & {
+    type: "rect";
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Rect & {
+    type: "square";
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Circle & {
+    type: "circle";
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Ellipse & {
+    type: "ellipse";
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Polygon & {
+    type: "polygon";
+    selection?: import("../types/Shapes").SelectionLinesType | undefined;
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Curve & {
+    type: "curve";
+    selection?: import("../types/Shapes").SelectionLinesType | undefined;
+    path?: Path2D | undefined;
+} & {
+    translation?: Point | undefined;
+}) | ({
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+    rotation: number;
+    style?: import("../types/Shapes").StyleShape | undefined;
+} & import("../types/Shapes").Brush & {
+    type: "brush";
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+    path?: Path2D | undefined;
+    scaleX?: number | undefined;
+    scaleY?: number | undefined;
+} & {
+    translation?: Point | undefined;
+}) | {
+    x: number;
+    y: number;
+    selection?: import("../types/Shapes").SelectionDefaultType | undefined;
+    style?: import("../types/Shapes").StyleShape | undefined;
+    type: "rect" | "square" | "circle" | "ellipse" | "picture";
+    rotation: number;
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+} | {
+    points: Point[];
+    selection?: import("../types/Shapes").SelectionLinesType | undefined;
+    style?: import("../types/Shapes").StyleShape | undefined;
+    type: "polygon" | "curve";
+    rotation: number;
+    path?: Path2D | undefined;
+    visible?: boolean | undefined;
+    locked?: boolean | undefined;
+} | undefined)[];

package/dist/utils/selection/lineSelection.d.ts

@@ -0,0 +1,12 @@
+import { DrawableShape, Point, SelectionLinesType } from "src/types/Shapes";
+export declare const createLineSelectionPath: (shape: DrawableShape & {
+    points: readonly Point[];
+}, currentScale: number, selectionPadding: number, gravityAnchors?: boolean) => SelectionLinesType;
+export declare const drawLineSelection: ({ ctx, shape, withAnchors, selectionWidth, selectionColor, currentScale }: {
+    ctx: CanvasRenderingContext2D;
+    shape: DrawableShape<'line'> | DrawableShape<'polygon'> | DrawableShape<'curve'>;
+    withAnchors: boolean;
+    selectionWidth: number;
+    selectionColor: string;
+    currentScale?: number | undefined;
+}) => void;

package/dist/utils/selection/rectSelection.d.ts

@@ -0,0 +1,13 @@
+import type { Point, DrawableShape, SelectionDefaultType } from '../../types/Shapes';
+import type { SelectionModeResize } from '../../types/Mode';
+import type { GridFormatType } from '../../constants/app';
+export declare const createRecSelectionPath: (rect: DrawableShape, currentScale: number, selectionPadding: number) => SelectionDefaultType;
+export declare const drawSelectionRect: (ctx: CanvasRenderingContext2D, shape: DrawableShape & {
+    selection?: SelectionDefaultType;
+}, selectionColor: string, selectionWidth: number, currentScale: number, withAnchors: boolean) => void;
+export declare const resizeRectSelection: (cursorPosition: Point, originalShape: DrawableShape, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, keepRatio?: boolean) => {
+    borderX: number;
+    borderHeight: number;
+    borderY: number;
+    borderWidth: number;
+};

package/dist/utils/selection.d.ts

@@ -0,0 +1,7 @@
+import type { HoverModeData, SelectionModeData } from '../types/Mode';
+import type { Point, ShapeEntity } from '../types/Shapes';
+export declare const getNewSelectionData: (hoverMode: HoverModeData, selectedShape: ShapeEntity, cursorPosition: Point, selectionPadding: number) => SelectionModeData<Point | number> | undefined;
+export declare const selectShape: (shapes: ShapeEntity[], cursorPosition: Point, currentScale: number, canvasOffset: Point, selectedShape: ShapeEntity | undefined, selectionPadding: number) => {
+    mode: SelectionModeData<Point | number>;
+    shape: ShapeEntity | undefined;
+};

package/dist/utils/shapes/brush.d.ts

@@ -0,0 +1,20 @@
+import { GridFormatType } from '../../constants/app';
+import { SelectionModeResize } from '../../types/Mode';
+import type { Point, Rect, DrawableShape, ShapeEntity } from '../../types/Shapes';
+import type { ToolsSettingsType } from '../../types/tools';
+export declare const refreshBrush: <T extends DrawableShape<"brush">>(brush: T, currentScale: number, selectionPadding: number) => T;
+export declare const createBrush: (shape: {
+    id: string;
+    type: 'brush';
+    settings: ToolsSettingsType<'brush'>;
+}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'brush'>;
+export declare const drawBrush: (ctx: CanvasRenderingContext2D, shape: DrawableShape<'brush'>) => void;
+export declare const getBrushBorder: (brush: DrawableShape<'brush'>, selectionPadding: number) => Rect;
+export declare const translateBrush: <U extends DrawableShape<"brush">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+    points: Point[][];
+};
+export declare const resizeBrush: (cursorPosition: Point, originalShape: DrawableShape<'brush'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio: boolean) => DrawableShape<'brush'>;
+export declare const addNewPointToShape: <T extends DrawableShape<"brush">>(shape: T, cursorPosition: Point, currentScale: number, selectionPadding: number) => T & {
+    points: Point[][];
+};
+export declare const addNewPointGroupToShape: <T extends DrawableShape<"brush">>(shape: T, cursorPosition: Point, currentScale: number, selectionPadding: number) => T;

package/dist/utils/shapes/circle.d.ts

@@ -0,0 +1,17 @@
+import { GridFormatType } from '../../constants/app';
+import { SelectionModeResize } from '../../types/Mode';
+import type { Point, Circle, Rect, DrawableShape, ShapeEntity } from '../../types/Shapes';
+import type { ToolsSettingsType } from '../../types/tools';
+export declare const refreshCircle: <T extends DrawableShape<"circle">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const createCircle: (shape: {
+    id: string;
+    type: 'circle';
+    settings: ToolsSettingsType<'circle'>;
+}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'circle'>;
+export declare const drawCircle: (ctx: CanvasRenderingContext2D, circle: DrawableShape<'circle'>) => void;
+export declare const getCircleBorder: (circle: Circle, selectionPadding: number) => Rect;
+export declare const translateCircle: <U extends DrawableShape<"circle">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+    x: number;
+    y: number;
+};
+export declare const resizeCircle: (cursorPosition: Point, originalShape: DrawableShape<'circle'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'circle'>;

package/dist/utils/shapes/curve.d.ts

@@ -0,0 +1,16 @@
+import { GridFormatType } from '../../constants/app';
+import { SelectionModeResize } from '../../types/Mode';
+import type { Point, DrawableShape, ShapeEntity } from '../../types/Shapes';
+import type { ToolsSettingsType } from '../../types/tools';
+export declare const refreshCurve: <T extends DrawableShape<"curve">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const createCurve: (shape: {
+    id: string;
+    type: 'curve';
+    settings: ToolsSettingsType<'curve'>;
+}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'curve'>;
+export declare const resizeCurve: (cursorPosition: Point, canvasOffset: Point, originalShape: DrawableShape<'curve'>, selectionMode: SelectionModeResize<number>, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'curve'>;
+export declare const drawCurve: (ctx: CanvasRenderingContext2D, curve: DrawableShape<'curve'>) => void;
+export declare const getCurveBorder: (polygon: import("../../types/Shapes").Polygon, selectionPadding: number) => import("../../types/Shapes").Rect;
+export declare const translateCurve: <U extends DrawableShape<"curve">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+    points: [number, number][];
+};

package/dist/utils/shapes/ellipse.d.ts

@@ -0,0 +1,17 @@
+import { GridFormatType } from '../../constants/app';
+import { SelectionModeResize } from '../../types/Mode';
+import type { Point, Ellipse, Rect, DrawableShape, ShapeEntity } from '../../types/Shapes';
+import type { ToolsSettingsType } from '../../types/tools';
+export declare const refreshEllipse: <T extends DrawableShape<"ellipse">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const createEllipse: (shape: {
+    id: string;
+    type: 'ellipse';
+    settings: ToolsSettingsType<'ellipse'>;
+}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'ellipse'>;
+export declare const drawEllipse: (ctx: CanvasRenderingContext2D, ellipse: DrawableShape<'ellipse'>) => void;
+export declare const getEllipseBorder: (ellipse: Ellipse, selectionPadding: number) => Rect;
+export declare const translateEllipse: <U extends DrawableShape<"ellipse">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+    x: number;
+    y: number;
+};
+export declare const resizeEllipse: (cursorPosition: Point, originalShape: DrawableShape<'ellipse'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio?: boolean) => DrawableShape<'ellipse'>;

package/dist/utils/shapes/index.d.ts

@@ -0,0 +1,29 @@
+import type { Point, DrawableShape, Rect, ShapeEntity } from '../../types/Shapes';
+import type { CustomTool } from '../../types/tools';
+import type { GridFormatType } from '../../constants/app';
+import { SelectionModeData } from '../../types/Mode';
+export declare const createShape: (ctx: CanvasRenderingContext2D, shape: Exclude<CustomTool, {
+    type: 'picture';
+}>, cursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => ShapeEntity;
+export declare const drawShape: (ctx: CanvasRenderingContext2D, shape: DrawableShape, responsiveScale: number, canvasOffset: Point, selectionPadding: number) => void;
+export declare const getShapeInfos: (shape: DrawableShape, selectionPadding: number) => {
+    borders: Rect;
+    center: Point;
+};
+export declare const rotateShape: <T extends DrawableShape>(shape: T, cursorPosition: Point, originalShape: T, originalCursorPosition: Point, shapeCenter: Point, gridFormat: GridFormatType) => T & {
+    rotation: number;
+};
+export declare const resizeShape: <T extends DrawableShape>(ctx: CanvasRenderingContext2D, shape: T, cursorPosition: Point, canvasOffset: Point, originalShape: T, selectionMode: SelectionModeData<Point | number>, gridFormat: GridFormatType, selectionPadding: number, isShiftPressed: boolean, currentScale: number) => T;
+export declare const translateShape: (cursorPosition: Point, originalShape: ShapeEntity, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => ShapeEntity;
+export declare const refreshShape: (shape: ShapeEntity, currentScale: number, selectionPadding: number) => ShapeEntity;
+export declare const drawShapeSelection: ({ ctx, shape, currentScale, canvasOffset, selectionPadding, selectionWidth, selectionColor, withAnchors }: {
+    ctx: CanvasRenderingContext2D;
+    shape: DrawableShape;
+    currentScale: number;
+    canvasOffset: Point;
+    selectionPadding: number;
+    selectionWidth: number;
+    selectionColor: string;
+    withAnchors?: boolean | undefined;
+}) => void;
+export declare const copyShape: (shape: ShapeEntity, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => ShapeEntity;

package/dist/utils/shapes/line.d.ts

@@ -0,0 +1,17 @@
+import { GridFormatType } from '../../constants/app';
+import { SelectionModeResize } from '../../types/Mode';
+import type { Point, DrawableShape, Line, Triangle, ShapeEntity, Rect, StyleShape } from '../../types/Shapes';
+import type { ToolsSettingsType } from '../../types/tools';
+export declare const refreshLine: <T extends DrawableShape<"line">>(line: T, currentScale: number, selectionPadding: number) => T;
+export declare const createLine: (shape: {
+    id: string;
+    type: 'line';
+    settings: ToolsSettingsType<'line'>;
+}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'line'>;
+export declare const buildTriangleOnLine: (center: Point, rotation: number, lineStyle: StyleShape) => Triangle;
+export declare const drawLine: (ctx: CanvasRenderingContext2D, shape: DrawableShape<'line'>) => void;
+export declare const getLineBorder: (line: Line, selectionPadding: number) => Rect;
+export declare const translateLine: <U extends DrawableShape<"line">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+    points: [Point, Point];
+};
+export declare const resizeLine: <U extends DrawableShape<"line">>(cursorPosition: Point, canvasOffset: Point, originalShape: U, selectionMode: SelectionModeResize<number>, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => U;

package/dist/utils/shapes/path.d.ts

@@ -0,0 +1,9 @@
+import { Circle, DrawableShape, Line, Rect } from "../../types/Shapes";
+export declare const createRecPath: (rect: Rect) => Path2D;
+export declare const createCirclePath: (shape: Circle) => Path2D;
+export declare const createEllipsePath: (ellipse: DrawableShape<'ellipse'>) => Path2D;
+export declare const createLinePath: (line: Line) => Path2D;
+export declare const createBrushPath: (brush: DrawableShape<'brush'>, selectionPadding: number) => Path2D | undefined;
+export declare const createCurvePath: (curve: DrawableShape<'curve'>) => Path2D | undefined;
+export declare const createPolygonPath: (polygon: DrawableShape<'polygon'>) => Path2D | undefined;
+export declare const createTrianglePath: (triangle: DrawableShape<'triangle'>) => Path2D;