npm - @excalidraw/common - Versions diffs - 0.18.0-7b8a5f54c → 0.18.0-7ea3229 - Mend

@excalidraw/common 0.18.0-7b8a5f54c → 0.18.0-7ea3229

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/dist/types/excalidraw/actions/actionCanvas.d.ts CHANGED Viewed

@@ -1,19 +1,8 @@
-/// <reference types="react" />
 import { type SceneBounds } from "@excalidraw/element";
 import type { ExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, Offsets } from "../types";
-export declare const actionChangeViewBackgroundColor: {
-    name: "changeViewBackgroundColor";
-    label: string;
-    trackEvent: false;
-    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (_: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
-        appState: any;
-        captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
-    };
-    PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
-} & {
-    keyTest?: undefined;
+export declare const actionChangeViewBackgroundColor: import("./types").Action<Partial<AppState>> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionClearCanvas: {
     name: "clearCanvas";
@@ -23,7 +12,7 @@ export declare const actionClearCanvas: {
         category: "canvas";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         elements: import("@excalidraw/element/types").OrderedExcalidrawElement[];
         appState: {
             files: {};
@@ -59,31 +48,31 @@ export declare const actionClearCanvas: {
                 clip: boolean;
             };
             name: string | null;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             scrollX: number;
             scrollY: number;
             viewModeEnabled: boolean;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
-            editingGroupId: string | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             selectedGroupIds: {
@@ -91,40 +80,31 @@ export declare const actionClearCanvas: {
             };
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             isBindingEnabled: boolean;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             isRotating: boolean;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             snapLines: readonly import("../snapping").SnapLine[];
             zenModeEnabled: boolean;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            shouldCacheIgnoreZoom: boolean;
+            exportScale: number;
+            bindMode: import("@excalidraw/element/types").BindMode;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -132,55 +112,53 @@ export declare const actionClearCanvas: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            errorMessage: React.ReactNode;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
             editingFrame: string | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             exportWithDarkMode: boolean;
-            exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             isResizing: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
-            hoveredElementIds: Readonly<{
-                [id: string]: true;
-            }>;
             previousSelectedElementIds: {
                 [id: string]: true;
             };
             selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             currentChartType: import("@excalidraw/element/types").ChartType;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             originSnapOffset: {
                 x: number;
                 y: number;
@@ -205,7 +183,7 @@ export declare const actionZoomIn: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -220,10 +198,10 @@ export declare const actionZoomIn: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -231,7 +209,10 @@ export declare const actionZoomIn: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -247,6 +228,10 @@ export declare const actionZoomIn: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -255,42 +240,44 @@ export declare const actionZoomIn: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -306,8 +293,8 @@ export declare const actionZoomIn: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -318,32 +305,13 @@ export declare const actionZoomIn: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -356,7 +324,7 @@ export declare const actionZoomIn: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -366,15 +334,16 @@ export declare const actionZoomIn: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -391,7 +360,7 @@ export declare const actionZoomOut: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -406,10 +375,10 @@ export declare const actionZoomOut: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -417,7 +386,10 @@ export declare const actionZoomOut: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -433,6 +405,10 @@ export declare const actionZoomOut: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -441,42 +417,44 @@ export declare const actionZoomOut: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -492,8 +470,8 @@ export declare const actionZoomOut: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -504,32 +482,13 @@ export declare const actionZoomOut: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -542,7 +501,7 @@ export declare const actionZoomOut: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -552,15 +511,16 @@ export declare const actionZoomOut: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -577,7 +537,7 @@ export declare const actionResetZoom: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             userToFollow: null;
             scrollX: number;
@@ -592,10 +552,10 @@ export declare const actionResetZoom: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -603,7 +563,10 @@ export declare const actionResetZoom: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -619,6 +582,10 @@ export declare const actionResetZoom: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -627,42 +594,44 @@ export declare const actionResetZoom: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -678,8 +647,8 @@ export declare const actionResetZoom: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -690,32 +659,13 @@ export declare const actionResetZoom: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -728,7 +678,7 @@ export declare const actionResetZoom: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -738,15 +688,16 @@ export declare const actionResetZoom: {
             objectsSnapModeEnabled: boolean;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -757,19 +708,14 @@ export declare const actionResetZoom: {
 };
 export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
     bounds: SceneBounds;
-    canvasOffsets?: Partial<{
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    }> | undefined;
+    canvasOffsets?: Offsets;
     appState: Readonly<AppState>;
     /** whether to fit content to viewport (beyond >100%) */
     fitToViewport: boolean;
     /** zoom content to cover X of the viewport, when fitToViewport=true */
-    viewportZoomFactor?: number | undefined;
-    minZoom?: number | undefined;
-    maxZoom?: number | undefined;
+    viewportZoomFactor?: number;
+    minZoom?: number;
+    maxZoom?: number;
 }) => {
     appState: {
         scrollX: number;
@@ -784,10 +730,10 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         } | null;
         showWelcomeScreen: boolean;
         isLoading: boolean;
-        errorMessage: import("react").ReactNode;
+        errorMessage: React.ReactNode;
         activeEmbeddable: {
             element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-            state: "active" | "hover";
+            state: "hover" | "active";
         } | null;
         newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
         resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -795,7 +741,10 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
         isBindingEnabled: boolean;
         startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-        suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+        suggestedBinding: {
+            element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+            midPoint?: import("@excalidraw/math").GlobalPoint;
+        } | null;
         frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
         frameRendering: {
             enabled: boolean;
@@ -811,6 +760,10 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             locked: boolean;
             fromSelection: boolean;
         } & import("../types").ActiveTool;
+        preferredSelectionTool: {
+            type: "selection" | "lasso";
+            initialized: boolean;
+        };
         penMode: boolean;
         penDetected: boolean;
         exportBackground: boolean;
@@ -819,42 +772,44 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         exportScale: number;
         currentItemStrokeColor: string;
         currentItemBackgroundColor: string;
-        currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+        currentItemFillStyle: ExcalidrawElement["fillStyle"];
         currentItemStrokeWidth: number;
-        currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+        currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
         currentItemRoughness: number;
         currentItemOpacity: number;
-        currentItemFontFamily: number;
+        currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
         currentItemFontSize: number;
-        currentItemTextAlign: string;
+        currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
         currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
         currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-        currentHoveredFontFamily: number | null;
+        currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
         currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-        currentItemArrowType: "round" | "sharp" | "elbow";
+        currentItemArrowType: "sharp" | "round" | "elbow";
         viewBackgroundColor: string;
         cursorButton: "up" | "down";
         scrolledOutside: boolean;
         name: string | null;
         isResizing: boolean;
         isRotating: boolean;
-        openMenu: "canvas" | "shape" | null;
-        openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+        openMenu: "canvas" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
         openSidebar: {
-            name: string;
-            tab?: string | undefined;
+            name: import("../types").SidebarName;
+            tab?: import("../types").SidebarTabName;
         } | null;
-        openDialog: {
+        openDialog: null | {
             name: "imageExport" | "help" | "jsonExport";
         } | {
             name: "ttd";
-            tab: "mermaid" | "text-to-diagram";
+            tab: "text-to-diagram" | "mermaid";
         } | {
             name: "commandPalette";
+        } | {
+            name: "settings";
         } | {
             name: "elementLinkSelector";
-            sourceElementId: string;
-        } | null;
+            sourceElementId: ExcalidrawElement["id"];
+        };
         defaultSidebarDockedPreference: boolean;
         lastPointerDownWith: import("@excalidraw/element/types").PointerType;
         selectedElementIds: Readonly<{
@@ -870,8 +825,8 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         shouldCacheIgnoreZoom: boolean;
         toast: {
             message: string;
-            closable?: boolean | undefined;
-            duration?: number | undefined;
+            closable?: boolean;
+            duration?: number;
         } | null;
         zenModeEnabled: boolean;
         theme: import("@excalidraw/element/types").Theme;
@@ -882,32 +837,13 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         selectedGroupIds: {
             [groupId: string]: boolean;
         };
-        editingGroupId: string | null;
+        editingGroupId: import("@excalidraw/element/types").GroupId | null;
         width: number;
         height: number;
         offsetTop: number;
         offsetLeft: number;
         fileHandle: import("browser-fs-access").FileSystemHandle | null;
-        collaborators: Map<import("../types").SocketId, Readonly<{
-            pointer?: import("../types").CollaboratorPointer | undefined;
-            button?: "up" | "down" | undefined;
-            selectedElementIds?: Readonly<{
-                [id: string]: true;
-            }> | undefined;
-            username?: string | null | undefined;
-            userState?: import("@excalidraw/common").UserIdleState | undefined;
-            color?: {
-                background: string;
-                stroke: string;
-            } | undefined;
-            avatarUrl?: string | undefined;
-            id?: string | undefined;
-            socketId?: import("../types").SocketId | undefined;
-            isCurrentUser?: boolean | undefined;
-            isInCall?: boolean | undefined;
-            isSpeaking?: boolean | undefined;
-            isMuted?: boolean | undefined;
-        }>>;
+        collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
         stats: {
             open: boolean;
             panels: number;
@@ -920,7 +856,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             shown: true;
             data: import("../charts").Spreadsheet;
         };
-        showHyperlinkPopup: false | "editor" | "info";
+        showHyperlinkPopup: false | "info" | "editor";
         selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
         snapLines: readonly import("../snapping").SnapLine[];
         originSnapOffset: {
@@ -931,33 +867,29 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         userToFollow: import("../types").UserToFollow | null;
         followedBy: Set<import("../types").SocketId>;
         isCropping: boolean;
-        croppingElementId: string | null;
+        croppingElementId: ExcalidrawElement["id"] | null;
         searchMatches: Readonly<{
-            focusedId: string | null;
+            focusedId: ExcalidrawElement["id"] | null;
             matches: readonly import("../types").SearchMatch[];
         }> | null;
         activeLockedId: string | null;
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        bindMode: import("@excalidraw/element/types").BindMode;
     };
     captureUpdate: "EVENTUALLY";
 };
 export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
-    canvasOffsets?: Partial<{
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    }> | undefined;
+    canvasOffsets?: Offsets;
     targetElements: readonly ExcalidrawElement[];
     appState: Readonly<AppState>;
     /** whether to fit content to viewport (beyond >100%) */
     fitToViewport: boolean;
     /** zoom content to cover X of the viewport, when fitToViewport=true */
-    viewportZoomFactor?: number | undefined;
-    minZoom?: number | undefined;
-    maxZoom?: number | undefined;
+    viewportZoomFactor?: number;
+    minZoom?: number;
+    maxZoom?: number;
 }) => {
     appState: {
         scrollX: number;
@@ -972,10 +904,10 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         } | null;
         showWelcomeScreen: boolean;
         isLoading: boolean;
-        errorMessage: import("react").ReactNode;
+        errorMessage: React.ReactNode;
         activeEmbeddable: {
             element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-            state: "active" | "hover";
+            state: "hover" | "active";
         } | null;
         newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
         resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -983,7 +915,10 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
         isBindingEnabled: boolean;
         startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-        suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+        suggestedBinding: {
+            element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+            midPoint?: import("@excalidraw/math").GlobalPoint;
+        } | null;
         frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
         frameRendering: {
             enabled: boolean;
@@ -999,6 +934,10 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             locked: boolean;
             fromSelection: boolean;
         } & import("../types").ActiveTool;
+        preferredSelectionTool: {
+            type: "selection" | "lasso";
+            initialized: boolean;
+        };
         penMode: boolean;
         penDetected: boolean;
         exportBackground: boolean;
@@ -1007,42 +946,44 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         exportScale: number;
         currentItemStrokeColor: string;
         currentItemBackgroundColor: string;
-        currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+        currentItemFillStyle: ExcalidrawElement["fillStyle"];
         currentItemStrokeWidth: number;
-        currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+        currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
         currentItemRoughness: number;
         currentItemOpacity: number;
-        currentItemFontFamily: number;
+        currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
         currentItemFontSize: number;
-        currentItemTextAlign: string;
+        currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
         currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
         currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-        currentHoveredFontFamily: number | null;
+        currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
         currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-        currentItemArrowType: "round" | "sharp" | "elbow";
+        currentItemArrowType: "sharp" | "round" | "elbow";
         viewBackgroundColor: string;
         cursorButton: "up" | "down";
         scrolledOutside: boolean;
         name: string | null;
         isResizing: boolean;
         isRotating: boolean;
-        openMenu: "canvas" | "shape" | null;
-        openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+        openMenu: "canvas" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
         openSidebar: {
-            name: string;
-            tab?: string | undefined;
+            name: import("../types").SidebarName;
+            tab?: import("../types").SidebarTabName;
         } | null;
-        openDialog: {
+        openDialog: null | {
             name: "imageExport" | "help" | "jsonExport";
         } | {
             name: "ttd";
-            tab: "mermaid" | "text-to-diagram";
+            tab: "text-to-diagram" | "mermaid";
         } | {
             name: "commandPalette";
+        } | {
+            name: "settings";
         } | {
             name: "elementLinkSelector";
-            sourceElementId: string;
-        } | null;
+            sourceElementId: ExcalidrawElement["id"];
+        };
         defaultSidebarDockedPreference: boolean;
         lastPointerDownWith: import("@excalidraw/element/types").PointerType;
         selectedElementIds: Readonly<{
@@ -1058,8 +999,8 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         shouldCacheIgnoreZoom: boolean;
         toast: {
             message: string;
-            closable?: boolean | undefined;
-            duration?: number | undefined;
+            closable?: boolean;
+            duration?: number;
         } | null;
         zenModeEnabled: boolean;
         theme: import("@excalidraw/element/types").Theme;
@@ -1070,32 +1011,13 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         selectedGroupIds: {
             [groupId: string]: boolean;
         };
-        editingGroupId: string | null;
+        editingGroupId: import("@excalidraw/element/types").GroupId | null;
         width: number;
         height: number;
         offsetTop: number;
         offsetLeft: number;
         fileHandle: import("browser-fs-access").FileSystemHandle | null;
-        collaborators: Map<import("../types").SocketId, Readonly<{
-            pointer?: import("../types").CollaboratorPointer | undefined;
-            button?: "up" | "down" | undefined;
-            selectedElementIds?: Readonly<{
-                [id: string]: true;
-            }> | undefined;
-            username?: string | null | undefined;
-            userState?: import("@excalidraw/common").UserIdleState | undefined;
-            color?: {
-                background: string;
-                stroke: string;
-            } | undefined;
-            avatarUrl?: string | undefined;
-            id?: string | undefined;
-            socketId?: import("../types").SocketId | undefined;
-            isCurrentUser?: boolean | undefined;
-            isInCall?: boolean | undefined;
-            isSpeaking?: boolean | undefined;
-            isMuted?: boolean | undefined;
-        }>>;
+        collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
         stats: {
             open: boolean;
             panels: number;
@@ -1108,7 +1030,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             shown: true;
             data: import("../charts").Spreadsheet;
         };
-        showHyperlinkPopup: false | "editor" | "info";
+        showHyperlinkPopup: false | "info" | "editor";
         selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
         snapLines: readonly import("../snapping").SnapLine[];
         originSnapOffset: {
@@ -1119,15 +1041,16 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         userToFollow: import("../types").UserToFollow | null;
         followedBy: Set<import("../types").SocketId>;
         isCropping: boolean;
-        croppingElementId: string | null;
+        croppingElementId: ExcalidrawElement["id"] | null;
         searchMatches: Readonly<{
-            focusedId: string | null;
+            focusedId: ExcalidrawElement["id"] | null;
             matches: readonly import("../types").SearchMatch[];
         }> | null;
         activeLockedId: string | null;
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        bindMode: import("@excalidraw/element/types").BindMode;
     };
     captureUpdate: "EVENTUALLY";
 };
@@ -1138,7 +1061,7 @@ export declare const actionZoomToFitSelectionInViewport: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1152,10 +1075,10 @@ export declare const actionZoomToFitSelectionInViewport: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1163,7 +1086,10 @@ export declare const actionZoomToFitSelectionInViewport: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1179,6 +1105,10 @@ export declare const actionZoomToFitSelectionInViewport: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1187,42 +1117,44 @@ export declare const actionZoomToFitSelectionInViewport: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1238,8 +1170,8 @@ export declare const actionZoomToFitSelectionInViewport: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -1250,32 +1182,13 @@ export declare const actionZoomToFitSelectionInViewport: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -1288,7 +1201,7 @@ export declare const actionZoomToFitSelectionInViewport: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1299,15 +1212,16 @@ export declare const actionZoomToFitSelectionInViewport: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1322,7 +1236,7 @@ export declare const actionZoomToFitSelection: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1336,10 +1250,10 @@ export declare const actionZoomToFitSelection: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1347,7 +1261,10 @@ export declare const actionZoomToFitSelection: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1363,6 +1280,10 @@ export declare const actionZoomToFitSelection: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1371,42 +1292,44 @@ export declare const actionZoomToFitSelection: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1422,8 +1345,8 @@ export declare const actionZoomToFitSelection: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -1434,32 +1357,13 @@ export declare const actionZoomToFitSelection: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -1472,7 +1376,7 @@ export declare const actionZoomToFitSelection: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1483,15 +1387,16 @@ export declare const actionZoomToFitSelection: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1507,7 +1412,7 @@ export declare const actionZoomToFit: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
@@ -1521,10 +1426,10 @@ export declare const actionZoomToFit: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1532,7 +1437,10 @@ export declare const actionZoomToFit: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1548,6 +1456,10 @@ export declare const actionZoomToFit: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1556,42 +1468,44 @@ export declare const actionZoomToFit: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1607,8 +1521,8 @@ export declare const actionZoomToFit: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -1619,32 +1533,13 @@ export declare const actionZoomToFit: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -1657,7 +1552,7 @@ export declare const actionZoomToFit: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1668,15 +1563,16 @@ export declare const actionZoomToFit: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1684,192 +1580,8 @@ export declare const actionZoomToFit: {
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
-export declare const actionToggleTheme: {
-    name: "toggleTheme";
-    label: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>) => "buttons.lightMode" | "buttons.darkMode";
-    keywords: string[];
-    icon: (appState: import("../types").UIAppState) => import("react/jsx-runtime").JSX.Element;
-    viewMode: true;
-    trackEvent: {
-        category: "canvas";
-    };
-    perform: (_: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
-        appState: {
-            theme: any;
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
-            } | 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<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            isBindingEnabled: boolean;
-            startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
-            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-                fromSelection: boolean;
-            } & import("../types").ActiveTool;
-            penMode: boolean;
-            penDetected: boolean;
-            exportBackground: boolean;
-            exportEmbedScene: boolean;
-            exportWithDarkMode: boolean;
-            exportScale: number;
-            currentItemStrokeColor: string;
-            currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
-            currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            currentItemRoughness: number;
-            currentItemOpacity: number;
-            currentItemFontFamily: number;
-            currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
-            } | {
-                name: "commandPalette";
-            } | {
-                name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
-            selectedElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            hoveredElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            gridSize: number;
-            gridStep: number;
-            gridModeEnabled: boolean;
-            viewModeEnabled: boolean;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            stats: {
-                open: boolean;
-                panels: number;
-            };
-            currentChartType: import("@excalidraw/element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
-            showHyperlinkPopup: false | "editor" | "info";
-            selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-            isCropping: boolean;
-            croppingElementId: string | null;
-            searchMatches: Readonly<{
-                focusedId: string | null;
-                matches: readonly import("../types").SearchMatch[];
-            }> | null;
-            activeLockedId: string | null;
-            lockedMultiSelections: {
-                [groupId: string]: true;
-            };
-        };
-        captureUpdate: "EVENTUALLY";
-    };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
-} & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+export declare const actionToggleTheme: import("./types").Action<import("@excalidraw/element/types").Theme> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionToggleEraserTool: {
     name: "toggleEraserTool";
@@ -1877,7 +1589,7 @@ export declare const actionToggleEraserTool: {
     trackEvent: {
         category: "toolbar";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -1894,14 +1606,17 @@ export declare const actionToggleEraserTool: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             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<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1912,6 +1627,10 @@ export declare const actionToggleEraserTool: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1920,19 +1639,19 @@ export declare const actionToggleEraserTool: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -1941,26 +1660,26 @@ export declare const actionToggleEraserTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            zoom: import("../types").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             hoveredElementIds: Readonly<{
@@ -1973,8 +1692,8 @@ export declare const actionToggleEraserTool: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -1982,32 +1701,13 @@ export declare const actionToggleEraserTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -2020,7 +1720,7 @@ export declare const actionToggleEraserTool: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2031,15 +1731,16 @@ export declare const actionToggleEraserTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2054,7 +1755,8 @@ export declare const actionToggleLassoTool: {
     trackEvent: {
         category: "toolbar";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -2071,14 +1773,17 @@ export declare const actionToggleLassoTool: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             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<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -2089,6 +1794,10 @@ export declare const actionToggleLassoTool: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2097,19 +1806,19 @@ export declare const actionToggleLassoTool: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -2118,26 +1827,26 @@ export declare const actionToggleLassoTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            zoom: import("../types").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             hoveredElementIds: Readonly<{
@@ -2150,8 +1859,8 @@ export declare const actionToggleLassoTool: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -2159,32 +1868,13 @@ export declare const actionToggleLassoTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -2197,7 +1887,7 @@ export declare const actionToggleLassoTool: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2208,15 +1898,16 @@ export declare const actionToggleLassoTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "NEVER";
     };
@@ -2231,7 +1922,7 @@ export declare const actionToggleHandTool: {
     };
     icon: import("react/jsx-runtime").JSX.Element;
     viewMode: false;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -2248,14 +1939,17 @@ export declare const actionToggleHandTool: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             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<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -2266,6 +1960,10 @@ export declare const actionToggleHandTool: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2274,19 +1972,19 @@ export declare const actionToggleHandTool: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -2295,26 +1993,26 @@ export declare const actionToggleHandTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            zoom: import("../types").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             hoveredElementIds: Readonly<{
@@ -2327,8 +2025,8 @@ export declare const actionToggleHandTool: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -2336,32 +2034,13 @@ export declare const actionToggleHandTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
@@ -2374,7 +2053,7 @@ export declare const actionToggleHandTool: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2385,15 +2064,16 @@ export declare const actionToggleHandTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     };