@dwelle/excalidraw 0.6.0-rc.1 → 0.6.0-rc.2

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

@@ -15,12 +15,12 @@ declare const MainMenu: React.FC<{
             children: React.ReactNode;
             onToggle: () => void;
             title?: string | undefined;
-        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        } & 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?: JSX.Element | undefined;
+            icon?: React.JSX.Element | undefined;
             value?: string | number | undefined;
             order?: number | undefined;
             onSelect?: ((event: Event) => void) | undefined;
@@ -30,7 +30,7 @@ declare const MainMenu: React.FC<{
             selected?: boolean | undefined;
             textStyle?: React.CSSProperties | undefined;
             className?: string | undefined;
-        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Badge: {
             ({ type, children, }: {
@@ -40,39 +40,39 @@ declare const MainMenu: React.FC<{
                     readonly BLUE: "blue";
                 }> | undefined;
                 children: React.ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };
     ItemLink: {
         ({ icon, shortcut, href, children, onSelect, className, selected, rel, ...rest }: {
             href: string;
-            icon?: JSX.Element | undefined;
+            icon?: React.JSX.Element | undefined;
             children: React.ReactNode;
             shortcut?: string | undefined;
             className?: string | undefined;
             selected?: boolean | undefined;
             onSelect?: ((event: Event) => void) | undefined;
             rel?: string | undefined;
-        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        } & 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;
-    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+    } & 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;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Separator: {
-        (): JSX.Element;
+        (): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     DefaultItems: typeof DefaultItems;

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.Center.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 declare const Center: {
     ({ children }: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Logo: {
         ({ children }: {
             children?: React.ReactNode;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Heading: {
         ({ children }: {
             children: React.ReactNode;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Menu: {
         ({ children }: {
             children?: React.ReactNode;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuItem: {
@@ -28,7 +28,7 @@ declare const Center: {
             children: React.ReactNode;
             icon?: JSX.Element | undefined;
             shortcut?: string | null | undefined;
-        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuItemLink: {
@@ -37,21 +37,21 @@ declare const Center: {
             href: string;
             icon?: JSX.Element | undefined;
             shortcut?: string | null | undefined;
-        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuItemHelp: {
-        (): JSX.Element;
+        (): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     MenuItemLoadScene: {
-        (): JSX.Element | null;
+        (): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
     MenuItemLiveCollaborationTrigger: {
         ({ onSelect, }: {
             onSelect: () => any;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.Hints.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
 declare const MenuHint: {
     ({ children }: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const ToolbarHint: {
     ({ children }: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const HelpHint: {
     ({ children }: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { HelpHint, MenuHint, ToolbarHint };

package/dist/types/excalidraw/components/welcome-screen/WelcomeScreen.d.ts

@@ -3,61 +3,61 @@ import "./WelcomeScreen.scss";
 declare const WelcomeScreen: {
     (props: {
         children?: React.ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Center: {
         ({ children }: {
             children?: import("react").ReactNode;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Logo: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Heading: {
             ({ children }: {
                 children: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Menu: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItem: {
             ({ onSelect, children, icon, shortcut, className, ...props }: {
                 onSelect: () => void;
                 children: import("react").ReactNode;
-                icon?: JSX.Element | undefined;
+                icon?: import("react").JSX.Element | undefined;
                 shortcut?: string | null | undefined;
-            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+            } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemLink: {
             ({ children, href, icon, shortcut, className, ...props }: {
                 children: import("react").ReactNode;
                 href: string;
-                icon?: JSX.Element | undefined;
+                icon?: import("react").JSX.Element | undefined;
                 shortcut?: string | null | undefined;
-            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+            } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemHelp: {
-            (): JSX.Element;
+            (): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         MenuItemLoadScene: {
-            (): JSX.Element | null;
+            (): import("react/jsx-runtime").JSX.Element | null;
             displayName: string;
         };
         MenuItemLiveCollaborationTrigger: {
             ({ onSelect, }: {
                 onSelect: () => any;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };
@@ -65,19 +65,19 @@ declare const WelcomeScreen: {
         MenuHint: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         ToolbarHint: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         HelpHint: {
             ({ children }: {
                 children?: import("react").ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };

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

@@ -146,6 +146,7 @@ export declare const COLOR_WHITE = "#ffffff";
 export declare const COLOR_CHARCOAL_BLACK = "#1e1e1e";
 export declare const COLOR_TRANSPARENT = "transparent";
 export declare const SIDE_RESIZING_THRESHOLD: number;
+export declare const EPSILON = 0.00001;
 export declare const DEFAULT_COLLISION_THRESHOLD: number;
 export declare const COLOR_VOICE_CALL = "#a2f1a6";
 export declare const CANVAS_ONLY_ACTIONS: string[];

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

@@ -6,7 +6,7 @@ import type { FileSystemHandle } from "./filesystem";
 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 "png" | "svg";
+export declare const isImageFileHandleType: (type: string | null) => type is "svg" | "png";
 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 & {

package/dist/types/excalidraw/element/ElementCanvasButtons.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { ElementsMap, NonDeletedExcalidrawElement } from "./types";
 import "./ElementCanvasButtons.scss";
 export declare const ElementCanvasButtons: ({ children, element, elementsMap, }: {
     children: React.ReactNode;
     element: NonDeletedExcalidrawElement;
     elementsMap: ElementsMap;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/excalidraw/element/binding.d.ts

@@ -39,7 +39,7 @@ export declare const updateBoundElements: (changedElement: NonDeletedExcalidrawE
     changedElements?: Map<string, OrderedExcalidrawElement>;
 }) => void;
 export declare const getHeadingForElbowArrowSnap: (p: Readonly<GlobalPoint>, otherPoint: Readonly<GlobalPoint>, bindableElement: ExcalidrawBindableElement | undefined | null, aabb: Bounds | undefined | null, elementsMap: ElementsMap, origPoint: GlobalPoint, zoom?: AppState["zoom"]) => Heading;
-export declare const bindPointToSnapToElementOutline: (p: Readonly<GlobalPoint>, otherPoint: Readonly<GlobalPoint>, bindableElement: ExcalidrawBindableElement | undefined, elementsMap: ElementsMap) => GlobalPoint;
+export declare const bindPointToSnapToElementOutline: (arrow: ExcalidrawElbowArrowElement, bindableElement: ExcalidrawBindableElement | undefined, startOrEnd: "start" | "end") => GlobalPoint;
 export declare const avoidRectangularCorner: (element: ExcalidrawBindableElement, p: GlobalPoint) => GlobalPoint;
 export declare const snapToMid: (element: ExcalidrawBindableElement, p: GlobalPoint, tolerance?: number) => GlobalPoint;
 export declare const calculateFixedPointForElbowArrowBinding: (linearElement: NonDeleted<ExcalidrawElbowArrowElement>, hoveredElement: ExcalidrawBindableElement, startOrEnd: "start" | "end", elementsMap: ElementsMap) => {
@@ -52,7 +52,6 @@ export declare const bindingBorderTest: (element: NonDeleted<ExcalidrawBindableE
     y: number;
 }, elementsMap: NonDeletedSceneElementsMap, zoom?: AppState["zoom"], fullShape?: boolean) => boolean;
 export declare const maxBindingGap: (element: ExcalidrawElement, elementWidth: number, elementHeight: number, zoom?: AppState["zoom"]) => number;
-export declare const distanceToBindableElement: (element: ExcalidrawBindableElement, point: GlobalPoint, elementsMap: ElementsMap) => number;
 export declare const bindingProperties: Set<BindableProp | BindingProp>;
 export type BindableProp = "boundElements";
 export type BindingProp = "frameId" | "containerId" | "startBinding" | "endBinding";

package/dist/types/excalidraw/element/collision.d.ts

@@ -1,7 +1,7 @@
 import type { ElementsMap, ExcalidrawElement } from "./types";
 import type { FrameNameBounds } from "../types";
 import type { GeometricShape } from "@excalidraw/utils/geometry/shape";
-import type { GlobalPoint, LocalPoint } from "@excalidraw/math";
+import type { GlobalPoint, LineSegment, LocalPoint } from "@excalidraw/math";
 export declare const shouldTestInside: (element: ExcalidrawElement) => boolean;
 export type HitTestArgs<Point extends GlobalPoint | LocalPoint> = {
     x: number;
@@ -15,3 +15,12 @@ export declare const hitElementItself: <Point extends GlobalPoint | LocalPoint>(
 export declare const hitElementBoundingBox: (x: number, y: number, element: ExcalidrawElement, elementsMap: ElementsMap, tolerance?: number) => boolean;
 export declare const hitElementBoundingBoxOnly: <Point extends GlobalPoint | LocalPoint>(hitArgs: HitTestArgs<Point>, elementsMap: ElementsMap) => boolean;
 export declare const hitElementBoundText: <Point extends GlobalPoint | LocalPoint>(x: number, y: number, textShape: GeometricShape<Point> | null) => boolean;
+/**
+ * Intersect a line with an element for binding test
+ *
+ * @param element
+ * @param line
+ * @param offset
+ * @returns
+ */
+export declare const intersectElementWithLineSegment: (element: ExcalidrawElement, line: LineSegment<GlobalPoint>, offset?: number) => GlobalPoint[];

package/dist/types/excalidraw/element/distance.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalPoint } from "@excalidraw/math";
+import type { ExcalidrawBindableElement } from "./types";
+export declare const distanceToBindableElement: (element: ExcalidrawBindableElement, p: GlobalPoint) => number;

package/dist/types/excalidraw/element/newElement.d.ts

@@ -52,7 +52,7 @@ export declare const newArrowElement: <T extends boolean>(opts: {
     points?: readonly import("@excalidraw/math").LocalPoint[] | undefined;
     elbowed?: T | undefined;
     fixedSegments?: FixedSegment[] | null | undefined;
-} & Omit<Omit<ExcalidrawGenericElement, "id" | "isDeleted" | "updated" | "type">, "angle" | "width" | "height" | "link" | "backgroundColor" | "strokeColor" | "fillStyle" | "strokeWidth" | "strokeStyle" | "roundness" | "roughness" | "opacity" | "seed" | "version" | "versionNonce" | "index" | "groupIds" | "frameId" | "boundElements" | "locked" | "customData"> & Partial<Pick<Omit<ExcalidrawGenericElement, "id" | "isDeleted" | "updated" | "type">, "angle" | "width" | "height" | "link" | "backgroundColor" | "strokeColor" | "fillStyle" | "strokeWidth" | "strokeStyle" | "roundness" | "roughness" | "opacity" | "seed" | "version" | "versionNonce" | "index" | "groupIds" | "frameId" | "boundElements" | "locked" | "customData">>) => T extends true ? NonDeleted<ExcalidrawElbowArrowElement> : NonDeleted<ExcalidrawArrowElement>;
+} & Omit<Omit<ExcalidrawGenericElement, "id" | "isDeleted" | "updated" | "type">, "strokeColor" | "backgroundColor" | "fillStyle" | "strokeWidth" | "strokeStyle" | "roundness" | "roughness" | "opacity" | "width" | "height" | "angle" | "seed" | "version" | "versionNonce" | "index" | "groupIds" | "frameId" | "boundElements" | "link" | "locked" | "customData"> & Partial<Pick<Omit<ExcalidrawGenericElement, "id" | "isDeleted" | "updated" | "type">, "strokeColor" | "backgroundColor" | "fillStyle" | "strokeWidth" | "strokeStyle" | "roundness" | "roughness" | "opacity" | "width" | "height" | "angle" | "seed" | "version" | "versionNonce" | "index" | "groupIds" | "frameId" | "boundElements" | "link" | "locked" | "customData">>) => T extends true ? NonDeleted<ExcalidrawElbowArrowElement> : NonDeleted<ExcalidrawArrowElement>;
 export declare const newImageElement: (opts: {
     type: ExcalidrawImageElement["type"];
     status?: ExcalidrawImageElement["status"];

package/dist/types/excalidraw/element/transformHandles.d.ts

@@ -31,8 +31,8 @@ export declare const OMIT_SIDES_FOR_FRAME: {
 export declare const canResizeFromSides: (device: Device) => boolean;
 export declare const getOmitSidesForDevice: (device: Device) => {};
 export declare const getTransformHandlesFromCoords: ([x1, y1, x2, y2, cx, cy]: [number, number, number, number, number, number], angle: Radians, zoom: Zoom, pointerType: PointerType, omitSides?: {
-    e?: boolean | undefined;
     s?: boolean | undefined;
+    e?: boolean | undefined;
     w?: boolean | undefined;
     n?: boolean | undefined;
     nw?: boolean | undefined;
@@ -42,8 +42,8 @@ export declare const getTransformHandlesFromCoords: ([x1, y1, x2, y2, cx, cy]: [
     rotation?: boolean | undefined;
 }, margin?: number, spacing?: number) => TransformHandles;
 export declare const getTransformHandles: (element: ExcalidrawElement, zoom: Zoom, elementsMap: ElementsMap, pointerType?: PointerType, omitSides?: {
-    e?: boolean | undefined;
     s?: boolean | undefined;
+    e?: boolean | undefined;
     w?: boolean | undefined;
     n?: boolean | undefined;
     nw?: boolean | undefined;

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

@@ -228,7 +228,7 @@ export type ExcalidrawElbowArrowElement = Merge<ExcalidrawArrowElement, {
     elbowed: true;
     startBinding: FixedPointBinding | null;
     endBinding: FixedPointBinding | null;
-    fixedSegments: FixedSegment[] | null;
+    fixedSegments: readonly FixedSegment[] | null;
     /**
      * Marks that the 3rd point should be used as the 2nd point of the arrow in
      * order to temporarily hide the first segment of the arrow without losing

package/dist/types/excalidraw/element/utils.d.ts

@@ -0,0 +1,21 @@
+import type { Curve, LineSegment } from "@excalidraw/math";
+import { type GlobalPoint } from "@excalidraw/math";
+import type { ExcalidrawDiamondElement, ExcalidrawRectanguloidElement } from "./types";
+/**
+ * Get the building components of a rectanguloid element in the form of
+ * line segments and curves.
+ *
+ * @param element Target rectanguloid element
+ * @param offset Optional offset to expand the rectanguloid shape
+ * @returns Tuple of line segments (0) and curves (1)
+ */
+export declare function deconstructRectanguloidElement(element: ExcalidrawRectanguloidElement, offset?: number): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]];
+/**
+ * Get the building components of a diamond element in the form of
+ * line segments and curves as a tuple, in this order.
+ *
+ * @param element The element to deconstruct
+ * @param offset An optional offset
+ * @returns Tuple of line segments (0) and curves (1)
+ */
+export declare function deconstructDiamondElement(element: ExcalidrawDiamondElement, offset?: number): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]];

package/dist/types/excalidraw/fonts/FontMetadata.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 /**
  * Encapsulates font metrics with additional font metadata.
  * */

package/dist/types/excalidraw/hooks/useOutsideClick.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function useOutsideClick<T extends HTMLElement>(ref: React.RefObject<T>, 
+export declare function useOutsideClick<T extends HTMLElement>(ref: React.RefObject<T | null>, 
 /** if performance is of concern, memoize the callback */
 callback: (event: Event) => void, 
 /**

package/dist/types/excalidraw/hooks/useScrollPosition.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useScrollPosition: <T extends HTMLElement>(elementRef: import("react").RefObject<T>) => number;
+export declare const useScrollPosition: <T extends HTMLElement>(elementRef: import("react").RefObject<T | null>) => number;

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

@@ -3,12 +3,11 @@ import "./css/app.scss";
 import "./css/styles.scss";
 import "./fonts/fonts.css";
 import type { ExcalidrawProps } from "./types";
-import { editorJotaiStore } from "./editor-jotai";
 import Footer from "./components/footer/FooterCenter";
 import MainMenu from "./components/main-menu/MainMenu";
 import WelcomeScreen from "./components/welcome-screen/WelcomeScreen";
 import LiveCollaborationTrigger from "./components/live-collaboration/LiveCollaborationTrigger";
-export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => JSX.Element>;
+export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => import("react/jsx-runtime").JSX.Element>;
 export { getSceneVersion, hashElementsVersion, hashString, isInvisiblySmallElement, getNonDeletedElements, getTextFromElements, } from "./element";
 export { defaultLang, useI18n, languages } from "./i18n";
 export { restore, restoreAppState, restoreElements, restoreLibraryItems, } from "./data/restore";
@@ -46,7 +45,6 @@ export { getDataURL } from "./data/blob";
 export { isElementLink } from "./element/elementLink";
 export { setCustomTextMetricsProvider } from "./element/textMeasurements";
 export { getDefaultAppState, cleanAppStateForExport, clearAppStateForLocalStorage, } from "./appState";
-export { editorJotaiStore };
 export { libraryItemsAtom } from "./data/library";
 export * as icons from "./components/icons";
 export * as actions from "./actions/index";

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

@@ -1,71 +1,70 @@
-/// <reference types="react" />
 import { type GlobalPoint, type LocalPoint } from "@excalidraw/math";
 import { type GeometricShape } from "@excalidraw/utils/geometry/shape";
 import type { Bounds } from "./element/bounds";
 import type { ElementsMap, ExcalidrawElement, ExcalidrawLinearElement, NonDeleted } from "./element/types";
 import type { Zoom } from "./types";
 export declare const SHAPES: readonly [{
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "selection";
     readonly key: "v";
     readonly numericKey: "1";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "rectangle";
     readonly key: "r";
     readonly numericKey: "2";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "diamond";
     readonly key: "d";
     readonly numericKey: "3";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
     readonly key: "o";
     readonly numericKey: "4";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "arrow";
     readonly key: "a";
     readonly numericKey: "5";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "line";
     readonly key: "l";
     readonly numericKey: "6";
     readonly fillable: true;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "freedraw";
     readonly key: readonly ["p", "x"];
     readonly numericKey: "7";
     readonly fillable: false;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "text";
     readonly key: "t";
     readonly numericKey: "8";
     readonly fillable: false;
 }, {
-    readonly icon: JSX.Element;
+    readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "image";
     readonly key: null;
     readonly numericKey: "9";
     readonly fillable: false;
 }, {
-    readonly icon: JSX.Element;
+    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) => "line" | "text" | "arrow" | "diamond" | "selection" | "rectangle" | "ellipse" | "freedraw" | "image" | "eraser" | null;
+export declare const findShapeByKey: (key: string) => "text" | "line" | "arrow" | "image" | "selection" | "rectangle" | "diamond" | "ellipse" | "freedraw" | "eraser" | null;
 /**
  * get the pure geometric shape of an excalidraw element
  * which is then used for hit detection

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

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import type React from "react";
 import type { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, FileId, ExcalidrawImageElement, Theme, StrokeRoundness, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeLikeElement, OrderedExcalidrawElement, ExcalidrawNonSelectionElement } from "./element/types";
 import type { Action } from "./actions/types";

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

@@ -6,9 +6,9 @@ export declare const setDateTimeForTests: (dateTime: string) => void;
 export declare const getDateTime: () => string;
 export declare const capitalizeString: (str: string) => string;
 export declare const isToolIcon: (target: Element | EventTarget | null) => target is HTMLElement;
-export declare const isInputLike: (target: Element | EventTarget | null) => target is HTMLBRElement | HTMLDivElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export declare const isInputLike: (target: Element | EventTarget | null) => target is HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLBRElement | HTMLDivElement;
 export declare const isInteractive: (target: Element | EventTarget | null) => boolean;
-export declare const isWritableElement: (target: Element | EventTarget | null) => target is HTMLBRElement | HTMLDivElement | HTMLInputElement | HTMLTextAreaElement;
+export declare const isWritableElement: (target: Element | EventTarget | null) => target is HTMLInputElement | HTMLTextAreaElement | HTMLBRElement | HTMLDivElement;
 export declare const getFontFamilyString: ({ fontFamily, }: {
     fontFamily: FontFamilyValues;
 }) => string;
@@ -184,7 +184,7 @@ export declare const wrapEvent: <T extends Event>(name: EVENT, nativeEvent: T) =
 }>;
 export declare const updateObject: <T extends Record<string, any>>(obj: T, updates: Partial<T>) => T;
 export declare const isPrimitive: (val: any) => boolean;
-export declare const getFrame: () => "iframe" | "top";
+export declare const getFrame: () => "top" | "iframe";
 export declare const isRunningInIframe: () => boolean;
 export declare const isPromiseLike: (value: any) => value is Promise<any>;
 export declare const queryFocusableElements: (container: HTMLElement | null) => HTMLElement[];

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

@@ -1,33 +1,32 @@
+import type { Curve } from "@excalidraw/math";
 import { type GlobalPoint, type LocalPoint } from "@excalidraw/math";
 import type { LineSegment } from "@excalidraw/utils";
-import type { BoundingBox, Bounds } from "./element/bounds";
+import type { Bounds } from "./element/bounds";
 declare global {
     interface Window {
         visualDebug?: {
             data: DebugElement[][];
             currentFrame?: number;
         };
-        debugDrawPoint: typeof debugDrawPoint;
-        debugDrawLine: typeof debugDrawLine;
     }
 }
 export type DebugElement = {
     color: string;
-    data: LineSegment<GlobalPoint>;
+    data: LineSegment<GlobalPoint> | Curve<GlobalPoint>;
     permanent: boolean;
 };
-export declare const debugDrawLine: (segment: LineSegment<GlobalPoint> | LineSegment<GlobalPoint>[], opts?: {
+export declare const debugDrawCubicBezier: (c: Curve<GlobalPoint>, opts?: {
     color?: string;
     permanent?: boolean;
 }) => void;
-export declare const debugDrawPoint: (p: GlobalPoint, opts?: {
+export declare const debugDrawLine: (segment: LineSegment<GlobalPoint> | LineSegment<GlobalPoint>[], opts?: {
     color?: string;
     permanent?: boolean;
-    fuzzy?: boolean;
 }) => void;
-export declare const debugDrawBoundingBox: (box: BoundingBox | BoundingBox[], opts?: {
+export declare const debugDrawPoint: (p: GlobalPoint, opts?: {
     color?: string;
     permanent?: boolean;
+    fuzzy?: boolean;
 }) => void;
 export declare const debugDrawBounds: (box: Bounds | Bounds[], opts?: {
     color?: string;

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

@@ -2,5 +2,5 @@ import type { ExcalidrawElement } from "./element/types";
 import type { AppState } from "./types";
 export declare const moveOneLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[];
 export declare const moveOneRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[];
-export declare const moveAllLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => ExcalidrawElement[] | readonly ExcalidrawElement[];
-export declare const moveAllRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => ExcalidrawElement[] | readonly ExcalidrawElement[];
+export declare const moveAllLeft: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[] | ExcalidrawElement[];
+export declare const moveAllRight: (allElements: readonly ExcalidrawElement[], appState: AppState) => readonly ExcalidrawElement[] | ExcalidrawElement[];