@excalidraw/common 0.18.0-d1f3982 → 0.18.0-d9e8a33

package/dist/types/excalidraw/actions/actionFrame.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState } from "../types";
 export declare const actionSelectAllElementsInFrame: {
@@ -7,7 +6,7 @@ export declare const actionSelectAllElementsInFrame: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
         elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
         appState: {
             selectedElementIds: Record<string, true>;
@@ -18,18 +17,24 @@ export declare const actionSelectAllElementsInFrame: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
+            boxSelectionMode: import("../types").BoxSelectionMode;
+            bindingPreference: "enabled" | "disabled";
+            isMidpointSnappingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -39,7 +44,7 @@ export declare const actionSelectAllElementsInFrame: {
             };
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -57,19 +62,19 @@ export declare const actionSelectAllElementsInFrame: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -78,26 +83,30 @@ export declare const actionSelectAllElementsInFrame: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            } | {
+                name: "charts";
+                data: import("../charts").Spreadsheet;
+                rawText: string;
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             hoveredElementIds: Readonly<{
@@ -109,9 +118,9 @@ export declare const actionSelectAllElementsInFrame: {
             selectedElementsAreBeingDragged: boolean;
             shouldCacheIgnoreZoom: boolean;
             toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                message: React.ReactNode;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -122,44 +131,17 @@ export declare const actionSelectAllElementsInFrame: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            fileHandle: FileSystemFileHandle | null;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("@excalidraw/element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
             showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -171,15 +153,16 @@ export declare const actionSelectAllElementsInFrame: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     } | {
@@ -197,7 +180,7 @@ export declare const actionRemoveAllElementsFromFrame: {
     trackEvent: {
         category: "history";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
         elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
         appState: {
             selectedElementIds: {
@@ -210,18 +193,24 @@ export declare const actionRemoveAllElementsFromFrame: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
+            boxSelectionMode: import("../types").BoxSelectionMode;
+            bindingPreference: "enabled" | "disabled";
+            isMidpointSnappingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -231,7 +220,7 @@ export declare const actionRemoveAllElementsFromFrame: {
             };
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -249,19 +238,19 @@ export declare const actionRemoveAllElementsFromFrame: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -270,26 +259,30 @@ export declare const actionRemoveAllElementsFromFrame: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            } | {
+                name: "charts";
+                data: import("../charts").Spreadsheet;
+                rawText: string;
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             hoveredElementIds: Readonly<{
@@ -301,9 +294,9 @@ export declare const actionRemoveAllElementsFromFrame: {
             selectedElementsAreBeingDragged: boolean;
             shouldCacheIgnoreZoom: boolean;
             toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                message: React.ReactNode;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -314,44 +307,17 @@ export declare const actionRemoveAllElementsFromFrame: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            fileHandle: FileSystemFileHandle | null;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("@excalidraw/element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
             showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -363,15 +329,16 @@ export declare const actionRemoveAllElementsFromFrame: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     } | {
@@ -406,22 +373,28 @@ export declare const actionupdateFrameRendering: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
+            boxSelectionMode: import("../types").BoxSelectionMode;
+            bindingPreference: "enabled" | "disabled";
+            isMidpointSnappingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -439,19 +412,19 @@ export declare const actionupdateFrameRendering: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -460,26 +433,30 @@ export declare const actionupdateFrameRendering: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            } | {
+                name: "charts";
+                data: import("../charts").Spreadsheet;
+                rawText: string;
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -494,9 +471,9 @@ export declare const actionupdateFrameRendering: {
             selectedElementsAreBeingDragged: boolean;
             shouldCacheIgnoreZoom: boolean;
             toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                message: React.ReactNode;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -507,44 +484,17 @@ export declare const actionupdateFrameRendering: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            fileHandle: FileSystemFileHandle | null;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("@excalidraw/element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
             showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -556,15 +506,16 @@ export declare const actionupdateFrameRendering: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -580,7 +531,7 @@ export declare const actionSetFrameAsActiveTool: {
     };
     icon: import("react/jsx-runtime").JSX.Element;
     viewMode: false;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
         elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
         appState: {
             activeTool: {
@@ -595,18 +546,24 @@ export declare const actionSetFrameAsActiveTool: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
+            boxSelectionMode: import("../types").BoxSelectionMode;
+            bindingPreference: "enabled" | "disabled";
+            isMidpointSnappingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            suggestedBinding: {
+                element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@excalidraw/math").GlobalPoint;
+            } | null;
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -616,7 +573,7 @@ export declare const actionSetFrameAsActiveTool: {
             };
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -629,19 +586,19 @@ export declare const actionSetFrameAsActiveTool: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
+            currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
+            currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
+            currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -650,26 +607,30 @@ export declare const actionSetFrameAsActiveTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: ExcalidrawElement["id"];
+            } | {
+                name: "charts";
+                data: import("../charts").Spreadsheet;
+                rawText: string;
+            };
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -684,9 +645,9 @@ export declare const actionSetFrameAsActiveTool: {
             selectedElementsAreBeingDragged: boolean;
             shouldCacheIgnoreZoom: boolean;
             toast: {
-                message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                message: React.ReactNode;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
             theme: import("@excalidraw/element/types").Theme;
@@ -697,44 +658,17 @@ export declare const actionSetFrameAsActiveTool: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            fileHandle: FileSystemFileHandle | null;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("@excalidraw/element/types").ChartType;
-            pasteDialog: {
-                shown: false;
-                data: null;
-            } | {
-                shown: true;
-                data: import("../charts").Spreadsheet;
-            };
             showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -746,15 +680,16 @@ export declare const actionSetFrameAsActiveTool: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -769,7 +704,7 @@ export declare const actionWrapSelectionInFrame: {
         category: "element";
     };
     predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
         elements: ((Readonly<{
             id: string;
             x: number;
@@ -779,43 +714,34 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & Readonly<{
-            type: "text";
-            fontSize: number;
-            fontFamily: number;
-            text: string;
-            textAlign: string;
-            verticalAlign: string;
-            containerId: string | null;
-            originalText: string;
-            autoResize: boolean;
-            lineHeight: number & {
-                _brand: "unitlessLineHeight";
-            };
+            type: "line" | "arrow";
+            points: readonly import("@excalidraw/math").LocalPoint[];
+            startBinding: import("@excalidraw/element/types").FixedPointBinding | null;
+            endBinding: import("@excalidraw/element/types").FixedPointBinding | null;
+            startArrowhead: import("@excalidraw/element/types").Arrowhead | null;
+            endArrowhead: import("@excalidraw/element/types").Arrowhead | null;
         }> & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -827,32 +753,29 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & {
-            type: "rectangle";
+            type: "selection";
         } & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -864,32 +787,29 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & {
-            type: "diamond";
+            type: "rectangle";
         } & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -901,33 +821,29 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & {
-            type: "frame";
-            name: string | null;
+            type: "diamond";
         } & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -939,33 +855,29 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & {
-            type: "magicframe";
-            name: string | null;
+            type: "ellipse";
         } & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -977,30 +889,27 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & Readonly<{
             type: "embeddable";
         }> & {
@@ -1014,36 +923,32 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & Readonly<{
-            type: "image";
-            fileId: import("@excalidraw/element/types").FileId | null;
-            status: "pending" | "saved" | "error";
-            scale: [number, number];
-            crop: import("@excalidraw/element/types").ImageCrop | null;
+            type: "iframe";
+            customData?: {
+                generationData?: import("@excalidraw/element/types").MagicGenerationData;
+            };
         }> & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1055,35 +960,33 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & Readonly<{
-            type: "iframe";
-            customData?: {
-                generationData?: import("@excalidraw/element/types").MagicGenerationData | undefined;
-            } | undefined;
+            type: "image";
+            fileId: import("@excalidraw/element/types").FileId | null;
+            status: "pending" | "saved" | "error";
+            scale: [number, number];
+            crop: import("@excalidraw/element/types").ImageCrop | null;
         }> & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1095,32 +998,30 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & {
-            type: "selection";
+            type: "frame";
+            name: string | null;
         } & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1132,32 +1033,30 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & {
-            type: "ellipse";
+            type: "magicframe";
+            name: string | null;
         } & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1169,38 +1068,40 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & Readonly<{
-            type: "line" | "arrow";
-            points: readonly import("../../math/src").LocalPoint[];
-            lastCommittedPoint: import("../../math/src").LocalPoint | null;
-            startBinding: import("@excalidraw/element/types").PointBinding | null;
-            endBinding: import("@excalidraw/element/types").PointBinding | null;
-            startArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-            endArrowhead: import("@excalidraw/element/types").Arrowhead | null;
+            type: "text";
+            fontSize: number;
+            fontFamily: import("@excalidraw/element/types").FontFamilyValues;
+            text: string;
+            textAlign: import("@excalidraw/element/types").TextAlign;
+            verticalAlign: import("@excalidraw/element/types").VerticalAlign;
+            containerId: import("@excalidraw/element/types").ExcalidrawGenericElement["id"] | null;
+            originalText: string;
+            autoResize: boolean;
+            lineHeight: number & {
+                _brand: "unitlessLineHeight";
+            };
         }> & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1212,36 +1113,32 @@ export declare const actionWrapSelectionInFrame: {
             fillStyle: import("@excalidraw/element/types").FillStyle;
             strokeWidth: number;
             strokeStyle: import("@excalidraw/element/types").StrokeStyle;
-            roundness: {
+            roundness: null | {
                 type: import("@excalidraw/element/types").RoundnessType;
-                value?: number | undefined;
-            } | null;
+                value?: number;
+            };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../math/src").Radians;
+            angle: import("@excalidraw/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
             index: import("@excalidraw/element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly string[];
+            groupIds: readonly import("@excalidraw/element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly Readonly<{
-                id: string;
-                type: "text" | "arrow";
-            }>[] | null;
+            boundElements: readonly import("@excalidraw/element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
-            customData?: Record<string, any> | undefined;
+            customData?: Record<string, any>;
         }> & Readonly<{
             type: "freedraw";
-            points: readonly import("../../math/src").LocalPoint[];
+            points: readonly import("@excalidraw/math").LocalPoint[];
             pressures: readonly number[];
             simulatePressure: boolean;
-            lastCommittedPoint: import("../../math/src").LocalPoint | null;
         }> & {
             index: import("@excalidraw/element/types").FractionalIndex;
         }) | import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameElement>)[];