@excalidraw/excalidraw 0.18.0-817d8c5 → 0.18.0-835eb8d

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

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

package/dist/types/excalidraw/components/Stats/FontSize.d.ts

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "../../element/types";
-import type Scene from "../../scene/Scene";
+import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 interface FontSizeProps {
     element: ExcalidrawElement;

package/dist/types/excalidraw/components/Stats/MultiAngle.d.ts

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "../../element/types";
-import type Scene from "../../scene/Scene";
+import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 interface MultiAngleProps {
     elements: readonly ExcalidrawElement[];

package/dist/types/excalidraw/components/Stats/MultiDimension.d.ts

@@ -1,7 +1,7 @@
-import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
-import type Scene from "../../scene/Scene";
-import type { AppState } from "../../types";
+import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AtomicUnit } from "./utils";
+import type { AppState } from "../../types";
 interface MultiDimensionProps {
     property: "width" | "height";
     elements: readonly ExcalidrawElement[];

package/dist/types/excalidraw/components/Stats/MultiFontSize.d.ts

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
-import type Scene from "../../scene/Scene";
+import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 interface MultiFontSizeProps {
     elements: readonly ExcalidrawElement[];

package/dist/types/excalidraw/components/Stats/MultiPosition.d.ts

@@ -1,5 +1,5 @@
-import type { ElementsMap, ExcalidrawElement } from "../../element/types";
-import type Scene from "../../scene/Scene";
+import type { ElementsMap, ExcalidrawElement } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AtomicUnit } from "./utils";
 import type { AppState } from "../../types";
 interface MultiPositionProps {

package/dist/types/excalidraw/components/Stats/Position.d.ts

@@ -1,5 +1,5 @@
-import type { ElementsMap, ExcalidrawElement } from "../../element/types";
-import type Scene from "../../scene/Scene";
+import type { ElementsMap, ExcalidrawElement } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 interface PositionProps {
     property: "x" | "y";

package/dist/types/excalidraw/components/Stats/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { NonDeletedExcalidrawElement } from "../../element/types";
-import type { AppClassProperties, AppState, ExcalidrawProps } from "../../types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import "./Stats.scss";
+import type { AppClassProperties, AppState, ExcalidrawProps } from "../../types";
 interface StatsProps {
     app: AppClassProperties;
     onClose: () => void;

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

@@ -1,8 +1,9 @@
-import type { ElementsMap, ExcalidrawElement, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
-import type Scene from "../../scene/Scene";
+import type { ElementsMap, ExcalidrawElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
+import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 export type StatsInputProperty = "x" | "y" | "width" | "height" | "angle" | "fontSize" | "gridStep";
 export declare const SMALLEST_DELTA = 0.01;
+export declare const STEP_SIZE = 10;
 export declare const isPropertyEditable: (element: ExcalidrawElement, property: keyof ExcalidrawElement) => boolean;
 export declare const getStepSizedValue: (value: number, stepSize: number) => number;
 export type AtomicUnit = Record<string, true>;
@@ -14,13 +15,5 @@ export declare const newOrigin: (x1: number, y1: number, w1: number, h1: number,
     x: number;
     y: number;
 };
-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 moveElement: (newTopLeftX: number, newTopLeftY: number, originalElement: ExcalidrawElement, 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?: {
-    simultaneouslyUpdated?: readonly ExcalidrawElement[];
-    newSize?: {
-        width: number;
-        height: number;
-    };
-    zoom?: AppState["zoom"];
-}) => void;

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { MermaidConfig } from "@excalidraw/mermaid-to-excalidraw";
 import type { MermaidToExcalidrawResult } from "@excalidraw/mermaid-to-excalidraw/dist/interfaces";
-import type { NonDeletedExcalidrawElement } from "../../element/types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppClassProperties, BinaryFiles } from "../../types";
 export interface MermaidToExcalidrawLibProps {
     loaded: boolean;

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

@@ -1,5 +1,5 @@
-import type { KeyboardEvent } from "react";
 import "./TextField.scss";
+import type { KeyboardEvent } from "react";
 type TextFieldProps = {
     onChange?: (value: string) => void;
     onClick?: () => void;
@@ -12,6 +12,7 @@ type TextFieldProps = {
     className?: string;
     placeholder?: string;
     isRedacted?: boolean;
+    type?: "text" | "search";
 } & ({
     value: string;
 } | {

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

@@ -1,5 +1,5 @@
-import type { CSSProperties } from "react";
 import "./Toast.scss";
+import type { CSSProperties } from "react";
 export declare const Toast: ({ message, onClose, closable, duration, style, }: {
     message: string;
     onClose: () => void;

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

@@ -1,7 +1,7 @@
+import React from "react";
+import type { PointerType } from "@excalidraw/element/types";
 import "./ToolIcon.scss";
 import type { CSSProperties } from "react";
-import React from "react";
-import type { PointerType } from "../element/types";
 export type ToolButtonSize = "small" | "medium";
 type ToolButtonBaseProps = {
     icon?: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import "./Tooltip.scss";
 import React from "react";
+import "./Tooltip.scss";
 export declare const getTooltipDiv: () => HTMLDivElement;
 export declare const updateTooltipPosition: (tooltip: HTMLDivElement, item: {
     left: number;

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

@@ -0,0 +1,8 @@
+import "./UnlockPopup.scss";
+import type App from "./App";
+import type { AppState } from "../types";
+declare const UnlockPopup: ({ app, activeLockedId, }: {
+    app: App;
+    activeLockedId: NonNullable<AppState["activeLockedId"]>;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default UnlockPopup;

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

@@ -1,5 +1,5 @@
-import "./UserList.scss";
 import React from "react";
+import "./UserList.scss";
 import type { Collaborator, SocketId } from "../types";
 export type GoToCollaboratorComponentProps = {
     socketId: SocketId;

package/dist/types/excalidraw/components/canvases/InteractiveCanvas.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import type { DOMAttributes } from "react";
-import type { Device, InteractiveCanvasAppState } from "../../types";
+import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
 import type { RenderableElementsMap, RenderInteractiveSceneCallback } from "../../scene/types";
-import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
+import type { Device, InteractiveCanvasAppState } from "../../types";
+import type { DOMAttributes } from "react";
 type InteractiveCanvasProps = {
     containerRef: React.RefObject<HTMLDivElement | null>;
     canvas: HTMLCanvasElement | null;
@@ -14,6 +14,7 @@ type InteractiveCanvasProps = {
     selectionNonce: number | undefined;
     scale: number;
     appState: InteractiveCanvasAppState;
+    renderScrollbars: boolean;
     device: Device;
     renderInteractiveSceneCallback: (data: RenderInteractiveSceneCallback) => void;
     handleCanvasRef: (canvas: HTMLCanvasElement | null) => void;

package/dist/types/excalidraw/components/canvases/NewElementCanvas.d.ts

@@ -1,6 +1,6 @@
-import type { NonDeletedSceneElementsMap } from "../../element/types";
-import type { AppState } from "../../types";
+import type { NonDeletedSceneElementsMap } from "@excalidraw/element/types";
 import type { RenderableElementsMap, StaticCanvasRenderConfig } from "../../scene/types";
+import type { AppState } from "../../types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 interface NewElementCanvasProps {
     appState: AppState;

package/dist/types/excalidraw/components/canvases/StaticCanvas.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import type { RoughCanvas } from "roughjs/bin/canvas";
-import type { StaticCanvasAppState } from "../../types";
+import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
 import type { RenderableElementsMap, StaticCanvasRenderConfig } from "../../scene/types";
-import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
+import type { StaticCanvasAppState } from "../../types";
+import type { RoughCanvas } from "roughjs/bin/canvas";
 type StaticCanvasProps = {
     canvas: HTMLCanvasElement;
     rc: RoughCanvas;

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenu.d.ts

@@ -40,7 +40,7 @@ declare const DropdownMenu: {
         displayName: string;
         Badge: {
             ({ type, children, }: {
-                type?: import("../../utility-types").ValueOf<{
+                type?: import("@excalidraw/common/utility-types").ValueOf<{
                     readonly GREEN: "green";
                     readonly RED: "red";
                     readonly BLUE: "blue";

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuItem.d.ts

@@ -1,6 +1,6 @@
-import type { JSX } from "react";
 import React from "react";
-import type { ValueOf } from "../../utility-types";
+import type { ValueOf } from "@excalidraw/common/utility-types";
+import type { JSX } from "react";
 declare const DropdownMenuItem: {
     ({ icon, value, order, children, shortcut, className, hovered, selected, textStyle, onSelect, onClick, ...rest }: {
         icon?: JSX.Element | undefined;

package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuItemLink.d.ts

@@ -1,5 +1,5 @@
-import type { JSX } from "react";
 import React from "react";
+import type { JSX } from "react";
 declare const DropdownMenuItemLink: {
     ({ icon, shortcut, href, children, onSelect, className, selected, rel, ...rest }: {
         href: string;

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

@@ -1,9 +1,10 @@
-import type { AppState, ExcalidrawProps, UIAppState } from "../../types";
-import type { ElementsMap, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement } from "../../element/types";
+import type { Scene } from "@excalidraw/element";
+import type { ElementsMap, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import "./Hyperlink.scss";
-export declare const Hyperlink: ({ element, elementsMap, setAppState, onLinkOpen, setToast, updateEmbedValidationStatus, }: {
+import type { AppState, ExcalidrawProps, UIAppState } from "../../types";
+export declare const Hyperlink: ({ element, scene, setAppState, onLinkOpen, setToast, updateEmbedValidationStatus, }: {
     element: NonDeletedExcalidrawElement;
-    elementsMap: ElementsMap;
+    scene: Scene;
     setAppState: React.Component<any, AppState>["setState"];
     onLinkOpen: ExcalidrawProps["onLinkOpen"];
     setToast: (toast: {

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

@@ -1,7 +1,8 @@
 import type { GlobalPoint, Radians } from "@excalidraw/math";
-import type { Bounds } from "../../element/bounds";
-import type { ElementsMap, NonDeletedExcalidrawElement } from "../../element/types";
+import type { Bounds } from "@excalidraw/element";
+import type { ElementsMap, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { AppState, UIAppState } from "../../types";
+export declare const DEFAULT_LINK_SIZE = 12;
 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;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Theme } from "../element/types";
+import type { Theme } from "@excalidraw/element/types";
 export declare const iconFillColor: (theme: Theme) => string;
 type Opts = {
     width?: number;
@@ -11,14 +11,18 @@ export declare const PlusPromoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LibraryIcon: import("react/jsx-runtime").JSX.Element;
 export declare const PlusIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DotsIcon: import("react/jsx-runtime").JSX.Element;
+export declare const DotsHorizontalIcon: import("react/jsx-runtime").JSX.Element;
 export declare const PinIcon: import("react/jsx-runtime").JSX.Element;
+export declare const polygonIcon: import("react/jsx-runtime").JSX.Element;
 export declare const UnlockedIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LockedIcon: import("react/jsx-runtime").JSX.Element;
+export declare const LockedIconFilled: import("react/jsx-runtime").JSX.Element;
 export declare const WelcomeScreenMenuArrow: import("react/jsx-runtime").JSX.Element;
 export declare const WelcomeScreenHelpArrow: import("react/jsx-runtime").JSX.Element;
 export declare const WelcomeScreenTopToolbarArrow: import("react/jsx-runtime").JSX.Element;
 export declare const ExcalLogo: import("react/jsx-runtime").JSX.Element;
 export declare const SelectionIcon: import("react/jsx-runtime").JSX.Element;
+export declare const LassoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const RectangleIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DiamondIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EllipseIcon: import("react/jsx-runtime").JSX.Element;
@@ -27,6 +31,7 @@ export declare const LineIcon: import("react/jsx-runtime").JSX.Element;
 export declare const PenModeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FreedrawIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TextIcon: import("react/jsx-runtime").JSX.Element;
+export declare const TextSizeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ImageIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EraserIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ZoomInIcon: import("react/jsx-runtime").JSX.Element;
@@ -53,6 +58,7 @@ export declare const LoadIcon: import("react/jsx-runtime").JSX.Element;
 export declare const clipboard: import("react/jsx-runtime").JSX.Element;
 export declare const palette: import("react/jsx-runtime").JSX.Element;
 export declare const bucketFillIcon: import("react/jsx-runtime").JSX.Element;
+export declare const slashIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ExportImageIcon: import("react/jsx-runtime").JSX.Element;
 export declare const exportToFileIcon: import("react/jsx-runtime").JSX.Element;
 export declare const zoomIn: import("react/jsx-runtime").JSX.Element;
@@ -218,4 +224,8 @@ export declare const collapseUpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const upIcon: import("react/jsx-runtime").JSX.Element;
 export declare const cropIcon: import("react/jsx-runtime").JSX.Element;
 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 backgroundIcon: import("react/jsx-runtime").JSX.Element;
+export declare const strokeIcon: import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import type { Theme } from "../../element/types";
+import type { Theme } from "@excalidraw/element/types";
 import "./DefaultItems.scss";
 export declare const LoadScene: {
     (): import("react/jsx-runtime").JSX.Element | null;

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

@@ -25,6 +25,9 @@ declare const MainMenu: React.FC<{
             order?: number | undefined;
             onSelect?: ((event: Event) => void) | undefined;
             children: React.ReactNode;
+            /**
+             * Called when any menu item is selected (clicked on).
+             */
             shortcut?: string | undefined;
             hovered?: boolean | undefined;
             selected?: boolean | undefined;
@@ -34,7 +37,7 @@ declare const MainMenu: React.FC<{
         displayName: string;
         Badge: {
             ({ type, children, }: {
-                type?: import("../../utility-types").ValueOf<{
+                type?: import("@excalidraw/common/utility-types").ValueOf<{
                     readonly GREEN: "green";
                     readonly RED: "red";
                     readonly BLUE: "blue";

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

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

package/dist/types/excalidraw/context/tunnels.d.ts

@@ -1,6 +1,6 @@
+import { createIsolation } from "jotai-scope";
 import React from "react";
 import tunnel from "tunnel-rat";
-import { createIsolation } from "jotai-scope";
 export type Tunnel = ReturnType<typeof tunnel>;
 type TunnelsContextValue = {
     MainMenuTunnel: Tunnel;

package/dist/types/excalidraw/data/EditorLocalStorage.d.ts

@@ -1,4 +1,4 @@
-import type { EDITOR_LS_KEYS } from "../constants";
+import type { EDITOR_LS_KEYS } from "@excalidraw/common";
 import type { JSONValue } from "../types";
 export declare class EditorLocalStorage {
     static has(key: typeof EDITOR_LS_KEYS[keyof typeof EDITOR_LS_KEYS]): boolean;

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

@@ -1,12 +1,12 @@
-import { IMAGE_MIME_TYPES, MIME_TYPES } from "../constants";
-import type { ExcalidrawElement, FileId } from "../element/types";
+import { IMAGE_MIME_TYPES, MIME_TYPES } from "@excalidraw/common";
+import type { ValueOf } from "@excalidraw/common/utility-types";
+import type { ExcalidrawElement, FileId } from "@excalidraw/element/types";
 import type { AppState, DataURL, LibraryItem } from "../types";
-import type { ValueOf } from "../utility-types";
-import type { FileSystemHandle } from "./filesystem";
+import type { FileSystemHandle } from "browser-fs-access";
 import type { ImportedLibraryData } from "./types";
 export declare const getMimeType: (blob: Blob | string) => string;
 export declare const getFileHandleType: (handle: FileSystemHandle | null) => string | null;
-export declare const isImageFileHandleType: (type: string | null) => type is "svg" | "png";
+export declare const isImageFileHandleType: (type: string | null) => type is "png" | "svg";
 export declare const isImageFileHandle: (handle: FileSystemHandle | null) => boolean;
 export declare const isSupportedImageFileType: (type: string | null | undefined) => boolean;
 export declare const isSupportedImageFile: (blob: Blob | null | undefined) => blob is Blob & {
@@ -40,12 +40,8 @@ export declare const SVGStringToFile: (SVGString: string, filename?: string) =>
     type: typeof MIME_TYPES.svg;
 };
 export declare const ImageURLToFile: (imageUrl: string, filename?: string) => Promise<File | undefined>;
-export declare const getFileFromEvent: (event: React.DragEvent<HTMLDivElement>) => Promise<{
-    file: File | null;
-    fileHandle: FileSystemHandle | null;
-}>;
-export declare const getFileHandle: (event: React.DragEvent<HTMLDivElement>) => Promise<FileSystemHandle | null>;
-export declare const createFile: (blob: File | Blob | ArrayBuffer, mimeType: ValueOf<typeof MIME_TYPES>, name: string | undefined) => File;
+export declare const getFileHandle: (event: DragEvent | React.DragEvent | DataTransferItem) => Promise<FileSystemHandle | null>;
+export declare const createFile: (blob: File | Blob | ArrayBuffer, mimeType: string, name: string | undefined) => File;
 /** attempts to detect correct mimeType if none is set, or if an image
  * has an incorrect extension.
  * Note: doesn't handle missing .excalidraw/.excalidrawlib extension  */