@yorab/react-paint 0.9.3 → 0.10.1

package/dist/utils/file.d.ts

@@ -1,10 +1,11 @@
-import type { DrawableShape, ExportDataType, Point, ShapeEntity } from '../types/Shapes';
+import { UtilsSettings } from 'src/constants/app';
+import type { DrawableShape, ExportDataType, 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 getCanvasImage: (shapes: DrawableShape[], width: number, height: number, settings: UtilsSettings) => 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[]>;
+export declare const decodeImportedData: (shapesForJson: ExportDataType, settings: UtilsSettings) => Promise<ShapeEntity[]>;

package/dist/utils/grid.d.ts

@@ -1,3 +1,2 @@
-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;
+import { UtilsSettings } from '../constants/app';
+export declare const drawGrid: (ctx: CanvasRenderingContext2D, width: number, height: number, settings: UtilsSettings) => void;

package/dist/utils/intersect.d.ts

@@ -1,6 +1,11 @@
 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;
+import type { DrawableShape, Point, Rect } from '../types/Shapes';
+import { UtilsSettings } from 'src/constants/app';
+export declare const getCursorPosition: (e: MouseEvent | TouchEvent, canvas: HTMLCanvasElement | null, settings: UtilsSettings) => Point;
+export declare const isTouchGesture: (e: MouseEvent | TouchEvent) => e is TouchEvent;
 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;
+export declare const checkSelectionIntersection: (shape: DrawableShape, position: Point, settings: UtilsSettings, checkAnchors?: boolean, radius?: number) => false | HoverModeData;
+export declare const checkPositionIntersection: (ctx: CanvasRenderingContext2D, shape: DrawableShape, position: Point, settings: UtilsSettings) => false | HoverModeData;
+export declare function getRectIntersection(rect1: Rect, rect2: Rect): Rect | undefined;
+export declare const checkSelectionFrameCollision: (ctx: CanvasRenderingContext2D, shape: DrawableShape, selectionFrame: [Point, Point], settings: UtilsSettings) => boolean;

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

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

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

@@ -1,11 +1,11 @@
-import type { Point, DrawableShape, SelectionDefaultType } from '../../types/Shapes';
+import type { UtilsSettings } from '../../constants/app';
 import type { SelectionModeResize } from '../../types/Mode';
-import type { GridFormatType } from '../../constants/app';
-export declare const createRecSelectionPath: (rect: DrawableShape, currentScale: number, selectionPadding: number) => SelectionDefaultType;
+import type { DrawableShape, Point, SelectionDefaultType } from '../../types/Shapes';
+export declare const createRecSelectionPath: (path: Path2D | undefined, rect: DrawableShape, settings: UtilsSettings) => 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) => {
+}, selectionColor: string, selectionWidth: number, settings: UtilsSettings, withAnchors: boolean) => void;
+export declare const resizeRectSelection: (cursorPosition: Point, originalShape: DrawableShape, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio?: boolean) => {
     borderX: number;
     borderHeight: number;
     borderY: number;

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

@@ -0,0 +1,3 @@
+import { UtilsSettings } from 'src/constants/app';
+import type { Point } from '../../types/Shapes';
+export declare const drawFrame: (ctx: CanvasRenderingContext2D, selectionFrame: [Point, Point], settings: UtilsSettings) => void;

package/dist/utils/selection.d.ts

@@ -1,7 +1,8 @@
+import { UtilsSettings } from 'src/constants/app';
 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) => {
+export declare const getNewSelectionData: (hoverMode: HoverModeData, selectedShape: ShapeEntity, cursorPosition: Point, settings: UtilsSettings) => SelectionModeData<Point | number> | undefined;
+export declare const selectShape: (ctx: CanvasRenderingContext2D, shapes: ShapeEntity[], cursorPosition: Point, settings: UtilsSettings, selectedShape: ShapeEntity | undefined, isTouchGesture: boolean, withFrameSelection: boolean) => {
     mode: SelectionModeData<Point | number>;
     shape: ShapeEntity | undefined;
 };

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

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

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

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

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

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
-import type { Point, DrawableShape, ShapeEntity } from '../../types/Shapes';
+import type { DrawableShape, Point, 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 refreshCurve: <T extends DrawableShape<"curve">>(shape: T, settings: UtilsSettings) => 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'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'curve'>;
+export declare const resizeCurve: (cursorPosition: Point, originalShape: DrawableShape<'curve'>, selectionMode: SelectionModeResize<number>, settings: UtilsSettings) => 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 & {
+export declare const getCurveBorder: (polygon: import("../../types/Shapes").Polygon, settings: UtilsSettings) => import("../../types/Shapes").Rect;
+export declare const translateCurve: <U extends DrawableShape<"curve">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     points: [number, number][];
 };
-export declare const updateCurveLinesCount: <T extends DrawableShape<"curve">>(shape: T, newPointsCount: number, currentScale: number, selectionPadding: number) => T;
+export declare const updateCurveLinesCount: <T extends DrawableShape<"curve">>(shape: T, newPointsCount: number, settings: UtilsSettings) => T;

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

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

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

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

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

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
-import type { Point, DrawableShape, Line, Triangle, ShapeEntity, Rect, StyleShape } from '../../types/Shapes';
+import type { DrawableShape, Line, Point, Rect, ShapeEntity, StyleShape, Triangle } 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 refreshLine: <T extends DrawableShape<"line">>(line: T, settings: UtilsSettings) => T;
 export declare const createLine: (shape: {
     id: string;
     type: 'line';
     settings: ToolsSettingsType<'line'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'line'>;
+}, cursorPosition: Point, settings: UtilsSettings) => 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 & {
+export declare const getLineBorder: (line: Line, settings: UtilsSettings) => Rect;
+export declare const translateLine: <U extends DrawableShape<"line">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => 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;
+export declare const resizeLine: <U extends DrawableShape<"line">>(cursorPosition: Point, originalShape: U, selectionMode: SelectionModeResize<number>, settings: UtilsSettings) => U;

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

@@ -1,9 +1,10 @@
-import { Circle, DrawableShape, Line, Rect } from "../../types/Shapes";
+import { UtilsSettings } from 'src/constants/app';
+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 createBrushPath: (brush: DrawableShape<'brush'>, settings: UtilsSettings) => 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;

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

@@ -1,12 +1,12 @@
-import type { DrawableShape, Picture, Point, Rect, ShapeEntity } from '../../types/Shapes';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
-import { GridFormatType } from '../../constants/app';
-export declare const refreshPicture: <T extends DrawableShape<"picture">>(shape: T, currentScale: number, selectionPadding: number) => T;
-export declare const createPicture: (fileOrUrl: File | string, maxPictureWidth: number, maxPictureHeight: number, currentScale: number, selectionPadding: number) => Promise<ShapeEntity<"picture">>;
+import type { DrawableShape, Picture, Point, Rect, ShapeEntity } from '../../types/Shapes';
+export declare const refreshPicture: <T extends DrawableShape<"picture">>(shape: T, settings: UtilsSettings) => T;
+export declare const createPicture: (fileOrUrl: File | string, maxPictureWidth: number, maxPictureHeight: number, settings: UtilsSettings) => Promise<ShapeEntity<"picture">>;
 export declare const drawPicture: (ctx: CanvasRenderingContext2D, picture: DrawableShape<'picture'>) => void;
-export declare const getPictureBorder: (picture: Picture, selectionPadding: number) => Rect;
-export declare const translatePicture: <U extends DrawableShape<"picture">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getPictureBorder: (picture: Picture, settings: UtilsSettings) => Rect;
+export declare const translatePicture: <U extends DrawableShape<"picture">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizePicture: (cursorPosition: Point, originalShape: DrawableShape<'picture'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio: boolean) => DrawableShape<'picture'>;
+export declare const resizePicture: (cursorPosition: Point, originalShape: DrawableShape<'picture'>, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio: boolean) => DrawableShape<'picture'>;

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

@@ -1,17 +1,17 @@
-import { GridFormatType } from '../../constants/app';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
-import type { Point, DrawableShape, Polygon, Rect, ShapeEntity } from '../../types/Shapes';
+import type { DrawableShape, Point, Polygon, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
-export declare const refreshPolygon: <T extends DrawableShape<"polygon">>(shape: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshPolygon: <T extends DrawableShape<"polygon">>(shape: T, settings: UtilsSettings) => T;
 export declare const createPolygon: (shape: {
     id: string;
     type: 'polygon';
     settings: ToolsSettingsType<'polygon'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'polygon'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'polygon'>;
 export declare const drawPolygon: (ctx: CanvasRenderingContext2D, polygon: DrawableShape<'polygon'>) => void;
-export declare const getPolygonBorder: (polygon: Polygon, selectionPadding: number) => Rect;
-export declare const translatePolygon: <U extends DrawableShape<"polygon">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
-    points: Point[];
+export declare const getPolygonBorder: (polygon: Polygon, settings: UtilsSettings) => Rect;
+export declare const translatePolygon: <U extends DrawableShape<"polygon">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
+    points: [number, number][];
 };
-export declare const resizePolygon: (cursorPosition: Point, canvasOffset: Point, originalShape: DrawableShape<'polygon'>, selectionMode: SelectionModeResize<number>, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'polygon'>;
-export declare const updatePolygonLinesCount: <T extends DrawableShape<"polygon">>(shape: T, newPointsCount: number, currentScale: number, selectionPadding: number) => T;
+export declare const resizePolygon: (cursorPosition: Point, originalShape: DrawableShape<'polygon'>, selectionMode: SelectionModeResize<number>, settings: UtilsSettings) => DrawableShape<'polygon'>;
+export declare const updatePolygonLinesCount: <T extends DrawableShape<"polygon">>(shape: T, newPointsCount: number, settings: UtilsSettings) => T;

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

@@ -1,20 +1,20 @@
-import type { GridFormatType } from '../../constants/app';
+import type { UtilsSettings } from '../../constants/app';
 import type { SelectionModeResize } from '../../types/Mode';
-import type { Point, DrawableShape, ShapeEntity, Rect } from '../../types/Shapes';
+import type { DrawableShape, Point, Rect, ShapeEntity } from '../../types/Shapes';
 import type { ToolsSettingsType } from '../../types/tools';
 type rectish = 'text' | 'rect' | 'square' | 'picture';
-export declare const refreshRect: <T extends DrawableShape<rectish>>(rect: T, currentScale: number, selectionPadding: number) => T;
+export declare const refreshRect: <T extends DrawableShape<rectish>>(rect: T, settings: UtilsSettings) => T;
 export declare const createRectangle: <T extends "rect" | "square">(shape: {
     id: string;
     type: T;
     settings: ToolsSettingsType<T>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<T>;
+}, cursorPosition: Point, settings: UtilsSettings, width?: number, height?: number) => ShapeEntity<T>;
 export declare const drawRect: (ctx: CanvasRenderingContext2D, shape: DrawableShape<'rect' | 'square'>) => void;
-export declare const getRectBorder: (rect: Rect, selectionPadding: number) => Rect;
-export declare const getRectOppositeAnchorAbsolutePosition: <T extends DrawableShape & Rect>(anchor: Point, center: Point, shape: T, canvasOffset: Point, [negW, negH]?: [boolean, boolean]) => Point;
-export declare const translateRect: <T extends "rect" | "square", U extends DrawableShape<T>>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getRectBorder: (rect: Rect, settings: UtilsSettings) => Rect;
+export declare const getRectOppositeAnchorAbsolutePosition: <T extends DrawableShape & Rect>(anchor: Point, center: Point, shape: T, settings: UtilsSettings, [negW, negH]?: [boolean, boolean]) => Point;
+export declare const translateRect: <T extends "rect" | "square", U extends DrawableShape<T>>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizeRect: <T extends rectish>(cursorPosition: Point, originalShape: DrawableShape<T>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number, keepRatio?: boolean) => DrawableShape<T>;
+export declare const resizeRect: <T extends rectish>(cursorPosition: Point, originalShape: DrawableShape<T>, selectionMode: SelectionModeResize, settings: UtilsSettings, keepRatio?: boolean) => DrawableShape<T>;
 export {};

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

@@ -1,19 +1,19 @@
-import type { Point, DrawableShape, Text, Rect, ShapeEntity } from '../../types/Shapes';
-import type { ToolsSettingsType } from '../../types/tools';
+import { UtilsSettings } from '../../constants/app';
 import { SelectionModeResize } from '../../types/Mode';
-import { GridFormatType } from '../../constants/app';
-export declare const refreshText: <T extends DrawableShape<"text">>(shape: T, currentScale: number, selectionPadding: number) => T;
+import type { DrawableShape, Point, Rect, ShapeEntity, Text } from '../../types/Shapes';
+import type { ToolsSettingsType } from '../../types/tools';
+export declare const refreshText: <T extends DrawableShape<"text">>(shape: T, settings: UtilsSettings) => T;
 export declare const calculateTextFontSize: (ctx: CanvasRenderingContext2D, text: string[], maxWidth: number, fontBold: boolean, fontItalic: boolean, fontFamily?: string | undefined) => number;
 export declare const createText: (ctx: CanvasRenderingContext2D, shape: {
     id: string;
     type: 'text';
     settings: ToolsSettingsType<'text'>;
-}, cursorPosition: Point, currentScale: number, selectionPadding: number) => ShapeEntity<'text'>;
+}, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<'text'>;
 export declare const drawText: (ctx: CanvasRenderingContext2D, text: DrawableShape<'text'>) => void;
-export declare const getTextBorder: (text: Text, selectionPadding: number) => Rect;
-export declare const translateText: <U extends DrawableShape<"text">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, gridFormat: GridFormatType, currentScale: number, selectionPadding: number) => U & {
+export declare const getTextBorder: (text: Text, settings: UtilsSettings) => Rect;
+export declare const translateText: <U extends DrawableShape<"text">>(cursorPosition: Point, originalShape: U, originalCursorPosition: Point, settings: UtilsSettings) => U & {
     x: number;
     y: number;
 };
-export declare const resizeText: (ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: DrawableShape<'text'>, selectionMode: SelectionModeResize, gridFormat: GridFormatType, selectionPadding: number, currentScale: number) => DrawableShape<'text'>;
-export declare const resizeTextShapeWithNewContent: <U extends DrawableShape<"text">>(ctx: CanvasRenderingContext2D, shape: U, newValue: string[], selectionPadding: number, canvasOffset: Point) => U;
+export declare const resizeText: (ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: DrawableShape<'text'>, selectionMode: SelectionModeResize, settings: UtilsSettings) => DrawableShape<'text'>;
+export declare const resizeTextShapeWithNewContent: <U extends DrawableShape<"text">>(ctx: CanvasRenderingContext2D, shape: U, newValue: string[], settings: UtilsSettings) => U;

package/dist/utils/style.d.ts

@@ -1,2 +1,2 @@
 import type { ShapeType } from '../types/Shapes';
-export declare const getShapePicture: (shape: ShapeType) => "" | "<svg><path d=\"M5.146 17.5Q4.146 17.5 3.208 17Q2.271 16.5 1.667 15.708Q2.208 15.75 2.802 15.344Q3.396 14.938 3.396 14.104Q3.396 13.042 4.135 12.292Q4.875 11.542 5.958 11.542Q7.021 11.542 7.76 12.292Q8.5 13.042 8.5 14.104Q8.5 15.5 7.51 16.5Q6.521 17.5 5.146 17.5ZM9.917 12.5 7.562 10.146 14.917 2.729Q15.146 2.5 15.469 2.5Q15.792 2.5 16.021 2.729L17.271 3.958Q17.5 4.188 17.5 4.531Q17.5 4.875 17.271 5.125Z\"/></svg>" | "<svg><path d=\"M2.5 17.5V2.5H17.5V17.5ZM4.25 15.75H15.75V4.25H4.25ZM4.25 15.75V4.25V15.75Z\"/></svg>" | "<svg><path d=\"M10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.271 2.323 6.75Q2.979 5.229 4.104 4.104Q5.229 2.979 6.75 2.323Q8.271 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.729 17.677 13.25Q17.021 14.771 15.896 15.896Q14.771 17.021 13.25 17.677Q11.729 18.333 10 18.333ZM10 16.583Q12.75 16.583 14.667 14.667Q16.583 12.75 16.583 10Q16.583 7.25 14.667 5.333Q12.75 3.417 10 3.417Q7.25 3.417 5.333 5.333Q3.417 7.25 3.417 10Q3.417 12.75 5.333 14.667Q7.25 16.583 10 16.583ZM10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Z\"/></svg>" | "<svg><path d=\"M12.25 18.333V16.167L6.833 13.458H2.5V8.208H6.25L8.25 5.917V1.667H13.5V6.917H9.708L7.75 9.146V11.958L12.25 14.208V13.083H17.5V18.333Z\"/></svg>" | "<svg><path d=\"M4.792 15.083 8.333 11.542 9.833 13.021 11.667 10.708 15.167 15.083ZM6.667 8.417Q5.938 8.417 5.427 7.906Q4.917 7.396 4.917 6.667Q4.917 5.938 5.427 5.427Q5.938 4.917 6.667 4.917Q7.396 4.917 7.906 5.427Q8.417 5.938 8.417 6.667Q8.417 7.396 7.906 7.906Q7.396 8.417 6.667 8.417ZM4.167 18.333Q3.125 18.333 2.396 17.604Q1.667 16.875 1.667 15.833V4.167Q1.667 3.125 2.396 2.396Q3.125 1.667 4.167 1.667H15.833Q16.875 1.667 17.604 2.396Q18.333 3.125 18.333 4.167V15.833Q18.333 16.875 17.604 17.604Q16.875 18.333 15.833 18.333ZM4.167 16.583H15.833Q16.146 16.583 16.365 16.365Q16.583 16.146 16.583 15.833V4.167Q16.583 3.854 16.365 3.635Q16.146 3.417 15.833 3.417H4.167Q3.854 3.417 3.635 3.635Q3.417 3.854 3.417 4.167V15.833Q3.417 16.146 3.635 16.365Q3.854 16.583 4.167 16.583Z\"/></svg>" | "<svg><path d=\"M8.708 16.667V5.917H4.167V3.333H15.833V5.917H11.292V16.667Z\"/></svg>" | "<svg><path d=\"M7.5 15.833V14.083H12.833L3.333 4.583L4.583 3.333L14.083 12.833V7.5H15.833V15.833Z\"/></svg>" | "<svg><path d=\"M7.521 17.5Q6.125 17.5 5.146 16.51Q4.167 15.521 4.167 14.125V7.417Q3.438 7.125 2.969 6.49Q2.5 5.854 2.5 5.042Q2.5 3.979 3.24 3.24Q3.979 2.5 5.042 2.5Q6.104 2.5 6.844 3.24Q7.583 3.979 7.583 5.042Q7.583 5.854 7.115 6.49Q6.646 7.125 5.917 7.417V14.125Q5.917 14.792 6.385 15.271Q6.854 15.75 7.521 15.75Q8.188 15.75 8.656 15.271Q9.125 14.792 9.125 14.125V5.875Q9.125 4.479 10.104 3.49Q11.083 2.5 12.479 2.5Q13.875 2.5 14.854 3.49Q15.833 4.479 15.833 5.875V12.583Q16.562 12.875 17.031 13.51Q17.5 14.146 17.5 14.958Q17.5 16.021 16.76 16.76Q16.021 17.5 14.958 17.5Q13.896 17.5 13.156 16.76Q12.417 16.021 12.417 14.958Q12.417 14.146 12.885 13.5Q13.354 12.854 14.083 12.583V5.875Q14.083 5.208 13.615 4.729Q13.146 4.25 12.479 4.25Q11.812 4.25 11.344 4.729Q10.875 5.208 10.875 5.875V14.125Q10.875 15.521 9.896 16.51Q8.917 17.5 7.521 17.5Z\"/></svg>";
+export declare const getShapePicture: (shape: ShapeType) => "<svg><path d=\"M5.146 17.5Q4.146 17.5 3.208 17Q2.271 16.5 1.667 15.708Q2.208 15.75 2.802 15.344Q3.396 14.938 3.396 14.104Q3.396 13.042 4.135 12.292Q4.875 11.542 5.958 11.542Q7.021 11.542 7.76 12.292Q8.5 13.042 8.5 14.104Q8.5 15.5 7.51 16.5Q6.521 17.5 5.146 17.5ZM9.917 12.5 7.562 10.146 14.917 2.729Q15.146 2.5 15.469 2.5Q15.792 2.5 16.021 2.729L17.271 3.958Q17.5 4.188 17.5 4.531Q17.5 4.875 17.271 5.125Z\"/></svg>" | "<svg><path d=\"M2.5 17.5V2.5H17.5V17.5ZM4.25 15.75H15.75V4.25H4.25ZM4.25 15.75V4.25V15.75Z\"/></svg>" | "<svg><path d=\"M10 18.333Q8.271 18.333 6.75 17.677Q5.229 17.021 4.104 15.896Q2.979 14.771 2.323 13.25Q1.667 11.729 1.667 10Q1.667 8.271 2.323 6.75Q2.979 5.229 4.104 4.104Q5.229 2.979 6.75 2.323Q8.271 1.667 10 1.667Q11.729 1.667 13.25 2.323Q14.771 2.979 15.896 4.104Q17.021 5.229 17.677 6.75Q18.333 8.271 18.333 10Q18.333 11.729 17.677 13.25Q17.021 14.771 15.896 15.896Q14.771 17.021 13.25 17.677Q11.729 18.333 10 18.333ZM10 16.583Q12.75 16.583 14.667 14.667Q16.583 12.75 16.583 10Q16.583 7.25 14.667 5.333Q12.75 3.417 10 3.417Q7.25 3.417 5.333 5.333Q3.417 7.25 3.417 10Q3.417 12.75 5.333 14.667Q7.25 16.583 10 16.583ZM10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Q10 10 10 10Z\"/></svg>" | "<svg><path d=\"M12.25 18.333V16.167L6.833 13.458H2.5V8.208H6.25L8.25 5.917V1.667H13.5V6.917H9.708L7.75 9.146V11.958L12.25 14.208V13.083H17.5V18.333Z\"/></svg>" | "<svg><path d=\"M4.792 15.083 8.333 11.542 9.833 13.021 11.667 10.708 15.167 15.083ZM6.667 8.417Q5.938 8.417 5.427 7.906Q4.917 7.396 4.917 6.667Q4.917 5.938 5.427 5.427Q5.938 4.917 6.667 4.917Q7.396 4.917 7.906 5.427Q8.417 5.938 8.417 6.667Q8.417 7.396 7.906 7.906Q7.396 8.417 6.667 8.417ZM4.167 18.333Q3.125 18.333 2.396 17.604Q1.667 16.875 1.667 15.833V4.167Q1.667 3.125 2.396 2.396Q3.125 1.667 4.167 1.667H15.833Q16.875 1.667 17.604 2.396Q18.333 3.125 18.333 4.167V15.833Q18.333 16.875 17.604 17.604Q16.875 18.333 15.833 18.333ZM4.167 16.583H15.833Q16.146 16.583 16.365 16.365Q16.583 16.146 16.583 15.833V4.167Q16.583 3.854 16.365 3.635Q16.146 3.417 15.833 3.417H4.167Q3.854 3.417 3.635 3.635Q3.417 3.854 3.417 4.167V15.833Q3.417 16.146 3.635 16.365Q3.854 16.583 4.167 16.583Z\"/></svg>" | "<svg><path d=\"M8.708 16.667V5.917H4.167V3.333H15.833V5.917H11.292V16.667Z\"/></svg>" | "<svg><path d=\"M7.5 15.833V14.083H12.833L3.333 4.583L4.583 3.333L14.083 12.833V7.5H15.833V15.833Z\"/></svg>" | "<svg><path d=\"M7.521 17.5Q6.125 17.5 5.146 16.51Q4.167 15.521 4.167 14.125V7.417Q3.438 7.125 2.969 6.49Q2.5 5.854 2.5 5.042Q2.5 3.979 3.24 3.24Q3.979 2.5 5.042 2.5Q6.104 2.5 6.844 3.24Q7.583 3.979 7.583 5.042Q7.583 5.854 7.115 6.49Q6.646 7.125 5.917 7.417V14.125Q5.917 14.792 6.385 15.271Q6.854 15.75 7.521 15.75Q8.188 15.75 8.656 15.271Q9.125 14.792 9.125 14.125V5.875Q9.125 4.479 10.104 3.49Q11.083 2.5 12.479 2.5Q13.875 2.5 14.854 3.49Q15.833 4.479 15.833 5.875V12.583Q16.562 12.875 17.031 13.51Q17.5 14.146 17.5 14.958Q17.5 16.021 16.76 16.76Q16.021 17.5 14.958 17.5Q13.896 17.5 13.156 16.76Q12.417 16.021 12.417 14.958Q12.417 14.146 12.885 13.5Q13.354 12.854 14.083 12.583V5.875Q14.083 5.208 13.615 4.729Q13.146 4.25 12.479 4.25Q11.812 4.25 11.344 4.729Q10.875 5.208 10.875 5.875V14.125Q10.875 15.521 9.896 16.51Q8.917 17.5 7.521 17.5Z\"/></svg>" | "";

package/dist/utils/transform.d.ts

@@ -1,9 +1,15 @@
+import type { UtilsSettings } from '../constants/app';
 import type { SelectionModeData } from '../types/Mode';
-import type { Point, ShapeEntity } from '../types/Shapes';
-import type { GridFormatType } from '../constants/app';
+import type { DrawableShape, Line, Point, ShapeEntity } from '../types/Shapes';
 export declare const getNormalizedSize: (originalWidth: number, originalHeight: number, width: number, height: number) => number[];
 export declare const roundValues: (prop: number, precision?: number) => number;
-export declare const roundForGrid: (value: number, gridFormat: GridFormatType, gridOffset?: number) => number;
-export declare const roundRotationForGrid: (rotation: number, gridFormat: GridFormatType, gridOffset?: number) => number;
-export declare const transformShape: (ctx: CanvasRenderingContext2D, shape: ShapeEntity, cursorPosition: Point, gridFormat: GridFormatType, canvasOffset: Point, selectionMode: SelectionModeData<Point | number>, selectionPadding: number, isShiftPressed: boolean, currentScale: number) => ShapeEntity;
+export declare const scalePoint: (point: Point, minX: number, minY: number, scaleX?: number, scaleY?: number) => Point;
+export declare const roundForGrid: (value: number, settings: UtilsSettings, gridOffset?: number) => number;
+export declare const roundRotationForGrid: (rotation: number, settings: UtilsSettings, gridOffset?: number) => number;
+export declare const transformShape: (ctx: CanvasRenderingContext2D, shape: ShapeEntity, cursorPosition: Point, selectionMode: SelectionModeData<Point | number>, settings: UtilsSettings, isShiftPressed: boolean) => ShapeEntity;
 export declare const fitContentInsideContainer: (contentWidth: number, contentHeight: number, containerWidth: number, containerHeight: number, shouldFillContainer?: boolean) => number[];
+export declare const shortenLine: ({ line, size, direction }: {
+    line: DrawableShape<'line'>;
+    size: number;
+    direction: 'start' | 'end' | 'both';
+}) => Line;

package/dist/utils/trigo.d.ts

@@ -1,8 +1,9 @@
-import { Point, Rect } from '../types/Shapes';
+import { Circle, Point, Rect } from '../types/Shapes';
 type Vector = [Point, Point];
 export declare const degreesToRadians: (degrees: number) => number;
 export declare const radiansToDegrees: (radians: number) => number;
 export declare const isPointInsideRect: (rect: Rect, point: Point) => boolean;
+export declare const isCircleIntersectRect: (rect: Rect, circle: Circle) => boolean;
 export declare const rotatePoint: ({ origin, point, rotation }: {
     origin?: Point | undefined;
     point: Point;