@unicom-cloud/ui 0.8.171 → 0.8.173

package/draw/{core/actions → actions}/actionCanvas.d.ts

@@ -1,8 +1,8 @@
-import type { SceneBounds } from '../../element';
-import type { DrawElement } from '../../element/types';
-import type { AppState, Offsets } from '../../interface';
+import type { SceneBounds } from '../element';
+import type { DrawElement } from '../element/types';
+import type { AppState, Offsets } from '../interface';
 export declare const actionChangeViewBackgroundColor: import("./types").Action<Partial<AppState>> & {
-    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly DrawElement[], app: import("../../interface").AppClassProperties) => boolean) | undefined;
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly DrawElement[], app: import("../interface").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionClearCanvas: {
     name: "clearCanvas";
@@ -11,12 +11,12 @@ export declare const actionClearCanvas: {
     trackEvent: {
         category: "canvas";
     };
-    predicate: (elements: readonly DrawElement[], appState: AppState, props: import("../..").DrawProps, app: import("../../interface").AppClassProperties) => boolean;
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
-        elements: import("../../element/types").OrderedDrawElement[];
+    predicate: (elements: readonly DrawElement[], appState: AppState, props: import("..").DrawProps, app: import("../interface").AppClassProperties) => boolean;
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
+        elements: import("../element/types").OrderedDrawElement[];
         appState: {
             files: {};
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -36,17 +36,17 @@ export declare const actionClearCanvas: {
                 data: import("../charts").Spreadsheet;
             };
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             name: string | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
                 left: number;
             } | null;
-            zoom: import("../../interface").Zoom;
+            zoom: import("../interface").Zoom;
             viewModeEnabled: boolean;
             zenModeEnabled: boolean;
             objectsSnapModeEnabled: boolean;
@@ -55,17 +55,17 @@ export declare const actionClearCanvas: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -73,8 +73,8 @@ export declare const actionClearCanvas: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -88,13 +88,13 @@ export declare const actionClearCanvas: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -105,8 +105,8 @@ export declare const actionClearCanvas: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -119,7 +119,7 @@ export declare const actionClearCanvas: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -139,28 +139,28 @@ export declare const actionClearCanvas: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
-            currentChartType: import("../../element/types").ChartType;
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            editingGroupId: import("../element/types").GroupId | null;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
+            currentChartType: import("../element/types").ChartType;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -174,12 +174,12 @@ export declare const actionZoomIn: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -190,17 +190,17 @@ export declare const actionZoomIn: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -208,13 +208,13 @@ export declare const actionZoomIn: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -232,13 +232,13 @@ export declare const actionZoomIn: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -249,8 +249,8 @@ export declare const actionZoomIn: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -263,7 +263,7 @@ export declare const actionZoomIn: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -281,7 +281,7 @@ export declare const actionZoomIn: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -289,18 +289,18 @@ export declare const actionZoomIn: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -308,25 +308,25 @@ export declare const actionZoomIn: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -341,12 +341,12 @@ export declare const actionZoomOut: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -357,17 +357,17 @@ export declare const actionZoomOut: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -375,13 +375,13 @@ export declare const actionZoomOut: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -399,13 +399,13 @@ export declare const actionZoomOut: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -416,8 +416,8 @@ export declare const actionZoomOut: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -430,7 +430,7 @@ export declare const actionZoomOut: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -448,7 +448,7 @@ export declare const actionZoomOut: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -456,18 +456,18 @@ export declare const actionZoomOut: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -475,25 +475,25 @@ export declare const actionZoomOut: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -508,12 +508,12 @@ export declare const actionResetZoom: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -524,17 +524,17 @@ export declare const actionResetZoom: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -542,13 +542,13 @@ export declare const actionResetZoom: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -566,13 +566,13 @@ export declare const actionResetZoom: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -583,8 +583,8 @@ export declare const actionResetZoom: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -597,7 +597,7 @@ export declare const actionResetZoom: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -615,7 +615,7 @@ export declare const actionResetZoom: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -623,18 +623,18 @@ export declare const actionResetZoom: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -642,25 +642,25 @@ export declare const actionResetZoom: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -675,12 +675,12 @@ export declare const actionManualZoom: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (_elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (_elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -691,17 +691,17 @@ export declare const actionManualZoom: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -709,13 +709,13 @@ export declare const actionManualZoom: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -733,13 +733,13 @@ export declare const actionManualZoom: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -750,8 +750,8 @@ export declare const actionManualZoom: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -764,7 +764,7 @@ export declare const actionManualZoom: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -782,7 +782,7 @@ export declare const actionManualZoom: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -790,18 +790,18 @@ export declare const actionManualZoom: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -809,25 +809,25 @@ export declare const actionManualZoom: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -849,7 +849,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         scrollX: number;
         scrollY: number;
         zoom: {
-            value: import("../../interface").NormalizedZoomValue;
+            value: import("../interface").NormalizedZoomValue;
         };
         contextMenu: {
             items: import("../components/ContextMenu").ContextMenuItems;
@@ -860,17 +860,17 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         isLoading: boolean;
         errorMessage: React.ReactNode;
         activeEmbeddable: {
-            element: import("../../element/types").NonDeletedDrawElement;
+            element: import("../element/types").NonDeletedDrawElement;
             state: "hover" | "active";
         } | null;
-        newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-        resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-        multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-        selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+        newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+        resizingElement: import("../element/types").NonDeletedDrawElement | null;
+        multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+        selectionElement: import("../element/types").NonDeletedDrawElement | null;
         isBindingEnabled: boolean;
-        startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-        suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-        frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+        startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+        suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+        frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
         frameRendering: {
             enabled: boolean;
             name: boolean;
@@ -878,13 +878,13 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             clip: boolean;
         };
         editingFrame: string | null;
-        elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-        editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+        elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+        editingTextElement: import("../element/types").NonDeletedDrawElement | null;
         activeTool: {
-            lastActiveTool: import("../../interface").ActiveTool | null;
+            lastActiveTool: import("../interface").ActiveTool | null;
             locked: boolean;
             fromSelection: boolean;
-        } & import("../../interface").ActiveTool;
+        } & import("../interface").ActiveTool;
         preferredSelectionTool: {
             type: "selection" | "lasso";
             initialized: boolean;
@@ -902,13 +902,13 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         currentItemStrokeStyle: DrawElement["strokeStyle"];
         currentItemRoughness: number;
         currentItemOpacity: number;
-        currentItemFontFamily: import("../../element/types").FontFamilyValues;
+        currentItemFontFamily: import("../element/types").FontFamilyValues;
         currentItemFontSize: number;
-        currentItemTextAlign: import("../../element/types").TextAlign;
-        currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-        currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-        currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-        currentItemRoundness: import("../../element/types").StrokeRoundness;
+        currentItemTextAlign: import("../element/types").TextAlign;
+        currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+        currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+        currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+        currentItemRoundness: import("../element/types").StrokeRoundness;
         currentItemArrowType: "sharp" | "round" | "elbow";
         viewBackgroundColor: string;
         cursorButton: "up" | "down";
@@ -919,8 +919,8 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         openMenu: "canvas" | null;
         openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
         openSidebar: {
-            name: import("../../interface").SidebarName;
-            tab?: import("../../interface").SidebarTabName;
+            name: import("../interface").SidebarName;
+            tab?: import("../interface").SidebarTabName;
         } | null;
         openDialog: null | {
             name: "imageExport" | "help" | "jsonExport";
@@ -933,7 +933,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             sourceElementId: DrawElement["id"];
         };
         defaultSidebarDockedPreference: boolean;
-        lastPointerDownWith: import("../../element/types").PointerType;
+        lastPointerDownWith: import("../element/types").PointerType;
         selectedElementIds: Readonly<{
             [id: string]: true;
         }>;
@@ -951,7 +951,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             duration?: number;
         } | null;
         zenModeEnabled: boolean;
-        theme: import("../../element/types").Theme;
+        theme: import("../element/types").Theme;
         gridSize: number;
         gridStep: number;
         gridModeEnabled: boolean;
@@ -959,18 +959,18 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         selectedGroupIds: {
             [groupId: string]: boolean;
         };
-        editingGroupId: import("../../element/types").GroupId | null;
+        editingGroupId: import("../element/types").GroupId | null;
         width: number;
         height: number;
         offsetTop: number;
         offsetLeft: number;
-        fileHandle: import("../data/filesystem").FileSystemHandle | null;
-        collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+        fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+        collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
         stats: {
             open: boolean;
             panels: number;
         };
-        currentChartType: import("../../element/types").ChartType;
+        currentChartType: import("../element/types").ChartType;
         pasteDialog: {
             shown: false;
             data: null;
@@ -978,25 +978,25 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             shown: true;
             data: import("../charts").Spreadsheet;
         };
-        selectedLinearElement: import("../../element").LinearElementEditor | null;
+        selectedLinearElement: import("../element").LinearElementEditor | null;
         snapLines: readonly import("../snapping").SnapLine[];
         originSnapOffset: {
             x: number;
             y: number;
         } | null;
         objectsSnapModeEnabled: boolean;
-        followedBy: Set<import("../../interface").SocketId>;
+        followedBy: Set<import("../interface").SocketId>;
         isCropping: boolean;
         croppingElementId: DrawElement["id"] | null;
         searchMatches: Readonly<{
             focusedId: DrawElement["id"] | null;
-            matches: readonly import("../../interface").SearchMatch[];
+            matches: readonly import("../interface").SearchMatch[];
         }> | null;
         activeLockedId: string | null;
         lockedMultiSelections: {
             [groupId: string]: true;
         };
-        bindMode: import("../../element/types").BindMode;
+        bindMode: import("../element/types").BindMode;
     };
     captureUpdate: "EVENTUALLY";
 };
@@ -1015,7 +1015,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         scrollX: number;
         scrollY: number;
         zoom: {
-            value: import("../../interface").NormalizedZoomValue;
+            value: import("../interface").NormalizedZoomValue;
         };
         contextMenu: {
             items: import("../components/ContextMenu").ContextMenuItems;
@@ -1026,17 +1026,17 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         isLoading: boolean;
         errorMessage: React.ReactNode;
         activeEmbeddable: {
-            element: import("../../element/types").NonDeletedDrawElement;
+            element: import("../element/types").NonDeletedDrawElement;
             state: "hover" | "active";
         } | null;
-        newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-        resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-        multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-        selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+        newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+        resizingElement: import("../element/types").NonDeletedDrawElement | null;
+        multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+        selectionElement: import("../element/types").NonDeletedDrawElement | null;
         isBindingEnabled: boolean;
-        startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-        suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-        frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+        startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+        suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+        frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
         frameRendering: {
             enabled: boolean;
             name: boolean;
@@ -1044,13 +1044,13 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             clip: boolean;
         };
         editingFrame: string | null;
-        elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-        editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+        elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+        editingTextElement: import("../element/types").NonDeletedDrawElement | null;
         activeTool: {
-            lastActiveTool: import("../../interface").ActiveTool | null;
+            lastActiveTool: import("../interface").ActiveTool | null;
             locked: boolean;
             fromSelection: boolean;
-        } & import("../../interface").ActiveTool;
+        } & import("../interface").ActiveTool;
         preferredSelectionTool: {
             type: "selection" | "lasso";
             initialized: boolean;
@@ -1068,13 +1068,13 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         currentItemStrokeStyle: DrawElement["strokeStyle"];
         currentItemRoughness: number;
         currentItemOpacity: number;
-        currentItemFontFamily: import("../../element/types").FontFamilyValues;
+        currentItemFontFamily: import("../element/types").FontFamilyValues;
         currentItemFontSize: number;
-        currentItemTextAlign: import("../../element/types").TextAlign;
-        currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-        currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-        currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-        currentItemRoundness: import("../../element/types").StrokeRoundness;
+        currentItemTextAlign: import("../element/types").TextAlign;
+        currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+        currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+        currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+        currentItemRoundness: import("../element/types").StrokeRoundness;
         currentItemArrowType: "sharp" | "round" | "elbow";
         viewBackgroundColor: string;
         cursorButton: "up" | "down";
@@ -1085,8 +1085,8 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         openMenu: "canvas" | null;
         openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
         openSidebar: {
-            name: import("../../interface").SidebarName;
-            tab?: import("../../interface").SidebarTabName;
+            name: import("../interface").SidebarName;
+            tab?: import("../interface").SidebarTabName;
         } | null;
         openDialog: null | {
             name: "imageExport" | "help" | "jsonExport";
@@ -1099,7 +1099,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             sourceElementId: DrawElement["id"];
         };
         defaultSidebarDockedPreference: boolean;
-        lastPointerDownWith: import("../../element/types").PointerType;
+        lastPointerDownWith: import("../element/types").PointerType;
         selectedElementIds: Readonly<{
             [id: string]: true;
         }>;
@@ -1117,7 +1117,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             duration?: number;
         } | null;
         zenModeEnabled: boolean;
-        theme: import("../../element/types").Theme;
+        theme: import("../element/types").Theme;
         gridSize: number;
         gridStep: number;
         gridModeEnabled: boolean;
@@ -1125,18 +1125,18 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         selectedGroupIds: {
             [groupId: string]: boolean;
         };
-        editingGroupId: import("../../element/types").GroupId | null;
+        editingGroupId: import("../element/types").GroupId | null;
         width: number;
         height: number;
         offsetTop: number;
         offsetLeft: number;
-        fileHandle: import("../data/filesystem").FileSystemHandle | null;
-        collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+        fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+        collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
         stats: {
             open: boolean;
             panels: number;
         };
-        currentChartType: import("../../element/types").ChartType;
+        currentChartType: import("../element/types").ChartType;
         pasteDialog: {
             shown: false;
             data: null;
@@ -1144,25 +1144,25 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             shown: true;
             data: import("../charts").Spreadsheet;
         };
-        selectedLinearElement: import("../../element").LinearElementEditor | null;
+        selectedLinearElement: import("../element").LinearElementEditor | null;
         snapLines: readonly import("../snapping").SnapLine[];
         originSnapOffset: {
             x: number;
             y: number;
         } | null;
         objectsSnapModeEnabled: boolean;
-        followedBy: Set<import("../../interface").SocketId>;
+        followedBy: Set<import("../interface").SocketId>;
         isCropping: boolean;
         croppingElementId: DrawElement["id"] | null;
         searchMatches: Readonly<{
             focusedId: DrawElement["id"] | null;
-            matches: readonly import("../../interface").SearchMatch[];
+            matches: readonly import("../interface").SearchMatch[];
         }> | null;
         activeLockedId: string | null;
         lockedMultiSelections: {
             [groupId: string]: true;
         };
-        bindMode: import("../../element/types").BindMode;
+        bindMode: import("../element/types").BindMode;
     };
     captureUpdate: "EVENTUALLY";
 };
@@ -1173,12 +1173,12 @@ export declare const actionZoomToFitSelectionInViewport: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -1189,17 +1189,17 @@ export declare const actionZoomToFitSelectionInViewport: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1207,13 +1207,13 @@ export declare const actionZoomToFitSelectionInViewport: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -1231,13 +1231,13 @@ export declare const actionZoomToFitSelectionInViewport: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -1248,8 +1248,8 @@ export declare const actionZoomToFitSelectionInViewport: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -1262,7 +1262,7 @@ export declare const actionZoomToFitSelectionInViewport: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1280,7 +1280,7 @@ export declare const actionZoomToFitSelectionInViewport: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1288,18 +1288,18 @@ export declare const actionZoomToFitSelectionInViewport: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1307,25 +1307,25 @@ export declare const actionZoomToFitSelectionInViewport: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1340,12 +1340,12 @@ export declare const actionZoomToFitSelection: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -1356,17 +1356,17 @@ export declare const actionZoomToFitSelection: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1374,13 +1374,13 @@ export declare const actionZoomToFitSelection: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -1398,13 +1398,13 @@ export declare const actionZoomToFitSelection: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -1415,8 +1415,8 @@ export declare const actionZoomToFitSelection: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -1429,7 +1429,7 @@ export declare const actionZoomToFitSelection: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1447,7 +1447,7 @@ export declare const actionZoomToFitSelection: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1455,18 +1455,18 @@ export declare const actionZoomToFitSelection: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1474,25 +1474,25 @@ export declare const actionZoomToFitSelection: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1508,12 +1508,12 @@ export declare const actionZoomToFit: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             scrollX: number;
             scrollY: number;
             zoom: {
-                value: import("../../interface").NormalizedZoomValue;
+                value: import("../interface").NormalizedZoomValue;
             };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -1524,17 +1524,17 @@ export declare const actionZoomToFit: {
             isLoading: boolean;
             errorMessage: React.ReactNode;
             activeEmbeddable: {
-                element: import("../../element/types").NonDeletedDrawElement;
+                element: import("../element/types").NonDeletedDrawElement;
                 state: "hover" | "active";
             } | null;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1542,13 +1542,13 @@ export declare const actionZoomToFit: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -1566,13 +1566,13 @@ export declare const actionZoomToFit: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             cursorButton: "up" | "down";
@@ -1583,8 +1583,8 @@ export declare const actionZoomToFit: {
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -1597,7 +1597,7 @@ export declare const actionZoomToFit: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1615,7 +1615,7 @@ export declare const actionZoomToFit: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -1623,18 +1623,18 @@ export declare const actionZoomToFit: {
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1642,25 +1642,25 @@ export declare const actionZoomToFit: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "EVENTUALLY";
     };
@@ -1668,8 +1668,8 @@ export declare const actionZoomToFit: {
 } & {
     keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
 };
-export declare const actionToggleTheme: import("./types").Action<import("../../element/types").Theme> & {
-    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly DrawElement[], app: import("../../interface").AppClassProperties) => boolean) | undefined;
+export declare const actionToggleTheme: import("./types").Action<import("../element/types").Theme> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly DrawElement[], app: import("../interface").AppClassProperties) => boolean) | undefined;
 };
 export declare const actionToggleEraserTool: {
     name: "toggleEraserTool";
@@ -1677,16 +1677,16 @@ export declare const actionToggleEraserTool: {
     trackEvent: {
         category: "toolbar";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
             activeEmbeddable: null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1695,14 +1695,14 @@ export declare const actionToggleEraserTool: {
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: React.ReactNode;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1710,8 +1710,8 @@ export declare const actionToggleEraserTool: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -1729,13 +1729,13 @@ export declare const actionToggleEraserTool: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1745,12 +1745,12 @@ export declare const actionToggleEraserTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: import("../../interface").Zoom;
+            zoom: import("../interface").Zoom;
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -1763,7 +1763,7 @@ export declare const actionToggleEraserTool: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1778,23 +1778,23 @@ export declare const actionToggleEraserTool: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1802,25 +1802,25 @@ export declare const actionToggleEraserTool: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1835,17 +1835,17 @@ export declare const actionToggleLassoTool: {
     trackEvent: {
         category: "toolbar";
     };
-    predicate: (elements: readonly DrawElement[], appState: AppState, props: import("../..").DrawProps, app: import("../../interface").AppClassProperties) => boolean;
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    predicate: (elements: readonly DrawElement[], appState: AppState, props: import("..").DrawProps, app: import("../interface").AppClassProperties) => boolean;
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
             activeEmbeddable: null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1854,14 +1854,14 @@ export declare const actionToggleLassoTool: {
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: React.ReactNode;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1869,8 +1869,8 @@ export declare const actionToggleLassoTool: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -1888,13 +1888,13 @@ export declare const actionToggleLassoTool: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -1904,12 +1904,12 @@ export declare const actionToggleLassoTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: import("../../interface").Zoom;
+            zoom: import("../interface").Zoom;
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -1922,7 +1922,7 @@ export declare const actionToggleLassoTool: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -1937,23 +1937,23 @@ export declare const actionToggleLassoTool: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -1961,25 +1961,25 @@ export declare const actionToggleLassoTool: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "NEVER";
     };
@@ -1994,16 +1994,16 @@ export declare const actionToggleHandTool: {
     };
     icon: import("react").JSX.Element;
     viewMode: false;
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../../interface").AppClassProperties) => {
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../interface").AppClassProperties) => {
         appState: {
             selectedElementIds: {};
             selectedGroupIds: {};
             activeEmbeddable: null;
             activeTool: {
-                lastActiveTool: import("../../interface").ActiveTool | null;
+                lastActiveTool: import("../interface").ActiveTool | null;
                 locked: boolean;
                 fromSelection: boolean;
-            } & import("../../interface").ActiveTool;
+            } & import("../interface").ActiveTool;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -2012,14 +2012,14 @@ export declare const actionToggleHandTool: {
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: React.ReactNode;
-            newElement: import("../../element/types").NonDeleted<import("../../element/types").DrawNonSelectionElement> | null;
-            resizingElement: import("../../element/types").NonDeletedDrawElement | null;
-            multiElement: import("../../element/types").NonDeleted<import("../../element/types").DrawLinearElement> | null;
-            selectionElement: import("../../element/types").NonDeletedDrawElement | null;
+            newElement: import("../element/types").NonDeleted<import("../element/types").DrawNonSelectionElement> | null;
+            resizingElement: import("../element/types").NonDeletedDrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").DrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedDrawElement | null;
             isBindingEnabled: boolean;
-            startBoundElement: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            suggestedBinding: import("../../element/types").NonDeleted<import("../../element/types").DrawBindableElement> | null;
-            frameToHighlight: import("../../element/types").NonDeleted<import("../../element/types").DrawFrameLikeElement> | null;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            suggestedBinding: import("../element/types").NonDeleted<import("../element/types").DrawBindableElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").DrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -2027,8 +2027,8 @@ export declare const actionToggleHandTool: {
                 clip: boolean;
             };
             editingFrame: string | null;
-            elementsToHighlight: import("../../element/types").NonDeleted<DrawElement>[] | null;
-            editingTextElement: import("../../element/types").NonDeletedDrawElement | null;
+            elementsToHighlight: import("../element/types").NonDeleted<DrawElement>[] | null;
+            editingTextElement: import("../element/types").NonDeletedDrawElement | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
                 initialized: boolean;
@@ -2046,13 +2046,13 @@ export declare const actionToggleHandTool: {
             currentItemStrokeStyle: DrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
-            currentItemFontFamily: import("../../element/types").FontFamilyValues;
+            currentItemFontFamily: import("../element/types").FontFamilyValues;
             currentItemFontSize: number;
-            currentItemTextAlign: import("../../element/types").TextAlign;
-            currentItemStartArrowhead: import("../../element/types").Arrowhead | null;
-            currentItemEndArrowhead: import("../../element/types").Arrowhead | null;
-            currentHoveredFontFamily: import("../../element/types").FontFamilyValues | null;
-            currentItemRoundness: import("../../element/types").StrokeRoundness;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentHoveredFontFamily: import("../element/types").FontFamilyValues | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
             currentItemArrowType: "sharp" | "round" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
@@ -2062,12 +2062,12 @@ export declare const actionToggleHandTool: {
             name: string | null;
             isResizing: boolean;
             isRotating: boolean;
-            zoom: import("../../interface").Zoom;
+            zoom: import("../interface").Zoom;
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
-                name: import("../../interface").SidebarName;
-                tab?: import("../../interface").SidebarTabName;
+                name: import("../interface").SidebarName;
+                tab?: import("../interface").SidebarTabName;
             } | null;
             openDialog: null | {
                 name: "imageExport" | "help" | "jsonExport";
@@ -2080,7 +2080,7 @@ export declare const actionToggleHandTool: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -2095,23 +2095,23 @@ export declare const actionToggleHandTool: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
-            editingGroupId: import("../../element/types").GroupId | null;
+            editingGroupId: import("../element/types").GroupId | null;
             width: number;
             height: number;
             offsetTop: number;
             offsetLeft: number;
-            fileHandle: import("../data/filesystem").FileSystemHandle | null;
-            collaborators: Map<import("../../interface").SocketId, import("../../interface").Collaborator>;
+            fileHandle: import("../libs/browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<import("../interface").SocketId, import("../interface").Collaborator>;
             stats: {
                 open: boolean;
                 panels: number;
             };
-            currentChartType: import("../../element/types").ChartType;
+            currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
                 data: null;
@@ -2119,25 +2119,25 @@ export declare const actionToggleHandTool: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            selectedLinearElement: import("../../element").LinearElementEditor | null;
+            selectedLinearElement: import("../element").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            followedBy: Set<import("../../interface").SocketId>;
+            followedBy: Set<import("../interface").SocketId>;
             isCropping: boolean;
             croppingElementId: DrawElement["id"] | null;
             searchMatches: Readonly<{
                 focusedId: DrawElement["id"] | null;
-                matches: readonly import("../../interface").SearchMatch[];
+                matches: readonly import("../interface").SearchMatch[];
             }> | null;
             activeLockedId: string | null;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            bindMode: import("../../element/types").BindMode;
+            bindMode: import("../element/types").BindMode;
         };
         captureUpdate: "IMMEDIATELY";
     };