@zsviczian/excalidraw 0.18.0-1 → 0.18.0-10

package/types/excalidraw/actions/actionProperties.d.ts

@@ -1,13 +1,13 @@
+import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
+import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState, Primitive } from "../types";
-import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
-import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
 export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
 export declare const actionChangeStrokeColor: {
     name: "changeStrokeColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => any;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => any;
     PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
@@ -16,7 +16,7 @@ export declare const actionChangeBackgroundColor: {
     name: "changeBackgroundColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
     PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
@@ -25,7 +25,7 @@ export declare const actionChangeFillStyle: {
     name: "changeFillStyle";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFillStyle: any;
@@ -38,17 +38,17 @@ export declare const actionChangeFillStyle: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -56,12 +56,13 @@ export declare const actionChangeFillStyle: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -72,7 +73,7 @@ export declare const actionChangeFillStyle: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -81,7 +82,7 @@ export declare const actionChangeFillStyle: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -94,7 +95,7 @@ export declare const actionChangeFillStyle: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -112,7 +113,7 @@ export declare const actionChangeFillStyle: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -130,7 +131,7 @@ export declare const actionChangeFillStyle: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -151,7 +152,7 @@ export declare const actionChangeFillStyle: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -168,7 +169,7 @@ export declare const actionChangeFillStyle: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -177,13 +178,13 @@ export declare const actionChangeFillStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -200,6 +201,10 @@ export declare const actionChangeFillStyle: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -242,7 +247,7 @@ export declare const actionChangeStrokeWidth: {
     name: "changeStrokeWidth";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemStrokeWidth: any;
@@ -255,17 +260,17 @@ export declare const actionChangeStrokeWidth: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -273,12 +278,13 @@ export declare const actionChangeStrokeWidth: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -288,8 +294,8 @@ export declare const actionChangeStrokeWidth: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -298,7 +304,7 @@ export declare const actionChangeStrokeWidth: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -311,7 +317,7 @@ export declare const actionChangeStrokeWidth: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -329,7 +335,7 @@ export declare const actionChangeStrokeWidth: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -347,7 +353,7 @@ export declare const actionChangeStrokeWidth: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -368,7 +374,7 @@ export declare const actionChangeStrokeWidth: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -385,7 +391,7 @@ export declare const actionChangeStrokeWidth: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -394,13 +400,13 @@ export declare const actionChangeStrokeWidth: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -417,6 +423,10 @@ export declare const actionChangeStrokeWidth: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -459,7 +469,7 @@ export declare const actionChangeSloppiness: {
     name: "changeSloppiness";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemRoughness: any;
@@ -472,17 +482,17 @@ export declare const actionChangeSloppiness: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -490,12 +500,13 @@ export declare const actionChangeSloppiness: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -505,9 +516,9 @@ export declare const actionChangeSloppiness: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
@@ -515,7 +526,7 @@ export declare const actionChangeSloppiness: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -528,7 +539,7 @@ export declare const actionChangeSloppiness: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -546,7 +557,7 @@ export declare const actionChangeSloppiness: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -564,7 +575,7 @@ export declare const actionChangeSloppiness: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -585,7 +596,7 @@ export declare const actionChangeSloppiness: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -602,7 +613,7 @@ export declare const actionChangeSloppiness: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -611,13 +622,13 @@ export declare const actionChangeSloppiness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -634,6 +645,10 @@ export declare const actionChangeSloppiness: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -676,7 +691,7 @@ export declare const actionChangeStrokeStyle: {
     name: "changeStrokeStyle";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemStrokeStyle: any;
@@ -689,17 +704,17 @@ export declare const actionChangeStrokeStyle: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -707,12 +722,13 @@ export declare const actionChangeStrokeStyle: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -722,7 +738,7 @@ export declare const actionChangeStrokeStyle: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
             currentItemRoughness: number;
             currentItemOpacity: number;
@@ -732,7 +748,7 @@ export declare const actionChangeStrokeStyle: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -745,7 +761,7 @@ export declare const actionChangeStrokeStyle: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -763,7 +779,7 @@ export declare const actionChangeStrokeStyle: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -781,7 +797,7 @@ export declare const actionChangeStrokeStyle: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -802,7 +818,7 @@ export declare const actionChangeStrokeStyle: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -819,7 +835,7 @@ export declare const actionChangeStrokeStyle: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -828,13 +844,13 @@ export declare const actionChangeStrokeStyle: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -851,6 +867,10 @@ export declare const actionChangeStrokeStyle: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -893,7 +913,7 @@ export declare const actionChangeOpacity: {
     name: "changeOpacity";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemOpacity: any;
@@ -906,17 +926,17 @@ export declare const actionChangeOpacity: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -924,12 +944,13 @@ export declare const actionChangeOpacity: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -939,9 +960,9 @@ export declare const actionChangeOpacity: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
@@ -949,7 +970,7 @@ export declare const actionChangeOpacity: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -962,7 +983,7 @@ export declare const actionChangeOpacity: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -980,7 +1001,7 @@ export declare const actionChangeOpacity: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -998,7 +1019,7 @@ export declare const actionChangeOpacity: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1019,7 +1040,7 @@ export declare const actionChangeOpacity: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1036,7 +1057,7 @@ export declare const actionChangeOpacity: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1045,13 +1066,13 @@ export declare const actionChangeOpacity: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1068,6 +1089,10 @@ export declare const actionChangeOpacity: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1111,7 +1136,7 @@ export declare const actionChangeFontSize: {
     name: "changeFontSize";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1124,17 +1149,17 @@ export declare const actionChangeFontSize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1142,12 +1167,13 @@ export declare const actionChangeFontSize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -1157,9 +1183,9 @@ export declare const actionChangeFontSize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1167,7 +1193,7 @@ export declare const actionChangeFontSize: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1180,7 +1206,7 @@ export declare const actionChangeFontSize: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -1198,7 +1224,7 @@ export declare const actionChangeFontSize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1216,7 +1242,7 @@ export declare const actionChangeFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1237,7 +1263,7 @@ export declare const actionChangeFontSize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1254,7 +1280,7 @@ export declare const actionChangeFontSize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1263,13 +1289,13 @@ export declare const actionChangeFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1286,6 +1312,10 @@ export declare const actionChangeFontSize: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1329,7 +1359,7 @@ export declare const actionDecreaseFontSize: {
     label: string;
     icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1342,17 +1372,17 @@ export declare const actionDecreaseFontSize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1360,12 +1390,13 @@ export declare const actionDecreaseFontSize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -1375,9 +1406,9 @@ export declare const actionDecreaseFontSize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1385,7 +1416,7 @@ export declare const actionDecreaseFontSize: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1398,7 +1429,7 @@ export declare const actionDecreaseFontSize: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -1416,7 +1447,7 @@ export declare const actionDecreaseFontSize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1434,7 +1465,7 @@ export declare const actionDecreaseFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1455,7 +1486,7 @@ export declare const actionDecreaseFontSize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1472,7 +1503,7 @@ export declare const actionDecreaseFontSize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1481,13 +1512,13 @@ export declare const actionDecreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1504,6 +1535,10 @@ export declare const actionDecreaseFontSize: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1547,7 +1582,7 @@ export declare const actionIncreaseFontSize: {
     label: string;
     icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1560,17 +1595,17 @@ export declare const actionIncreaseFontSize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1578,12 +1613,13 @@ export declare const actionIncreaseFontSize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -1593,9 +1629,9 @@ export declare const actionIncreaseFontSize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1603,7 +1639,7 @@ export declare const actionIncreaseFontSize: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1616,7 +1652,7 @@ export declare const actionIncreaseFontSize: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -1634,7 +1670,7 @@ export declare const actionIncreaseFontSize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1652,7 +1688,7 @@ export declare const actionIncreaseFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1673,7 +1709,7 @@ export declare const actionIncreaseFontSize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1690,7 +1726,7 @@ export declare const actionIncreaseFontSize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1699,13 +1735,13 @@ export declare const actionIncreaseFontSize: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1722,6 +1758,10 @@ export declare const actionIncreaseFontSize: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1764,10 +1804,10 @@ export declare const actionChangeFontFamily: {
     name: "changeFontFamily";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         appState: {
-            currentItemFontFamily: number;
             currentHoveredFontFamily: number | null;
+            currentItemFontFamily: number;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -1778,17 +1818,17 @@ export declare const actionChangeFontFamily: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1796,12 +1836,13 @@ export declare const actionChangeFontFamily: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -1811,16 +1852,16 @@ export declare const actionChangeFontFamily: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1833,7 +1874,7 @@ export declare const actionChangeFontFamily: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1850,7 +1891,7 @@ export declare const actionChangeFontFamily: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1868,7 +1909,7 @@ export declare const actionChangeFontFamily: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1889,7 +1930,7 @@ export declare const actionChangeFontFamily: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1906,7 +1947,7 @@ export declare const actionChangeFontFamily: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1915,13 +1956,13 @@ export declare const actionChangeFontFamily: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -1938,6 +1979,10 @@ export declare const actionChangeFontFamily: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -1974,8 +2019,8 @@ export declare const actionChangeFontFamily: {
     } | {
         elements: ExcalidrawElement[];
         appState: {
-            currentItemFontFamily: number;
             currentHoveredFontFamily: number | null;
+            currentItemFontFamily: number;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -1986,17 +2031,17 @@ export declare const actionChangeFontFamily: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2004,12 +2049,13 @@ export declare const actionChangeFontFamily: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -2019,16 +2065,16 @@ export declare const actionChangeFontFamily: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2041,7 +2087,7 @@ export declare const actionChangeFontFamily: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2058,7 +2104,7 @@ export declare const actionChangeFontFamily: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2076,7 +2122,7 @@ export declare const actionChangeFontFamily: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2097,7 +2143,7 @@ export declare const actionChangeFontFamily: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2114,7 +2160,7 @@ export declare const actionChangeFontFamily: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2123,13 +2169,13 @@ export declare const actionChangeFontFamily: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2146,6 +2192,10 @@ export declare const actionChangeFontFamily: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2188,7 +2238,7 @@ export declare const actionChangeTextAlign: {
     name: "changeTextAlign";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemTextAlign: any;
@@ -2201,17 +2251,17 @@ export declare const actionChangeTextAlign: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2219,12 +2269,13 @@ export declare const actionChangeTextAlign: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -2234,9 +2285,9 @@ export declare const actionChangeTextAlign: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2244,7 +2295,7 @@ export declare const actionChangeTextAlign: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2257,7 +2308,7 @@ export declare const actionChangeTextAlign: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -2275,7 +2326,7 @@ export declare const actionChangeTextAlign: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2293,7 +2344,7 @@ export declare const actionChangeTextAlign: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2314,7 +2365,7 @@ export declare const actionChangeTextAlign: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2331,7 +2382,7 @@ export declare const actionChangeTextAlign: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2340,13 +2391,13 @@ export declare const actionChangeTextAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2363,6 +2414,10 @@ export declare const actionChangeTextAlign: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2407,7 +2462,7 @@ export declare const actionChangeVerticalAlign: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             contextMenu: {
@@ -2419,17 +2474,17 @@ export declare const actionChangeVerticalAlign: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2437,12 +2492,13 @@ export declare const actionChangeVerticalAlign: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -2452,9 +2508,9 @@ export declare const actionChangeVerticalAlign: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2463,7 +2519,7 @@ export declare const actionChangeVerticalAlign: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2476,7 +2532,7 @@ export declare const actionChangeVerticalAlign: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -2494,7 +2550,7 @@ export declare const actionChangeVerticalAlign: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2512,7 +2568,7 @@ export declare const actionChangeVerticalAlign: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2533,7 +2589,7 @@ export declare const actionChangeVerticalAlign: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2550,7 +2606,7 @@ export declare const actionChangeVerticalAlign: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2559,13 +2615,13 @@ export declare const actionChangeVerticalAlign: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2582,6 +2638,10 @@ export declare const actionChangeVerticalAlign: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2624,7 +2684,7 @@ export declare const actionChangeRoundness: {
     name: "changeRoundness";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemRoundness: any;
@@ -2637,17 +2697,17 @@ export declare const actionChangeRoundness: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2655,12 +2715,13 @@ export declare const actionChangeRoundness: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -2670,9 +2731,9 @@ export declare const actionChangeRoundness: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2693,7 +2754,7 @@ export declare const actionChangeRoundness: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -2711,7 +2772,7 @@ export declare const actionChangeRoundness: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2729,7 +2790,7 @@ export declare const actionChangeRoundness: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2750,7 +2811,7 @@ export declare const actionChangeRoundness: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2767,7 +2828,7 @@ export declare const actionChangeRoundness: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2776,13 +2837,13 @@ export declare const actionChangeRoundness: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -2799,6 +2860,10 @@ export declare const actionChangeRoundness: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -2841,7 +2906,7 @@ export declare const actionChangeArrowhead: {
     name: "changeArrowhead";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: {
         position: "start" | "end";
         type: Arrowhead;
     }) => {
@@ -2856,17 +2921,17 @@ export declare const actionChangeArrowhead: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2874,12 +2939,13 @@ export declare const actionChangeArrowhead: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -2889,9 +2955,9 @@ export declare const actionChangeArrowhead: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2900,7 +2966,7 @@ export declare const actionChangeArrowhead: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2913,7 +2979,7 @@ export declare const actionChangeArrowhead: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -2931,7 +2997,7 @@ export declare const actionChangeArrowhead: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2949,7 +3015,7 @@ export declare const actionChangeArrowhead: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2970,7 +3036,7 @@ export declare const actionChangeArrowhead: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2987,7 +3053,7 @@ export declare const actionChangeArrowhead: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2996,13 +3062,13 @@ export declare const actionChangeArrowhead: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -3019,6 +3085,10 @@ export declare const actionChangeArrowhead: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;
@@ -3061,7 +3131,7 @@ export declare const actionChangeArrowType: {
     name: "changeArrowType";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemArrowType: any;
@@ -3074,17 +3144,17 @@ export declare const actionChangeArrowType: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -3092,12 +3162,13 @@ export declare const actionChangeArrowType: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
             penMode: boolean;
             penDetected: boolean;
@@ -3107,9 +3178,9 @@ export declare const actionChangeArrowType: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -3118,7 +3189,7 @@ export declare const actionChangeArrowType: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -3130,7 +3201,7 @@ export declare const actionChangeArrowType: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "canvas" | "shape" | null;
+            openMenu: "shape" | "canvas" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
@@ -3148,7 +3219,7 @@ export declare const actionChangeArrowType: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -3166,7 +3237,7 @@ export declare const actionChangeArrowType: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -3187,7 +3258,7 @@ export declare const actionChangeArrowType: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -3204,7 +3275,7 @@ export declare const actionChangeArrowType: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -3213,13 +3284,13 @@ export declare const actionChangeArrowType: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
+                canvasBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementBackground: import("@excalidraw/common").ColorPaletteCustom;
+                elementStroke: import("@excalidraw/common").ColorPaletteCustom;
                 topPicks: {
                     canvasBackground: [string, string, string, string, string];
                     elementStroke: [string, string, string, string, string];
@@ -3236,6 +3307,10 @@ export declare const actionChangeArrowType: {
                 Bold: string;
                 Regular: string;
             };
+            gridDirection: {
+                horizontal: boolean;
+                vertical: boolean;
+            };
             highlightSearchResult: boolean;
             dynamicStyle: {
                 [x: string]: string;