@orangecatai/element 0.0.1

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

@@ -0,0 +1,691 @@
+import type { Theme } from "@orangecatai/element/types";
+import "../components/ToolIcon.scss";
+import type { AppState } from "../types";
+export declare const actionChangeProjectName: import("./types").Action<string | null> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
+};
+export declare const actionChangeExportScale: import("./types").Action<number> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
+};
+export declare const actionChangeExportBackground: import("./types").Action<boolean> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
+};
+export declare const actionChangeExportEmbedScene: import("./types").Action<boolean> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
+};
+export declare const actionSaveToActiveFile: {
+    name: "saveToActiveFile";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    trackEvent: {
+        category: "export";
+    };
+    predicate: (elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: unknown, app: import("../types").AppClassProperties) => Promise<{
+        captureUpdate: "EVENTUALLY";
+        appState: {
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            toast: {
+                message: string;
+            } | null;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("@orangecatai/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement> | null;
+            suggestedBinding: {
+                element: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@orangecatai/math").GlobalPoint;
+            } | null;
+            frameToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | 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: import("@orangecatai/element/types").ExcalidrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("@orangecatai/element/types").ExcalidrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("@orangecatai/element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("@orangecatai/element/types").TextAlign;
+            currentItemStartArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("@orangecatai/element/types").FontFamilyValues | null;
+            currentItemRoundness: import("@orangecatai/element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../types").Zoom;
+            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: import("@orangecatai/element/types").ExcalidrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("@orangecatai/element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            zenModeEnabled: boolean;
+            theme: Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("@orangecatai/element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("@orangecatai/element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("@orangecatai/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: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("@orangecatai/element/types").BindMode;
+        };
+    } | {
+        captureUpdate: "EVENTUALLY";
+        appState?: undefined;
+    }>;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionSaveFileToDisk: {
+    name: "saveFileToDisk";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    viewMode: true;
+    trackEvent: {
+        category: "export";
+    };
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: unknown, app: import("../types").AppClassProperties) => Promise<{
+        captureUpdate: "EVENTUALLY";
+        appState: {
+            openDialog: null;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            toast: {
+                message: string;
+            };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            activeEmbeddable: {
+                element: import("@orangecatai/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement> | null;
+            suggestedBinding: {
+                element: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@orangecatai/math").GlobalPoint;
+            } | null;
+            frameToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | 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: import("@orangecatai/element/types").ExcalidrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("@orangecatai/element/types").ExcalidrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("@orangecatai/element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("@orangecatai/element/types").TextAlign;
+            currentItemStartArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("@orangecatai/element/types").FontFamilyValues | null;
+            currentItemRoundness: import("@orangecatai/element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../types").Zoom;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("@orangecatai/element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            zenModeEnabled: boolean;
+            theme: Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("@orangecatai/element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("@orangecatai/element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("@orangecatai/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: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("@orangecatai/element/types").BindMode;
+        };
+    } | {
+        captureUpdate: "EVENTUALLY";
+        appState?: undefined;
+    }>;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionLoadScene: {
+    name: "loadScene";
+    label: string;
+    trackEvent: {
+        category: "export";
+    };
+    predicate: (elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => Promise<false | {
+        elements: import("@orangecatai/element/types").OrderedExcalidrawElement[];
+        appState: {
+            viewBackgroundColor: string;
+            theme: Theme;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            name: string | null;
+            zoom: import("../types").Zoom;
+            scrollX: number;
+            scrollY: number;
+            viewModeEnabled: boolean;
+            openDialog: null | {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "ttd";
+                tab: "text-to-diagram" | "mermaid";
+            } | {
+                name: "commandPalette";
+            } | {
+                name: "settings";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: import("@orangecatai/element/types").ExcalidrawElement["id"];
+            };
+            editingGroupId: import("@orangecatai/element/types").GroupId | null;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            frameToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawFrameLikeElement> | null;
+            activeTool: {
+                lastActiveTool: import("../types").ActiveTool | null;
+                locked: boolean;
+                fromSelection: boolean;
+            } & import("../types").ActiveTool;
+            activeEmbeddable: {
+                element: import("@orangecatai/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
+            } | null;
+            selectionElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            selectedLinearElement: import("@orangecatai/element").LinearElementEditor | null;
+            multiElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawLinearElement> | null;
+            newElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawNonSelectionElement> | null;
+            isBindingEnabled: boolean;
+            suggestedBinding: {
+                element: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@orangecatai/math").GlobalPoint;
+            } | null;
+            isRotating: boolean;
+            elementsToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawElement>[] | null;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
+            snapLines: readonly import("../snapping").SnapLine[];
+            zenModeEnabled: boolean;
+            editingTextElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            isCropping: boolean;
+            croppingElementId: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            shouldCacheIgnoreZoom: boolean;
+            exportScale: number;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            bindMode: import("@orangecatai/element/types").BindMode;
+            gridSize: number;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: React.ReactNode;
+            resizingElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            startBoundElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement> | null;
+            editingFrame: string | null;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("@orangecatai/element/types").ExcalidrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("@orangecatai/element/types").ExcalidrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("@orangecatai/element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("@orangecatai/element/types").TextAlign;
+            currentItemStartArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("@orangecatai/element/types").FontFamilyValues | null;
+            currentItemRoundness: import("@orangecatai/element/types").StrokeRoundness;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            isResizing: boolean;
+            openMenu: "canvas" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+            openSidebar: {
+                name: import("../types").SidebarName;
+                tab?: import("../types").SidebarTabName;
+            } | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("@orangecatai/element/types").PointerType;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("@orangecatai/element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            showHyperlinkPopup: false | "info" | "editor";
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
+            userToFollow: import("../types").UserToFollow | null;
+            followedBy: Set<import("../types").SocketId>;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+        };
+        files: import("../types").BinaryFiles;
+        captureUpdate: "IMMEDIATELY";
+    } | {
+        elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[];
+        appState: {
+            errorMessage: any;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            activeEmbeddable: {
+                element: import("@orangecatai/element/types").NonDeletedExcalidrawElement;
+                state: "hover" | "active";
+            } | null;
+            newElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawNonSelectionElement> | null;
+            resizingElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement> | null;
+            suggestedBinding: {
+                element: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawBindableElement>;
+                midPoint?: import("@orangecatai/math").GlobalPoint;
+            } | null;
+            frameToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawFrameLikeElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawElement>[] | null;
+            editingTextElement: import("@orangecatai/element/types").NonDeletedExcalidrawElement | 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: import("@orangecatai/element/types").ExcalidrawElement["fillStyle"];
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("@orangecatai/element/types").ExcalidrawElement["strokeStyle"];
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: import("@orangecatai/element/types").FontFamilyValues;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("@orangecatai/element/types").TextAlign;
+            currentItemStartArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("@orangecatai/element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("@orangecatai/element/types").FontFamilyValues | null;
+            currentItemRoundness: import("@orangecatai/element/types").StrokeRoundness;
+            currentItemArrowType: "sharp" | "round" | "elbow";
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string | null;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: import("../types").Zoom;
+            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: import("@orangecatai/element/types").ExcalidrawElement["id"];
+            };
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("@orangecatai/element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean;
+                duration?: number;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: Theme;
+            gridSize: number;
+            gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: import("@orangecatai/element/types").GroupId | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
+            currentChartType: import("@orangecatai/element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("@orangecatai/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: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+            searchMatches: Readonly<{
+                focusedId: import("@orangecatai/element/types").ExcalidrawElement["id"] | null;
+                matches: readonly import("../types").SearchMatch[];
+            }> | null;
+            activeLockedId: string | null;
+            lockedMultiSelections: {
+                [groupId: string]: true;
+            };
+            bindMode: import("@orangecatai/element/types").BindMode;
+        };
+        files: import("../types").BinaryFiles;
+        captureUpdate: "EVENTUALLY";
+    }>;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};
+export declare const actionExportWithDarkMode: import("./types").Action<boolean> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
+};