@yorab/react-paint 0.18.1 → 1.0.0-beta.1

package/dist/canvas/store/selectors.d.ts

@@ -0,0 +1,855 @@
+import type { UtilsSettings } from './../../canvas/constants/app.js';
+import type { InternalState } from './../../canvas/store/types.js';
+import type { CanvasSize, Resize } from './../../canvas/types/Canvas.js';
+import type { EditorState } from './../../canvas/types/editor.js';
+import type { Point, Rect, ShapeEntity } from './../../canvas/types/Shapes.js';
+import type { CustomTool, ToolsType } from './../../canvas/types/tools.js';
+/** The text being edited, shown in a text box over the canvas */
+type TextEdition = {
+    shape: ShapeEntity<'text'>;
+    defaultValue: string[];
+    settings: UtilsSettings;
+};
+export type CanvasView = {
+    width: number;
+    height: number;
+    canvasSize: CanvasSize;
+    resize: Resize;
+    isEditMode: boolean;
+    features: UtilsSettings['features'];
+    textEdition: TextEdition | undefined;
+};
+/** Memoizes the last result of a function, its arguments being compared one by one with Object.is */
+export declare const memoizeLast: <A extends unknown[], R>(compute: (...args: A) => R) => ((...args: A) => R);
+/** Returns the previous object while the new one has the same values, so that it keeps its identity */
+export declare const keepIfSame: <T extends object>() => (next: T) => T;
+/** One of the selection tool, the move tool or the available tools, found by id */
+export declare const findSelectableTool: (available: CustomTool[], id: string) => ToolsType | undefined;
+/**
+ * Selectors of a store. Each slice keeps its identity while its values are unchanged:
+ * the editor state is the same object as long as nothing it exposes has changed.
+ */
+export declare const createSelectors: () => {
+    selectFeatures: ({ config }: InternalState) => {
+        edition: boolean;
+        zoom: boolean;
+    };
+    selectIsInteractive: (state: InternalState) => boolean;
+    selectSettings: (state: InternalState) => UtilsSettings;
+    selectActiveTool: ({ tools }: InternalState) => ToolsType;
+    selectSelectedShapes: (selection: ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Line & {
+        type: "line";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: "line";
+        arrows?: import("./../../canvas/types/Shapes.js").TriangleEntity[];
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        src: string;
+    } & {
+        type: "picture";
+        img: HTMLImageElement;
+        flipX?: boolean;
+        flipY?: boolean;
+        ratio?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        value: string[];
+        fontSize: number;
+    } & {
+        type: "text";
+        flipX?: boolean;
+        flipY?: boolean;
+        ratio?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "rect";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "square";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Circle & {
+        type: "circle";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Ellipse & {
+        type: "ellipse";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Polygon & {
+        type: "polygon";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Curve & {
+        type: "curve";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Brush & {
+        type: "brush";
+        scaleX?: number;
+        scaleY?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "group";
+        shapes: ShapeEntity[];
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | undefined) => (({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Line & {
+        type: "line";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: "line";
+        arrows?: import("./../../canvas/types/Shapes.js").TriangleEntity[];
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        src: string;
+    } & {
+        type: "picture";
+        img: HTMLImageElement;
+        flipX?: boolean;
+        flipY?: boolean;
+        ratio?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        value: string[];
+        fontSize: number;
+    } & {
+        type: "text";
+        flipX?: boolean;
+        flipY?: boolean;
+        ratio?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "rect";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "square";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Circle & {
+        type: "circle";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Ellipse & {
+        type: "ellipse";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Polygon & {
+        type: "polygon";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Curve & {
+        type: "curve";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Brush & {
+        type: "brush";
+        scaleX?: number;
+        scaleY?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "group";
+        shapes: ShapeEntity[];
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }))[];
+    selectHoveredShape: ({ document, interaction }: InternalState) => ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Line & {
+        type: "line";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: "line";
+        arrows?: import("./../../canvas/types/Shapes.js").TriangleEntity[];
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        src: string;
+    } & {
+        type: "picture";
+        img: HTMLImageElement;
+        flipX?: boolean;
+        flipY?: boolean;
+        ratio?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        value: string[];
+        fontSize: number;
+    } & {
+        type: "text";
+        flipX?: boolean;
+        flipY?: boolean;
+        ratio?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "rect";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "square";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Circle & {
+        type: "circle";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Ellipse & {
+        type: "ellipse";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Polygon & {
+        type: "polygon";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Curve & {
+        type: "curve";
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & import("./../../canvas/types/Shapes.js").Brush & {
+        type: "brush";
+        scaleX?: number;
+        scaleY?: number;
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | ({
+        id: string;
+        computed: {
+            borders: Rect;
+            outerBorders: Rect;
+            center: Point;
+            boundingBox: Rect;
+        };
+        path: Path2D;
+    } & {
+        id?: string;
+        rotation?: number;
+        toolId?: string;
+        visible?: boolean;
+        locked?: boolean;
+        style?: import("./../../canvas/types/Shapes.js").StyleShape | undefined;
+        data?: import("./../../canvas/types/Shapes.js").ShapeData | undefined;
+    } & Rect & {
+        type: "group";
+        shapes: ShapeEntity[];
+    } & {
+        type: "rect" | "square" | "circle" | "ellipse" | "picture" | "text" | "brush" | "group" | "line" | "polygon" | "curve";
+    } & {
+        type: Exclude<import("./../../canvas/types/Shapes.js").ShapeType, "line" | "triangle">;
+    }) | undefined;
+    selectWithContextMenu: ({ config }: InternalState) => boolean;
+    selectWithDropPicture: (state: InternalState) => boolean;
+    selectEditorState: (state: InternalState) => EditorState;
+    selectCanvasView: (state: InternalState) => CanvasView;
+    selectCursor: (state: InternalState) => string;
+};
+export {};