@zsviczian/excalidraw 0.17.6-5 → 0.17.6-7

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

@@ -1,646 +1,646 @@
-import type { ExcalidrawElement } from "../element/types";
-import type { AppClassProperties, AppState } from "../types";
-import { LinearElementEditor } from "../element/linearElementEditor";
-export declare const actionDeleteSelected: {
-    name: "deleteSelectedElements";
-    label: string;
-    icon: JSX.Element;
-    trackEvent: {
-        category: "element";
-        action: string;
-    };
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => false | {
-        elements: import("../element/types").OrderedExcalidrawElement[];
-        appState: {
-            editingLinearElement: null;
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
-            } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-            } & import("../types").ActiveTool;
-            penMode: boolean;
-            penDetected: boolean;
-            exportBackground: boolean;
-            exportEmbedScene: boolean;
-            exportWithDarkMode: boolean;
-            exportScale: number;
-            currentItemStrokeColor: string;
-            currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
-            currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
-            currentItemRoughness: number;
-            currentItemOpacity: number;
-            currentItemFontFamily: number;
-            currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
-            } | {
-                name: "commandPalette";
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            selectedElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
-            gridSize: number;
-            gridStep: number;
-            gridModeEnabled: boolean;
-            viewModeEnabled: boolean;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("../types").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            stats: {
-                open: boolean;
-                panels: number;
-            };
-            currentChartType: import("../element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
-            linkOpacity: number;
-            trayModeEnabled: boolean;
-            colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
-                topPicks: {
-                    canvasBackground: [string, string, string, string, string];
-                    elementStroke: [string, string, string, string, string];
-                    elementBackground: [string, string, string, string, string];
-                };
-            } | undefined;
-            allowWheelZoom?: boolean | undefined;
-            allowPinchZoom?: boolean | undefined;
-            pinnedScripts?: string[] | undefined;
-            customPens?: any[] | undefined;
-            currentStrokeOptions?: any;
-            resetCustomPen?: any;
-            gridColor: {
-                Bold: string;
-                Regular: string;
-            };
-            highlightSearchResult: boolean;
-            dynamicStyle: {
-                [x: string]: string;
-            };
-            frameColor: {
-                stroke: string;
-                fill: string;
-                nameColor: string;
-            };
-            invertBindingBehaviour: boolean;
-            selectedLinearElement: LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-            isCropping: boolean;
-            croppingElementId: string | null;
-            searchMatches: readonly {
-                id: string;
-                focus: boolean;
-                matchedLines: {
-                    offsetX: number;
-                    offsetY: number;
-                    width: number;
-                    height: number;
-                }[];
-            }[];
-        };
-        storeAction: "capture";
-    } | {
-        elements: readonly import("../element/types").OrderedExcalidrawElement[];
-        appState: {
-            editingLinearElement: {
-                selectedPointsIndices: number[];
-                startBindingElement: import("../element/types").ExcalidrawBindableElement | "keep" | null;
-                endBindingElement: import("../element/types").ExcalidrawBindableElement | "keep" | null;
-                elementId: string & {
-                    _brand: "excalidrawLinearElementId";
-                };
-                pointerDownState: Readonly<{
-                    prevSelectedPointsIndices: readonly number[] | null;
-                    lastClickedPoint: number;
-                    lastClickedIsEndPoint: boolean;
-                    origin: Readonly<{
-                        x: number;
-                        y: number;
-                    }> | null;
-                    segmentMidpoint: {
-                        value: import("../../math").GlobalPoint | null;
-                        index: number | null;
-                        added: boolean;
-                    };
-                }>;
-                isDragging: boolean;
-                lastUncommittedPoint: import("../../math").LocalPoint | null;
-                pointerOffset: Readonly<{
-                    x: number;
-                    y: number;
-                }>;
-                hoverPointIndex: number;
-                segmentMidPointHoveredCoords: import("../../math").GlobalPoint | null;
-                elbowed: boolean;
-            };
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
-            } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-            } & import("../types").ActiveTool;
-            penMode: boolean;
-            penDetected: boolean;
-            exportBackground: boolean;
-            exportEmbedScene: boolean;
-            exportWithDarkMode: boolean;
-            exportScale: number;
-            currentItemStrokeColor: string;
-            currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
-            currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
-            currentItemRoughness: number;
-            currentItemOpacity: number;
-            currentItemFontFamily: number;
-            currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
-            } | {
-                name: "commandPalette";
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            selectedElementIds: Readonly<{
-                [id: string]: true;
-            }>;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
-            gridSize: number;
-            gridStep: number;
-            gridModeEnabled: boolean;
-            viewModeEnabled: boolean;
-            selectedGroupIds: {
-                [groupId: string]: boolean;
-            };
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("../types").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            stats: {
-                open: boolean;
-                panels: number;
-            };
-            currentChartType: import("../element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
-            linkOpacity: number;
-            trayModeEnabled: boolean;
-            colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
-                topPicks: {
-                    canvasBackground: [string, string, string, string, string];
-                    elementStroke: [string, string, string, string, string];
-                    elementBackground: [string, string, string, string, string];
-                };
-            } | undefined;
-            allowWheelZoom?: boolean | undefined;
-            allowPinchZoom?: boolean | undefined;
-            pinnedScripts?: string[] | undefined;
-            customPens?: any[] | undefined;
-            currentStrokeOptions?: any;
-            resetCustomPen?: any;
-            gridColor: {
-                Bold: string;
-                Regular: string;
-            };
-            highlightSearchResult: boolean;
-            dynamicStyle: {
-                [x: string]: string;
-            };
-            frameColor: {
-                stroke: string;
-                fill: string;
-                nameColor: string;
-            };
-            invertBindingBehaviour: boolean;
-            selectedLinearElement: LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-            isCropping: boolean;
-            croppingElementId: string | null;
-            searchMatches: readonly {
-                id: string;
-                focus: boolean;
-                matchedLines: {
-                    offsetX: number;
-                    offsetY: number;
-                    width: number;
-                    height: number;
-                }[];
-            }[];
-        };
-        storeAction: "capture";
-    } | {
-        elements: ExcalidrawElement[];
-        appState: {
-            activeTool: {
-                lastActiveTool: import("../types").ActiveTool | null;
-                locked: boolean;
-            } & import("../types").ActiveTool;
-            multiElement: null;
-            activeEmbeddable: null;
-            selectedElementIds: {};
-            selectedGroupIds: {};
-            contextMenu: {
-                items: import("../components/ContextMenu").ContextMenuItems;
-                top: number;
-                left: number;
-            } | null;
-            showWelcomeScreen: boolean;
-            isLoading: boolean;
-            errorMessage: import("react").ReactNode;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
-            editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
-            penMode: boolean;
-            penDetected: boolean;
-            exportBackground: boolean;
-            exportEmbedScene: boolean;
-            exportWithDarkMode: boolean;
-            exportScale: number;
-            currentItemStrokeColor: string;
-            currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
-            currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
-            currentItemRoughness: number;
-            currentItemOpacity: number;
-            currentItemFontFamily: number;
-            currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
-            viewBackgroundColor: string;
-            scrollX: number;
-            scrollY: number;
-            cursorButton: "up" | "down";
-            scrolledOutside: boolean;
-            name: string | null;
-            isResizing: boolean;
-            isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
-            openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
-            openSidebar: {
-                name: string;
-                tab?: string | undefined;
-            } | null;
-            openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
-            } | {
-                name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
-            } | {
-                name: "commandPalette";
-            } | null;
-            defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
-            previousSelectedElementIds: {
-                [id: string]: true;
-            };
-            selectedElementsAreBeingDragged: boolean;
-            shouldCacheIgnoreZoom: boolean;
-            toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
-            } | null;
-            zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
-            gridSize: number;
-            gridStep: number;
-            gridModeEnabled: boolean;
-            viewModeEnabled: boolean;
-            editingGroupId: string | null;
-            width: number;
-            height: number;
-            offsetTop: number;
-            offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("../types").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            stats: {
-                open: boolean;
-                panels: number;
-            };
-            currentChartType: import("../element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
-            linkOpacity: number;
-            trayModeEnabled: boolean;
-            colorPalette?: {
-                canvasBackground: import("../colors").ColorPaletteCustom;
-                elementBackground: import("../colors").ColorPaletteCustom;
-                elementStroke: import("../colors").ColorPaletteCustom;
-                topPicks: {
-                    canvasBackground: [string, string, string, string, string];
-                    elementStroke: [string, string, string, string, string];
-                    elementBackground: [string, string, string, string, string];
-                };
-            } | undefined;
-            allowWheelZoom?: boolean | undefined;
-            allowPinchZoom?: boolean | undefined;
-            pinnedScripts?: string[] | undefined;
-            customPens?: any[] | undefined;
-            currentStrokeOptions?: any;
-            resetCustomPen?: any;
-            gridColor: {
-                Bold: string;
-                Regular: string;
-            };
-            highlightSearchResult: boolean;
-            dynamicStyle: {
-                [x: string]: string;
-            };
-            frameColor: {
-                stroke: string;
-                fill: string;
-                nameColor: string;
-            };
-            invertBindingBehaviour: boolean;
-            selectedLinearElement: LinearElementEditor | null;
-            snapLines: readonly import("../snapping").SnapLine[];
-            originSnapOffset: {
-                x: number;
-                y: number;
-            } | null;
-            objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
-            isCropping: boolean;
-            croppingElementId: string | null;
-            searchMatches: readonly {
-                id: string;
-                focus: boolean;
-                matchedLines: {
-                    offsetX: number;
-                    offsetY: number;
-                    width: number;
-                    height: number;
-                }[];
-            }[];
-        };
-        storeAction: "none" | "capture";
-    };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
-} & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
-};
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
+import { LinearElementEditor } from "../element/linearElementEditor";
+export declare const actionDeleteSelected: {
+    name: "deleteSelectedElements";
+    label: string;
+    icon: JSX.Element;
+    trackEvent: {
+        category: "element";
+        action: string;
+    };
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => false | {
+        elements: import("../element/types").OrderedExcalidrawElement[];
+        appState: {
+            editingLinearElement: null;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            activeEmbeddable: {
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
+            } | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+            } & import("../types").ActiveTool;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, Readonly<{
+                pointer?: import("../types").CollaboratorPointer | undefined;
+                button?: "up" | "down" | undefined;
+                selectedElementIds?: Readonly<{
+                    [id: string]: true;
+                }> | undefined;
+                username?: string | null | undefined;
+                userState?: import("../types").UserIdleState | undefined;
+                color?: {
+                    background: string;
+                    stroke: string;
+                } | undefined;
+                avatarUrl?: string | undefined;
+                id?: string | undefined;
+                socketId?: import("../types").SocketId | undefined;
+                isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
+            }>>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette?: {
+                canvasBackground: import("../colors").ColorPaletteCustom;
+                elementBackground: import("../colors").ColorPaletteCustom;
+                elementStroke: import("../colors").ColorPaletteCustom;
+                topPicks: {
+                    canvasBackground: [string, string, string, string, string];
+                    elementStroke: [string, string, string, string, string];
+                    elementBackground: [string, string, string, string, string];
+                };
+            } | undefined;
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            pinnedScripts?: string[] | undefined;
+            customPens?: any[] | undefined;
+            currentStrokeOptions?: any;
+            resetCustomPen?: any;
+            gridColor: {
+                Bold: string;
+                Regular: string;
+            };
+            highlightSearchResult: boolean;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+                nameColor: string;
+            };
+            invertBindingBehaviour: boolean;
+            selectedLinearElement: LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
+            searchMatches: readonly {
+                id: string;
+                focus: boolean;
+                matchedLines: {
+                    offsetX: number;
+                    offsetY: number;
+                    width: number;
+                    height: number;
+                }[];
+            }[];
+        };
+        storeAction: "capture";
+    } | {
+        elements: readonly import("../element/types").OrderedExcalidrawElement[];
+        appState: {
+            editingLinearElement: {
+                selectedPointsIndices: number[];
+                startBindingElement: import("../element/types").ExcalidrawBindableElement | "keep" | null;
+                endBindingElement: import("../element/types").ExcalidrawBindableElement | "keep" | null;
+                elementId: string & {
+                    _brand: "excalidrawLinearElementId";
+                };
+                pointerDownState: Readonly<{
+                    prevSelectedPointsIndices: readonly number[] | null;
+                    lastClickedPoint: number;
+                    lastClickedIsEndPoint: boolean;
+                    origin: Readonly<{
+                        x: number;
+                        y: number;
+                    }> | null;
+                    segmentMidpoint: {
+                        value: import("../../math").GlobalPoint | null;
+                        index: number | null;
+                        added: boolean;
+                    };
+                }>;
+                isDragging: boolean;
+                lastUncommittedPoint: import("../../math").LocalPoint | null;
+                pointerOffset: Readonly<{
+                    x: number;
+                    y: number;
+                }>;
+                hoverPointIndex: number;
+                segmentMidPointHoveredCoords: import("../../math").GlobalPoint | null;
+                elbowed: boolean;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            activeEmbeddable: {
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
+            } | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+            } & import("../types").ActiveTool;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, Readonly<{
+                pointer?: import("../types").CollaboratorPointer | undefined;
+                button?: "up" | "down" | undefined;
+                selectedElementIds?: Readonly<{
+                    [id: string]: true;
+                }> | undefined;
+                username?: string | null | undefined;
+                userState?: import("../types").UserIdleState | undefined;
+                color?: {
+                    background: string;
+                    stroke: string;
+                } | undefined;
+                avatarUrl?: string | undefined;
+                id?: string | undefined;
+                socketId?: import("../types").SocketId | undefined;
+                isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
+            }>>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette?: {
+                canvasBackground: import("../colors").ColorPaletteCustom;
+                elementBackground: import("../colors").ColorPaletteCustom;
+                elementStroke: import("../colors").ColorPaletteCustom;
+                topPicks: {
+                    canvasBackground: [string, string, string, string, string];
+                    elementStroke: [string, string, string, string, string];
+                    elementBackground: [string, string, string, string, string];
+                };
+            } | undefined;
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            pinnedScripts?: string[] | undefined;
+            customPens?: any[] | undefined;
+            currentStrokeOptions?: any;
+            resetCustomPen?: any;
+            gridColor: {
+                Bold: string;
+                Regular: string;
+            };
+            highlightSearchResult: boolean;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+                nameColor: string;
+            };
+            invertBindingBehaviour: boolean;
+            selectedLinearElement: LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
+            searchMatches: readonly {
+                id: string;
+                focus: boolean;
+                matchedLines: {
+                    offsetX: number;
+                    offsetY: number;
+                    width: number;
+                    height: number;
+                }[];
+            }[];
+        };
+        storeAction: "capture";
+    } | {
+        elements: ExcalidrawElement[];
+        appState: {
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+            } & import("../types").ActiveTool;
+            multiElement: null;
+            activeEmbeddable: null;
+            selectedElementIds: {};
+            selectedGroupIds: {};
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: LinearElementEditor | null;
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: number | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../element/types").Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, Readonly<{
+                pointer?: import("../types").CollaboratorPointer | undefined;
+                button?: "up" | "down" | undefined;
+                selectedElementIds?: Readonly<{
+                    [id: string]: true;
+                }> | undefined;
+                username?: string | null | undefined;
+                userState?: import("../types").UserIdleState | undefined;
+                color?: {
+                    background: string;
+                    stroke: string;
+                } | undefined;
+                avatarUrl?: string | undefined;
+                id?: string | undefined;
+                socketId?: import("../types").SocketId | undefined;
+                isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
+            }>>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette?: {
+                canvasBackground: import("../colors").ColorPaletteCustom;
+                elementBackground: import("../colors").ColorPaletteCustom;
+                elementStroke: import("../colors").ColorPaletteCustom;
+                topPicks: {
+                    canvasBackground: [string, string, string, string, string];
+                    elementStroke: [string, string, string, string, string];
+                    elementBackground: [string, string, string, string, string];
+                };
+            } | undefined;
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            pinnedScripts?: string[] | undefined;
+            customPens?: any[] | undefined;
+            currentStrokeOptions?: any;
+            resetCustomPen?: any;
+            gridColor: {
+                Bold: string;
+                Regular: string;
+            };
+            highlightSearchResult: boolean;
+            dynamicStyle: {
+                [x: string]: string;
+            };
+            frameColor: {
+                stroke: string;
+                fill: string;
+                nameColor: string;
+            };
+            invertBindingBehaviour: boolean;
+            selectedLinearElement: LinearElementEditor | null;
+            snapLines: readonly import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
+            searchMatches: readonly {
+                id: string;
+                focus: boolean;
+                matchedLines: {
+                    offsetX: number;
+                    offsetY: number;
+                    width: number;
+                    height: number;
+                }[];
+            }[];
+        };
+        storeAction: "none" | "capture";
+    };
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean) | undefined;
+};