@excalidraw/excalidraw 0.18.0-817d8c5 → 0.18.0-8608d7b

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

@@ -1,15 +1,15 @@
 /// <reference types="react" />
+import { LinearElementEditor } from "@excalidraw/element";
+import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState, Primitive } from "../types";
-import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
-import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
-export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
+export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], app: AppClassProperties, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
 export declare const actionChangeStrokeColor: {
     name: "changeStrokeColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -17,8 +17,16 @@ export declare const actionChangeBackgroundColor: {
     name: "changeBackgroundColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+        appState: any;
+        captureUpdate: "EVENTUALLY";
+        elements?: undefined;
+    } | {
+        elements: ExcalidrawElement[];
+        appState: any;
+        captureUpdate: "IMMEDIATELY";
+    };
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -26,7 +34,7 @@ export declare const actionChangeFillStyle: {
     name: "changeFillStyle";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFillStyle: any;
@@ -39,17 +47,17 @@ export declare const actionChangeFillStyle: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -57,13 +65,17 @@ export declare const actionChangeFillStyle: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -73,7 +85,7 @@ export declare const actionChangeFillStyle: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -82,7 +94,7 @@ export declare const actionChangeFillStyle: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -96,7 +108,7 @@ export declare const actionChangeFillStyle: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -105,7 +117,7 @@ export declare const actionChangeFillStyle: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -113,7 +125,7 @@ export declare const actionChangeFillStyle: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -131,7 +143,7 @@ export declare const actionChangeFillStyle: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -152,7 +164,7 @@ export declare const actionChangeFillStyle: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -169,7 +181,7 @@ export declare const actionChangeFillStyle: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -177,8 +189,7 @@ export declare const actionChangeFillStyle: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -190,20 +201,19 @@ export declare const actionChangeFillStyle: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -211,7 +221,7 @@ export declare const actionChangeStrokeWidth: {
     name: "changeStrokeWidth";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemStrokeWidth: any;
@@ -224,17 +234,17 @@ export declare const actionChangeStrokeWidth: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -242,13 +252,17 @@ export declare const actionChangeStrokeWidth: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -257,8 +271,8 @@ export declare const actionChangeStrokeWidth: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -267,7 +281,7 @@ export declare const actionChangeStrokeWidth: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -281,7 +295,7 @@ export declare const actionChangeStrokeWidth: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -290,7 +304,7 @@ export declare const actionChangeStrokeWidth: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -298,7 +312,7 @@ export declare const actionChangeStrokeWidth: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -316,7 +330,7 @@ export declare const actionChangeStrokeWidth: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -337,7 +351,7 @@ export declare const actionChangeStrokeWidth: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -354,7 +368,7 @@ export declare const actionChangeStrokeWidth: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -362,8 +376,7 @@ export declare const actionChangeStrokeWidth: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -375,20 +388,19 @@ export declare const actionChangeStrokeWidth: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -396,7 +408,7 @@ export declare const actionChangeSloppiness: {
     name: "changeSloppiness";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemRoughness: any;
@@ -409,17 +421,17 @@ export declare const actionChangeSloppiness: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -427,13 +439,17 @@ export declare const actionChangeSloppiness: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -442,9 +458,9 @@ export declare const actionChangeSloppiness: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemOpacity: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
@@ -452,7 +468,7 @@ export declare const actionChangeSloppiness: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -466,7 +482,7 @@ export declare const actionChangeSloppiness: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -475,7 +491,7 @@ export declare const actionChangeSloppiness: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -483,7 +499,7 @@ export declare const actionChangeSloppiness: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -501,7 +517,7 @@ export declare const actionChangeSloppiness: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -522,7 +538,7 @@ export declare const actionChangeSloppiness: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -539,7 +555,7 @@ export declare const actionChangeSloppiness: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -547,8 +563,7 @@ export declare const actionChangeSloppiness: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -560,20 +575,19 @@ export declare const actionChangeSloppiness: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -581,7 +595,7 @@ export declare const actionChangeStrokeStyle: {
     name: "changeStrokeStyle";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemStrokeStyle: any;
@@ -594,17 +608,17 @@ export declare const actionChangeStrokeStyle: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -612,13 +626,17 @@ export declare const actionChangeStrokeStyle: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -627,7 +645,7 @@ export declare const actionChangeStrokeStyle: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
             currentItemRoughness: number;
             currentItemOpacity: number;
@@ -637,7 +655,7 @@ export declare const actionChangeStrokeStyle: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -651,7 +669,7 @@ export declare const actionChangeStrokeStyle: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -660,7 +678,7 @@ export declare const actionChangeStrokeStyle: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -668,7 +686,7 @@ export declare const actionChangeStrokeStyle: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -686,7 +704,7 @@ export declare const actionChangeStrokeStyle: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -707,7 +725,7 @@ export declare const actionChangeStrokeStyle: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -724,7 +742,7 @@ export declare const actionChangeStrokeStyle: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -732,8 +750,7 @@ export declare const actionChangeStrokeStyle: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -745,20 +762,19 @@ export declare const actionChangeStrokeStyle: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -766,7 +782,7 @@ export declare const actionChangeOpacity: {
     name: "changeOpacity";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemOpacity: any;
@@ -779,17 +795,17 @@ export declare const actionChangeOpacity: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -797,13 +813,17 @@ export declare const actionChangeOpacity: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -812,9 +832,9 @@ export declare const actionChangeOpacity: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemFontFamily: number;
             currentItemFontSize: number;
@@ -822,7 +842,7 @@ export declare const actionChangeOpacity: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -836,7 +856,7 @@ export declare const actionChangeOpacity: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -845,7 +865,7 @@ export declare const actionChangeOpacity: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -853,7 +873,7 @@ export declare const actionChangeOpacity: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -871,7 +891,7 @@ export declare const actionChangeOpacity: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -892,7 +912,7 @@ export declare const actionChangeOpacity: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -909,7 +929,7 @@ export declare const actionChangeOpacity: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -917,8 +937,7 @@ export declare const actionChangeOpacity: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -930,20 +949,19 @@ export declare const actionChangeOpacity: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ app, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -951,7 +969,7 @@ export declare const actionChangeFontSize: {
     name: "changeFontSize";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -964,17 +982,17 @@ export declare const actionChangeFontSize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -982,13 +1000,17 @@ export declare const actionChangeFontSize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -997,9 +1019,9 @@ export declare const actionChangeFontSize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1007,7 +1029,7 @@ export declare const actionChangeFontSize: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1021,7 +1043,7 @@ export declare const actionChangeFontSize: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1030,7 +1052,7 @@ export declare const actionChangeFontSize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1038,7 +1060,7 @@ export declare const actionChangeFontSize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1056,7 +1078,7 @@ export declare const actionChangeFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1077,7 +1099,7 @@ export declare const actionChangeFontSize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1094,7 +1116,7 @@ export declare const actionChangeFontSize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1102,8 +1124,7 @@ export declare const actionChangeFontSize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1115,20 +1136,19 @@ export declare const actionChangeFontSize: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1137,7 +1157,7 @@ export declare const actionDecreaseFontSize: {
     label: string;
     icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1150,17 +1170,17 @@ export declare const actionDecreaseFontSize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1168,13 +1188,17 @@ export declare const actionDecreaseFontSize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1183,9 +1207,9 @@ export declare const actionDecreaseFontSize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1193,7 +1217,7 @@ export declare const actionDecreaseFontSize: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1207,7 +1231,7 @@ export declare const actionDecreaseFontSize: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1216,7 +1240,7 @@ export declare const actionDecreaseFontSize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1224,7 +1248,7 @@ export declare const actionDecreaseFontSize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1242,7 +1266,7 @@ export declare const actionDecreaseFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1263,7 +1287,7 @@ export declare const actionDecreaseFontSize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1280,7 +1304,7 @@ export declare const actionDecreaseFontSize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1288,8 +1312,7 @@ export declare const actionDecreaseFontSize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1301,16 +1324,15 @@ export declare const actionDecreaseFontSize: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1323,7 +1345,7 @@ export declare const actionIncreaseFontSize: {
     label: string;
     icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -1336,17 +1358,17 @@ export declare const actionIncreaseFontSize: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1354,13 +1376,17 @@ export declare const actionIncreaseFontSize: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1369,9 +1395,9 @@ export declare const actionIncreaseFontSize: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1379,7 +1405,7 @@ export declare const actionIncreaseFontSize: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1393,7 +1419,7 @@ export declare const actionIncreaseFontSize: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1402,7 +1428,7 @@ export declare const actionIncreaseFontSize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1410,7 +1436,7 @@ export declare const actionIncreaseFontSize: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1428,7 +1454,7 @@ export declare const actionIncreaseFontSize: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1449,7 +1475,7 @@ export declare const actionIncreaseFontSize: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1466,7 +1492,7 @@ export declare const actionIncreaseFontSize: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1474,8 +1500,7 @@ export declare const actionIncreaseFontSize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1487,16 +1512,15 @@ export declare const actionIncreaseFontSize: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1508,11 +1532,11 @@ export declare const actionChangeFontFamily: {
     name: "changeFontFamily";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         appState: {
             currentItemFontFamily: number;
             currentHoveredFontFamily: number | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1522,17 +1546,17 @@ export declare const actionChangeFontFamily: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1540,13 +1564,17 @@ export declare const actionChangeFontFamily: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1555,16 +1583,16 @@ export declare const actionChangeFontFamily: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1586,7 +1614,7 @@ export declare const actionChangeFontFamily: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1594,7 +1622,7 @@ export declare const actionChangeFontFamily: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1612,7 +1640,7 @@ export declare const actionChangeFontFamily: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1633,7 +1661,7 @@ export declare const actionChangeFontFamily: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1650,7 +1678,7 @@ export declare const actionChangeFontFamily: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1658,8 +1686,7 @@ export declare const actionChangeFontFamily: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1671,16 +1698,15 @@ export declare const actionChangeFontFamily: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
     } | {
@@ -1688,7 +1714,7 @@ export declare const actionChangeFontFamily: {
         appState: {
             currentItemFontFamily: number;
             currentHoveredFontFamily: number | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1698,17 +1724,17 @@ export declare const actionChangeFontFamily: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1716,13 +1742,17 @@ export declare const actionChangeFontFamily: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1731,16 +1761,16 @@ export declare const actionChangeFontFamily: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1762,7 +1792,7 @@ export declare const actionChangeFontFamily: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1770,7 +1800,7 @@ export declare const actionChangeFontFamily: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1788,7 +1818,7 @@ export declare const actionChangeFontFamily: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1809,7 +1839,7 @@ export declare const actionChangeFontFamily: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -1826,7 +1856,7 @@ export declare const actionChangeFontFamily: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1834,8 +1864,7 @@ export declare const actionChangeFontFamily: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -1847,16 +1876,15 @@ export declare const actionChangeFontFamily: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "NEVER";
     };
@@ -1868,7 +1896,7 @@ export declare const actionChangeTextAlign: {
     name: "changeTextAlign";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemTextAlign: any;
@@ -1881,17 +1909,17 @@ export declare const actionChangeTextAlign: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1899,13 +1927,17 @@ export declare const actionChangeTextAlign: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1914,9 +1946,9 @@ export declare const actionChangeTextAlign: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -1924,7 +1956,7 @@ export declare const actionChangeTextAlign: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1938,7 +1970,7 @@ export declare const actionChangeTextAlign: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1947,7 +1979,7 @@ export declare const actionChangeTextAlign: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1955,7 +1987,7 @@ export declare const actionChangeTextAlign: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1973,7 +2005,7 @@ export declare const actionChangeTextAlign: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1994,7 +2026,7 @@ export declare const actionChangeTextAlign: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2011,7 +2043,7 @@ export declare const actionChangeTextAlign: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2019,8 +2051,7 @@ export declare const actionChangeTextAlign: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2032,20 +2063,19 @@ export declare const actionChangeTextAlign: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -2055,7 +2085,7 @@ export declare const actionChangeVerticalAlign: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             contextMenu: {
@@ -2067,17 +2097,17 @@ export declare const actionChangeVerticalAlign: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2085,13 +2115,17 @@ export declare const actionChangeVerticalAlign: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2100,9 +2134,9 @@ export declare const actionChangeVerticalAlign: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2111,7 +2145,7 @@ export declare const actionChangeVerticalAlign: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2125,7 +2159,7 @@ export declare const actionChangeVerticalAlign: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2134,7 +2168,7 @@ export declare const actionChangeVerticalAlign: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2142,7 +2176,7 @@ export declare const actionChangeVerticalAlign: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2160,7 +2194,7 @@ export declare const actionChangeVerticalAlign: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2181,7 +2215,7 @@ export declare const actionChangeVerticalAlign: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2198,7 +2232,7 @@ export declare const actionChangeVerticalAlign: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2206,8 +2240,7 @@ export declare const actionChangeVerticalAlign: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2219,20 +2252,19 @@ export declare const actionChangeVerticalAlign: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -2240,7 +2272,7 @@ export declare const actionChangeRoundness: {
     name: "changeRoundness";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemRoundness: any;
@@ -2253,17 +2285,17 @@ export declare const actionChangeRoundness: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2271,13 +2303,17 @@ export declare const actionChangeRoundness: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2286,9 +2322,9 @@ export declare const actionChangeRoundness: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2310,7 +2346,7 @@ export declare const actionChangeRoundness: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2319,7 +2355,7 @@ export declare const actionChangeRoundness: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2327,7 +2363,7 @@ export declare const actionChangeRoundness: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2345,7 +2381,7 @@ export declare const actionChangeRoundness: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2366,7 +2402,7 @@ export declare const actionChangeRoundness: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2383,7 +2419,7 @@ export declare const actionChangeRoundness: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2391,8 +2427,7 @@ export declare const actionChangeRoundness: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2404,20 +2439,19 @@ export declare const actionChangeRoundness: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app, renderAction }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -2425,7 +2459,7 @@ export declare const actionChangeArrowhead: {
     name: "changeArrowhead";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: {
         position: "start" | "end";
         type: Arrowhead;
     }) => {
@@ -2440,17 +2474,17 @@ export declare const actionChangeArrowhead: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2458,13 +2492,17 @@ export declare const actionChangeArrowhead: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2473,9 +2511,9 @@ export declare const actionChangeArrowhead: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2484,7 +2522,7 @@ export declare const actionChangeArrowhead: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2498,7 +2536,7 @@ export declare const actionChangeArrowhead: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2507,7 +2545,7 @@ export declare const actionChangeArrowhead: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2515,7 +2553,7 @@ export declare const actionChangeArrowhead: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2533,7 +2571,7 @@ export declare const actionChangeArrowhead: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2554,7 +2592,7 @@ export declare const actionChangeArrowhead: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2571,7 +2609,7 @@ export declare const actionChangeArrowhead: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2579,8 +2617,7 @@ export declare const actionChangeArrowhead: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2592,20 +2629,28 @@ export declare const actionChangeArrowhead: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+} & {
+    keyTest?: undefined;
+};
+export declare const actionChangeArrowProperties: {
+    name: "changeArrowProperties";
+    label: string;
+    trackEvent: false;
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => false;
+    PanelComponent: ({ elements, appState, updateData, app, renderAction }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -2613,7 +2658,7 @@ export declare const actionChangeArrowType: {
     name: "changeArrowType";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         elements: ExcalidrawElement[];
         appState: {
             currentItemArrowType: any;
@@ -2626,17 +2671,17 @@ export declare const actionChangeArrowType: {
             isLoading: boolean;
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
-                element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
             } | null;
-            newElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
-            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2644,13 +2689,17 @@ export declare const actionChangeArrowType: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
-            editingTextElement: import("../element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
+                fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2659,9 +2708,9 @@ export declare const actionChangeArrowType: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").FillStyle;
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").StrokeStyle;
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: number;
@@ -2670,7 +2719,7 @@ export declare const actionChangeArrowType: {
             currentItemStartArrowhead: Arrowhead | null;
             currentItemEndArrowhead: Arrowhead | null;
             currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -2683,7 +2732,7 @@ export declare const actionChangeArrowType: {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2692,7 +2741,7 @@ export declare const actionChangeArrowType: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2700,7 +2749,7 @@ export declare const actionChangeArrowType: {
                 sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../element/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2718,7 +2767,7 @@ export declare const actionChangeArrowType: {
                 duration?: number | undefined;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../element/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -2739,7 +2788,7 @@ export declare const actionChangeArrowType: {
                     [id: string]: true;
                 }> | undefined;
                 username?: string | null | undefined;
-                userState?: import("../constants").UserIdleState | undefined;
+                userState?: import("@excalidraw/common").UserIdleState | undefined;
                 color?: {
                     background: string;
                     stroke: string;
@@ -2756,7 +2805,7 @@ export declare const actionChangeArrowType: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../element/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2764,8 +2813,7 @@ export declare const actionChangeArrowType: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -2777,20 +2825,19 @@ export declare const actionChangeArrowType: {
             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;
-                }[];
-            }[];
+            searchMatches: Readonly<{
+                focusedId: string | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };