@zsviczian/excalidraw 0.17.6-3 → 0.17.6-31

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

@@ -82,18 +82,24 @@ export declare const actionToggleSearchMenu: {
             openMenu: "canvas" | "shape" | null;
             openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
+                name: "help" | "imageExport" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
             previousSelectedElementIds: {
                 [id: string]: true;
             };
@@ -194,6 +200,8 @@ export declare const actionToggleSearchMenu: {
             objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
             searchMatches: readonly {
                 id: string;
                 focus: boolean;
@@ -286,6 +294,9 @@ export declare const actionToggleSearchMenu: {
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
             previousSelectedElementIds: {
                 [id: string]: true;
             };
@@ -386,6 +397,8 @@ export declare const actionToggleSearchMenu: {
             objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
             searchMatches: readonly {
                 id: string;
                 focus: boolean;

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

@@ -87,18 +87,24 @@ export declare const actionToggleStats: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
+                name: "help" | "imageExport" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
             previousSelectedElementIds: {
                 [id: string]: true;
             };
@@ -195,6 +201,8 @@ export declare const actionToggleStats: {
             objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
             searchMatches: readonly {
                 id: string;
                 focus: boolean;

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

@@ -84,18 +84,24 @@ export declare const actionToggleViewMode: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
+                name: "help" | "imageExport" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
             previousSelectedElementIds: {
                 [id: string]: true;
             };
@@ -195,6 +201,8 @@ export declare const actionToggleViewMode: {
             objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
             searchMatches: readonly {
                 id: string;
                 focus: boolean;

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

@@ -84,18 +84,24 @@ export declare const actionToggleZenMode: {
                 tab?: string | undefined;
             } | null;
             openDialog: {
-                name: "imageExport" | "help" | "jsonExport";
+                name: "help" | "imageExport" | "jsonExport";
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
             } | {
                 name: "commandPalette";
+            } | {
+                name: "elementLinkSelector";
+                sourceElementId: string;
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            hoveredElementIds: Readonly<{
+                [id: string]: true;
+            }>;
             previousSelectedElementIds: {
                 [id: string]: true;
             };
@@ -195,6 +201,8 @@ export declare const actionToggleZenMode: {
             objectsSnapModeEnabled: boolean;
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
+            isCropping: boolean;
+            croppingElementId: string | null;
             searchMatches: readonly {
                 id: string;
                 focus: boolean;

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

@@ -24,3 +24,4 @@ export { actionLink } from "./actionLink";
 export { actionToggleElementLock } from "./actionElementLock";
 export { actionToggleLinearEditor } from "./actionLinearEditor";
 export { actionToggleSearchMenu } from "./actionToggleSearchMenu";
+export { actionToggleCropEditor } from "./actionCropEditor";

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

@@ -1,4 +1,4 @@
 import type { SubtypeOf } from "../utility-types";
 import type { ActionName } from "./types";
-export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "toggleLaserPointerTool" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts"> | "saveScene" | "imageExport" | "commandPalette" | "searchMenu";
+export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "toggleLaserPointerTool" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts" | "wrapSelectionInFrame"> | "saveScene" | "imageExport" | "commandPalette" | "searchMenu";
 export declare const getShortcutFromShortcutName: (name: ShortcutName, idx?: number) => string;

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

@@ -14,7 +14,7 @@ export type ActionResult = {
 type ActionFn = (elements: readonly OrderedExcalidrawElement[], 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" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "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" | "toggleLaserPointerTool" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu";
+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" | "changeArrowType" | "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" | "toggleLaserPointerTool" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

package/types/excalidraw/align.d.ts

@@ -1,6 +1,7 @@
 import type { ElementsMap, ExcalidrawElement } from "./element/types";
+import type Scene from "./scene/Scene";
 export interface Alignment {
     position: "start" | "center" | "end";
     axis: "x" | "y";
 }
-export declare const alignElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, alignment: Alignment) => ExcalidrawElement[];
+export declare const alignElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, alignment: Alignment, scene: Scene) => ExcalidrawElement[];

package/types/excalidraw/change.d.ts

@@ -1,5 +1,5 @@
 import type { ElementUpdate } from "./element/mutateElement";
-import type { OrderedExcalidrawElement, SceneElementsMap } from "./element/types";
+import type { ExcalidrawElement, Ordered, OrderedExcalidrawElement, SceneElementsMap } from "./element/types";
 import type { AppState, ObservedAppState } from "./types";
 import type { ValueOf } from "./utility-types";
 /**
@@ -116,7 +116,7 @@ export declare class AppStateChange implements Change<AppState> {
     private static stripElementsProps;
     private static stripStandaloneProps;
 }
-type ElementPartial = Omit<ElementUpdate<OrderedExcalidrawElement>, "seed">;
+type ElementPartial<T extends ExcalidrawElement = ExcalidrawElement> = Omit<ElementUpdate<Ordered<T>>, "seed">;
 /**
  * Elements change is a low level primitive to capture a change between two sets of elements.
  * It does so by encapsulating forward and backward `Delta`s, allowing to time-travel in both directions.

package/types/excalidraw/clipboard.d.ts

@@ -21,8 +21,17 @@ export declare const probablySupportsClipboardWriteText: boolean;
 export declare const probablySupportsClipboardBlob: boolean;
 export declare const createPasteEvent: ({ types, files, }: {
     types?: {
-        "text/html"?: string | undefined;
-        "text/plain"?: string | undefined;
+        "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;
+        "image/gif"?: string | File | undefined;
+        "image/webp"?: string | File | undefined;
+        "image/bmp"?: string | File | undefined;
+        "image/x-icon"?: string | File | undefined;
+        "image/avif"?: string | File | undefined;
+        "image/jfif"?: string | File | undefined;
     } | undefined;
     files?: File[] | undefined;
 }) => ClipboardEvent;
@@ -31,12 +40,25 @@ export declare const serializeAsClipboardJSON: ({ elements, files, }: {
     files: BinaryFiles | null;
 }) => string;
 export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawElement[], files: BinaryFiles | null, clipboardEvent?: ClipboardEvent | null) => Promise<void>;
+/**
+ * Reads OS clipboard programmatically. May not work on all browsers.
+ * Will prompt user for permission if not granted.
+ */
 export declare const readSystemClipboard: () => Promise<{
-    "text/html"?: string | undefined;
-    "text/plain"?: string | undefined;
+    "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;
+    "image/gif"?: string | File | undefined;
+    "image/webp"?: string | File | undefined;
+    "image/bmp"?: string | File | undefined;
+    "image/x-icon"?: string | File | undefined;
+    "image/avif"?: string | File | undefined;
+    "image/jfif"?: string | File | undefined;
 }>;
 /**
- * Attempts to parse clipboard. Prefers system clipboard.
+ * Attempts to parse clipboard event.
  */
 export declare const parseClipboard: (event: ClipboardEvent, isPlainPaste?: boolean) => Promise<ClipboardData>;
 export declare const copyBlobToClipboardAsPng: (blob: Blob | Promise<Blob>) => Promise<void>;

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

@@ -4,10 +4,11 @@ import type { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
 import "./Actions.scss";
 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, }: {
+export declare const SelectedShapeActions: ({ appState, elementsMap, renderAction, app, }: {
     appState: UIAppState;
     elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap;
     renderAction: ActionManager["renderAction"];
+    app: AppClassProperties;
 }) => JSX.Element;
 export declare const ShapesSwitcher: ({ activeTool, appState, app, UIOptions, }: {
     activeTool: UIAppState["activeTool"];

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

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

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

@@ -5,7 +5,7 @@ import type { ActionResult } from "../actions/types";
 import { type EXPORT_IMAGE_TYPES } from "../constants";
 import type { ExportedElements } from "../data";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
+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";
@@ -86,6 +86,10 @@ declare class App extends React.Component<AppProps, AppState> {
     lastPointerDownEvent: React.PointerEvent<HTMLElement> | null;
     lastPointerUpEvent: React.PointerEvent<HTMLElement> | PointerEvent | null;
     lastPointerMoveEvent: PointerEvent | null;
+    lastPointerMoveCoords: {
+        x: number;
+        y: number;
+    } | null;
     lastViewportPosition: {
         x: number;
         y: number;
@@ -245,6 +249,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private renderEmbeddables;
     private getFrameNameDOMId;
     frameNameBoundsCache: FrameNameBoundsCache;
+    private resetEditingFrame;
     private renderFrameNames;
     private toggleOverscrollBehavior;
     render(): JSX.Element;
@@ -328,7 +333,7 @@ declare class App extends React.Component<AppProps, AppState> {
      */
     zoomCanvas: (value: number) => void;
     private cancelInProgressAnimation;
-    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: ({
+    scrollToContent: (target?: string | ExcalidrawElement | readonly ExcalidrawElement[], opts?: ({
         fitToContent?: boolean;
         fitToViewport?: never;
         viewportZoomFactor?: number;
@@ -352,6 +357,10 @@ declare class App extends React.Component<AppProps, AppState> {
     /** use when changing scrollX/scrollY/zoom based on user interaction */
     private translateCanvas;
     zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
+    getColorAtScenePoint: ({ sceneX, sceneY, }: {
+        sceneX: number;
+        sceneY: number;
+    }) => string | null;
     startLineEditor: (el: ExcalidrawLinearElement, selectedPointsIndices?: number[] | null) => void;
     updateContainerSize: (containers: NonDeletedExcalidrawElement[]) => void;
     setToast: (toast: {
@@ -360,7 +369,10 @@ declare class App extends React.Component<AppProps, AppState> {
         duration?: number;
     } | null) => void;
     restoreFileFromShare: () => Promise<void>;
-    /** adds supplied files to existing files in the appState */
+    /**
+     * adds supplied files to existing files in the appState.
+     * NOTE if file already exists in editor state, the file data is not updated
+     * */
     addFiles: ExcalidrawImperativeAPI["addFiles"];
     setMobileModeAllowed: ExcalidrawImperativeAPI["setMobileModeAllowed"];
     private debounceClearHighlightSearchResults;
@@ -369,6 +381,7 @@ declare class App extends React.Component<AppProps, AppState> {
     bringForward: ExcalidrawImperativeAPI["bringForward"];
     sendToBack: ExcalidrawImperativeAPI["sendToBack"];
     sendBackward: ExcalidrawImperativeAPI["sendBackward"];
+    private addMissingFiles;
     updateScene: <K extends keyof AppState>(sceneData: {
         elements?: SceneData["elements"];
         appState?: Pick<AppState, K> | null | undefined;
@@ -426,6 +439,8 @@ declare class App extends React.Component<AppProps, AppState> {
     private getTextBindableContainerAtPosition;
     private startTextEditing;
     private debounceDoubleClickTimestamp;
+    private startImageCropping;
+    private finishImageCropping;
     private handleCanvasDoubleClick;
     private getElementLinkAtPosition;
     private redirectToLink;
@@ -486,10 +501,10 @@ declare class App extends React.Component<AppProps, AppState> {
     /**
      * inserts image into elements array and rerenders
      */
-    private insertImageElement;
+    insertImageElement: (imageElement: ExcalidrawImageElement, imageFile: File, showCursorImagePreview?: boolean) => Promise<NonDeleted<InitializedExcalidrawImageElement> | null | undefined>;
     private setImagePreviewCursor;
     private onImageAction;
-    private initializeImageDimensions;
+    initializeImageDimensions: (imageElement: ExcalidrawImageElement, forceNaturalSize?: boolean) => void;
     /** updates image cache, refreshing updated elements and/or setting status
         to error for images that fail during <img> element creation */
     private updateImageCache;
@@ -508,6 +523,7 @@ declare class App extends React.Component<AppProps, AppState> {
     loadFileToCanvas: (file: File, fileHandle: FileSystemHandle | null) => Promise<void>;
     private handleCanvasContextMenu;
     private maybeDragNewGenericElement;
+    private maybeHandleCrop;
     private maybeHandleResize;
     private getContextMenuItems;
     private handleWheel;

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

@@ -14,7 +14,7 @@ export declare const isCustomColor: ({ color, palette, }: {
 }) => boolean;
 export declare const getMostUsedCustomColors: (elements: readonly ExcalidrawElement[], type: "elementBackground" | "elementStroke", palette: ColorPaletteCustom) => string[];
 export type ActiveColorPickerSectionAtomType = "custom" | "baseColors" | "shades" | "hex" | null;
-export declare const activeColorPickerSectionAtom: import("jotai").PrimitiveAtom<ActiveColorPickerSectionAtomType> & {
+export declare const activeColorPickerSectionAtom: import("jotai/vanilla/atom").PrimitiveAtom<ActiveColorPickerSectionAtomType> & {
     init: ActiveColorPickerSectionAtomType;
 };
 export declare const getContrastYIQ: (bgHex: string, isCustomColor: boolean) => "white" | "black";

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

@@ -0,0 +1,11 @@
+import type { AppProps, UIAppState } from "../types";
+import type { ElementsMap, ExcalidrawElement } from "../element/types";
+import "./ElementLinkDialog.scss";
+declare const ElementLinkDialog: ({ sourceElementId, onClose, elementsMap, appState, generateLinkForSelection, }: {
+    sourceElementId: ExcalidrawElement["id"];
+    elementsMap: ElementsMap;
+    appState: UIAppState;
+    onClose?: (() => void) | undefined;
+    generateLinkForSelection: AppProps["generateLinkForSelection"];
+}) => JSX.Element;
+export default ElementLinkDialog;

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

@@ -13,7 +13,7 @@ export type EyeDropperProperties = {
      **/
     colorPickerType: ColorPickerType;
 };
-export declare const activeEyeDropperAtom: import("jotai").PrimitiveAtom<EyeDropperProperties | null> & {
+export declare const activeEyeDropperAtom: import("jotai/vanilla/atom").PrimitiveAtom<EyeDropperProperties | null> & {
     init: EyeDropperProperties | null;
 };
 export declare const EyeDropper: React.FC<{

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

@@ -1,5 +1,5 @@
 import "./IconPicker.scss";
-export declare function IconPicker<T>({ value, label, options, onChange, group, }: {
+export declare function IconPicker<T>({ value, label, options, onChange, group, numberOfOptionsToAlwaysShow, }: {
     label: string;
     value: T;
     options: readonly {
@@ -7,8 +7,8 @@ export declare function IconPicker<T>({ value, label, options, onChange, group,
         text: string;
         icon: JSX.Element;
         keyBinding: string | null;
-        showInPicker?: boolean;
     }[];
     onChange: (value: T) => void;
+    numberOfOptionsToAlwaysShow?: number;
     group?: string;
 }): JSX.Element;

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

@@ -25,6 +25,7 @@ interface LayerUIProps {
     children?: React.ReactNode;
     app: AppClassProperties;
     isCollaborating: boolean;
+    generateLinkForSelection?: AppProps["generateLinkForSelection"];
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, generateLinkForSelection, }: LayerUIProps) => JSX.Element>;
 export default _default;

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

@@ -2,7 +2,7 @@ import React from "react";
 import type Library from "../data/library";
 import type { LibraryItems, LibraryItem, ExcalidrawProps, UIAppState } from "../types";
 import "./LibraryMenu.scss";
-export declare const isLibraryMenuOpenAtom: import("jotai").PrimitiveAtom<boolean> & {
+export declare const isLibraryMenuOpenAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const LibraryMenuContent: ({ onInsertLibraryItems, pendingElements, onAddToLibrary, setAppState, libraryReturnUrl, library, id, theme, selectedItems, onSelectItems, }: {

package/types/excalidraw/components/OverwriteConfirm/OverwriteConfirmState.d.ts

@@ -11,7 +11,7 @@ export type OverwriteConfirmState = {
 } | {
     active: false;
 };
-export declare const overwriteConfirmStateAtom: import("jotai").PrimitiveAtom<OverwriteConfirmState> & {
+export declare const overwriteConfirmStateAtom: import("jotai/vanilla/atom").PrimitiveAtom<OverwriteConfirmState> & {
     init: OverwriteConfirmState;
 };
 export declare function openConfirmModal({ title, description, actionLabel, color, }: {

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

@@ -0,0 +1,8 @@
+import "./Range.scss";
+export type RangeProps = {
+    updateData: (value: number) => void;
+    appState: any;
+    elements: any;
+    testId?: string;
+};
+export declare const Range: ({ updateData, appState, elements, testId, }: RangeProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import "./SearchMenu.scss";
-export declare const searchItemInFocusAtom: import("jotai").PrimitiveAtom<number | null> & {
+export declare const searchItemInFocusAtom: import("jotai/vanilla/atom").PrimitiveAtom<number | null> & {
     init: number | null;
 };
 export declare const SearchMenu: () => JSX.Element;

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

@@ -8,7 +8,7 @@ import "./Sidebar.scss";
  *
  * Since we can only render one Sidebar at a time, we can use a simple flag.
  */
-export declare const isSidebarDockedAtom: import("jotai").PrimitiveAtom<boolean> & {
+export declare const isSidebarDockedAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const SidebarInner: React.ForwardRefExoticComponent<Omit<{

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

@@ -3,6 +3,7 @@ interface CollapsibleProps {
     open: boolean;
     openTrigger: () => void;
     children: React.ReactNode;
+    className?: string;
 }
-declare const Collapsible: ({ label, open, openTrigger, children, }: CollapsibleProps) => JSX.Element;
+declare const Collapsible: ({ label, open, openTrigger, children, className, }: CollapsibleProps) => JSX.Element;
 export default Collapsible;

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

@@ -14,7 +14,6 @@ export declare const newOrigin: (x1: number, y1: number, w1: number, h1: number,
     x: number;
     y: number;
 };
-export declare const resizeElement: (nextWidth: number, nextHeight: number, keepAspectRatio: boolean, origElement: ExcalidrawElement, elementsMap: NonDeletedSceneElementsMap, elements: readonly NonDeletedExcalidrawElement[], scene: Scene, shouldInformMutation?: boolean) => void;
 export declare const moveElement: (newTopLeftX: number, newTopLeftY: number, originalElement: ExcalidrawElement, elementsMap: NonDeletedSceneElementsMap, elements: readonly NonDeletedExcalidrawElement[], scene: Scene, originalElementsMap: ElementsMap, shouldInformMutation?: boolean) => void;
 export declare const getAtomicUnits: (targetElements: readonly ExcalidrawElement[], appState: AppState) => AtomicUnit[];
 export declare const updateBindings: (latestElement: ExcalidrawElement, elementsMap: NonDeletedSceneElementsMap, elements: readonly NonDeletedExcalidrawElement[], scene: Scene, options?: {
@@ -23,4 +22,5 @@ export declare const updateBindings: (latestElement: ExcalidrawElement, elements
         width: number;
         height: number;
     };
+    zoom?: AppState["zoom"];
 }) => void;

package/types/excalidraw/components/TTDDialog/MermaidToExcalidraw.d.ts

@@ -1,14 +1,8 @@
-import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "../../element/types";
+import type { NonDeletedExcalidrawElement } from "../../element/types";
 import "./MermaidToExcalidraw.scss";
 import type { MermaidToExcalidrawLibProps } from "./common";
-import type { MermaidOptions } from "@zsviczian/mermaid-to-excalidraw";
 declare const MermaidToExcalidraw: ({ mermaidToExcalidrawLib, selectedElements, }: {
     mermaidToExcalidrawLib: MermaidToExcalidrawLibProps;
     selectedElements: readonly NonDeletedExcalidrawElement[];
 }) => JSX.Element;
 export default MermaidToExcalidraw;
-export declare const mermaidToExcalidraw: (mermaidDefinition: string, opts?: MermaidOptions, forceSVG?: boolean) => Promise<{
-    elements?: ExcalidrawElement[];
-    files?: any;
-    error?: string;
-} | undefined>;

package/types/excalidraw/components/TTDDialog/MermaidToExcalidrawLib.d.ts

@@ -0,0 +1,10 @@
+import type { MermaidConfig } from "@zsviczian/mermaid-to-excalidraw";
+import type { ExcalidrawElement } from "../../element/types";
+import type { MermaidToExcalidrawLibProps } from "./common";
+export declare const loadMermaidToExcalidrawLib: () => Promise<MermaidToExcalidrawLibProps>;
+export declare const loadMermaidLib: () => Promise<MermaidToExcalidrawLibProps>;
+export declare const mermaidToExcalidraw: (mermaidDefinition: string, opts: MermaidConfig, forceSVG?: boolean) => Promise<{
+    elements?: ExcalidrawElement[];
+    files?: any;
+    error?: string;
+} | undefined>;

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

@@ -1,11 +1,11 @@
-import type { MermaidOptions } from "@zsviczian/mermaid-to-excalidraw";
+import type { MermaidConfig } from "@zsviczian/mermaid-to-excalidraw";
 import type { MermaidToExcalidrawResult } from "@zsviczian/mermaid-to-excalidraw/dist/interfaces";
 import type { NonDeletedExcalidrawElement } from "../../element/types";
 import type { AppClassProperties, BinaryFiles } from "../../types";
 export interface MermaidToExcalidrawLibProps {
     loaded: boolean;
     api: Promise<{
-        parseMermaidToExcalidraw: (definition: string, options: MermaidOptions) => Promise<MermaidToExcalidrawResult>;
+        parseMermaidToExcalidraw: (definition: string, config?: MermaidConfig, forceSVG?: boolean) => Promise<MermaidToExcalidrawResult>;
     }>;
 }
 interface ConvertMermaidToExcalidrawFormatProps {

package/types/excalidraw/components/hyperlink/Hyperlink.d.ts

@@ -13,6 +13,6 @@ export declare const Hyperlink: ({ element, elementsMap, setAppState, onLinkOpen
     } | null) => void;
     updateEmbedValidationStatus: (element: ExcalidrawEmbeddableElement, status: boolean) => void;
 }) => JSX.Element | null;
-export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: UIAppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
+export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: UIAppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.create";
 export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState, elementsMap: ElementsMap) => void;
 export declare const hideHyperlinkToolip: () => void;

package/types/excalidraw/components/hyperlink/helpers.d.ts

@@ -3,6 +3,7 @@ import type { Bounds } from "../../element/bounds";
 import type { ElementsMap, NonDeletedExcalidrawElement } from "../../element/types";
 import type { AppState, UIAppState } from "../../types";
 export declare const EXTERNAL_LINK_IMG: HTMLImageElement;
+export declare const ELEMENT_LINK_IMG: HTMLImageElement;
 export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: Radians, appState: Pick<UIAppState, "zoom">) => Bounds;
 export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, elementsMap: ElementsMap, appState: AppState, [x, y]: GlobalPoint) => boolean;
 export declare const isPointHittingLink: (element: NonDeletedExcalidrawElement, elementsMap: ElementsMap, appState: AppState, [x, y]: GlobalPoint, isMobile: boolean) => boolean;

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

@@ -136,6 +136,15 @@ export declare const ArrowheadDiamondIcon: React.MemoExoticComponent<({ flip }:
 export declare const ArrowheadDiamondOutlineIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
+export declare const ArrowheadCrowfootIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const ArrowheadCrowfootOneIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
+export declare const ArrowheadCrowfootOneOrManyIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean | undefined;
+}) => JSX.Element>;
 export declare const FontSizeSmallIcon: JSX.Element;
 export declare const FontSizeMediumIcon: JSX.Element;
 export declare const FontSizeLargeIcon: JSX.Element;
@@ -209,4 +218,6 @@ export declare const roundArrowIcon: JSX.Element;
 export declare const collapseDownIcon: JSX.Element;
 export declare const collapseUpIcon: JSX.Element;
 export declare const upIcon: JSX.Element;
+export declare const cropIcon: JSX.Element;
+export declare const elementLinkIcon: JSX.Element;
 export {};