@dwelle/excalidraw 0.5.0-8cb033d → 0.5.0-90f2d4e

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

@@ -9,7 +9,7 @@ export declare const actionChangeStrokeColor: {
     label: string;
     trackEvent: false;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    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;
 };
@@ -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, app }: 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;
@@ -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;
@@ -97,7 +104,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;
@@ -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,8 +185,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: {
@@ -199,6 +205,7 @@ export declare const actionChangeFillStyle: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -224,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;
@@ -243,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;
@@ -281,7 +287,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 +296,7 @@ export declare const actionChangeStrokeWidth: {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "text-to-diagram" | "mermaid";
+                tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
             } | {
@@ -362,8 +368,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: {
@@ -383,10 +388,11 @@ export declare const actionChangeStrokeWidth: {
             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;
 };
@@ -408,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;
@@ -427,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;
@@ -465,7 +470,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;
@@ -474,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";
             } | {
@@ -546,8 +551,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: {
@@ -567,10 +571,11 @@ export declare const actionChangeSloppiness: {
             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;
 };
@@ -592,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;
@@ -611,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;
@@ -649,7 +653,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;
@@ -658,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";
             } | {
@@ -730,8 +734,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: {
@@ -751,10 +754,11 @@ export declare const actionChangeStrokeStyle: {
             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;
 };
@@ -776,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;
@@ -795,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;
@@ -833,7 +836,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;
@@ -842,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";
             } | {
@@ -914,8 +917,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: {
@@ -935,6 +937,7 @@ export declare const actionChangeOpacity: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -960,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;
@@ -979,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;
@@ -1017,7 +1019,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;
@@ -1026,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";
             } | {
@@ -1098,8 +1100,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: {
@@ -1119,10 +1120,11 @@ export declare const actionChangeFontSize: {
             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;
 };
@@ -1145,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;
@@ -1164,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;
@@ -1202,7 +1203,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;
@@ -1211,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";
             } | {
@@ -1283,8 +1284,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: {
@@ -1304,12 +1304,13 @@ export declare const actionDecreaseFontSize: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionIncreaseFontSize: {
     name: "increaseFontSize";
@@ -1330,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;
@@ -1349,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;
@@ -1387,7 +1387,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;
@@ -1396,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";
             } | {
@@ -1468,8 +1468,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: {
@@ -1489,12 +1488,13 @@ export declare const actionIncreaseFontSize: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionChangeFontFamily: {
     name: "changeFontFamily";
@@ -1504,7 +1504,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;
@@ -1515,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;
@@ -1534,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;
@@ -1579,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";
             } | {
@@ -1651,8 +1650,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: {
@@ -1672,6 +1670,7 @@ export declare const actionChangeFontFamily: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
     } | {
@@ -1679,7 +1678,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;
@@ -1690,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;
@@ -1709,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;
@@ -1754,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";
             } | {
@@ -1826,8 +1824,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,10 +1844,11 @@ export declare const actionChangeFontFamily: {
             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;
 };
@@ -1872,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;
@@ -1891,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;
@@ -1929,7 +1926,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;
@@ -1938,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";
             } | {
@@ -2010,8 +2007,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: {
@@ -2031,10 +2027,11 @@ export declare const actionChangeTextAlign: {
             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;
 };
@@ -2057,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;
@@ -2076,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;
@@ -2115,7 +2111,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;
@@ -2124,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";
             } | {
@@ -2196,8 +2192,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: {
@@ -2217,10 +2212,11 @@ export declare const actionChangeVerticalAlign: {
             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;
 };
@@ -2242,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;
@@ -2261,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;
@@ -2299,7 +2294,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;
@@ -2308,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";
             } | {
@@ -2380,8 +2375,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: {
@@ -2401,10 +2395,11 @@ export declare const actionChangeRoundness: {
             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, renderAction }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -2428,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;
@@ -2447,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;
@@ -2486,7 +2480,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;
@@ -2495,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";
             } | {
@@ -2567,8 +2561,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: {
@@ -2588,6 +2581,7 @@ export declare const actionChangeArrowhead: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2595,6 +2589,15 @@ export declare const actionChangeArrowhead: {
 } & {
     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;
+};
 export declare const actionChangeArrowType: {
     name: "changeArrowType";
     label: string;
@@ -2613,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;
@@ -2632,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;
@@ -2670,7 +2672,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;
@@ -2679,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";
             } | {
@@ -2751,8 +2753,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: {
@@ -2772,6 +2773,7 @@ export declare const actionChangeArrowType: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };