@excalidraw/excalidraw 0.18.0-835eb8d → 0.18.0-8608d7b

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

@@ -72,6 +72,10 @@ export declare const actionChangeFillStyle: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -205,7 +209,7 @@ export declare const actionChangeFillStyle: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -255,6 +259,10 @@ export declare const actionChangeStrokeWidth: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -388,7 +396,7 @@ export declare const actionChangeStrokeWidth: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -438,6 +446,10 @@ export declare const actionChangeSloppiness: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -571,7 +583,7 @@ export declare const actionChangeSloppiness: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -621,6 +633,10 @@ export declare const actionChangeStrokeStyle: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -754,7 +770,7 @@ export declare const actionChangeStrokeStyle: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -804,6 +820,10 @@ export declare const actionChangeOpacity: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -937,7 +957,7 @@ export declare const actionChangeOpacity: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -987,6 +1007,10 @@ export declare const actionChangeFontSize: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1120,7 +1144,7 @@ export declare const actionChangeFontSize: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1171,6 +1195,10 @@ export declare const actionDecreaseFontSize: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1304,7 +1332,7 @@ export declare const actionDecreaseFontSize: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1355,6 +1383,10 @@ export declare const actionIncreaseFontSize: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1488,7 +1520,7 @@ export declare const actionIncreaseFontSize: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -1539,6 +1571,10 @@ export declare const actionChangeFontFamily: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1670,7 +1706,7 @@ export declare const actionChangeFontFamily: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
     } | {
@@ -1713,6 +1749,10 @@ export declare const actionChangeFontFamily: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -1844,11 +1884,11 @@ export declare const actionChangeFontFamily: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "NEVER";
     };
-    PanelComponent: ({ elements, appState, app, updateData, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ elements, appState, app, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1894,6 +1934,10 @@ export declare const actionChangeTextAlign: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2027,7 +2071,7 @@ export declare const actionChangeTextAlign: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2078,6 +2122,10 @@ export declare const actionChangeVerticalAlign: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2212,7 +2260,7 @@ export declare const actionChangeVerticalAlign: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2262,6 +2310,10 @@ export declare const actionChangeRoundness: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2395,7 +2447,7 @@ export declare const actionChangeRoundness: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2447,6 +2499,10 @@ export declare const actionChangeArrowhead: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2581,7 +2637,7 @@ export declare const actionChangeArrowhead: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };
@@ -2640,6 +2696,10 @@ export declare const actionChangeArrowType: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -2773,7 +2833,7 @@ export declare const actionChangeArrowType: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };

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

@@ -53,6 +53,10 @@ export declare const actionSelectAll: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -179,7 +183,7 @@ export declare const actionSelectAll: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "IMMEDIATELY";
     };

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

@@ -46,6 +46,10 @@ export declare const actionCopyStyles: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -175,7 +179,7 @@ export declare const actionCopyStyles: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -48,6 +48,10 @@ export declare const actionToggleGridMode: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -180,7 +184,7 @@ export declare const actionToggleGridMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -46,6 +46,10 @@ export declare const actionToggleObjectsSnapMode: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -178,7 +182,7 @@ export declare const actionToggleObjectsSnapMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -52,6 +52,10 @@ export declare const actionToggleSearchMenu: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -171,7 +175,7 @@ export declare const actionToggleSearchMenu: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -48,6 +48,10 @@ export declare const actionToggleStats: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -178,7 +182,7 @@ export declare const actionToggleStats: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -45,6 +45,10 @@ export declare const actionToggleViewMode: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -178,7 +182,7 @@ export declare const actionToggleViewMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -45,6 +45,10 @@ export declare const actionToggleZenMode: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
+            preferredSelectionTool: {
+                type: "selection" | "lasso";
+                initialized: boolean;
+            };
             penMode: boolean;
             penDetected: boolean;
             exportBackground: boolean;
@@ -178,7 +182,7 @@ export declare const actionToggleZenMode: {
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
-            stylesPanelMode: "compact" | "full";
+            stylesPanelMode: "compact" | "full" | "mobile";
         };
         captureUpdate: "EVENTUALLY";
     };

package/dist/types/excalidraw/appState.d.ts

@@ -24,6 +24,10 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
         locked: boolean;
         fromSelection: boolean;
     } & import("./types").ActiveTool) | undefined;
+    preferredSelectionTool?: {
+        type: "selection" | "lasso";
+        initialized: boolean;
+    } | undefined;
     penMode?: boolean | undefined;
     penDetected?: boolean | undefined;
     exportBackground?: boolean | undefined;
@@ -69,7 +73,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     lockedMultiSelections?: {
         [groupId: string]: true;
     } | undefined;
-    stylesPanelMode?: "compact" | "full" | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;

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

@@ -17,9 +17,16 @@ export declare const CompactShapeActions: ({ appState, elementsMap, renderAction
     app: AppClassProperties;
     setAppState: React.Component<any, AppState>["setState"];
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ShapesSwitcher: ({ activeTool, appState, app, UIOptions, }: {
-    activeTool: UIAppState["activeTool"];
+export declare const MobileShapeActions: ({ appState, elementsMap, renderAction, app, setAppState, }: {
     appState: UIAppState;
+    elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap;
+    renderAction: ActionManager["renderAction"];
+    app: AppClassProperties;
+    setAppState: React.Component<any, AppState>["setState"];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ShapesSwitcher: ({ activeTool, setAppState, app, UIOptions, }: {
+    activeTool: UIAppState["activeTool"];
+    setAppState: React.Component<any, AppState>["setState"];
     app: AppClassProperties;
     UIOptions: AppProps["UIOptions"];
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -136,7 +136,10 @@ declare class App extends React.Component<AppProps, AppState> {
             };
         };
         hit: {
-            element: NonDeleted<ExcalidrawElement> | null;
+            element: NonDeleted<ExcalidrawElement> | null; /**
+             * Returns gridSize taking into account `gridModeEnabled`.
+             * If disabled, returns null.
+             */
             allHitElements: NonDeleted<ExcalidrawElement>[];
             wasAddedToSelection: boolean;
             hasBeenDuplicated: boolean;
@@ -206,7 +209,10 @@ declare class App extends React.Component<AppProps, AppState> {
             };
         };
         hit: {
-            element: NonDeleted<ExcalidrawElement> | null;
+            element: NonDeleted<ExcalidrawElement> | null; /**
+             * Returns gridSize taking into account `gridModeEnabled`.
+             * If disabled, returns null.
+             */
             allHitElements: NonDeleted<ExcalidrawElement>[];
             wasAddedToSelection: boolean;
             hasBeenDuplicated: boolean;
@@ -245,7 +251,6 @@ declare class App extends React.Component<AppProps, AppState> {
     }>]>;
     missingPointerEventCleanupEmitter: Emitter<[event: PointerEvent | null]>;
     onRemoveEventListenersEmitter: Emitter<[]>;
-    defaultSelectionTool: "selection" | "lasso";
     constructor(props: AppProps);
     updateEditorAtom: <Value, Args extends unknown[], Result>(atom: WritableAtom<Value, Args, Result>, ...args: Args) => Result;
     private onWindowMessage;

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

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

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

@@ -10,8 +10,10 @@ interface PickerProps {
     palette: ColorPaletteCustom;
     updateData: (formData?: any) => void;
     children?: React.ReactNode;
+    showTitle?: boolean;
     onEyeDropperToggle: (force?: boolean) => void;
     onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void;
+    showHotKey?: boolean;
 }
 export declare const Picker: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<unknown>>;
 export {};

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

@@ -4,6 +4,7 @@ interface PickerColorListProps {
     color: string | null;
     onChange: (color: string) => void;
     activeShade: number;
+    showHotKey?: boolean;
 }
-declare const PickerColorList: ({ palette, color, onChange, activeShade, }: PickerColorListProps) => import("react/jsx-runtime").JSX.Element;
+declare const PickerColorList: ({ palette, color, onChange, activeShade, showHotKey, }: PickerColorListProps) => import("react/jsx-runtime").JSX.Element;
 export default PickerColorList;

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

@@ -3,6 +3,7 @@ interface ShadeListProps {
     color: string | null;
     onChange: (color: string) => void;
     palette: ColorPaletteCustom;
+    showHotKey?: boolean;
 }
-export declare const ShadeList: ({ color, onChange, palette }: ShadeListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShadeList: ({ color, onChange, palette, showHotKey, }: ShadeListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/ExcalidrawLogo.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import "./ExcalidrawLogo.scss";
-type LogoSize = "xs" | "small" | "normal" | "large" | "custom";
+type LogoSize = "xs" | "small" | "normal" | "large" | "custom" | "mobile";
 interface LogoProps {
     size?: LogoSize;
     withText?: boolean;

package/dist/types/excalidraw/components/FontPicker/FontPickerTrigger.d.ts

@@ -2,6 +2,7 @@ import type { FontFamilyValues } from "@excalidraw/element/types";
 interface FontPickerTriggerProps {
     selectedFontFamily: FontFamilyValues | null;
     isOpened?: boolean;
+    compactMode?: boolean;
 }
-export declare const FontPickerTrigger: ({ selectedFontFamily, isOpened, }: FontPickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FontPickerTrigger: ({ selectedFontFamily, isOpened, compactMode, }: FontPickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -17,6 +17,7 @@ interface LayerUIProps {
     onPenModeToggle: AppClassProperties["togglePenMode"];
     showExitZenModeBtn: boolean;
     langCode: Language["code"];
+    renderTopLeftUI?: ExcalidrawProps["renderTopLeftUI"];
     renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     UIOptions: AppProps["UIOptions"];
@@ -27,5 +28,5 @@ interface LayerUIProps {
     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, generateLinkForSelection, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopLeftUI, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, generateLinkForSelection, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/types/excalidraw/components/MobileMenu.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { ActionManager } from "../actions/manager";
-import type { AppClassProperties, AppProps, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import type { AppClassProperties, AppProps, AppState, UIAppState } from "../types";
 import type { JSX } from "react";
 type MobileMenuProps = {
     appState: UIAppState;
@@ -10,16 +10,14 @@ type MobileMenuProps = {
     renderImageExportDialog: () => React.ReactNode;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
-    onLockToggle: () => void;
     onHandToolToggle: () => void;
     onPenModeToggle: AppClassProperties["togglePenMode"];
     renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
-    renderCustomStats?: ExcalidrawProps["renderCustomStats"];
+    renderTopLeftUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     renderSidebars: () => JSX.Element | null;
-    device: Device;
     renderWelcomeScreen: boolean;
     UIOptions: AppProps["UIOptions"];
     app: AppClassProperties;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, UIOptions, app, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onHandToolToggle, renderTopLeftUI, renderTopRightUI, renderSidebars, renderWelcomeScreen, UIOptions, app, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/MobileToolBar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./ToolIcon.scss";
+import "./MobileToolBar.scss";
+import type { AppClassProperties, UIAppState } from "../types";
+type MobileToolBarProps = {
+    app: AppClassProperties;
+    onHandToolToggle: () => void;
+    setAppState: React.Component<any, UIAppState>["setState"];
+};
+export declare const MobileToolBar: ({ app, onHandToolToggle, setAppState, }: MobileToolBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTrigger.d.ts

@@ -1,5 +1,4 @@
-import type { ReactNode } from "react";
-import type { JSX } from "react";
+import type { JSX, ReactNode } from "react";
 export declare const TTDDialogTrigger: {
     ({ children, icon, }: {
         children?: ReactNode;