@zsviczian/excalidraw 0.18.0-36 → 0.18.0-38

package/types/element/src/renderElement.d.ts

@@ -1,6 +1,7 @@
+import { type GlobalPoint } from "@excalidraw/math";
 import type { AppState, StaticCanvasAppState, InteractiveCanvasAppState, ElementsPendingErasure, PendingExcalidrawElements } from "@excalidraw/excalidraw/types";
 import type { StaticCanvasRenderConfig, RenderableElementsMap, InteractiveCanvasRenderConfig } from "@excalidraw/excalidraw/scene/types";
-import type { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawImageElement, ExcalidrawFrameLikeElement, NonDeletedSceneElementsMap } from "./types";
+import type { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawImageElement, ExcalidrawFrameLikeElement, NonDeletedSceneElementsMap, ElementsMap } from "./types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 export declare const IMAGE_INVERT_FILTER = "invert(100%) hue-rotate(180deg) saturate(1.25)";
 export declare const getRenderOpacity: (element: ExcalidrawElement, containingFrame: ExcalidrawFrameLikeElement | null, elementsPendingErasure: ElementsPendingErasure, pendingNodes: Readonly<PendingExcalidrawElements> | null, globalAlpha?: number) => number;
@@ -26,3 +27,5 @@ export declare const pathsCache: WeakMap<ExcalidrawFreeDrawElement, Path2D>;
 export declare function generateFreeDrawShape(element: ExcalidrawFreeDrawElement): Path2D;
 export declare function getFreeDrawPath2D(element: ExcalidrawFreeDrawElement): Path2D | undefined;
 export declare function getFreeDrawSvgPath(element: ExcalidrawFreeDrawElement): string;
+export declare function getFreedrawOutlineAsSegments(element: ExcalidrawFreeDrawElement, points: [number, number][], elementsMap: ElementsMap): import("@excalidraw/math").LineSegment<GlobalPoint>[];
+export declare function getFreedrawOutlinePoints(element: ExcalidrawFreeDrawElement): [number, number][];

package/types/element/src/textElement.d.ts

@@ -1,6 +1,6 @@
+import { type Radians } from "@excalidraw/math";
 import type { AppState } from "@excalidraw/excalidraw/types";
 import type { ExtractSetType } from "@excalidraw/common/utility-types";
-import type { Radians } from "@excalidraw/math";
 import type { Scene } from "./Scene";
 import type { MaybeTransformHandleType } from "./transformHandles";
 import type { ElementsMap, ExcalidrawElement, ExcalidrawElementType, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, NonDeletedExcalidrawElement } from "./types";

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

@@ -79,7 +79,7 @@ export declare const actionAddToLibrary: {
                 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;
@@ -211,6 +211,7 @@ export declare const actionAddToLibrary: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
     } | {
         captureUpdate: "EVENTUALLY";
@@ -285,7 +286,7 @@ export declare const actionAddToLibrary: {
                 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;
@@ -422,6 +423,7 @@ export declare const actionAddToLibrary: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
     }> | {
         captureUpdate: "EVENTUALLY";
@@ -496,7 +498,7 @@ export declare const actionAddToLibrary: {
                 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;
@@ -633,6 +635,7 @@ export declare const actionAddToLibrary: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
     };
     label: string;

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

@@ -99,7 +99,7 @@ export declare const actionBindText: {
                 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;
@@ -233,6 +233,7 @@ export declare const actionBindText: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -322,7 +323,7 @@ export declare const actionWrapTextInContainer: {
                 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;
@@ -456,6 +457,7 @@ export declare const actionWrapTextInContainer: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };

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

@@ -10,7 +10,7 @@ export declare const actionChangeViewBackgroundColor: {
         appState: any;
         captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
     };
-    PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, appProps, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -95,7 +95,8 @@ export declare const actionClearCanvas: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             editingGroupId: string | null;
             selectedElementIds: Readonly<{
@@ -189,7 +190,7 @@ export declare const actionClearCanvas: {
             scrolledOutside: boolean;
             isResizing: boolean;
             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;
@@ -229,6 +230,7 @@ export declare const actionClearCanvas: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -316,7 +318,7 @@ export declare const actionZoomIn: {
             isResizing: boolean;
             isRotating: boolean;
             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;
@@ -330,7 +332,8 @@ export declare const actionZoomIn: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -452,6 +455,7 @@ export declare const actionZoomIn: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -541,7 +545,7 @@ export declare const actionZoomOut: {
             isResizing: boolean;
             isRotating: boolean;
             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;
@@ -555,7 +559,8 @@ export declare const actionZoomOut: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -677,6 +682,7 @@ export declare const actionZoomOut: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -766,7 +772,7 @@ export declare const actionResetZoom: {
             isResizing: boolean;
             isRotating: boolean;
             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;
@@ -780,7 +786,8 @@ export declare const actionResetZoom: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -902,6 +909,7 @@ export declare const actionResetZoom: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -997,7 +1005,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         isResizing: boolean;
         isRotating: boolean;
         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;
@@ -1011,7 +1019,8 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             name: "commandPalette";
         } | {
             name: "elementLinkSelector";
-            sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+            /** whether to fit content to viewport (beyond >100%) */
+            sourceElementId: string;
         } | null;
         defaultSidebarDockedPreference: boolean;
         lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1134,6 +1143,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        stylesPanelMode: "compact" | "full";
     };
     captureUpdate: "EVENTUALLY";
 };
@@ -1224,7 +1234,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         isResizing: boolean;
         isRotating: boolean;
         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;
@@ -1238,7 +1248,8 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             name: "commandPalette";
         } | {
             name: "elementLinkSelector";
-            sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+            /** whether to fit content to viewport (beyond >100%) */
+            sourceElementId: string;
         } | null;
         defaultSidebarDockedPreference: boolean;
         lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1361,6 +1372,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        stylesPanelMode: "compact" | "full";
     };
     captureUpdate: "EVENTUALLY";
 };
@@ -1443,7 +1455,7 @@ export declare const actionZoomToFitSelectionInViewport: {
             isResizing: boolean;
             isRotating: boolean;
             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;
@@ -1457,7 +1469,8 @@ export declare const actionZoomToFitSelectionInViewport: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1580,6 +1593,7 @@ export declare const actionZoomToFitSelectionInViewport: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1666,7 +1680,7 @@ export declare const actionZoomToFitSelection: {
             isResizing: boolean;
             isRotating: boolean;
             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;
@@ -1680,7 +1694,8 @@ export declare const actionZoomToFitSelection: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1803,6 +1818,7 @@ export declare const actionZoomToFitSelection: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1890,7 +1906,7 @@ export declare const actionZoomToFit: {
             isResizing: boolean;
             isRotating: boolean;
             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;
@@ -1904,7 +1920,8 @@ export declare const actionZoomToFit: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2027,6 +2044,7 @@ export declare const actionZoomToFit: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -2116,7 +2134,7 @@ export declare const actionToggleTheme: {
                 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;
@@ -2130,7 +2148,8 @@ export declare const actionToggleTheme: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2252,6 +2271,7 @@ export declare const actionToggleTheme: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -2266,7 +2286,7 @@ export declare const actionToggleEraserTool: {
     trackEvent: {
         category: "toolbar";
     };
-    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
+    perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
@@ -2337,7 +2357,7 @@ export declare const actionToggleEraserTool: {
                 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;
@@ -2351,7 +2371,8 @@ export declare const actionToggleEraserTool: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2468,6 +2489,7 @@ export declare const actionToggleEraserTool: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2482,6 +2504,7 @@ export declare const actionToggleLassoTool: {
     trackEvent: {
         category: "toolbar";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
         appState: {
             selectedElementIds: {};
@@ -2553,7 +2576,7 @@ export declare const actionToggleLassoTool: {
                 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;
@@ -2567,7 +2590,8 @@ export declare const actionToggleLassoTool: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2684,6 +2708,7 @@ export declare const actionToggleLassoTool: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "NEVER";
     };
@@ -2769,7 +2794,7 @@ export declare const actionToggleHandTool: {
                 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;
@@ -2783,7 +2808,8 @@ export declare const actionToggleHandTool: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2900,6 +2926,7 @@ export declare const actionToggleHandTool: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2984,7 +3011,7 @@ export declare const actionToggleLaserPointer: {
                 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;
@@ -2998,7 +3025,8 @@ export declare const actionToggleLaserPointer: {
                 name: "commandPalette";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+                /** whether to fit content to viewport (beyond >100%) */
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -3115,6 +3143,7 @@ export declare const actionToggleLaserPointer: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "NEVER";
     };
@@ -3196,7 +3225,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         isResizing: boolean;
         isRotating: boolean;
         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;
@@ -3210,7 +3239,8 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
             name: "commandPalette";
         } | {
             name: "elementLinkSelector";
-            sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
+            /** whether to fit content to viewport (beyond >100%) */
+            sourceElementId: string;
         } | null;
         defaultSidebarDockedPreference: boolean;
         lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -3333,6 +3363,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        stylesPanelMode: "compact" | "full";
     };
     commitToHistory: boolean;
 };

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

@@ -78,7 +78,7 @@ export declare const actionCopy: {
                 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;
@@ -215,6 +215,7 @@ export declare const actionCopy: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
     } | {
         captureUpdate: "EVENTUALLY";
@@ -303,7 +304,7 @@ export declare const actionPaste: {
                 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;
@@ -440,6 +441,7 @@ export declare const actionPaste: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
     } | {
         captureUpdate: "EVENTUALLY";
@@ -530,7 +532,7 @@ export declare const actionCut: {
                 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;
@@ -666,6 +668,7 @@ export declare const actionCut: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     } | {
@@ -774,7 +777,7 @@ export declare const actionCut: {
                 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;
@@ -910,6 +913,7 @@ export declare const actionCut: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     } | {
@@ -990,7 +994,7 @@ export declare const actionCut: {
                 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;
@@ -1119,6 +1123,7 @@ export declare const actionCut: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
     };
@@ -1238,7 +1243,7 @@ export declare const actionCopyAsPng: {
                 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;
@@ -1375,6 +1380,7 @@ export declare const actionCopyAsPng: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "EVENTUALLY";
     }>;

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

@@ -81,7 +81,7 @@ export declare const actionToggleCropEditor: {
                 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;
@@ -216,6 +216,7 @@ export declare const actionToggleCropEditor: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            stylesPanelMode: "compact" | "full";
         };
         captureUpdate: "IMMEDIATELY";
     };