@excalidraw/common 0.18.0-c141960 → 0.18.0-c158187

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleStats: {
     name: "stats";
     label: string;
@@ -8,7 +7,7 @@ export declare const actionToggleStats: {
         category: "menu";
     };
     keywords: string[];
-    perform(elements: readonly import("../../element/src/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
         appState: {
             stats: {
                 open: boolean;
@@ -21,19 +20,19 @@ export declare const actionToggleStats: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/src/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
             } | null;
-            newElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            suggestedBinding: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            frameToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -41,8 +40,8 @@ export declare const actionToggleStats: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawElement>[] | null;
-            editingTextElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -60,19 +59,19 @@ export declare const actionToggleStats: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../../element/src/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../../element/src/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../../element/src/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            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;
             scrollX: number;
             scrollY: number;
@@ -81,30 +80,28 @@ export declare const actionToggleStats: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
             } | {
                 name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: import("@excalidraw/element/types").ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/src/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -118,11 +115,11 @@ export declare const actionToggleStats: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/src/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -130,33 +127,14 @@ export declare const actionToggleStats: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
-            currentChartType: import("../../element/src/types").ChartType;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -175,16 +153,16 @@ export declare const actionToggleStats: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/src/types").BindMode;
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleViewMode: {
     name: "viewMode";
     label: string;
@@ -8,7 +7,7 @@ export declare const actionToggleViewMode: {
         category: "canvas";
         predicate: (appState: Readonly<import("../types").AppState>) => boolean;
     };
-    perform(elements: readonly import("../../element/src/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
         appState: {
             viewModeEnabled: boolean;
             contextMenu: {
@@ -18,19 +17,19 @@ export declare const actionToggleViewMode: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/src/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
             } | null;
-            newElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            suggestedBinding: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            frameToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -38,8 +37,8 @@ export declare const actionToggleViewMode: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawElement>[] | null;
-            editingTextElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -57,19 +56,19 @@ export declare const actionToggleViewMode: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../../element/src/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../../element/src/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../../element/src/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            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;
             scrollX: number;
             scrollY: number;
@@ -78,30 +77,28 @@ export declare const actionToggleViewMode: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
             } | {
                 name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: import("@excalidraw/element/types").ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/src/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -115,48 +112,29 @@ export declare const actionToggleViewMode: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/src/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/src/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -175,21 +153,21 @@ export declare const actionToggleViewMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/src/types").BindMode;
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
-    predicate: (elements: readonly import("../../element/src/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
+    predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionToggleZenMode: {
     name: "zenMode";
     label: string;
@@ -8,7 +7,7 @@ export declare const actionToggleZenMode: {
         category: "canvas";
         predicate: (appState: Readonly<import("../types").AppState>) => boolean;
     };
-    perform(elements: readonly import("../../element/src/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
         appState: {
             zenModeEnabled: boolean;
             contextMenu: {
@@ -18,19 +17,19 @@ export declare const actionToggleZenMode: {
             } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
-            errorMessage: import("react").ReactNode;
+            errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/src/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                element: import("@excalidraw/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
             } | null;
-            newElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawNonSelectionElement> | null;
-            resizingElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
-            multiElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawLinearElement> | null;
-            selectionElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
+            newElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            suggestedBinding: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawBindableElement> | null;
-            frameToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawFrameLikeElement> | null;
+            startBoundElement: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            suggestedBinding: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawBindableElement> | null;
+            frameToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -38,8 +37,8 @@ export declare const actionToggleZenMode: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/src/types").NonDeleted<import("../../element/src/types").ExcalidrawElement>[] | null;
-            editingTextElement: import("../../element/src/types").NonDeletedExcalidrawElement | null;
+            elementsToHighlight: import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("@excalidraw/element/types").NonDeletedExcalidrawElement | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -57,19 +56,19 @@ export declare const actionToggleZenMode: {
             exportScale: number;
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
-            currentItemFillStyle: import("../../element/src/types").FillStyle;
+            currentItemFillStyle: import("@excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
-            currentItemStrokeStyle: import("../../element/src/types").StrokeStyle;
+            currentItemStrokeStyle: import("@excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: number;
+            currentItemFontFamily: import("@excalidraw/element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: string;
-            currentItemStartArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/src/types").Arrowhead | null;
-            currentHoveredFontFamily: number | null;
-            currentItemRoundness: import("../../element/src/types").StrokeRoundness;
-            currentItemArrowType: "round" | "sharp" | "elbow";
+            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;
             scrollX: number;
             scrollY: number;
@@ -78,30 +77,28 @@ export declare const actionToggleZenMode: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: Readonly<{
-                value: import("../types").NormalizedZoomValue;
-            }>;
+            zoom: import("../types").Zoom;
             openMenu: "canvas" | null;
-            openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: string;
-                tab?: string | undefined;
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
             } | null;
-            openDialog: {
+            openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | {
                 name: "commandPalette";
             } | {
                 name: "settings";
             } | {
                 name: "elementLinkSelector";
-                sourceElementId: string;
-            } | null;
+                sourceElementId: import("@excalidraw/element/types").ExcalidrawElement["id"];
+            };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/src/types").PointerType;
+            lastPointerDownWith: import("@excalidraw/element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -115,10 +112,10 @@ export declare const actionToggleZenMode: {
             shouldCacheIgnoreZoom: boolean;
             toast: {
                 message: string;
-                closable?: boolean | undefined;
-                duration?: number | undefined;
+                closable?: boolean;
+                duration?: number;
             } | null;
-            theme: import("../../element/src/types").Theme;
+            theme: import("@excalidraw/element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -126,37 +123,18 @@ export declare const actionToggleZenMode: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
+            editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
-            collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined;
-                button?: "up" | "down" | undefined;
-                selectedElementIds?: Readonly<{
-                    [id: string]: true;
-                }> | undefined;
-                username?: string | null | undefined;
-                userState?: import("@excalidraw/common").UserIdleState | undefined;
-                color?: {
-                    background: string;
-                    stroke: string;
-                } | undefined;
-                avatarUrl?: string | undefined;
-                id?: string | undefined;
-                socketId?: import("../types").SocketId | undefined;
-                isCurrentUser?: boolean | undefined;
-                isInCall?: boolean | undefined;
-                isSpeaking?: boolean | undefined;
-                isMuted?: boolean | undefined;
-            }>>;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/src/types").ChartType;
+            currentChartType: import("@excalidraw/element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -175,21 +153,21 @@ export declare const actionToggleZenMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
-            croppingElementId: string | null;
+            croppingElementId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
-                focusedId: string | null;
+                focusedId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
                 matches: readonly import("../types").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/src/types").BindMode;
+            bindMode: import("@excalidraw/element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
-    predicate: (elements: readonly import("../../element/src/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
+    predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;