npm - @excalidraw/excalidraw - Versions diffs - 0.18.0-a5d6939 → 0.18.0-a8acc82 - Mend

@excalidraw/excalidraw 0.18.0-a5d6939 → 0.18.0-a8acc82

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

Files changed (184) hide show

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

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
+import { LinearElementEditor } from "@excalidraw/element";
 import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "@excalidraw/element/types";
 import type { AppClassProperties, AppState, Primitive } from "../types";
 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("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData, appProps }: 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;
 };
@@ -17,8 +17,16 @@ export declare const actionChangeBackgroundColor: {
     name: "changeBackgroundColor";
     label: string;
     trackEvent: false;
-    perform: (elements: readonly import("@excalidraw/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;
 };
@@ -40,7 +48,7 @@ export declare const actionChangeFillStyle: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -48,7 +56,7 @@ export declare const actionChangeFillStyle: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -59,7 +67,6 @@ export declare const actionChangeFillStyle: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -96,8 +103,8 @@ export declare const actionChangeFillStyle: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -106,7 +113,7 @@ export declare const actionChangeFillStyle: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -178,7 +185,6 @@ export declare const actionChangeFillStyle: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -191,20 +197,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";
         };
         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;
 };
@@ -226,7 +231,7 @@ export declare const actionChangeStrokeWidth: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -234,7 +239,7 @@ export declare const actionChangeStrokeWidth: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -245,7 +250,6 @@ export declare const actionChangeStrokeWidth: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -282,8 +286,8 @@ export declare const actionChangeStrokeWidth: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -292,7 +296,7 @@ export declare const actionChangeStrokeWidth: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -364,7 +368,6 @@ export declare const actionChangeStrokeWidth: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -377,20 +380,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";
         };
         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;
 };
@@ -412,7 +414,7 @@ export declare const actionChangeSloppiness: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -420,7 +422,7 @@ export declare const actionChangeSloppiness: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -431,7 +433,6 @@ export declare const actionChangeSloppiness: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -468,8 +469,8 @@ export declare const actionChangeSloppiness: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -478,7 +479,7 @@ export declare const actionChangeSloppiness: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -550,7 +551,6 @@ export declare const actionChangeSloppiness: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -563,20 +563,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";
         };
         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;
 };
@@ -598,7 +597,7 @@ export declare const actionChangeStrokeStyle: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -606,7 +605,7 @@ export declare const actionChangeStrokeStyle: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -617,7 +616,6 @@ export declare const actionChangeStrokeStyle: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -654,8 +652,8 @@ export declare const actionChangeStrokeStyle: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -664,7 +662,7 @@ export declare const actionChangeStrokeStyle: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -736,7 +734,6 @@ export declare const actionChangeStrokeStyle: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -749,20 +746,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";
         };
         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;
 };
@@ -784,7 +780,7 @@ export declare const actionChangeOpacity: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -792,7 +788,7 @@ export declare const actionChangeOpacity: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -803,7 +799,6 @@ export declare const actionChangeOpacity: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -840,8 +835,8 @@ export declare const actionChangeOpacity: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -850,7 +845,7 @@ export declare const actionChangeOpacity: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -922,7 +917,6 @@ export declare const actionChangeOpacity: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -935,20 +929,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";
         };
         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;
 };
@@ -970,7 +963,7 @@ export declare const actionChangeFontSize: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -978,7 +971,7 @@ export declare const actionChangeFontSize: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -989,7 +982,6 @@ export declare const actionChangeFontSize: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -1026,8 +1018,8 @@ export declare const actionChangeFontSize: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1036,7 +1028,7 @@ export declare const actionChangeFontSize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1108,7 +1100,6 @@ export declare const actionChangeFontSize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -1121,20 +1112,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";
         };
         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;
 };
@@ -1157,7 +1147,7 @@ export declare const actionDecreaseFontSize: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1165,7 +1155,7 @@ export declare const actionDecreaseFontSize: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1176,7 +1166,6 @@ export declare const actionDecreaseFontSize: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -1213,8 +1202,8 @@ export declare const actionDecreaseFontSize: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1223,7 +1212,7 @@ export declare const actionDecreaseFontSize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1295,7 +1284,6 @@ export declare const actionDecreaseFontSize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -1308,16 +1296,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";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1344,7 +1331,7 @@ export declare const actionIncreaseFontSize: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1352,7 +1339,7 @@ export declare const actionIncreaseFontSize: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1363,7 +1350,6 @@ export declare const actionIncreaseFontSize: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -1400,8 +1386,8 @@ export declare const actionIncreaseFontSize: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1410,7 +1396,7 @@ export declare const actionIncreaseFontSize: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1482,7 +1468,6 @@ export declare const actionIncreaseFontSize: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -1495,16 +1480,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";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1518,9 +1502,9 @@ export declare const actionChangeFontFamily: {
     trackEvent: false;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
         appState: {
-            currentHoveredFontFamily: number | null;
             currentItemFontFamily: number;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            currentHoveredFontFamily: number | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1531,7 +1515,7 @@ export declare const actionChangeFontFamily: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1539,7 +1523,7 @@ export declare const actionChangeFontFamily: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1550,7 +1534,6 @@ export declare const actionChangeFontFamily: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -1586,7 +1569,7 @@ export declare const actionChangeFontFamily: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
+            openMenu: "canvas" | "shape" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1595,7 +1578,7 @@ export declare const actionChangeFontFamily: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1667,7 +1650,6 @@ export declare const actionChangeFontFamily: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -1680,24 +1662,23 @@ 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";
         };
         captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
     } | {
         elements: ExcalidrawElement[];
         appState: {
-            currentHoveredFontFamily: number | null;
             currentItemFontFamily: number;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            currentHoveredFontFamily: number | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1708,7 +1689,7 @@ export declare const actionChangeFontFamily: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1716,7 +1697,7 @@ export declare const actionChangeFontFamily: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1727,7 +1708,6 @@ export declare const actionChangeFontFamily: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -1763,7 +1743,7 @@ export declare const actionChangeFontFamily: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
+            openMenu: "canvas" | "shape" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1772,7 +1752,7 @@ export declare const actionChangeFontFamily: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -1844,7 +1824,6 @@ export declare const actionChangeFontFamily: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -1857,20 +1836,19 @@ 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";
         };
         captureUpdate: "NEVER";
     };
-    PanelComponent: ({ elements, appState, app, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, app, updateData, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1892,7 +1870,7 @@ export declare const actionChangeTextAlign: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -1900,7 +1878,7 @@ export declare const actionChangeTextAlign: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -1911,7 +1889,6 @@ export declare const actionChangeTextAlign: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -1948,8 +1925,8 @@ export declare const actionChangeTextAlign: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -1958,7 +1935,7 @@ export declare const actionChangeTextAlign: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2030,7 +2007,6 @@ export declare const actionChangeTextAlign: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -2043,20 +2019,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";
         };
         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;
 };
@@ -2079,7 +2054,7 @@ export declare const actionChangeVerticalAlign: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -2087,7 +2062,7 @@ export declare const actionChangeVerticalAlign: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -2098,7 +2073,6 @@ export declare const actionChangeVerticalAlign: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -2136,8 +2110,8 @@ export declare const actionChangeVerticalAlign: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2146,7 +2120,7 @@ export declare const actionChangeVerticalAlign: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2218,7 +2192,6 @@ export declare const actionChangeVerticalAlign: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -2231,20 +2204,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";
         };
         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;
 };
@@ -2266,7 +2238,7 @@ export declare const actionChangeRoundness: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -2274,7 +2246,7 @@ export declare const actionChangeRoundness: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -2285,7 +2257,6 @@ export declare const actionChangeRoundness: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -2322,8 +2293,8 @@ export declare const actionChangeRoundness: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2332,7 +2303,7 @@ export declare const actionChangeRoundness: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2404,7 +2375,6 @@ export declare const actionChangeRoundness: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -2417,20 +2387,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";
         };
         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;
 };
@@ -2454,7 +2423,7 @@ export declare const actionChangeArrowhead: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -2462,7 +2431,7 @@ export declare const actionChangeArrowhead: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -2473,7 +2442,6 @@ export declare const actionChangeArrowhead: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -2511,8 +2479,8 @@ export declare const actionChangeArrowhead: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2521,7 +2489,7 @@ export declare const actionChangeArrowhead: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2593,7 +2561,6 @@ export declare const actionChangeArrowhead: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -2606,20 +2573,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";
         };
         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;
 };
@@ -2641,7 +2616,7 @@ export declare const actionChangeArrowType: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-                state: "hover" | "active";
+                state: "active" | "hover";
             } | null;
             newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
             resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
@@ -2649,7 +2624,7 @@ export declare const actionChangeArrowType: {
             selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
             startBoundElement: import("@excalidraw/element/types").NonDeleted<ExcalidrawBindableElement> | null;
-            suggestedBindings: import("@excalidraw/element/binding").SuggestedBinding[];
+            suggestedBindings: import("@excalidraw/element").SuggestedBinding[];
             frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
@@ -2660,7 +2635,6 @@ export declare const actionChangeArrowType: {
             editingFrame: string | null;
             elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-            editingLinearElement: LinearElementEditor | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -2697,8 +2671,8 @@ export declare const actionChangeArrowType: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openMenu: "shape" | "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -2707,7 +2681,7 @@ export declare const actionChangeArrowType: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -2779,7 +2753,6 @@ export declare const actionChangeArrowType: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            pendingImageElementId: string | null;
             showHyperlinkPopup: false | "editor" | "info";
             selectedLinearElement: LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -2792,20 +2765,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";
         };
         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;
 };