@zsviczian/excalidraw 0.15.3-obsidian → 0.16.1-obsidian-1

package/types/actions/actionToggleObjectsSnapMode.d.ts

@@ -0,0 +1,169 @@
+export declare const actionToggleObjectsSnapMode: {
+    name: "objectsSnapMode";
+    viewMode: true;
+    trackEvent: {
+        category: "canvas";
+        predicate: (appState: Readonly<import("../types").AppState>) => boolean;
+    };
+    perform(elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+        appState: {
+            objectsSnapModeEnabled: boolean;
+            gridSize: null;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
+            showWelcomeScreen: boolean;
+            isLoading: boolean;
+            errorMessage: import("react").ReactNode;
+            activeEmbeddable: {
+                element: import("../element/types").NonDeletedExcalidrawElement;
+                state: "active" | "hover";
+            } | null;
+            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
+            editingFrame: string | null;
+            elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
+            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            activeTool: {
+                lastActiveTool: import("../types").LastActiveTool;
+                locked: boolean;
+            } & ({
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand" | "mermaid";
+                customType: null;
+            } | {
+                type: "custom";
+                customType: string;
+            });
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: string;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemRoundness: import("../element/types").StrokeRoundness;
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
+            openSidebar: {
+                name: string;
+                tab?: string | undefined;
+            } | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
+            defaultSidebarDockedPreference: boolean;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: Readonly<{
+                [id: string]: true;
+            }>;
+            previousSelectedElementIds: {
+                [id: string]: true;
+            };
+            selectedElementsAreBeingDragged: boolean;
+            shouldCacheIgnoreZoom: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: import("../element/types").Theme;
+            previousGridSize: number | null;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<string, import("../types").Collaborator>;
+            showStats: boolean;
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "editor" | "info";
+            linkOpacity: number;
+            trayModeEnabled: boolean;
+            colorPalette?: {
+                canvasBackground: import("../colors").ColorPaletteCustom;
+                elementBackground: import("../colors").ColorPaletteCustom;
+                elementStroke: import("../colors").ColorPaletteCustom;
+                topPicks: {
+                    canvasBackground: [string, string, string, string, string];
+                    elementStroke: [string, string, string, string, string];
+                    elementBackground: [string, string, string, string, string];
+                };
+            } | undefined;
+            allowWheelZoom?: boolean | undefined;
+            allowPinchZoom?: boolean | undefined;
+            pinnedScripts?: string[] | undefined;
+            customPens?: any[] | undefined;
+            currentStrokeOptions?: any;
+            resetCustomPen?: any;
+            gridColor: {
+                Bold: string;
+                Regular: string;
+                MajorGridFrequency?: number | undefined;
+            };
+            dynamicStyle: string;
+            invertBindingBehaviour: boolean;
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+        };
+        commitToHistory: false;
+    };
+    checked: (appState: Readonly<import("../types").AppState>) => boolean;
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
+    contextItemLabel: string;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
+} & {
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
+};

package/types/actions/actionToggleStats.d.ts

@@ -41,7 +41,7 @@ export declare const actionToggleStats: {
                 lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
             } & ({
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand" | "mermaid";
                 customType: null;
             } | {
                 type: "custom";
@@ -145,10 +145,17 @@ export declare const actionToggleStats: {
             gridColor: {
                 Bold: string;
                 Regular: string;
+                MajorGridFrequency?: number | undefined;
             };
             dynamicStyle: string;
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleViewMode.d.ts

@@ -42,7 +42,7 @@ export declare const actionToggleViewMode: {
                 lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
             } & ({
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand" | "mermaid";
                 customType: null;
             } | {
                 type: "custom";
@@ -146,10 +146,17 @@ export declare const actionToggleViewMode: {
             gridColor: {
                 Bold: string;
                 Regular: string;
+                MajorGridFrequency?: number | undefined;
             };
             dynamicStyle: string;
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleZenMode.d.ts

@@ -42,7 +42,7 @@ export declare const actionToggleZenMode: {
                 lastActiveTool: import("../types").LastActiveTool;
                 locked: boolean;
             } & ({
-                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand" | "mermaid";
                 customType: null;
             } | {
                 type: "custom";
@@ -146,10 +146,17 @@ export declare const actionToggleZenMode: {
             gridColor: {
                 Bold: string;
                 Regular: string;
+                MajorGridFrequency?: number | undefined;
             };
             dynamicStyle: string;
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            snapLines: import("../snapping").SnapLine[];
+            originSnapOffset: {
+                x: number;
+                y: number;
+            } | null;
+            objectsSnapModeEnabled: boolean;
         };
         commitToHistory: false;
     };

package/types/actions/actionZindex.d.ts

@@ -12,7 +12,7 @@ export declare const actionSendBackward: {
     contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -29,7 +29,7 @@ export declare const actionBringForward: {
     contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -45,7 +45,7 @@ export declare const actionSendToBack: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -61,7 +61,7 @@ export declare const actionBringToFront: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/index.d.ts

@@ -17,6 +17,7 @@ export { actionFlipHorizontal, actionFlipVertical } from "./actionFlip";
 export { actionCopy, actionCut, actionCopyAsPng, actionCopyAsSvg, copyText, } from "./actionClipboard";
 export { actionToggleGridMode } from "./actionToggleGridMode";
 export { actionToggleZenMode } from "./actionToggleZenMode";
+export { actionToggleObjectsSnapMode } from "./actionToggleObjectsSnapMode";
 export { actionToggleStats } from "./actionToggleStats";
 export { actionUnbindText, actionBindText } from "./actionBoundText";
 export { actionLink } from "../element/Hyperlink";

package/types/actions/manager.d.ts

@@ -16,6 +16,6 @@ export declare class ActionManager {
     /**
      * @param data additional data sent to the PanelComponent
      */
-    renderAction: (name: ActionName, data?: PanelComponentProps["data"]) => JSX.Element | null;
+    renderAction: (name: ActionName, data?: PanelComponentProps["data"]) => import("react/jsx-runtime").JSX.Element | null;
     isActionEnabled: (action: Action) => boolean;
 }

package/types/actions/shortcuts.d.ts

@@ -1,4 +1,4 @@
 import { SubtypeOf } from "../utility-types";
 import { ActionName } from "./types";
-export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock"> | "saveScene" | "imageExport";
+export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock"> | "saveScene" | "imageExport";
 export declare const getShortcutFromShortcutName: (name: ShortcutName) => string;

package/types/actions/types.d.ts

@@ -15,7 +15,7 @@ export type ActionResult = {
 type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export type UpdaterFn = (res: ActionResult) => void;
 export type ActionFilterFn = (action: Action) => void;
-export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer";
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

package/types/appState.d.ts

@@ -7,7 +7,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
         lastActiveTool: import("./types").LastActiveTool;
         locked: boolean;
     } & ({
-        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
+        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand" | "mermaid";
         customType: null;
     } | {
         type: "custom";
@@ -64,6 +64,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     showStats?: boolean | undefined;
     currentChartType?: import("./element/types").ChartType | undefined;
     selectedLinearElement?: import("./element/linearElementEditor").LinearElementEditor | null | undefined;
+    objectsSnapModeEnabled?: boolean | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;

package/types/components/Actions.d.ts

@@ -7,7 +7,7 @@ export declare const SelectedShapeActions: ({ appState, elements, renderAction,
     appState: UIAppState;
     elements: readonly ExcalidrawElement[];
     renderAction: ActionManager["renderAction"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ShapesSwitcher: ({ interactiveCanvas, activeTool, setAppState, onImageAction, appState, }: {
     interactiveCanvas: HTMLCanvasElement | null;
     activeTool: UIAppState["activeTool"];
@@ -16,21 +16,21 @@ export declare const ShapesSwitcher: ({ interactiveCanvas, activeTool, setAppSta
         pointerType: PointerType | null;
     }) => void;
     appState: UIAppState;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ZoomActions: ({ renderAction, zoom, trayMode, }: {
     renderAction: ActionManager["renderAction"];
     zoom: Zoom;
     trayMode?: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const UndoRedoActions: ({ renderAction, className, }: {
     renderAction: ActionManager["renderAction"];
     className?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ExitZenModeAction: ({ actionManager, showExitZenModeBtn, }: {
     actionManager: ActionManager;
     showExitZenModeBtn: boolean;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const FinalizeAction: ({ renderAction, className, }: {
     renderAction: ActionManager["renderAction"];
     className?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/ActiveConfirmDialog.d.ts

@@ -1,4 +1,4 @@
 export declare const activeConfirmDialogAtom: import("jotai").PrimitiveAtom<"clearCanvas" | null> & {
     init: "clearCanvas" | null;
 };
-export declare const ActiveConfirmDialog: () => JSX.Element | null;
+export declare const ActiveConfirmDialog: () => import("react/jsx-runtime").JSX.Element | null;

package/types/components/App.d.ts

@@ -6,10 +6,11 @@ import { LinearElementEditor } from "../element/linearElementEditor";
 import { ExcalidrawElement, ExcalidrawLinearElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
 import Scene from "../scene/Scene";
+import { SHAPES } from "../shapes";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName } from "../types";
 import { FileSystemHandle } from "../data/filesystem";
-export declare let showFourthFont: boolean;
 import { Renderer } from "../scene/Renderer";
+export declare let showFourthFont: boolean;
 export declare const ExcalidrawContainerContext: React.Context<{
     container: HTMLDivElement | null;
     id: string | null;
@@ -73,7 +74,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private getFrameNameDOMId;
     frameNameBoundsCache: FrameNameBoundsCache;
     private renderFrameNames;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     focusContainer: AppClassProperties["focusContainer"];
     getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
     getSceneElements: () => readonly NonDeletedExcalidrawElement[];
@@ -108,7 +109,16 @@ declare class App extends React.Component<AppProps, AppState> {
     private onTouchStart;
     private onTouchEnd;
     pasteFromClipboard: (event: ClipboardEvent | null) => Promise<void>;
-    private addElementsFromPasteOrLibrary;
+    addElementsFromPasteOrLibrary: (opts: {
+        elements: readonly ExcalidrawElement[];
+        files: BinaryFiles | null;
+        position: {
+            clientX: number;
+            clientY: number;
+        } | "cursor" | "center";
+        retainSeed?: boolean;
+        fitToContent?: boolean;
+    }) => void;
     private addTextFromPaste;
     setAppState: React.Component<any, AppState>["setState"];
     removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;
@@ -181,7 +191,12 @@ declare class App extends React.Component<AppProps, AppState> {
     private onKeyDown;
     private onWheel;
     private onKeyUp;
-    private setActiveTool;
+    setActiveTool: (tool: {
+        type: (typeof SHAPES)[number]["value"] | "eraser" | "hand" | "frame" | "embeddable" | "mermaid";
+    } | {
+        type: "custom";
+        customType: string;
+    }) => void;
     private setCursor;
     private resetCursor;
     /**
@@ -232,6 +247,8 @@ declare class App extends React.Component<AppProps, AppState> {
     private getCurrentItemRoundness;
     private createGenericElementOnPointerDown;
     private createFrameElementOnPointerDown;
+    private maybeCacheReferenceSnapPoints;
+    private maybeCacheVisibleGaps;
     private onKeyDownFromPointerDownHandler;
     private onKeyUpFromPointerDownHandler;
     private onPointerMoveFromPointerDownHandler;
@@ -259,6 +276,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private maybeSuggestBindingAtCursor;
     private maybeSuggestBindingsForLinearElementAtCoords;
     private maybeSuggestBindingForAll;
+    setSelection(elements: readonly NonDeletedExcalidrawElement[]): void;
     private clearSelection;
     private handleInteractiveCanvasRef;
     private handleAppOnDrop;

package/types/components/Avatar.d.ts

@@ -6,5 +6,5 @@ type AvatarProps = {
     name: string;
     src?: string;
 };
-export declare const Avatar: ({ color, onClick, name, src }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ color, onClick, name, src }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/BraveMeasureTextError.d.ts

@@ -1,2 +1,2 @@
-declare const BraveMeasureTextError: () => JSX.Element;
+declare const BraveMeasureTextError: () => import("react/jsx-runtime").JSX.Element;
 export default BraveMeasureTextError;

package/types/components/Button.d.ts

@@ -12,5 +12,5 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  * Style can be customised using `className` or `style` prop.
  * Accepts all props that a regular `button` element accepts.
  */
-export declare const Button: ({ type, onSelect, selected, children, className, ...rest }: ButtonProps) => JSX.Element;
+export declare const Button: ({ type, onSelect, selected, children, className, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/ButtonIconSelect.d.ts

@@ -16,4 +16,4 @@ export declare const ButtonIconSelect: <T extends Object>(props: {
 } | {
     type: "button";
     onClick: (value: T, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-})) => JSX.Element;
+})) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,9 @@
+import { ColorPickerType } from "./colorPickerUtils";
 interface ColorInputProps {
     color: string;
     onChange: (color: string) => void;
     label: string;
+    colorPickerType: ColorPickerType;
 }
-export declare const ColorInput: ({ color, onChange, label }: ColorInputProps) => JSX.Element;
+export declare const ColorInput: ({ color, onChange, label, colorPickerType, }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -15,5 +15,5 @@ interface ColorPickerProps {
     topPicks?: ColorTuple;
     updateData: (formData?: any) => void;
 }
-export declare const ColorPicker: ({ type, color, onChange, label, elements, palette, topPicks, updateData, appState, }: ColorPickerProps) => JSX.Element;
+export declare const ColorPicker: ({ type, color, onChange, label, elements, palette, topPicks, updateData, appState, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,5 +4,5 @@ interface CustomColorListProps {
     onChange: (color: string) => void;
     label: string;
 }
-export declare const CustomColorList: ({ colors, color, onChange, label, }: CustomColorListProps) => JSX.Element;
+export declare const CustomColorList: ({ colors, color, onChange, label, }: CustomColorListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,5 +4,5 @@ interface HotkeyLabelProps {
     isCustomColor?: boolean;
     isShade?: boolean;
 }
-declare const HotkeyLabel: ({ color, keyLabel, isCustomColor, isShade, }: HotkeyLabelProps) => JSX.Element;
+declare const HotkeyLabel: ({ color, keyLabel, isCustomColor, isShade, }: HotkeyLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default HotkeyLabel;

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

@@ -14,5 +14,5 @@ interface PickerProps {
     onEyeDropperToggle: (force?: boolean) => void;
     onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void;
 }
-export declare const Picker: ({ color, onChange, label, type, elements, palette, updateData, children, onEyeDropperToggle, onEscape, }: PickerProps) => JSX.Element;
+export declare const Picker: ({ color, onChange, label, type, elements, palette, updateData, children, onEyeDropperToggle, onEscape, }: PickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,5 +6,5 @@ interface PickerColorListProps {
     label: string;
     activeShade: number;
 }
-declare const PickerColorList: ({ palette, color, onChange, label, activeShade, }: PickerColorListProps) => JSX.Element;
+declare const PickerColorList: ({ palette, color, onChange, label, activeShade, }: PickerColorListProps) => import("react/jsx-runtime").JSX.Element;
 export default PickerColorList;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
 declare const PickerHeading: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PickerHeading;

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

@@ -4,5 +4,5 @@ interface ShadeListProps {
     onChange: (color: string) => void;
     palette: ColorPaletteCustom;
 }
-export declare const ShadeList: ({ hex, onChange, palette }: ShadeListProps) => JSX.Element;
+export declare const ShadeList: ({ hex, onChange, palette }: ShadeListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,5 +5,5 @@ interface TopPicksProps {
     activeColor: string;
     topPicks?: readonly string[];
 }
-export declare const TopPicks: ({ onChange, type, activeColor, topPicks, }: TopPicksProps) => JSX.Element | null;
+export declare const TopPicks: ({ onChange, type, activeColor, topPicks, }: TopPicksProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -17,5 +17,5 @@ export type ActiveColorPickerSectionAtomType = "custom" | "baseColors" | "shades
 export declare const activeColorPickerSectionAtom: import("jotai").PrimitiveAtom<ActiveColorPickerSectionAtomType> & {
     init: ActiveColorPickerSectionAtomType;
 };
-export declare const getContrastYIQ: (bgHex: string, isCustomColor: boolean) => "white" | "black";
+export declare const getContrastYIQ: (bgHex: string, isCustomColor: boolean) => "black" | "white";
 export type ColorPickerType = "canvasBackground" | "elementBackground" | "elementStroke";

package/types/components/ConfirmDialog.d.ts

@@ -6,5 +6,5 @@ interface Props extends Omit<DialogProps, "onCloseRequest"> {
     confirmText?: string;
     cancelText?: string;
 }
-declare const ConfirmDialog: (props: Props) => JSX.Element;
+declare const ConfirmDialog: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmDialog;

package/types/components/ContextMenu.d.ts

@@ -11,5 +11,5 @@ type ContextMenuProps = {
     left: number;
 };
 export declare const CONTEXT_MENU_SEPARATOR = "separator";
-export declare const ContextMenu: React.MemoExoticComponent<({ actionManager, items, top, left }: ContextMenuProps) => JSX.Element>;
+export declare const ContextMenu: React.MemoExoticComponent<({ actionManager, items, top, left }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/types/components/DarkModeToggle.d.ts

@@ -4,4 +4,4 @@ export declare const DarkModeToggle: (props: {
     value: Theme;
     onChange: (value: Theme) => void;
     title?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/DefaultSidebar.d.ts

@@ -23,7 +23,7 @@ export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
     TabTriggers: {
         ({ children, ...rest }: {
             children: React.ReactNode;
-        } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & import("react").HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/types/components/Dialog.d.ts

@@ -10,4 +10,4 @@ export interface DialogProps {
     autofocus?: boolean;
     closeOnClickOutside?: boolean;
 }
-export declare const Dialog: (props: DialogProps) => JSX.Element;
+export declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/DialogActionButton.d.ts

@@ -6,5 +6,5 @@ interface DialogActionButtonProps {
     actionType?: "primary" | "danger";
     isLoading?: boolean;
 }
-declare const DialogActionButton: ({ label, onClick, className, children, actionType, type, isLoading, ...rest }: DialogActionButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => JSX.Element;
+declare const DialogActionButton: ({ label, onClick, className, children, actionType, type, isLoading, ...rest }: DialogActionButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 export default DialogActionButton;