@zsviczian/excalidraw 0.18.0-23 → 0.18.0-24

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

@@ -11,13 +11,13 @@ export declare const actionSelectAll: {
     perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
         appState: {
             selectedLinearElement: LinearElementEditor | null;
+            editingGroupId: string | null;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
-            editingGroupId: string | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -73,7 +73,7 @@ export declare const actionSelectAll: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -160,7 +160,7 @@ export declare const actionSelectAll: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -218,7 +218,7 @@ export declare const actionSelectAll: {
         };
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -66,7 +66,7 @@ export declare const actionCopyStyles: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -155,7 +155,7 @@ export declare const actionCopyStyles: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -214,9 +214,9 @@ export declare const actionCopyStyles: {
         };
         captureUpdate: "EVENTUALLY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionPasteStyles: {
     name: "pasteStyles";
@@ -232,7 +232,7 @@ export declare const actionPasteStyles: {
         elements: import("@excalidraw/element/types").OrderedExcalidrawElement[];
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -68,7 +68,7 @@ export declare const actionToggleGridMode: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -161,7 +161,7 @@ export declare const actionToggleGridMode: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -221,7 +221,7 @@ export declare const actionToggleGridMode: {
     };
     checked: (appState: AppState) => boolean;
     predicate: (element: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -66,7 +66,7 @@ export declare const actionToggleObjectsSnapMode: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -159,7 +159,7 @@ export declare const actionToggleObjectsSnapMode: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -219,7 +219,7 @@ export declare const actionToggleObjectsSnapMode: {
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -72,7 +72,7 @@ export declare const actionToggleSearchMenu: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -151,7 +151,7 @@ export declare const actionToggleSearchMenu: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -212,7 +212,7 @@ export declare const actionToggleSearchMenu: {
     };
     checked: (appState: AppState) => boolean;
     predicate: (element: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -68,7 +68,7 @@ export declare const actionToggleStats: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -158,7 +158,7 @@ export declare const actionToggleStats: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -218,7 +218,7 @@ export declare const actionToggleStats: {
         captureUpdate: "EVENTUALLY";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -65,7 +65,7 @@ export declare const actionToggleViewMode: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -158,7 +158,7 @@ export declare const actionToggleViewMode: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -219,7 +219,7 @@ export declare const actionToggleViewMode: {
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -65,7 +65,7 @@ export declare const actionToggleZenMode: {
             currentItemEndArrowhead: import("@excalidraw/element/types").Arrowhead | null;
             currentHoveredFontFamily: number | null;
             currentItemRoundness: import("@excalidraw/element/types").StrokeRoundness;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "round" | "sharp" | "elbow";
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -158,7 +158,7 @@ export declare const actionToggleZenMode: {
                 shown: true;
                 data: import("../charts").Spreadsheet;
             };
-            showHyperlinkPopup: false | "info" | "editor";
+            showHyperlinkPopup: false | "editor" | "info";
             linkOpacity: number;
             trayModeEnabled: boolean;
             colorPalette?: {
@@ -219,7 +219,7 @@ export declare const actionToggleZenMode: {
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

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

@@ -12,10 +12,10 @@ export declare const actionSendBackward: {
         captureUpdate: "IMMEDIATELY";
     };
     keyPriority: number;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionBringForward: {
     name: "bringForward";
@@ -31,10 +31,10 @@ export declare const actionBringForward: {
         captureUpdate: "IMMEDIATELY";
     };
     keyPriority: number;
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionSendToBack: {
     name: "sendToBack";
@@ -49,10 +49,10 @@ export declare const actionSendToBack: {
         appState: Readonly<import("../types").AppState>;
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const actionBringToFront: {
     name: "bringToFront";
@@ -67,8 +67,8 @@ export declare const actionBringToFront: {
         appState: Readonly<import("../types").AppState>;
         captureUpdate: "IMMEDIATELY";
     };
-    keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
+    keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
+    keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/excalidraw/appState.d.ts

@@ -1,14 +1,23 @@
 import type { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    stats?: {
-        open: boolean;
-        panels: number;
-    } | undefined;
-    exportWithDarkMode?: boolean | undefined;
-    cursorButton?: "up" | "down" | undefined;
+    viewBackgroundColor?: string | undefined;
+    name?: string | null | undefined;
+    zoom?: Readonly<{
+        value: NormalizedZoomValue;
+    }> | undefined;
     scrollX?: number | undefined;
     scrollY?: number | undefined;
+    editingGroupId?: string | null | undefined;
+    selectedElementIds?: Readonly<{
+        [id: string]: true;
+    }> | undefined;
+    theme?: import("@excalidraw/element/types").Theme | undefined;
+    selectedGroupIds?: {
+        [groupId: string]: boolean;
+    } | undefined;
+    selectedLinearElement?: import("@excalidraw/element").LinearElementEditor | null | undefined;
+    zenModeEnabled?: boolean | undefined;
     showWelcomeScreen?: boolean | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").ActiveTool | null;
@@ -19,6 +28,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     penDetected?: boolean | undefined;
     exportBackground?: boolean | undefined;
     exportEmbedScene?: boolean | undefined;
+    exportWithDarkMode?: boolean | undefined;
     exportScale?: number | undefined;
     currentItemStrokeColor?: string | undefined;
     currentItemBackgroundColor?: string | undefined;
@@ -33,13 +43,9 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     currentItemStartArrowhead?: import("@excalidraw/element/types").Arrowhead | null | undefined;
     currentItemEndArrowhead?: import("@excalidraw/element/types").Arrowhead | null | undefined;
     currentItemRoundness?: import("@excalidraw/element/types").StrokeRoundness | undefined;
-    currentItemArrowType?: "sharp" | "round" | "elbow" | undefined;
-    viewBackgroundColor?: string | undefined;
+    currentItemArrowType?: "round" | "sharp" | "elbow" | undefined;
+    cursorButton?: "up" | "down" | undefined;
     scrolledOutside?: boolean | undefined;
-    name?: string | null | undefined;
-    zoom?: Readonly<{
-        value: NormalizedZoomValue;
-    }> | undefined;
     openMenu?: "canvas" | "shape" | null | undefined;
     openSidebar?: {
         name: string;
@@ -47,24 +53,18 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     } | null | undefined;
     defaultSidebarDockedPreference?: boolean | undefined;
     lastPointerDownWith?: import("@excalidraw/element/types").PointerType | undefined;
-    selectedElementIds?: Readonly<{
-        [id: string]: true;
-    }> | undefined;
     previousSelectedElementIds?: {
         [id: string]: true;
     } | undefined;
     shouldCacheIgnoreZoom?: boolean | undefined;
-    zenModeEnabled?: boolean | undefined;
-    theme?: import("@excalidraw/element/types").Theme | undefined;
     gridSize?: number | undefined;
     gridStep?: number | undefined;
     gridModeEnabled?: boolean | undefined;
-    selectedGroupIds?: {
-        [groupId: string]: boolean;
+    stats?: {
+        open: boolean;
+        panels: number;
     } | undefined;
-    editingGroupId?: string | null | undefined;
     currentChartType?: import("@excalidraw/element/types").ChartType | undefined;
-    selectedLinearElement?: import("@excalidraw/element").LinearElementEditor | null | undefined;
     objectsSnapModeEnabled?: boolean | undefined;
     lockedMultiSelections?: {
         [groupId: string]: true;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { type EXPORT_IMAGE_TYPES, Emitter } from "@excalidraw/common";
 import { LinearElementEditor, FlowChartCreator, Scene, type ElementUpdate } from "@excalidraw/element";
-import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, InitializedExcalidrawImageElement, ExcalidrawImageElement, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "@excalidraw/element/types";
+import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "@excalidraw/element/types";
 import type { Mutable } from "@excalidraw/common/utility-types";
 import { ActionManager } from "../actions/manager";
 import { AnimationFrameHandler } from "../animation-frame-handler";
@@ -520,12 +520,17 @@ declare class App extends React.Component<AppProps, AppState> {
     private restoreReadyToEraseElements;
     private eraseElements;
     private initializeImage;
+    /**
+     * use during async image initialization,
+     * when the placeholder image could have been modified in the meantime,
+     * and when you don't want to loose those modifications
+     */
+    private getLatestInitializedImageElement;
     /**
      * inserts image into elements array and rerenders
      */
-    insertImageElement: (imageElement: ExcalidrawImageElement, imageFile: File) => Promise<NonDeleted<InitializedExcalidrawImageElement> | null | undefined>;
+    private insertImageElement;
     private onImageAction;
-    initializeImageDimensions: (imageElement: ExcalidrawImageElement) => void;
     private getImageNaturalDimensions;
     /** updates image cache, refreshing updated elements and/or setting status
         to error for images that fail during <img> element creation */
@@ -537,7 +542,6 @@ declare class App extends React.Component<AppProps, AppState> {
     private scheduleImageRefresh;
     private updateBindingEnabledOnPointerMove;
     private maybeSuggestBindingAtCursor;
-    private maybeSuggestBindingsForLinearElementAtCoords;
     setSelection(elements: readonly NonDeletedExcalidrawElement[]): void;
     private clearSelection;
     private handleInteractiveCanvasRef;

package/types/excalidraw/components/Stats/DragInput.d.ts

@@ -1,5 +1,6 @@
 import type { ElementsMap, ExcalidrawElement } from "@excalidraw/element/types";
 import type { Scene } from "@excalidraw/element";
+import { useApp, useExcalidrawSetAppState } from "../App";
 import "./DragInput.scss";
 import type { StatsInputProperty } from "./utils";
 import type { AppState } from "../../types";
@@ -15,6 +16,14 @@ export type DragInputCallbackType<P extends StatsInputProperty, E = ExcalidrawEl
     property: P;
     originalAppState: AppState;
     setInputValue: (value: number) => void;
+    app: ReturnType<typeof useApp>;
+    setAppState: ReturnType<typeof useExcalidrawSetAppState>;
+}) => void;
+export type DragFinishedCallbackType<E = ExcalidrawElement> = (props: {
+    app: ReturnType<typeof useApp>;
+    setAppState: ReturnType<typeof useExcalidrawSetAppState>;
+    originalElements: readonly E[] | null;
+    originalAppState: AppState;
 }) => void;
 interface StatsDragInputProps<T extends StatsInputProperty, E = ExcalidrawElement> {
     label: string | React.ReactNode;
@@ -29,6 +38,7 @@ interface StatsDragInputProps<T extends StatsInputProperty, E = ExcalidrawElemen
     appState: AppState;
     /** how many px you need to drag to get 1 unit change */
     sensitivity?: number;
+    dragFinishedCallback?: DragFinishedCallbackType;
 }
-declare const StatsDragInput: <T extends StatsInputProperty, E extends ExcalidrawElement = ExcalidrawElement>({ label, icon, dragInputCallback, value, elements, editable, shouldKeepAspectRatio, property, scene, appState, sensitivity, }: StatsDragInputProps<T, E>) => import("react/jsx-runtime").JSX.Element | null;
+declare const StatsDragInput: <T extends StatsInputProperty, E extends ExcalidrawElement = ExcalidrawElement>({ label, icon, dragInputCallback, value, elements, editable, shouldKeepAspectRatio, property, scene, appState, sensitivity, dragFinishedCallback, }: StatsDragInputProps<T, E>) => import("react/jsx-runtime").JSX.Element | null;
 export default StatsDragInput;

package/types/excalidraw/components/dropdownMenu/common.d.ts

@@ -3,4 +3,4 @@ export declare const DropdownMenuContentPropsContext: React.Context<{
     onSelect?: ((event: Event) => void) | undefined;
 }>;
 export declare const getDropdownMenuItemClassName: (className?: string, selected?: boolean, hovered?: boolean) => string;
-export declare const useHandleDropdownMenuItemClick: (origOnClick: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined, onSelect: ((event: Event) => void) | undefined) => (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void;
+export declare const useHandleDropdownMenuItemClick: (origOnClick: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined, onSelect: ((event: Event) => void) | undefined) => (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;

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

@@ -59,4 +59,4 @@ export declare const SHAPES: readonly [{
     readonly numericKey: "0";
     readonly fillable: false;
 }];
-export declare const findShapeByKey: (key: string) => "text" | "line" | "arrow" | "selection" | "rectangle" | "diamond" | "ellipse" | "freedraw" | "image" | "eraser" | null;
+export declare const findShapeByKey: (key: string) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | null;

package/types/excalidraw/data/blob.d.ts

@@ -6,7 +6,7 @@ import type { FileSystemHandle } from "./filesystem";
 import type { ImportedLibraryData } from "./types";
 export declare const getMimeType: (blob: Blob | string) => string;
 export declare const getFileHandleType: (handle: FileSystemHandle | null) => string | null;
-export declare const isImageFileHandleType: (type: string | null) => type is "svg" | "png";
+export declare const isImageFileHandleType: (type: string | null) => type is "png" | "svg";
 export declare const isImageFileHandle: (handle: FileSystemHandle | null) => boolean;
 export declare const isSupportedImageFileType: (type: string | null | undefined) => boolean;
 export declare const isSupportedImageFile: (blob: Blob | null | undefined) => blob is Blob & {

package/types/excalidraw/data/library.d.ts

@@ -77,7 +77,7 @@ declare class Library {
         merge?: boolean | undefined;
         prompt?: boolean | undefined;
         openLibraryMenu?: boolean | undefined;
-        defaultStatus?: "unpublished" | "published" | undefined;
+        defaultStatus?: "published" | "unpublished" | undefined;
     }) => Promise<LibraryItems>;
     setLibrary: (libraryItems: LibraryItems | Promise<LibraryItems> | ((latestLibraryItems: LibraryItems) => LibraryItems | Promise<LibraryItems>)) => Promise<LibraryItems>;
 }

package/types/math/src/angle.d.ts

@@ -5,7 +5,7 @@ export declare const normalizeRadians: (angle: Radians) => Radians;
  * (x, y) for the center point 0,0 where the first number returned is the radius,
  * the second is the angle in radians.
  */
-export declare const cartesian2Polar: <P extends LocalPoint | GlobalPoint>([x, y,]: P) => PolarCoords;
+export declare const cartesian2Polar: <P extends GlobalPoint | LocalPoint>([x, y,]: P) => PolarCoords;
 export declare function degreesToRadians(degrees: Degrees): Radians;
 export declare function radiansToDegrees(degrees: Radians): Degrees;
 /**

package/types/math/src/curve.d.ts

@@ -8,7 +8,7 @@ import type { Curve, GlobalPoint, LineSegment, LocalPoint } from "./types";
  * @returns
  */
 export declare function curve<Point extends GlobalPoint | LocalPoint>(a: Point, b: Point, c: Point, d: Point): Curve<Point>;
-export declare const bezierEquation: <Point extends LocalPoint | GlobalPoint>(c: Curve<Point>, t: number) => Point;
+export declare const bezierEquation: <Point extends GlobalPoint | LocalPoint>(c: Curve<Point>, t: number) => Point;
 /**
  * Computes the intersection between a cubic spline and a line segment.
  */

package/types/math/src/ellipse.d.ts

@@ -16,7 +16,7 @@ export declare function ellipse<Point extends GlobalPoint | LocalPoint>(center:
  * @param ellipse The ellipse to compare against
  * @returns TRUE if the point is inside or on the outline of the ellipse
  */
-export declare const ellipseIncludesPoint: <Point extends LocalPoint | GlobalPoint>(p: Point, ellipse: Ellipse<Point>) => boolean;
+export declare const ellipseIncludesPoint: <Point extends GlobalPoint | LocalPoint>(p: Point, ellipse: Ellipse<Point>) => boolean;
 /**
  * Tests whether a point lies on the outline of the ellipse within a given
  * tolerance
@@ -26,7 +26,7 @@ export declare const ellipseIncludesPoint: <Point extends LocalPoint | GlobalPoi
  * @param threshold The distance to consider a point close enough to be "on" the outline
  * @returns TRUE if the point is on the ellise outline
  */
-export declare const ellipseTouchesPoint: <Point extends LocalPoint | GlobalPoint>(point: Point, ellipse: Ellipse<Point>, threshold?: number) => boolean;
+export declare const ellipseTouchesPoint: <Point extends GlobalPoint | LocalPoint>(point: Point, ellipse: Ellipse<Point>, threshold?: number) => boolean;
 /**
  * Determine the shortest euclidean distance from a point to the
  * outline of the ellipse
@@ -35,7 +35,7 @@ export declare const ellipseTouchesPoint: <Point extends LocalPoint | GlobalPoin
  * @param ellipse The ellipse to calculate the distance to
  * @returns The eucledian distance
  */
-export declare const ellipseDistanceFromPoint: <Point extends LocalPoint | GlobalPoint>(p: Point, ellipse: Ellipse<Point>) => number;
+export declare const ellipseDistanceFromPoint: <Point extends GlobalPoint | LocalPoint>(p: Point, ellipse: Ellipse<Point>) => number;
 /**
  * Calculate a maximum of two intercept points for a line going throug an
  * ellipse.

package/types/math/src/point.d.ts

@@ -109,7 +109,7 @@ export declare function pointDistanceSq<P extends LocalPoint | GlobalPoint>(a: P
  * @param multiplier The scaling factor
  * @returns
  */
-export declare const pointScaleFromOrigin: <P extends LocalPoint | GlobalPoint>(p: P, mid: P, multiplier: number) => LocalPoint | GlobalPoint;
+export declare const pointScaleFromOrigin: <P extends GlobalPoint | LocalPoint>(p: P, mid: P, multiplier: number) => GlobalPoint | LocalPoint;
 /**
  * Returns whether `q` lies inside the segment/rectangle defined by `p` and `r`.
  * This is an approximation to "does `q` lie on a segment `pr`" check.
@@ -119,4 +119,4 @@ export declare const pointScaleFromOrigin: <P extends LocalPoint | GlobalPoint>(
  * @param r The other point to compare against
  * @returns TRUE if q is indeed between p and r
  */
-export declare const isPointWithinBounds: <P extends LocalPoint | GlobalPoint>(p: P, q: P, r: P) => boolean;
+export declare const isPointWithinBounds: <P extends GlobalPoint | LocalPoint>(p: P, q: P, r: P) => boolean;

package/types/math/src/polygon.d.ts

@@ -1,6 +1,6 @@
 import type { GlobalPoint, LocalPoint, Polygon } from "./types";
 export declare function polygon<Point extends GlobalPoint | LocalPoint>(...points: Point[]): Polygon<Point>;
 export declare function polygonFromPoints<Point extends GlobalPoint | LocalPoint>(points: Point[]): Polygon<Point>;
-export declare const polygonIncludesPoint: <Point extends LocalPoint | GlobalPoint>(point: Point, polygon: Polygon<Point>) => boolean;
+export declare const polygonIncludesPoint: <Point extends GlobalPoint | LocalPoint>(point: Point, polygon: Polygon<Point>) => boolean;
 export declare const polygonIncludesPointNonZero: <Point extends [number, number]>(point: Point, polygon: Point[]) => boolean;
-export declare const pointOnPolygon: <Point extends LocalPoint | GlobalPoint>(p: Point, poly: Polygon<Point>, threshold?: number) => boolean;
+export declare const pointOnPolygon: <Point extends GlobalPoint | LocalPoint>(p: Point, poly: Polygon<Point>, threshold?: number) => boolean;

package/types/math/src/rectangle.d.ts

@@ -1,3 +1,5 @@
 import type { GlobalPoint, LineSegment, LocalPoint, Rectangle } from "./types";
 export declare function rectangle<P extends GlobalPoint | LocalPoint>(topLeft: P, bottomRight: P): Rectangle<P>;
+export declare function rectangleFromNumberSequence<Point extends LocalPoint | GlobalPoint>(minX: number, minY: number, maxX: number, maxY: number): Rectangle<Point>;
 export declare function rectangleIntersectLineSegment<Point extends LocalPoint | GlobalPoint>(r: Rectangle<Point>, l: LineSegment<Point>): Point[];
+export declare function rectangleIntersectRectangle<Point extends LocalPoint | GlobalPoint>(rectangle1: Rectangle<Point>, rectangle2: Rectangle<Point>): boolean;

package/types/math/src/segment.d.ts

@@ -11,7 +11,7 @@ export declare function lineSegment<P extends GlobalPoint | LocalPoint>(a: P, b:
  * @param segment
  * @returns
  */
-export declare const isLineSegment: <Point extends LocalPoint | GlobalPoint>(segment: unknown) => segment is LineSegment<Point>;
+export declare const isLineSegment: <Point extends GlobalPoint | LocalPoint>(segment: unknown) => segment is LineSegment<Point>;
 /**
  * Return the coordinates resulting from rotating the given line about an origin by an angle in radians
  * note that when the origin is not given, the midpoint of the given line is used as the origin.
@@ -21,14 +21,14 @@ export declare const isLineSegment: <Point extends LocalPoint | GlobalPoint>(seg
  * @param origin
  * @returns
  */
-export declare const lineSegmentRotate: <Point extends LocalPoint | GlobalPoint>(l: LineSegment<Point>, angle: Radians, origin?: Point | undefined) => LineSegment<Point>;
+export declare const lineSegmentRotate: <Point extends GlobalPoint | LocalPoint>(l: LineSegment<Point>, angle: Radians, origin?: Point | undefined) => LineSegment<Point>;
 /**
  * Calculates the point two line segments with a definite start and end point
  * intersect at.
  */
-export declare const segmentsIntersectAt: <Point extends LocalPoint | GlobalPoint>(a: Readonly<LineSegment<Point>>, b: Readonly<LineSegment<Point>>) => Point | null;
-export declare const pointOnLineSegment: <Point extends LocalPoint | GlobalPoint>(point: Point, line: LineSegment<Point>, threshold?: number) => boolean;
-export declare const distanceToLineSegment: <Point extends LocalPoint | GlobalPoint>(point: Point, line: LineSegment<Point>) => number;
+export declare const segmentsIntersectAt: <Point extends GlobalPoint | LocalPoint>(a: Readonly<LineSegment<Point>>, b: Readonly<LineSegment<Point>>) => Point | null;
+export declare const pointOnLineSegment: <Point extends GlobalPoint | LocalPoint>(point: Point, line: LineSegment<Point>, threshold?: number) => boolean;
+export declare const distanceToLineSegment: <Point extends GlobalPoint | LocalPoint>(point: Point, line: LineSegment<Point>) => number;
 /**
  * Returns the intersection point of a segment and a line
  *

package/types/math/src/utils.d.ts

@@ -1,4 +1,3 @@
-import { type Bounds } from "@excalidraw/element";
 export declare const PRECISION = 0.0001;
 export declare const clamp: (value: number, min: number, max: number) => number;
 export declare const round: (value: number, precision: number, func?: "round" | "floor" | "ceil") => number;
@@ -6,4 +5,3 @@ export declare const roundToStep: (value: number, step: number, func?: "round" |
 export declare const average: (a: number, b: number) => number;
 export declare const isFiniteNumber: (value: any) => value is number;
 export declare const isCloseTo: (a: number, b: number, precision?: number) => boolean;
-export declare const doBoundsIntersect: (bounds1: Bounds | null, bounds2: Bounds | null) => boolean;