@excalidraw/excalidraw 0.17.1-88812e0 → 0.17.1-96eeec5

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AppClassProperties, AppState, Primitive } from "../types";
-import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
+import type { AppClassProperties, AppState, Primitive } from "../types";
+import type { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
 export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
 export declare const actionChangeStrokeColor: {
@@ -158,7 +158,10 @@ export declare const actionChangeFillStyle: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -179,7 +182,7 @@ export declare const actionChangeFillStyle: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -322,7 +325,10 @@ export declare const actionChangeStrokeWidth: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -343,7 +349,7 @@ export declare const actionChangeStrokeWidth: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -486,7 +492,10 @@ export declare const actionChangeSloppiness: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -507,7 +516,7 @@ export declare const actionChangeSloppiness: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -650,7 +659,10 @@ export declare const actionChangeStrokeStyle: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -671,7 +683,7 @@ export declare const actionChangeStrokeStyle: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -814,7 +826,10 @@ export declare const actionChangeOpacity: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -835,7 +850,7 @@ export declare const actionChangeOpacity: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -978,7 +993,10 @@ export declare const actionChangeFontSize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -999,7 +1017,7 @@ export declare const actionChangeFontSize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1143,7 +1161,10 @@ export declare const actionDecreaseFontSize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1164,7 +1185,7 @@ export declare const actionDecreaseFontSize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
@@ -1308,7 +1329,10 @@ export declare const actionIncreaseFontSize: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1329,7 +1353,7 @@ export declare const actionIncreaseFontSize: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
@@ -1472,7 +1496,10 @@ export declare const actionChangeFontFamily: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1493,7 +1520,7 @@ export declare const actionChangeFontFamily: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1636,7 +1663,10 @@ export declare const actionChangeTextAlign: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1657,7 +1687,7 @@ export declare const actionChangeTextAlign: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1802,7 +1832,10 @@ export declare const actionChangeVerticalAlign: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1823,7 +1856,7 @@ export declare const actionChangeVerticalAlign: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -1966,7 +1999,10 @@ export declare const actionChangeRoundness: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -1987,7 +2023,7 @@ export declare const actionChangeRoundness: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
@@ -2133,7 +2169,10 @@ export declare const actionChangeArrowhead: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -2154,7 +2193,7 @@ export declare const actionChangeArrowhead: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {

package/dist/excalidraw/actions/actionProperties.js

@@ -60,7 +60,7 @@ export const getFormValue = function (elements, appState, getAttribute, isReleva
     return ret;
 };
 const offsetElementAfterFontResize = (prevElement, nextElement) => {
-    if (isBoundToContainer(nextElement)) {
+    if (isBoundToContainer(nextElement) || !nextElement.autoResize) {
         return nextElement;
     }
     return mutateElement(nextElement, {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
+import type { ExcalidrawElement } from "../element/types";
 import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionSelectAll: {
     name: "selectAll";
@@ -142,7 +142,10 @@ export declare const actionSelectAll: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -162,7 +165,7 @@ export declare const actionSelectAll: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {

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

@@ -137,7 +137,10 @@ export declare const actionCopyStyles: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -158,7 +161,7 @@ export declare const actionCopyStyles: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
@@ -173,7 +176,10 @@ export declare const actionPasteStyles: {
     };
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
         elements: readonly import("../element/types").OrderedExcalidrawElement[];
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
+    } | {
+        elements: import("../element/types").OrderedExcalidrawElement[];
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {

package/dist/excalidraw/actions/actionTextAutoResize.d.ts

@@ -0,0 +1,17 @@
+import type { AppClassProperties } from "../types";
+export declare const actionTextAutoResize: {
+    name: "autoResize";
+    label: string;
+    icon: null;
+    trackEvent: {
+        category: "element";
+    };
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, _: unknown, app: AppClassProperties) => boolean;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: AppClassProperties) => {
+        appState: Readonly<import("../types").AppState>;
+        elements: import("../element/types").OrderedExcalidrawElement[];
+        storeAction: "capture";
+    };
+} & {
+    keyTest?: undefined;
+};

package/dist/excalidraw/actions/actionTextAutoResize.js

@@ -0,0 +1,38 @@
+import { isTextElement } from "../element";
+import { newElementWith } from "../element/mutateElement";
+import { measureText } from "../element/textElement";
+import { getSelectedElements } from "../scene";
+import { StoreAction } from "../store";
+import { getFontString } from "../utils";
+import { register } from "./register";
+export const actionTextAutoResize = register({
+    name: "autoResize",
+    label: "labels.autoResize",
+    icon: null,
+    trackEvent: { category: "element" },
+    predicate: (elements, appState, _, app) => {
+        const selectedElements = getSelectedElements(elements, appState);
+        return (selectedElements.length === 1 &&
+            isTextElement(selectedElements[0]) &&
+            !selectedElements[0].autoResize);
+    },
+    perform: (elements, appState, _, app) => {
+        const selectedElements = getSelectedElements(elements, appState);
+        return {
+            appState,
+            elements: elements.map((element) => {
+                if (element.id === selectedElements[0].id && isTextElement(element)) {
+                    const metrics = measureText(element.originalText, getFontString(element), element.lineHeight);
+                    return newElementWith(element, {
+                        autoResize: true,
+                        width: metrics.width,
+                        height: metrics.height,
+                        text: element.originalText,
+                    });
+                }
+                return element;
+            }),
+            storeAction: StoreAction.CAPTURE,
+        };
+    },
+});

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AppState } from "../types";
+import type { AppState } from "../types";
 export declare const actionToggleGridMode: {
     name: "gridMode";
     icon: JSX.Element;
@@ -143,7 +143,10 @@ export declare const actionToggleGridMode: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -163,7 +166,7 @@ export declare const actionToggleGridMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     checked: (appState: AppState) => boolean;
     predicate: (element: readonly import("../element/types").ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps) => boolean;

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

@@ -141,7 +141,10 @@ export declare const actionToggleObjectsSnapMode: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -161,7 +164,7 @@ export declare const actionToggleObjectsSnapMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;

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

@@ -8,9 +8,13 @@ export declare const actionToggleStats: {
     trackEvent: {
         category: "menu";
     };
+    keywords: string[];
     perform(elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
         appState: {
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -161,7 +165,7 @@ export declare const actionToggleStats: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;

package/dist/excalidraw/actions/actionToggleStats.js

@@ -4,20 +4,21 @@ import { abacusIcon } from "../components/icons";
 import { StoreAction } from "../store";
 export const actionToggleStats = register({
     name: "stats",
-    label: "stats.title",
+    label: "stats.fullTitle",
     icon: abacusIcon,
     paletteName: "Toggle stats",
     viewMode: true,
     trackEvent: { category: "menu" },
+    keywords: ["edit", "attributes", "customize"],
     perform(elements, appState) {
         return {
             appState: {
                 ...appState,
-                showStats: !this.checked(appState),
+                stats: { ...appState.stats, open: !this.checked(appState) },
             },
             storeAction: StoreAction.NONE,
         };
     },
-    checked: (appState) => appState.showStats,
+    checked: (appState) => appState.stats.open,
     keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.SLASH,
 });

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

@@ -141,7 +141,10 @@ export declare const actionToggleViewMode: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -162,7 +165,7 @@ export declare const actionToggleViewMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;

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

@@ -141,7 +141,10 @@ export declare const actionToggleZenMode: {
                 isSpeaking?: boolean | undefined;
                 isMuted?: boolean | undefined;
             }>>;
-            showStats: boolean;
+            stats: {
+                open: boolean;
+                panels: number;
+            };
             currentChartType: import("../element/types").ChartType;
             pasteDialog: {
                 shown: false;
@@ -162,7 +165,7 @@ export declare const actionToggleZenMode: {
             userToFollow: import("../types").UserToFollow | null;
             followedBy: Set<import("../types").SocketId>;
         };
-        storeAction: import("../store").StoreActionType;
+        storeAction: "none";
     };
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;

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

@@ -2,6 +2,7 @@
 export declare const actionSendBackward: {
     name: "sendBackward";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -9,7 +10,7 @@ export declare const actionSendBackward: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         elements: readonly import("../element/types").ExcalidrawElement[];
         appState: Readonly<import("../types").AppState>;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyPriority: number;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
@@ -20,6 +21,7 @@ export declare const actionSendBackward: {
 export declare const actionBringForward: {
     name: "bringForward";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -27,7 +29,7 @@ export declare const actionBringForward: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         elements: readonly import("../element/types").ExcalidrawElement[];
         appState: Readonly<import("../types").AppState>;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyPriority: number;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
@@ -38,6 +40,7 @@ export declare const actionBringForward: {
 export declare const actionSendToBack: {
     name: "sendToBack";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -45,7 +48,7 @@ export declare const actionSendToBack: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         elements: readonly import("../element/types").ExcalidrawElement[] | import("../element/types").ExcalidrawElement[];
         appState: Readonly<import("../types").AppState>;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
@@ -55,6 +58,7 @@ export declare const actionSendToBack: {
 export declare const actionBringToFront: {
     name: "bringToFront";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -62,7 +66,7 @@ export declare const actionBringToFront: {
     perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
         elements: readonly import("../element/types").ExcalidrawElement[] | import("../element/types").ExcalidrawElement[];
         appState: Readonly<import("../types").AppState>;
-        storeAction: import("../store").StoreActionType;
+        storeAction: "capture";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;

package/dist/excalidraw/actions/actionZindex.js

@@ -10,6 +10,7 @@ import { StoreAction } from "../store";
 export const actionSendBackward = register({
     name: "sendBackward",
     label: "labels.sendBackward",
+    keywords: ["move down", "zindex", "layer"],
     icon: SendBackwardIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {
@@ -28,6 +29,7 @@ export const actionSendBackward = register({
 export const actionBringForward = register({
     name: "bringForward",
     label: "labels.bringForward",
+    keywords: ["move up", "zindex", "layer"],
     icon: BringForwardIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {
@@ -46,6 +48,7 @@ export const actionBringForward = register({
 export const actionSendToBack = register({
     name: "sendToBack",
     label: "labels.sendToBack",
+    keywords: ["move down", "zindex", "layer"],
     icon: SendToBackIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {
@@ -69,6 +72,7 @@ export const actionSendToBack = register({
 export const actionBringToFront = register({
     name: "bringToFront",
     label: "labels.bringToFront",
+    keywords: ["move up", "zindex", "layer"],
     icon: BringToFrontIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {

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

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