@unicom-cloud/ui 0.8.167 → 0.8.169

package/draw/core/actions/actionCanvas.d.ts

@@ -0,0 +1,2147 @@
+import type { SceneBounds } from '../../element';
+import type { DrawElement } from '../../element/types';
+import type { AppState, Offsets } from '../../interface';
+export declare const actionChangeViewBackgroundColor: import("./types").Action<Partial<AppState>> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly DrawElement[], app: import("../../interface").AppClassProperties) => boolean) | undefined;
+};
+export declare const actionClearCanvas: {
+    name: "clearCanvas";
+    label: string;
+    icon: import("react").JSX.Element;
+    trackEvent: {
+        category: "canvas";
+    };
+    predicate: (elements: readonly DrawElement[], appState: AppState, props: import("../..").DrawProps, app: import("../../interface").AppClassProperties) => boolean;
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        elements: import("../../element/types").OrderedDrawElement[];
+        appState: {
+            files: {};
+            theme: import("../../element/types").Theme;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            name: string | null;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            zoom: import("../../interface").Zoom;
+            viewModeEnabled: boolean;
+            zenModeEnabled: boolean;
+            objectsSnapModeEnabled: boolean;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            currentChartType: import("../../element/types").ChartType;
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "IMMEDIATELY";
+    };
+} & {
+    keyTest?: undefined;
+};
+export declare const actionZoomIn: {
+    name: "zoomIn";
+    label: string;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionZoomOut: {
+    name: "zoomOut";
+    label: string;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionResetZoom: {
+    name: "resetZoom";
+    label: string;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionManualZoom: {
+    name: "zoomManual";
+    label: string;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+} & {
+    keyTest?: undefined;
+};
+export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
+    bounds: SceneBounds;
+    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;
+    minZoom?: number;
+    maxZoom?: number;
+}) => {
+    appState: {
+        scrollX: number;
+        scrollY: number;
+        zoom: {
+            value: import("../../interface").NormalizedZoomValue;
+        };
+        contextMenu: {
+            items: import("../components/ContextMenu").ContextMenuItems;
+            top: number;
+            left: number;
+        } | null;
+        showWelcomeScreen: boolean;
+        isLoading: boolean;
+        errorMessage: React.ReactNode;
+        activeEmbeddable: {
+            element: import("../../element/types").NonDeletedDrawElement;
+            state: "hover" | "active";
+        } | null;
+        newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+        resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+        multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+        selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+        isBindingEnabled: boolean;
+        startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+        suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+        frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+        frameRendering: {
+            enabled: boolean;
+            name: boolean;
+            outline: boolean;
+            clip: boolean;
+        };
+        editingFrame: string | null;
+        elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+        editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+        activeTool: {
+            lastActiveTool: import("../../interface").ActiveTool | null;
+            locked: boolean;
+            fromSelection: boolean;
+        } & import("../../interface").ActiveTool;
+        preferredSelectionTool: {
+            type: "selection" | "lasso";
+            initialized: boolean;
+        };
+        penMode: boolean;
+        penDetected: boolean;
+        exportBackground: boolean;
+        exportEmbedScene: boolean;
+        exportWithDarkMode: boolean;
+        exportScale: number;
+        currentItemStrokeColor: string;
+        currentItemBackgroundColor: string;
+        currentItemFillStyle: DrawElement["fillStyle"];
+        currentItemStrokeWidth: number;
+        currentItemStrokeStyle: DrawElement["strokeStyle"];
+        currentItemRoughness: number;
+        currentItemOpacity: number;
+        currentItemFontFamily: import("../../element/types").FontFamilyValues;
+        currentItemFontSize: number;
+        currentItemTextAlign: import("../../element/types").TextAlign;
+        currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+        currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+        currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+        currentItemRoundness: import("../../element/types").StrokeRoundness;
+        currentItemArrowType: "sharp" | "round" | "elbow";
+        viewBackgroundColor: string;
+        cursorButton: "up" | "down";
+        scrolledOutside: boolean;
+        name: string | null;
+        isResizing: boolean;
+        isRotating: boolean;
+        openMenu: "canvas" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+        openSidebar: {
+            name: import("../../interface").SidebarName;
+            tab?: import("../../interface").SidebarTabName;
+        } | null;
+        openDialog: null | {
+            name: "imageExport" | "help" | "jsonExport";
+        } | {
+            name: "commandPalette";
+        } | {
+            name: "settings";
+        } | {
+            name: "elementLinkSelector";
+            sourceElementId: DrawElement["id"];
+        };
+        defaultSidebarDockedPreference: boolean;
+        lastPointerDownWith: import("../../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;
+            duration?: number;
+        } | null;
+        zenModeEnabled: boolean;
+        theme: import("../../element/types").Theme;
+        gridSize: number;
+        gridStep: number;
+        gridModeEnabled: boolean;
+        viewModeEnabled: boolean;
+        selectedGroupIds: {
+            [groupId: string]: boolean;
+        };
+        editingGroupId: import("../../element/types").GroupId | null;
+        width: number;
+        height: number;
+        offsetTop: number;
+        offsetLeft: number;
+        fileHandle: import("../data/filesystem").FileSystemHandle | null;
+        collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+        stats: {
+            open: boolean;
+            panels: number;
+        };
+        currentChartType: import("../../element/types").ChartType;
+        pasteDialog: {
+            shown: false;
+            data: null;
+        } | {
+            shown: true;
+            data: import("../charts").Spreadsheet;
+        };
+        selectedLinearElement: import("../../element").LinearElementEditor | null;
+        snapLines: readonly import("../snapping").SnapLine[];
+        originSnapOffset: {
+            x: number;
+            y: number;
+        } | null;
+        objectsSnapModeEnabled: boolean;
+        followedBy: Set<import("../../interface").SocketId>;
+        isCropping: boolean;
+        croppingElementId: DrawElement["id"] | null;
+        searchMatches: Readonly<{
+            focusedId: DrawElement["id"] | null;
+            matches: readonly import("../../interface").SearchMatch[];
+        }> | null;
+        activeLockedId: string | null;
+        lockedMultiSelections: {
+            [groupId: string]: true;
+        };
+        bindMode: import("../../element/types").BindMode;
+    };
+    captureUpdate: "EVENTUALLY";
+};
+export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
+    canvasOffsets?: Offsets;
+    targetElements: readonly DrawElement[];
+    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;
+    minZoom?: number;
+    maxZoom?: number;
+}) => {
+    appState: {
+        scrollX: number;
+        scrollY: number;
+        zoom: {
+            value: import("../../interface").NormalizedZoomValue;
+        };
+        contextMenu: {
+            items: import("../components/ContextMenu").ContextMenuItems;
+            top: number;
+            left: number;
+        } | null;
+        showWelcomeScreen: boolean;
+        isLoading: boolean;
+        errorMessage: React.ReactNode;
+        activeEmbeddable: {
+            element: import("../../element/types").NonDeletedDrawElement;
+            state: "hover" | "active";
+        } | null;
+        newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+        resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+        multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+        selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+        isBindingEnabled: boolean;
+        startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+        suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+        frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+        frameRendering: {
+            enabled: boolean;
+            name: boolean;
+            outline: boolean;
+            clip: boolean;
+        };
+        editingFrame: string | null;
+        elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+        editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+        activeTool: {
+            lastActiveTool: import("../../interface").ActiveTool | null;
+            locked: boolean;
+            fromSelection: boolean;
+        } & import("../../interface").ActiveTool;
+        preferredSelectionTool: {
+            type: "selection" | "lasso";
+            initialized: boolean;
+        };
+        penMode: boolean;
+        penDetected: boolean;
+        exportBackground: boolean;
+        exportEmbedScene: boolean;
+        exportWithDarkMode: boolean;
+        exportScale: number;
+        currentItemStrokeColor: string;
+        currentItemBackgroundColor: string;
+        currentItemFillStyle: DrawElement["fillStyle"];
+        currentItemStrokeWidth: number;
+        currentItemStrokeStyle: DrawElement["strokeStyle"];
+        currentItemRoughness: number;
+        currentItemOpacity: number;
+        currentItemFontFamily: import("../../element/types").FontFamilyValues;
+        currentItemFontSize: number;
+        currentItemTextAlign: import("../../element/types").TextAlign;
+        currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+        currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+        currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+        currentItemRoundness: import("../../element/types").StrokeRoundness;
+        currentItemArrowType: "sharp" | "round" | "elbow";
+        viewBackgroundColor: string;
+        cursorButton: "up" | "down";
+        scrolledOutside: boolean;
+        name: string | null;
+        isResizing: boolean;
+        isRotating: boolean;
+        openMenu: "canvas" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+        openSidebar: {
+            name: import("../../interface").SidebarName;
+            tab?: import("../../interface").SidebarTabName;
+        } | null;
+        openDialog: null | {
+            name: "imageExport" | "help" | "jsonExport";
+        } | {
+            name: "commandPalette";
+        } | {
+            name: "settings";
+        } | {
+            name: "elementLinkSelector";
+            sourceElementId: DrawElement["id"];
+        };
+        defaultSidebarDockedPreference: boolean;
+        lastPointerDownWith: import("../../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;
+            duration?: number;
+        } | null;
+        zenModeEnabled: boolean;
+        theme: import("../../element/types").Theme;
+        gridSize: number;
+        gridStep: number;
+        gridModeEnabled: boolean;
+        viewModeEnabled: boolean;
+        selectedGroupIds: {
+            [groupId: string]: boolean;
+        };
+        editingGroupId: import("../../element/types").GroupId | null;
+        width: number;
+        height: number;
+        offsetTop: number;
+        offsetLeft: number;
+        fileHandle: import("../data/filesystem").FileSystemHandle | null;
+        collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+        stats: {
+            open: boolean;
+            panels: number;
+        };
+        currentChartType: import("../../element/types").ChartType;
+        pasteDialog: {
+            shown: false;
+            data: null;
+        } | {
+            shown: true;
+            data: import("../charts").Spreadsheet;
+        };
+        selectedLinearElement: import("../../element").LinearElementEditor | null;
+        snapLines: readonly import("../snapping").SnapLine[];
+        originSnapOffset: {
+            x: number;
+            y: number;
+        } | null;
+        objectsSnapModeEnabled: boolean;
+        followedBy: Set<import("../../interface").SocketId>;
+        isCropping: boolean;
+        croppingElementId: DrawElement["id"] | null;
+        searchMatches: Readonly<{
+            focusedId: DrawElement["id"] | null;
+            matches: readonly import("../../interface").SearchMatch[];
+        }> | null;
+        activeLockedId: string | null;
+        lockedMultiSelections: {
+            [groupId: string]: true;
+        };
+        bindMode: import("../../element/types").BindMode;
+    };
+    captureUpdate: "EVENTUALLY";
+};
+export declare const actionZoomToFitSelectionInViewport: {
+    name: "zoomToFitSelectionInViewport";
+    label: string;
+    icon: import("react").JSX.Element;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionZoomToFitSelection: {
+    name: "zoomToFitSelection";
+    label: string;
+    icon: import("react").JSX.Element;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionZoomToFit: {
+    name: "zoomToFit";
+    label: string;
+    icon: import("react").JSX.Element;
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            scrollX: number;
+            scrollY: number;
+            zoom: {
+                value: import("../../interface").NormalizedZoomValue;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("../../element/types").NonDeletedDrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../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;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "EVENTUALLY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionToggleTheme: import("./types").Action<import("../../element/types").Theme> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly DrawElement[], app: import("../../interface").AppClassProperties) => boolean) | undefined;
+};
+export declare const actionToggleEraserTool: {
+    name: "toggleEraserTool";
+    label: string;
+    trackEvent: {
+        category: "toolbar";
+    };
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            selectedElementIds: {};
+            selectedGroupIds: {};
+            activeEmbeddable: null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../element/types").PointerType;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "IMMEDIATELY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};
+export declare const actionToggleLassoTool: {
+    name: "toggleLassoTool";
+    label: string;
+    icon: import("react").JSX.Element;
+    trackEvent: {
+        category: "toolbar";
+    };
+    predicate: (elements: readonly DrawElement[], appState: AppState, props: import("../..").DrawProps, app: import("../../interface").AppClassProperties) => boolean;
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            selectedElementIds: {};
+            selectedGroupIds: {};
+            activeEmbeddable: null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../element/types").PointerType;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "NEVER";
+    };
+} & {
+    keyTest?: undefined;
+};
+export declare const actionToggleHandTool: {
+    name: "toggleHandTool";
+    label: string;
+    trackEvent: {
+        category: "toolbar";
+    };
+    icon: import("react").JSX.Element;
+    viewMode: false;
+    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+        appState: {
+            selectedElementIds: {};
+            selectedGroupIds: {};
+            activeEmbeddable: null;
+            activeTool: {
+                lastActiveTool: import("../../interface").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../../interface").ActiveTool;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
+            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: DrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: DrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../../element/types").TextAlign;
+            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../../interface").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../../interface").SidebarName;
+                tab?: import("../../interface").SidebarTabName;
+            } | null;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: DrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../../element/types").PointerType;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            editingGroupId: import("../../element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("../data/filesystem").FileSystemHandle | null;
+            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            followedBy: Set<import("../../interface").SocketId>;
+            isCropping: boolean;
+            croppingElementId: DrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: DrawElement["id"] | null;
+                matches: readonly import("../../interface").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("../../element/types").BindMode;
+        };
+        captureUpdate: "IMMEDIATELY";
+    };
+    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+} & {
+    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+};