@zsviczian/excalidraw 0.18.0-1 → 0.18.0-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.18.0-1",
+  "version": "0.18.0-2",
   "main": "main.js",
   "module": "./dist/prod/index.js",
   "types": "types/excalidraw/index.d.ts",

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

@@ -1,6 +1,6 @@
-import type { ExcalidrawElement } from "../element/types";
-import type { AppState, Offsets, AppClassProperties } from "../types";
 import type { SceneBounds } from "../element/bounds";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState, Offsets } from "../types";
 export declare const actionChangeViewBackgroundColor: {
     name: "changeViewBackgroundColor";
     label: string;
@@ -66,11 +66,6 @@ export declare const actionClearCanvas: {
             allowWheelZoom: boolean | undefined;
             pinnedScripts: string[] | undefined;
             customPens: any[] | undefined;
-            viewModeEnabled: boolean;
-            zenModeEnabled: boolean;
-            objectsSnapModeEnabled: boolean;
-            name: string | null;
-            currentItemArrowType: "round" | "sharp" | "elbow";
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -117,11 +112,13 @@ export declare const actionClearCanvas: {
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -162,6 +159,8 @@ export declare const actionClearCanvas: {
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
+            zenModeEnabled: boolean;
+            viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -213,6 +212,7 @@ export declare const actionClearCanvas: {
                 x: number;
                 y: number;
             } | null;
+            objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;

package/types/excalidraw/actions/actionDeleteSelected.d.ts

@@ -1,6 +1,6 @@
+import { LinearElementEditor } from "../element/linearElementEditor";
 import type { ExcalidrawElement } from "../element/types";
 import type { AppClassProperties, AppState } from "../types";
-import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionDeleteSelected: {
     name: "deleteSelectedElements";
     label: string;

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

@@ -1,5 +1,5 @@
-import type { Theme } from "../element/types";
 import "../components/ToolIcon.scss";
+import type { Theme } from "../element/types";
 export declare const actionChangeProjectName: {
     name: "changeProjectName";
     label: string;
@@ -1316,13 +1316,6 @@ export declare const actionLoadScene: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | {
         elements: import("../element/types").OrderedExcalidrawElement[];
         appState: {
-            viewModeEnabled: boolean;
-            zenModeEnabled: boolean;
-            gridModeEnabled: boolean;
-            objectsSnapModeEnabled: boolean;
-            theme: Theme;
-            name: string | null;
-            currentItemArrowType: "round" | "sharp" | "elbow";
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -1377,11 +1370,13 @@ export declare const actionLoadScene: {
             currentItemEndArrowhead: import("../element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("../element/types").StrokeRoundness;
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -1422,8 +1417,12 @@ export declare const actionLoadScene: {
                 closable?: boolean | undefined;
                 duration?: number | undefined;
             } | null;
+            zenModeEnabled: boolean;
+            theme: Theme;
             gridSize: number;
             gridStep: number;
+            gridModeEnabled: boolean;
+            viewModeEnabled: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -1501,6 +1500,7 @@ export declare const actionLoadScene: {
                 x: number;
                 y: number;
             } | null;
+            objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;

package/types/excalidraw/actions/actionFrame.d.ts

@@ -920,15 +920,21 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
+        }> & Readonly<{
+            type: "line" | "arrow";
+            points: readonly import("@excalidraw/math").LocalPoint[];
+            lastCommittedPoint: import("@excalidraw/math").LocalPoint | null;
+            startBinding: import("../element/types").PointBinding | null;
+            endBinding: import("../element/types").PointBinding | null;
+            startArrowhead: import("../element/types").Arrowhead | null;
+            endArrowhead: import("../element/types").Arrowhead | null;
         }> & {
-            type: "selection";
-        } & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
@@ -957,14 +963,14 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & {
-            type: "rectangle";
+            type: "selection";
         } & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
@@ -994,14 +1000,14 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & {
-            type: "diamond";
+            type: "rectangle";
         } & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1031,14 +1037,14 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & {
-            type: "ellipse";
+            type: "diamond";
         } & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1068,27 +1074,15 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
-        }> & Readonly<{
-            type: "text";
-            fontSize: number;
-            fontFamily: number;
-            text: string;
-            rawText: string;
-            textAlign: string;
-            verticalAlign: string;
-            containerId: string | null;
-            originalText: string;
-            autoResize: boolean;
-            lineHeight: number & {
-                _brand: "unitlessLineHeight";
-            };
         }> & {
+            type: "ellipse";
+        } & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
             id: string;
@@ -1117,20 +1111,15 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & Readonly<{
-            type: "line" | "arrow";
-            points: readonly import("@excalidraw/math").LocalPoint[];
-            lastCommittedPoint: import("@excalidraw/math").LocalPoint | null;
-            startBinding: import("../element/types").PointBinding | null;
-            endBinding: import("../element/types").PointBinding | null;
-            startArrowhead: import("../element/types").Arrowhead | null;
-            endArrowhead: import("../element/types").Arrowhead | null;
+            type: "embeddable";
+            scale: [number, number];
         }> & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1160,18 +1149,18 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & Readonly<{
-            type: "freedraw";
-            points: readonly import("@excalidraw/math").LocalPoint[];
-            pressures: readonly number[];
-            simulatePressure: boolean;
-            lastCommittedPoint: import("@excalidraw/math").LocalPoint | null;
+            type: "iframe";
+            customData?: {
+                generationData?: import("../element/types").MagicGenerationData | undefined;
+            } | undefined;
+            scale: [number, number];
         }> & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1201,7 +1190,7 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
@@ -1210,7 +1199,7 @@ export declare const actionWrapSelectionInFrame: {
         }> & Readonly<{
             type: "image";
             fileId: import("../element/types").FileId | null;
-            status: "error" | "pending" | "saved";
+            status: "pending" | "error" | "saved";
             scale: [number, number];
             crop: import("../element/types").ImageCrop | null;
         }> & {
@@ -1242,7 +1231,7 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
@@ -1280,7 +1269,7 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
@@ -1318,18 +1307,26 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & Readonly<{
-            type: "iframe";
-            customData?: {
-                generationData?: import("../element/types").MagicGenerationData | undefined;
-            } | undefined;
-            scale: [number, number];
+            type: "text";
+            fontSize: number;
+            fontFamily: number;
+            text: string;
+            rawText: string;
+            textAlign: string;
+            verticalAlign: string;
+            containerId: string | null;
+            originalText: string;
+            autoResize: boolean;
+            lineHeight: number & {
+                _brand: "unitlessLineHeight";
+            };
         }> & {
             index: import("../element/types").FractionalIndex;
         }) | (Readonly<{
@@ -1359,15 +1356,18 @@ export declare const actionWrapSelectionInFrame: {
             frameId: string | null;
             boundElements: readonly Readonly<{
                 id: string;
-                type: "text" | "arrow";
+                type: "arrow" | "text";
             }>[] | null;
             updated: number;
             link: string | null;
             locked: boolean;
             customData?: Record<string, any> | undefined;
         }> & Readonly<{
-            type: "embeddable";
-            scale: [number, number];
+            type: "freedraw";
+            points: readonly import("@excalidraw/math").LocalPoint[];
+            pressures: readonly number[];
+            simulatePressure: boolean;
+            lastCommittedPoint: import("@excalidraw/math").LocalPoint | null;
         }> & {
             index: import("../element/types").FractionalIndex;
         }) | import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement>)[];

package/types/excalidraw/actions/actionHistory.d.ts

@@ -1,6 +1,6 @@
-import type { Action } from "./types";
 import type { History } from "../history";
 import type { Store } from "../store";
+import type { Action } from "./types";
 type ActionCreator = (history: History, store: Store) => Action;
 export declare const createUndoAction: ActionCreator;
 export declare const createRedoAction: ActionCreator;

package/types/excalidraw/actions/actionProperties.d.ts

@@ -1,6 +1,6 @@
-import type { AppClassProperties, AppState, Primitive } from "../types";
-import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import type { Arrowhead, ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
+import type { AppClassProperties, AppState, Primitive } from "../types";
 export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
 export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
 export declare const actionChangeStrokeColor: {

package/types/excalidraw/actions/actionSelectAll.d.ts

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "../element/types";
 import { LinearElementEditor } from "../element/linearElementEditor";
+import type { ExcalidrawElement } from "../element/types";
 export declare const actionSelectAll: {
     name: "selectAll";
     label: string;

package/types/excalidraw/actions/manager.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import type { Action, UpdaterFn, ActionName, ActionResult, PanelComponentProps, ActionSource } from "./types";
 import type { OrderedExcalidrawElement } from "../element/types";
 import type { AppClassProperties, AppState } from "../types";
+import type { Action, UpdaterFn, ActionName, ActionResult, PanelComponentProps, ActionSource } from "./types";
 export declare class ActionManager {
     actions: Record<ActionName, Action>;
     updater: (actionResult: ActionResult | Promise<ActionResult>) => void;

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

@@ -1,7 +1,7 @@
-import type React from "react";
 import type { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
-import type { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
 import type { CaptureUpdateActionType } from "../store";
+import type { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
+import type React from "react";
 export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api" | "commandPalette";
 /** if false, the action should be prevented */
 export type ActionResult = {

package/types/excalidraw/animated-trail.d.ts

@@ -1,6 +1,6 @@
-import type { LaserPointerOptions } from "@zsviczian/laser-pointer";
 import type { AnimationFrameHandler } from "./animation-frame-handler";
 import type App from "./components/App";
+import type { LaserPointerOptions } from "@zsviczian/laser-pointer";
 export interface Trail {
     start(container: SVGSVGElement): void;
     stop(): void;

package/types/excalidraw/appState.d.ts

@@ -1,12 +1,6 @@
 import type { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    zenModeEnabled?: boolean | undefined;
-    gridModeEnabled?: boolean | undefined;
-    objectsSnapModeEnabled?: boolean | undefined;
-    theme?: import("./element/types").Theme | undefined;
-    name?: string | null | undefined;
-    currentItemArrowType?: "round" | "sharp" | "elbow" | undefined;
     showWelcomeScreen?: boolean | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").ActiveTool | null;
@@ -31,11 +25,13 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     currentItemStartArrowhead?: import("./element/types").Arrowhead | null | undefined;
     currentItemEndArrowhead?: import("./element/types").Arrowhead | null | undefined;
     currentItemRoundness?: import("./element/types").StrokeRoundness | undefined;
+    currentItemArrowType?: "round" | "sharp" | "elbow" | undefined;
     viewBackgroundColor?: string | undefined;
     scrollX?: number | undefined;
     scrollY?: number | undefined;
     cursorButton?: "up" | "down" | undefined;
     scrolledOutside?: boolean | undefined;
+    name?: string | null | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
     }> | undefined;
@@ -53,8 +49,11 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
         [id: string]: true;
     } | undefined;
     shouldCacheIgnoreZoom?: boolean | undefined;
+    zenModeEnabled?: boolean | undefined;
+    theme?: import("./element/types").Theme | undefined;
     gridSize?: number | undefined;
     gridStep?: number | undefined;
+    gridModeEnabled?: boolean | undefined;
     selectedGroupIds?: {
         [groupId: string]: boolean;
     } | undefined;
@@ -65,18 +64,19 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     } | undefined;
     currentChartType?: import("./element/types").ChartType | undefined;
     selectedLinearElement?: import("./element/linearElementEditor").LinearElementEditor | null | undefined;
+    objectsSnapModeEnabled?: boolean | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
-    gridModeEnabled?: boolean | undefined;
     viewBackgroundColor?: string | undefined;
     gridSize?: number | undefined;
     gridStep?: number | undefined;
+    gridModeEnabled?: boolean | undefined;
 };
 export declare const clearAppStateForDatabase: (appState: Partial<AppState>) => {
-    gridModeEnabled?: boolean | undefined;
     viewBackgroundColor?: string | undefined;
     gridSize?: number | undefined;
     gridStep?: number | undefined;
+    gridModeEnabled?: boolean | undefined;
 };
 export declare const isEraserActive: ({ activeTool, }: {
     activeTool: AppState["activeTool"];

package/types/excalidraw/clipboard.d.ts

@@ -1,7 +1,7 @@
+import { ALLOWED_PASTE_MIME_TYPES } from "./constants";
+import type { Spreadsheet } from "./charts";
 import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
 import type { BinaryFiles } from "./types";
-import type { Spreadsheet } from "./charts";
-import { ALLOWED_PASTE_MIME_TYPES } from "./constants";
 export type PastedMixedContent = {
     type: "text" | "imageUrl";
     value: string;
@@ -21,6 +21,8 @@ export declare const probablySupportsClipboardWriteText: boolean;
 export declare const probablySupportsClipboardBlob: boolean;
 export declare const createPasteEvent: ({ types, files, }: {
     types?: {
+        "text/plain"?: string | File | undefined;
+        "text/html"?: string | File | undefined;
         "image/svg+xml"?: string | File | undefined;
         "image/png"?: string | File | undefined;
         "image/jpeg"?: string | File | undefined;
@@ -30,8 +32,6 @@ export declare const createPasteEvent: ({ types, files, }: {
         "image/x-icon"?: string | File | undefined;
         "image/avif"?: string | File | undefined;
         "image/jfif"?: string | File | undefined;
-        "text/plain"?: string | File | undefined;
-        "text/html"?: string | File | undefined;
     } | undefined;
     files?: File[] | undefined;
 }) => ClipboardEvent;
@@ -45,6 +45,8 @@ export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawEl
  * Will prompt user for permission if not granted.
  */
 export declare const readSystemClipboard: () => Promise<{
+    "text/plain"?: string | File | undefined;
+    "text/html"?: string | File | undefined;
     "image/svg+xml"?: string | File | undefined;
     "image/png"?: string | File | undefined;
     "image/jpeg"?: string | File | undefined;
@@ -54,8 +56,6 @@ export declare const readSystemClipboard: () => Promise<{
     "image/x-icon"?: string | File | undefined;
     "image/avif"?: string | File | undefined;
     "image/jfif"?: string | File | undefined;
-    "text/plain"?: string | File | undefined;
-    "text/html"?: string | File | undefined;
 }>;
 /**
  * Attempts to parse clipboard event.

package/types/excalidraw/components/Actions.d.ts

@@ -1,7 +1,7 @@
-import type { ActionManager } from "../actions/manager";
+import "./Actions.scss";
 import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
 import type { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
-import "./Actions.scss";
+import type { ActionManager } from "../actions/manager";
 export declare const canChangeStrokeColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;
 export declare const canChangeBackgroundColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;
 export declare const SelectedShapeActions: ({ appState, elementsMap, renderAction, app, }: {

package/types/excalidraw/components/App.d.ts

@@ -1,23 +1,23 @@
 import React from "react";
-import type { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
-import type { ActionResult } from "../actions/types";
+import { AnimationFrameHandler } from "../animation-frame-handler";
 import { type EXPORT_IMAGE_TYPES } from "../constants";
-import type { ExportedElements } from "../data";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, InitializedExcalidrawImageElement, ExcalidrawImageElement, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
 import { History } from "../history";
 import Scene from "../scene/Scene";
-import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
-import type { FileSystemHandle } from "../data/filesystem";
 import { Fonts } from "../fonts";
 import { Renderer } from "../scene/Renderer";
 import { Emitter } from "../emitter";
 import { Store } from "../store";
-import { AnimationFrameHandler } from "../animation-frame-handler";
 import { AnimatedTrail } from "../animated-trail";
 import { LaserTrails } from "../laser-trails";
 import { FlowChartCreator } from "../element/flowchart";
+import type { ActionResult } from "../actions/types";
+import type { ExportedElements } from "../data";
+import type { FileSystemHandle } from "../data/filesystem";
+import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, InitializedExcalidrawImageElement, ExcalidrawImageElement, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
+import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
+import type { RoughCanvas } from "roughjs/bin/canvas";
 export declare const ExcalidrawContainerContext: React.Context<{
     container: HTMLDivElement | null;
     id: string | null;

package/types/excalidraw/components/Avatar.d.ts

@@ -1,5 +1,5 @@
-import "./Avatar.scss";
 import React from "react";
+import "./Avatar.scss";
 type AvatarProps = {
     onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     color: string;

package/types/excalidraw/components/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
-import type { JSX } from "react";
 import "./ButtonIcon.scss";
+import type { JSX } from "react";
 interface ButtonIconProps {
     icon: JSX.Element;
     title: string;

package/types/excalidraw/components/ColorPicker/ColorPicker.d.ts

@@ -1,8 +1,8 @@
-import type { ExcalidrawElement } from "../../element/types";
-import type { AppState } from "../../types";
+import "./ColorPicker.scss";
 import type { ColorPickerType } from "./colorPickerUtils";
 import type { ColorTuple, ColorPaletteCustom } from "../../colors";
-import "./ColorPicker.scss";
+import type { ExcalidrawElement } from "../../element/types";
+import type { AppState } from "../../types";
 export declare const getColor: (color: string) => string | null;
 interface ColorPickerProps {
     type: ColorPickerType;

package/types/excalidraw/components/ColorPicker/Picker.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import type { ExcalidrawElement } from "../../element/types";
 import type { ColorPickerType } from "./colorPickerUtils";
 import type { ColorPaletteCustom } from "../../colors";
+import type { ExcalidrawElement } from "../../element/types";
 interface PickerProps {
     color: string;
     onChange: (color: string) => void;

package/types/excalidraw/components/ColorPicker/colorPickerUtils.d.ts

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "../../element/types";
 import type { ColorPickerColor, ColorPaletteCustom } from "../../colors";
+import type { ExcalidrawElement } from "../../element/types";
 export declare const getColorNameAndShadeFromColor: ({ palette, color, }: {
     palette: ColorPaletteCustom;
     color: string;

package/types/excalidraw/components/ColorPicker/keyboardNavHandlers.d.ts

@@ -1,5 +1,5 @@
-import type { ColorPaletteCustom } from "../../colors";
 import type { ActiveColorPickerSectionAtomType } from "./colorPickerUtils";
+import type { ColorPaletteCustom } from "../../colors";
 interface ColorPickerKeyNavHandlerProps {
     event: React.KeyboardEvent;
     activeColorPickerSection: ActiveColorPickerSectionAtomType;

package/types/excalidraw/components/CommandPalette/CommandPalette.d.ts

@@ -1,6 +1,6 @@
-import type { CommandPaletteItem } from "./types";
 import * as defaultItems from "./defaultCommandPaletteItems";
 import "./CommandPalette.scss";
+import type { CommandPaletteItem } from "./types";
 export declare const DEFAULT_CATEGORIES: {
     app: string;
     export: string;

package/types/excalidraw/components/ConfirmDialog.d.ts

@@ -1,5 +1,5 @@
-import type { DialogProps } from "./Dialog";
 import "./ConfirmDialog.scss";
+import type { DialogProps } from "./Dialog";
 interface Props extends Omit<DialogProps, "onCloseRequest"> {
     onConfirm: () => void;
     onCancel: () => void;