@excalidraw/math 0.18.0-0457ac9 → 0.18.0-063e025

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

@@ -1,6 +1,5 @@
-import { type SceneBounds } from "@excalidraw/element";
 import type { ExcalidrawElement } from "@excalidraw/element/types";
-import type { AppState, Offsets } from "../types";
+import type { AppState } from "../types";
 export declare const actionChangeViewBackgroundColor: import("./types").Action<Partial<AppState>> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
 };
@@ -85,7 +84,7 @@ export declare const actionClearCanvas: {
                 midPoint?: import("@excalidraw/math").GlobalPoint;
             } | null;
             isRotating: boolean;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             snapLines: readonly import("../snapping").SnapLine[];
             zenModeEnabled: boolean;
@@ -124,9 +123,10 @@ export declare const actionClearCanvas: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -135,6 +135,7 @@ export declare const actionClearCanvas: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             isResizing: boolean;
@@ -183,12 +184,10 @@ export declare const actionZoomIn: {
     };
     perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
-            userToFollow: null;
+            zoom: import("../types").Zoom;
             scrollX: number;
             scrollY: number;
-            zoom: {
-                value: import("../types").NormalizedZoomValue;
-            };
+            userToFollow: null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -221,7 +220,7 @@ export declare const actionZoomIn: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -241,9 +240,10 @@ export declare const actionZoomIn: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -254,6 +254,7 @@ export declare const actionZoomIn: {
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -343,7 +344,7 @@ export declare const actionZoomIn: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -358,12 +359,10 @@ export declare const actionZoomOut: {
     };
     perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
-            userToFollow: null;
+            zoom: import("../types").Zoom;
             scrollX: number;
             scrollY: number;
-            zoom: {
-                value: import("../types").NormalizedZoomValue;
-            };
+            userToFollow: null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -396,7 +395,7 @@ export declare const actionZoomOut: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -416,9 +415,10 @@ export declare const actionZoomOut: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -429,6 +429,7 @@ export declare const actionZoomOut: {
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -518,7 +519,7 @@ export declare const actionZoomOut: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -533,12 +534,10 @@ export declare const actionResetZoom: {
     };
     perform: (_elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
-            userToFollow: null;
+            zoom: import("../types").Zoom;
             scrollX: number;
             scrollY: number;
-            zoom: {
-                value: import("../types").NormalizedZoomValue;
-            };
+            userToFollow: null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -571,7 +570,7 @@ export declare const actionResetZoom: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -591,9 +590,10 @@ export declare const actionResetZoom: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -604,6 +604,7 @@ export declare const actionResetZoom: {
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -693,355 +694,11 @@ export declare const actionResetZoom: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
-export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
-    bounds: SceneBounds;
-    canvasOffsets?: Offsets;
-    appState: Readonly<AppState>;
-    /** whether to fit content to viewport (beyond >100%) */
-    fitToViewport: boolean;
-    /** zoom content to cover X of the viewport, when fitToViewport=true */
-    viewportZoomFactor?: number;
-    minZoom?: number;
-    maxZoom?: number;
-}) => {
-    appState: {
-        scrollX: number;
-        scrollY: number;
-        zoom: {
-            value: import("../types").NormalizedZoomValue;
-        };
-        contextMenu: {
-            items: import("../components/ContextMenu").ContextMenuItems;
-            top: number;
-            left: number;
-        } | null;
-        showWelcomeScreen: boolean;
-        isLoading: boolean;
-        errorMessage: React.ReactNode;
-        activeEmbeddable: {
-            element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-            state: "hover" | "active";
-        } | null;
-        newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
-        resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-        multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
-        selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-        isBindingEnabled: boolean;
-        boxSelectionMode: import("../types").BoxSelectionMode;
-        bindingPreference: "enabled" | "disabled";
-        isMidpointSnappingEnabled: boolean;
-        suggestedBinding: {
-            element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
-            midPoint?: import("@excalidraw/math").GlobalPoint;
-        } | null;
-        frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
-        frameRendering: {
-            enabled: boolean;
-            name: boolean;
-            outline: boolean;
-            clip: boolean;
-        };
-        editingFrame: string | null;
-        elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-        editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
-        activeTool: {
-            lastActiveTool: import("../types").ActiveTool | null;
-            locked: boolean;
-            fromSelection: boolean;
-        } & import("../types").ActiveTool;
-        preferredSelectionTool: {
-            type: "selection" | "lasso";
-            initialized: boolean;
-        };
-        penMode: boolean;
-        penDetected: boolean;
-        exportBackground: boolean;
-        exportEmbedScene: boolean;
-        exportWithDarkMode: boolean;
-        exportScale: number;
-        currentItemStrokeColor: string;
-        currentItemBackgroundColor: string;
-        currentItemFillStyle: ExcalidrawElement["fillStyle"];
-        currentItemStrokeWidth: number;
-        currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
-        currentItemRoughness: number;
-        currentItemOpacity: number;
-        currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
-        currentItemFontSize: number;
-        currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
-        currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-        currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-        currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
-        currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-        currentItemArrowType: "sharp" | "round" | "elbow";
-        viewBackgroundColor: string;
-        cursorButton: "up" | "down";
-        scrolledOutside: boolean;
-        name: string | null;
-        isResizing: boolean;
-        isRotating: boolean;
-        openMenu: "canvas" | null;
-        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
-        openSidebar: {
-            name: import("../types").SidebarName;
-            tab?: import("../types").SidebarTabName;
-        } | null;
-        openDialog: null | {
-            name: "imageExport" | "help" | "jsonExport";
-        } | {
-            name: "ttd";
-            tab: "text-to-diagram" | "mermaid";
-        } | {
-            name: "commandPalette";
-        } | {
-            name: "settings";
-        } | {
-            name: "elementLinkSelector";
-            sourceElementId: ExcalidrawElement["id"];
-        } | {
-            name: "charts";
-            data: import("../charts").Spreadsheet;
-            rawText: string;
-        };
-        defaultSidebarDockedPreference: boolean;
-        lastPointerDownWith: import("@excalidraw/element/types").PointerType;
-        selectedElementIds: Readonly<{
-            [id: string]: true;
-        }>;
-        hoveredElementIds: Readonly<{
-            [id: string]: true;
-        }>;
-        previousSelectedElementIds: {
-            [id: string]: true;
-        };
-        selectedElementsAreBeingDragged: boolean;
-        shouldCacheIgnoreZoom: boolean;
-        toast: {
-            message: React.ReactNode;
-            closable?: boolean;
-            duration?: number;
-        } | null;
-        zenModeEnabled: boolean;
-        theme: import("@excalidraw/element/types").Theme;
-        gridSize: number;
-        gridStep: number;
-        gridModeEnabled: boolean;
-        viewModeEnabled: boolean;
-        selectedGroupIds: {
-            [groupId: string]: boolean;
-        };
-        editingGroupId: import("@excalidraw/element/types").GroupId | null;
-        width: number;
-        height: number;
-        offsetTop: number;
-        offsetLeft: number;
-        fileHandle: FileSystemFileHandle | null;
-        collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
-        stats: {
-            open: boolean;
-            panels: number;
-        };
-        showHyperlinkPopup: false | "info" | "editor";
-        selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
-        snapLines: readonly import("../snapping").SnapLine[];
-        originSnapOffset: {
-            x: number;
-            y: number;
-        } | null;
-        objectsSnapModeEnabled: boolean;
-        userToFollow: import("../types").UserToFollow | null;
-        followedBy: Set<import("../types").SocketId>;
-        isCropping: boolean;
-        croppingElementId: ExcalidrawElement["id"] | null;
-        searchMatches: Readonly<{
-            focusedId: ExcalidrawElement["id"] | null;
-            matches: readonly import("../types").SearchMatch[];
-        }> | null;
-        activeLockedId: string | null;
-        lockedMultiSelections: {
-            [groupId: string]: true;
-        };
-        bindMode: import("@excalidraw/element/types").BindMode;
-    };
-    captureUpdate: "EVENTUALLY";
-};
-export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
-    canvasOffsets?: Offsets;
-    targetElements: readonly ExcalidrawElement[];
-    appState: Readonly<AppState>;
-    /** whether to fit content to viewport (beyond >100%) */
-    fitToViewport: boolean;
-    /** zoom content to cover X of the viewport, when fitToViewport=true */
-    viewportZoomFactor?: number;
-    minZoom?: number;
-    maxZoom?: number;
-}) => {
-    appState: {
-        scrollX: number;
-        scrollY: number;
-        zoom: {
-            value: import("../types").NormalizedZoomValue;
-        };
-        contextMenu: {
-            items: import("../components/ContextMenu").ContextMenuItems;
-            top: number;
-            left: number;
-        } | null;
-        showWelcomeScreen: boolean;
-        isLoading: boolean;
-        errorMessage: React.ReactNode;
-        activeEmbeddable: {
-            element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
-            state: "hover" | "active";
-        } | null;
-        newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
-        resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-        multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
-        selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
-        isBindingEnabled: boolean;
-        boxSelectionMode: import("../types").BoxSelectionMode;
-        bindingPreference: "enabled" | "disabled";
-        isMidpointSnappingEnabled: boolean;
-        suggestedBinding: {
-            element: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement>;
-            midPoint?: import("@excalidraw/math").GlobalPoint;
-        } | null;
-        frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
-        frameRendering: {
-            enabled: boolean;
-            name: boolean;
-            outline: boolean;
-            clip: boolean;
-        };
-        editingFrame: string | null;
-        elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
-        editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
-        activeTool: {
-            lastActiveTool: import("../types").ActiveTool | null;
-            locked: boolean;
-            fromSelection: boolean;
-        } & import("../types").ActiveTool;
-        preferredSelectionTool: {
-            type: "selection" | "lasso";
-            initialized: boolean;
-        };
-        penMode: boolean;
-        penDetected: boolean;
-        exportBackground: boolean;
-        exportEmbedScene: boolean;
-        exportWithDarkMode: boolean;
-        exportScale: number;
-        currentItemStrokeColor: string;
-        currentItemBackgroundColor: string;
-        currentItemFillStyle: ExcalidrawElement["fillStyle"];
-        currentItemStrokeWidth: number;
-        currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
-        currentItemRoughness: number;
-        currentItemOpacity: number;
-        currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
-        currentItemFontSize: number;
-        currentItemTextAlign: import("@excalidraw/element/types").TextAlign;
-        currentItemStartArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-        currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
-        currentHoveredFontFamily: import("@excalidraw/element/types").FontFamilyValues | null;
-        currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-        currentItemArrowType: "sharp" | "round" | "elbow";
-        viewBackgroundColor: string;
-        cursorButton: "up" | "down";
-        scrolledOutside: boolean;
-        name: string | null;
-        isResizing: boolean;
-        isRotating: boolean;
-        openMenu: "canvas" | null;
-        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
-        openSidebar: {
-            name: import("../types").SidebarName;
-            tab?: import("../types").SidebarTabName;
-        } | null;
-        openDialog: null | {
-            name: "imageExport" | "help" | "jsonExport";
-        } | {
-            name: "ttd";
-            tab: "text-to-diagram" | "mermaid";
-        } | {
-            name: "commandPalette";
-        } | {
-            name: "settings";
-        } | {
-            name: "elementLinkSelector";
-            sourceElementId: ExcalidrawElement["id"];
-        } | {
-            name: "charts";
-            data: import("../charts").Spreadsheet;
-            rawText: string;
-        };
-        defaultSidebarDockedPreference: boolean;
-        lastPointerDownWith: import("@excalidraw/element/types").PointerType;
-        selectedElementIds: Readonly<{
-            [id: string]: true;
-        }>;
-        hoveredElementIds: Readonly<{
-            [id: string]: true;
-        }>;
-        previousSelectedElementIds: {
-            [id: string]: true;
-        };
-        selectedElementsAreBeingDragged: boolean;
-        shouldCacheIgnoreZoom: boolean;
-        toast: {
-            message: React.ReactNode;
-            closable?: boolean;
-            duration?: number;
-        } | null;
-        zenModeEnabled: boolean;
-        theme: import("@excalidraw/element/types").Theme;
-        gridSize: number;
-        gridStep: number;
-        gridModeEnabled: boolean;
-        viewModeEnabled: boolean;
-        selectedGroupIds: {
-            [groupId: string]: boolean;
-        };
-        editingGroupId: import("@excalidraw/element/types").GroupId | null;
-        width: number;
-        height: number;
-        offsetTop: number;
-        offsetLeft: number;
-        fileHandle: FileSystemFileHandle | null;
-        collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
-        stats: {
-            open: boolean;
-            panels: number;
-        };
-        showHyperlinkPopup: false | "info" | "editor";
-        selectedLinearElement: import("@excalidraw/element").LinearElementEditor | null;
-        snapLines: readonly import("../snapping").SnapLine[];
-        originSnapOffset: {
-            x: number;
-            y: number;
-        } | null;
-        objectsSnapModeEnabled: boolean;
-        userToFollow: import("../types").UserToFollow | null;
-        followedBy: Set<import("../types").SocketId>;
-        isCropping: boolean;
-        croppingElementId: ExcalidrawElement["id"] | null;
-        searchMatches: Readonly<{
-            focusedId: ExcalidrawElement["id"] | null;
-            matches: readonly import("../types").SearchMatch[];
-        }> | null;
-        activeLockedId: string | null;
-        lockedMultiSelections: {
-            [groupId: string]: true;
-        };
-        bindMode: import("@excalidraw/element/types").BindMode;
-    };
-    captureUpdate: "EVENTUALLY";
-};
 export declare const actionZoomToFitSelectionInViewport: {
     name: "zoomToFitSelectionInViewport";
     label: string;
@@ -1049,6 +706,7 @@ export declare const actionZoomToFitSelectionInViewport: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -1088,7 +746,7 @@ export declare const actionZoomToFitSelectionInViewport: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -1108,9 +766,10 @@ export declare const actionZoomToFitSelectionInViewport: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -1121,6 +780,7 @@ export declare const actionZoomToFitSelectionInViewport: {
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -1211,9 +871,9 @@ export declare const actionZoomToFitSelectionInViewport: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };
 export declare const actionZoomToFitSelection: {
     name: "zoomToFitSelection";
@@ -1222,6 +882,7 @@ export declare const actionZoomToFitSelection: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -1261,7 +922,7 @@ export declare const actionZoomToFitSelection: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -1281,9 +942,10 @@ export declare const actionZoomToFitSelection: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -1294,6 +956,7 @@ export declare const actionZoomToFitSelection: {
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -1384,9 +1047,9 @@ export declare const actionZoomToFitSelection: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };
 export declare const actionZoomToFit: {
     name: "zoomToFit";
@@ -1396,6 +1059,7 @@ export declare const actionZoomToFit: {
     trackEvent: {
         category: "canvas";
     };
+    predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => {
         appState: {
             scrollX: number;
@@ -1435,7 +1099,7 @@ export declare const actionZoomToFit: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
@@ -1455,9 +1119,10 @@ export declare const actionZoomToFit: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -1468,6 +1133,7 @@ export declare const actionZoomToFit: {
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -1558,9 +1224,9 @@ export declare const actionZoomToFit: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };
 export declare const actionToggleTheme: import("./types").Action<import("@excalidraw/element/types").Theme> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
@@ -1609,7 +1275,7 @@ export declare const actionToggleEraserTool: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
@@ -1624,9 +1290,10 @@ export declare const actionToggleEraserTool: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -1639,6 +1306,7 @@ export declare const actionToggleEraserTool: {
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -1724,9 +1392,9 @@ export declare const actionToggleEraserTool: {
         };
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
 } & {
-    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };
 export declare const actionToggleLassoTool: {
     name: "toggleLassoTool";
@@ -1774,7 +1442,7 @@ export declare const actionToggleLassoTool: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
@@ -1789,9 +1457,10 @@ export declare const actionToggleLassoTool: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -1804,6 +1473,7 @@ export declare const actionToggleLassoTool: {
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;
@@ -1938,7 +1608,7 @@ export declare const actionToggleHandTool: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
+            elementsToHighlight: readonly import("@excalidraw/element/types").NonDeletedExcalidrawElement[] | null;
             editingTextElement: import("@excalidraw/element/types").ExcalidrawTextElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
@@ -1953,9 +1623,10 @@ export declare const actionToggleHandTool: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
+            currentItemStrokeWidthKey: import("@excalidraw/common").StrokeWidthKey;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
+            currentItemStrokeVariability: import("@excalidraw/element/types").StrokeVariability;
             currentItemOpacity: number;
             currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
@@ -1968,6 +1639,7 @@ export declare const actionToggleHandTool: {
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
+            scrollConstraints: import("../types").ScrollConstraints | null;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             name: string | null;