@unicom-cloud/ui 0.8.172 → 0.8.174

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

@@ -1,14 +1,14 @@
 import React from 'react';
-import type { DrawElement } from '../../element/types';
-import type { AppClassProperties, AppState } from '../../interface';
+import type { DrawElement } from '../element/types';
+import type { AppClassProperties, AppState } from '../interface';
 export declare const actionSelectAllElementsInFrame: {
     name: "selectAllElementsInFrame";
     label: string;
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
-        elements: readonly import("../../element/types").OrderedDrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedDrawElement[];
         appState: {
             selectedElementIds: Record<string, true>;
             contextMenu: {
@@ -20,17 +20,17 @@ export declare const actionSelectAllElementsInFrame: {
             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;
@@ -38,13 +38,13 @@ export declare const actionSelectAllElementsInFrame: {
                 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;
@@ -62,13 +62,13 @@ export declare const actionSelectAllElementsInFrame: {
             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;
@@ -78,12 +78,12 @@ export declare const actionSelectAllElementsInFrame: {
             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";
@@ -96,7 +96,7 @@ export declare const actionSelectAllElementsInFrame: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -111,7 +111,7 @@ export declare const actionSelectAllElementsInFrame: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -119,18 +119,18 @@ export declare const actionSelectAllElementsInFrame: {
             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;
@@ -138,33 +138,33 @@ export declare const actionSelectAllElementsInFrame: {
                 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";
     } | {
-        elements: readonly import("../../element/types").OrderedDrawElement[];
+        elements: readonly import("../element/types").OrderedDrawElement[];
         appState: Readonly<AppState>;
         captureUpdate: "EVENTUALLY";
     };
-    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("../..").DrawProps, app: AppClassProperties) => boolean;
+    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("..").DrawProps, app: AppClassProperties) => boolean;
 } & {
     keyTest?: undefined;
 };
@@ -174,8 +174,8 @@ export declare const actionRemoveAllElementsFromFrame: {
     trackEvent: {
         category: "history";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
-        elements: readonly import("../../element/types").OrderedDrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedDrawElement[];
         appState: {
             selectedElementIds: {
                 [x: string]: true;
@@ -189,17 +189,17 @@ export declare const actionRemoveAllElementsFromFrame: {
             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;
@@ -207,13 +207,13 @@ export declare const actionRemoveAllElementsFromFrame: {
                 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;
@@ -231,13 +231,13 @@ export declare const actionRemoveAllElementsFromFrame: {
             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;
@@ -247,12 +247,12 @@ export declare const actionRemoveAllElementsFromFrame: {
             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";
@@ -265,7 +265,7 @@ export declare const actionRemoveAllElementsFromFrame: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -280,7 +280,7 @@ export declare const actionRemoveAllElementsFromFrame: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -288,18 +288,18 @@ export declare const actionRemoveAllElementsFromFrame: {
             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;
@@ -307,33 +307,33 @@ export declare const actionRemoveAllElementsFromFrame: {
                 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";
     } | {
-        elements: readonly import("../../element/types").OrderedDrawElement[];
+        elements: readonly import("../element/types").OrderedDrawElement[];
         appState: Readonly<AppState>;
         captureUpdate: "EVENTUALLY";
     };
-    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("../..").DrawProps, app: AppClassProperties) => boolean;
+    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("..").DrawProps, app: AppClassProperties) => boolean;
 } & {
     keyTest?: undefined;
 };
@@ -344,8 +344,8 @@ export declare const actionupdateFrameRendering: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>) => {
-        elements: readonly import("../../element/types").OrderedDrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>) => {
+        elements: readonly import("../element/types").OrderedDrawElement[];
         appState: {
             frameRendering: {
                 enabled: boolean;
@@ -362,25 +362,25 @@ export declare const actionupdateFrameRendering: {
             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;
             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;
@@ -398,13 +398,13 @@ export declare const actionupdateFrameRendering: {
             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;
@@ -414,12 +414,12 @@ export declare const actionupdateFrameRendering: {
             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";
@@ -432,7 +432,7 @@ export declare const actionupdateFrameRendering: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -450,7 +450,7 @@ export declare const actionupdateFrameRendering: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -458,18 +458,18 @@ export declare const actionupdateFrameRendering: {
             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;
@@ -477,25 +477,25 @@ export declare const actionupdateFrameRendering: {
                 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";
     };
@@ -511,14 +511,14 @@ export declare const actionSetFrameAsActiveTool: {
     };
     icon: React.FunctionComponentElement<import("@unicom-cloud/icons/IconProps").default & React.RefAttributes<unknown>>;
     viewMode: false;
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
-        elements: readonly import("../../element/types").OrderedDrawElement[];
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+        elements: readonly import("../element/types").OrderedDrawElement[];
         appState: {
             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;
@@ -528,17 +528,17 @@ export declare const actionSetFrameAsActiveTool: {
             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;
@@ -546,8 +546,8 @@ export declare const actionSetFrameAsActiveTool: {
                 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;
@@ -565,13 +565,13 @@ export declare const actionSetFrameAsActiveTool: {
             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;
@@ -581,12 +581,12 @@ export declare const actionSetFrameAsActiveTool: {
             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";
@@ -599,7 +599,7 @@ export declare const actionSetFrameAsActiveTool: {
                 sourceElementId: DrawElement["id"];
             };
             defaultSidebarDockedPreference: boolean;
-            lastPointerDownWith: import("../../element/types").PointerType;
+            lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -617,7 +617,7 @@ export declare const actionSetFrameAsActiveTool: {
                 duration?: number;
             } | null;
             zenModeEnabled: boolean;
-            theme: import("../../element/types").Theme;
+            theme: import("../element/types").Theme;
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
@@ -625,18 +625,18 @@ export declare const actionSetFrameAsActiveTool: {
             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;
@@ -644,25 +644,25 @@ export declare const actionSetFrameAsActiveTool: {
                 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";
     };
@@ -676,73 +676,73 @@ export declare const actionWrapSelectionInFrame: {
     trackEvent: {
         category: "element";
     };
-    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("../..").DrawProps, app: AppClassProperties) => boolean;
-    perform: (elements: readonly import("../../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
+    predicate: (elements: readonly DrawElement[], appState: AppState, _: import("..").DrawProps, app: AppClassProperties) => boolean;
+    perform: (elements: readonly import("../element/types").OrderedDrawElement[], appState: Readonly<AppState>, _: unknown, app: AppClassProperties) => {
         elements: ((Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
         }> & Readonly<{
             type: "line" | "arrow";
-            points: readonly import("../../libs/math").LocalPoint[];
-            startBinding: import("../../element/types").FixedPointBinding | null;
-            endBinding: import("../../element/types").FixedPointBinding | null;
-            startArrowhead: import("../../element/types").Arrowhead | null;
-            endArrowhead: import("../../element/types").Arrowhead | null;
+            points: readonly import("../libs/math").LocalPoint[];
+            startBinding: import("../element/types").FixedPointBinding | null;
+            endBinding: import("../element/types").FixedPointBinding | null;
+            startArrowhead: import("../element/types").Arrowhead | null;
+            endArrowhead: import("../element/types").Arrowhead | null;
         }> & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -750,33 +750,33 @@ export declare const actionWrapSelectionInFrame: {
         }> & {
             type: "selection";
         } & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -784,33 +784,33 @@ export declare const actionWrapSelectionInFrame: {
         }> & {
             type: "rectangle";
         } & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -818,33 +818,33 @@ export declare const actionWrapSelectionInFrame: {
         }> & {
             type: "diamond";
         } & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -852,33 +852,33 @@ export declare const actionWrapSelectionInFrame: {
         }> & {
             type: "ellipse";
         } & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -886,33 +886,33 @@ export declare const actionWrapSelectionInFrame: {
         }> & Readonly<{
             type: "embeddable";
         }> & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -920,74 +920,74 @@ export declare const actionWrapSelectionInFrame: {
         }> & Readonly<{
             type: "iframe";
             customData?: {
-                generationData?: import("../../element/types").MagicGenerationData;
+                generationData?: import("../element/types").MagicGenerationData;
             };
         }> & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
         }> & Readonly<{
             type: "image";
-            fileId: import("../../element/types").FileId | null;
+            fileId: import("../element/types").FileId | null;
             status: "pending" | "saved" | "error";
             scale: [number, number];
-            crop: import("../../element/types").ImageCrop | null;
+            crop: import("../element/types").ImageCrop | null;
         }> & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -996,33 +996,33 @@ export declare const actionWrapSelectionInFrame: {
             type: "frame";
             name: string | null;
         } & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -1031,33 +1031,33 @@ export declare const actionWrapSelectionInFrame: {
             type: "magicframe";
             name: string | null;
         } & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
@@ -1065,56 +1065,56 @@ export declare const actionWrapSelectionInFrame: {
         }> & Readonly<{
             type: "text";
             fontSize: number;
-            fontFamily: import("../../element/types").FontFamilyValues;
+            fontFamily: import("../element/types").FontFamilyValues;
             text: string;
-            textAlign: import("../../element/types").TextAlign;
-            verticalAlign: import("../../element/types").VerticalAlign;
-            containerId: import("../../element/types").DrawGenericElement["id"] | null;
+            textAlign: import("../element/types").TextAlign;
+            verticalAlign: import("../element/types").VerticalAlign;
+            containerId: import("../element/types").DrawGenericElement["id"] | null;
             originalText: string;
             autoResize: boolean;
             lineHeight: number & {
                 _brand: "unitlessLineHeight";
             };
         }> & {
-            index: import("../../element/types").FractionalIndex;
+            index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
             x: number;
             y: number;
             strokeColor: string;
             backgroundColor: string;
-            fillStyle: import("../../element/types").FillStyle;
+            fillStyle: import("../element/types").FillStyle;
             strokeWidth: number;
-            strokeStyle: import("../../element/types").StrokeStyle;
+            strokeStyle: import("../element/types").StrokeStyle;
             roundness: null | {
-                type: import("../../element/types").RoundnessType;
+                type: import("../element/types").RoundnessType;
                 value?: number;
             };
             roughness: number;
             opacity: number;
             width: number;
             height: number;
-            angle: import("../../libs/math").Radians;
+            angle: import("../libs/math").Radians;
             seed: number;
             version: number;
             versionNonce: number;
-            index: import("../../element/types").FractionalIndex | null;
+            index: import("../element/types").FractionalIndex | null;
             isDeleted: boolean;
-            groupIds: readonly import("../../element/types").GroupId[];
+            groupIds: readonly import("../element/types").GroupId[];
             frameId: string | null;
-            boundElements: readonly import("../../element/types").BoundElement[] | null;
+            boundElements: readonly import("../element/types").BoundElement[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
         }> & Readonly<{
             type: "freedraw";
-            points: readonly import("../../libs/math").LocalPoint[];
+            points: readonly import("../libs/math").LocalPoint[];
             pressures: readonly number[];
             simulatePressure: boolean;
         }> & {
-            index: import("../../element/types").FractionalIndex;
-        }) | import("../../element/types").NonDeleted<import("../../element/types").DrawFrameElement>)[];
+            index: import("../element/types").FractionalIndex;
+        }) | import("../element/types").NonDeleted<import("../element/types").DrawFrameElement>)[];
         appState: {
             selectedElementIds: {
                 [x: string]: true;