npm - @excalidraw/math - Versions diffs - 0.18.0-d1f3982 → 0.18.0-d9e8a33 - Mend

@excalidraw/math 0.18.0-d1f3982 → 0.18.0-d9e8a33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (254) hide show

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuSubTrigger.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React from "react";
+import type { JSX } from "react";
+declare const DropdownMenuSubTrigger: {
+    ({ children, icon, shortcut, className, }: {
+        children: React.ReactNode;
+        icon?: JSX.Element;
+        shortcut?: string;
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropdownMenuSubTrigger;

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuTrigger.d.ts CHANGED Viewed

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 declare const MenuTrigger: {
     ({ className, children, onToggle, title, ...rest }: {
-        className?: string | undefined;
+        className?: string;
         children: React.ReactNode;
         onToggle: () => void;
-        title?: string | undefined;
-    } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
+        title?: string;
+    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MenuTrigger;

package/dist/types/excalidraw/components/dropdownMenu/common.d.ts CHANGED Viewed

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

package/dist/types/excalidraw/components/dropdownMenu/dropdownMenuUtils.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
 import React from "react";
 export declare const getMenuTriggerComponent: (children: React.ReactNode) => string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
 export declare const getMenuContentComponent: (children: React.ReactNode) => string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
+export declare const getSubMenuTriggerComponent: (children: React.ReactNode) => string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
+export declare const getSubMenuContentComponent: (children: React.ReactNode) => string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;

package/dist/types/excalidraw/components/hoc/withInternalFallback.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
 export declare const withInternalFallback: <P>(componentName: string, Component: React.FC<P>) => React.FC<P & {
-    __fallback?: boolean | undefined;
+    __fallback?: boolean;
 }>;

package/dist/types/excalidraw/components/hyperlink/helpers.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { GlobalPoint, Radians } from "@excalidraw/math";
-import type { Bounds } from "@excalidraw/element";
+import type { Bounds } from "@excalidraw/common";
 import type { ElementsMap, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, UIAppState } from "../../types";
 export declare const DEFAULT_LINK_SIZE = 12;

package/dist/types/excalidraw/components/icons.d.ts CHANGED Viewed

@@ -116,39 +116,50 @@ export declare const SloppinessArtistIcon: import("react/jsx-runtime").JSX.Eleme
 export declare const SloppinessCartoonistIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EdgeSharpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EdgeRoundIcon: import("react/jsx-runtime").JSX.Element;
-export declare const ArrowheadNoneIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const ArrowheadTriangleOutlineIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCircleIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const ArrowheadCircleOutlineIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadDiamondIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadDiamondOutlineIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadTriangleOutlineIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadDiamondIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadCardinalityOneIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadDiamondOutlineIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadCardinalityManyIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const ArrowheadCardinalityOneOrManyIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadCrowfootIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadCardinalityExactlyOneIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadCrowfootOneIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadCardinalityZeroOrOneIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const ArrowheadCrowfootOneOrManyIcon: React.MemoExoticComponent<({ flip }: {
-    flip?: boolean | undefined;
+export declare const ArrowheadCardinalityZeroOrManyIcon: React.MemoExoticComponent<({ flip }: {
+    flip?: boolean;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const FontSizeSmallIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontSizeMediumIcon: import("react/jsx-runtime").JSX.Element;
@@ -157,6 +168,7 @@ export declare const FontSizeExtraLargeIcon: import("react/jsx-runtime").JSX.Ele
 export declare const fontSizeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontFamilyHeadingIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontFamilyNormalIcon: import("react/jsx-runtime").JSX.Element;
+export declare const codeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontFamilyCodeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TextAlignLeftIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TextAlignCenterIcon: import("react/jsx-runtime").JSX.Element;
@@ -186,6 +198,8 @@ export declare const eyeDropperIcon: import("react/jsx-runtime").JSX.Element;
 export declare const extraToolsIcon: import("react/jsx-runtime").JSX.Element;
 export declare const frameToolIcon: import("react/jsx-runtime").JSX.Element;
 export declare const mermaidLogoIcon: import("react/jsx-runtime").JSX.Element;
+export declare const RetryIcon: import("react/jsx-runtime").JSX.Element;
+export declare const stackPushIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowRightIcon: import("react/jsx-runtime").JSX.Element;
 export declare const laserPointerToolIcon: import("react/jsx-runtime").JSX.Element;
 export declare const MagicIcon: import("react/jsx-runtime").JSX.Element;
@@ -197,7 +211,8 @@ export declare const eyeClosedIcon: import("react/jsx-runtime").JSX.Element;
 export declare const brainIcon: import("react/jsx-runtime").JSX.Element;
 export declare const brainIconThin: import("react/jsx-runtime").JSX.Element;
 export declare const searchIcon: import("react/jsx-runtime").JSX.Element;
-export declare const clockIcon: import("react/jsx-runtime").JSX.Element;
+export declare const historyCommandIcon: import("react/jsx-runtime").JSX.Element;
+export declare const historyIcon: import("react/jsx-runtime").JSX.Element;
 export declare const microphoneIcon: import("react/jsx-runtime").JSX.Element;
 export declare const microphoneMutedIcon: import("react/jsx-runtime").JSX.Element;
 export declare const boltIcon: import("react/jsx-runtime").JSX.Element;
@@ -227,4 +242,12 @@ export declare const elementLinkIcon: import("react/jsx-runtime").JSX.Element;
 export declare const resizeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const adjustmentsIcon: import("react/jsx-runtime").JSX.Element;
 export declare const strokeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const pencilIcon: import("react/jsx-runtime").JSX.Element;
+export declare const chevronLeftIcon: import("react/jsx-runtime").JSX.Element;
+export declare const sidebarRightIcon: import("react/jsx-runtime").JSX.Element;
+export declare const messageCircleIcon: import("react/jsx-runtime").JSX.Element;
+export declare const presentationIcon: import("react/jsx-runtime").JSX.Element;
+export declare const emptyIcon: import("react/jsx-runtime").JSX.Element;
+export declare const chevronRight: import("react/jsx-runtime").JSX.Element;
+export declare const settingsIcon: import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/main-menu/DefaultItems.d.ts CHANGED Viewed

@@ -38,8 +38,8 @@ export declare const ToggleTheme: {
         theme: Theme | "system";
         onSelect: (theme: Theme | "system") => void;
     } | {
-        allowSystemTheme?: false | undefined;
-        onSelect?: ((theme: Theme) => void) | undefined;
+        allowSystemTheme?: false;
+        onSelect?: (theme: Theme) => void;
     }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
@@ -62,3 +62,21 @@ export declare const LiveCollaborationTrigger: {
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const PreferencesToggleGridModeItem: () => import("react/jsx-runtime").JSX.Element;
+export declare const PreferencesToggleZenModeItem: () => import("react/jsx-runtime").JSX.Element;
+export declare const Preferences: {
+    ({ children, additionalItems, }: {
+        children?: React.ReactNode;
+        additionalItems?: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    ToggleToolLock: () => import("react/jsx-runtime").JSX.Element;
+    BoxSelectionMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleSnapMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleArrowBinding: () => import("react/jsx-runtime").JSX.Element;
+    ToggleMidpointSnapping: () => import("react/jsx-runtime").JSX.Element;
+    ToggleGridMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleZenMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleViewMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleElementProperties: () => import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/excalidraw/components/main-menu/MainMenu.d.ts CHANGED Viewed

@@ -5,40 +5,25 @@ declare const MainMenu: React.FC<{
     /**
      * Called when any menu item is selected (clicked on).
      */
-    onSelect?: ((event: Event) => void) | undefined;
+    onSelect?: (event: Event) => void;
 } & {
-    __fallback?: boolean | undefined;
+    __fallback?: boolean;
 }> & {
     Trigger: {
         ({ className, children, onToggle, title, ...rest }: {
-            className?: string | undefined;
+            className?: string;
             children: React.ReactNode;
             onToggle: () => void;
-            title?: string | undefined;
+            title?: string;
         } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ icon, value, order, children, shortcut, className, hovered, selected, textStyle, onSelect, onClick, ...rest }: {
-            icon?: React.JSX.Element | undefined;
-            value?: string | number | undefined;
-            order?: number | undefined;
-            onSelect?: ((event: Event) => void) | undefined;
-            children: React.ReactNode;
-            shortcut?: string | undefined;
-            hovered?: boolean | undefined;
-            selected?: boolean | undefined;
-            textStyle?: React.CSSProperties | undefined;
-            className?: string | undefined;
-        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
+        ({ icon, badge, value, children, shortcut, className, selected, onSelect, ...rest }: import("../dropdownMenu/DropdownMenuItem").DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Badge: {
             ({ type, children, }: {
-                type?: import("../../../common/src/utility-types").ValueOf<{
-                    readonly GREEN: "green";
-                    readonly RED: "red";
-                    readonly BLUE: "blue";
-                }> | undefined;
+                type?: import("@excalidraw/common/utility-types").ValueOf<typeof import("../dropdownMenu/DropdownMenuItem").DropDownMenuItemBadgeType>;
                 children: React.ReactNode;
             }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
@@ -47,27 +32,27 @@ declare const MainMenu: React.FC<{
     ItemLink: {
         ({ icon, shortcut, href, children, onSelect, className, selected, rel, ...rest }: {
             href: string;
-            icon?: React.JSX.Element | undefined;
+            icon?: React.JSX.Element;
             children: React.ReactNode;
-            shortcut?: string | undefined;
-            className?: string | undefined;
-            selected?: boolean | undefined;
-            onSelect?: ((event: Event) => void) | undefined;
-            rel?: string | undefined;
+            shortcut?: string;
+            className?: string;
+            selected?: boolean;
+            onSelect?: (event: Event) => void;
+            rel?: string;
         } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     ItemCustom: ({ children, className, selected, ...rest }: {
         children: React.ReactNode;
-        className?: string | undefined;
-        selected?: boolean | undefined;
+        className?: string;
+        selected?: boolean;
     } & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
     Group: {
         ({ children, className, style, title, }: {
             children: React.ReactNode;
-            className?: string | undefined;
-            style?: React.CSSProperties | undefined;
-            title?: string | undefined;
+            className?: string;
+            style?: React.CSSProperties;
+            title?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
@@ -75,6 +60,28 @@ declare const MainMenu: React.FC<{
         (): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    Sub: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): import("react/jsx-runtime").JSX.Element;
+        Trigger: {
+            ({ children, icon, shortcut, className, }: {
+                children: React.ReactNode;
+                icon?: React.JSX.Element;
+                shortcut?: string;
+                className?: string;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Content: {
+            ({ children, className, }: {
+                children?: React.ReactNode;
+                className?: string;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
+    };
     DefaultItems: typeof DefaultItems;
 };
 export default MainMenu;

package/dist/types/excalidraw/components/shapes.d.ts CHANGED Viewed

@@ -1,190 +1,263 @@
 import type { AppClassProperties } from "../types";
 export declare const SHAPES: readonly [{
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "hand";
+    readonly key: "h";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: true;
+}, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "selection";
     readonly key: "v";
     readonly numericKey: "1";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "rectangle";
     readonly key: "r";
     readonly numericKey: "2";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "diamond";
     readonly key: "d";
     readonly numericKey: "3";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
     readonly key: "o";
     readonly numericKey: "4";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "arrow";
     readonly key: "a";
     readonly numericKey: "5";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "line";
     readonly key: "l";
     readonly numericKey: "6";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "freedraw";
     readonly key: readonly ["p", "x"];
     readonly numericKey: "7";
     readonly fillable: false;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "text";
     readonly key: "t";
     readonly numericKey: "8";
     readonly fillable: false;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "image";
     readonly key: null;
     readonly numericKey: "9";
     readonly fillable: false;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "eraser";
     readonly key: "e";
     readonly numericKey: "0";
     readonly fillable: false;
+    readonly toolbar: true;
+}, {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "laser";
+    readonly key: "k";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: false;
 }];
 export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "hand";
+    readonly key: "h";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: true;
+}, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "selection";
     readonly key: "v";
     readonly numericKey: "1";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "rectangle";
     readonly key: "r";
     readonly numericKey: "2";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "diamond";
     readonly key: "d";
     readonly numericKey: "3";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
     readonly key: "o";
     readonly numericKey: "4";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "arrow";
     readonly key: "a";
     readonly numericKey: "5";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "line";
     readonly key: "l";
     readonly numericKey: "6";
     readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "freedraw";
     readonly key: readonly ["p", "x"];
     readonly numericKey: "7";
     readonly fillable: false;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "text";
     readonly key: "t";
     readonly numericKey: "8";
     readonly fillable: false;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "image";
     readonly key: null;
     readonly numericKey: "9";
     readonly fillable: false;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "eraser";
     readonly key: "e";
     readonly numericKey: "0";
     readonly fillable: false;
+    readonly toolbar: true;
+}, {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "laser";
+    readonly key: "k";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: false;
 }] | readonly [{
     readonly value: "lasso";
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly key: "v";
     readonly numericKey: "1";
     readonly fillable: true;
+    readonly toolbar: true;
 }, ...({
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "hand";
+    readonly key: "h";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: true;
+} | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "selection";
     readonly key: "v";
     readonly numericKey: "1";
     readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "rectangle";
     readonly key: "r";
     readonly numericKey: "2";
     readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "diamond";
     readonly key: "d";
     readonly numericKey: "3";
     readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
     readonly key: "o";
     readonly numericKey: "4";
     readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "arrow";
     readonly key: "a";
     readonly numericKey: "5";
     readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "line";
     readonly key: "l";
     readonly numericKey: "6";
     readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "freedraw";
     readonly key: readonly ["p", "x"];
     readonly numericKey: "7";
     readonly fillable: false;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "text";
     readonly key: "t";
     readonly numericKey: "8";
     readonly fillable: false;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "image";
     readonly key: null;
     readonly numericKey: "9";
     readonly fillable: false;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "eraser";
     readonly key: "e";
     readonly numericKey: "0";
     readonly fillable: false;
+    readonly toolbar: true;
+} | {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "laser";
+    readonly key: "k";
+    readonly numericKey: null;
+    readonly fillable: false;
+    readonly toolbar: false;
 })[]];
-export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "lasso" | "eraser" | null;
+export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "lasso" | "eraser" | "hand" | "laser" | null;