@dwelle/excalidraw 0.4.0-d8d86cf → 0.4.0-e3bee83

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

@@ -0,0 +1,13 @@
+import React from "react";
+export declare const getDrodownMenuItemClassName: (className?: string) => string;
+declare const DropdownMenuItem: {
+    ({ icon, onSelect, children, shortcut, className, ...rest }: {
+        icon?: JSX.Element | undefined;
+        onSelect: () => void;
+        children: React.ReactNode;
+        shortcut?: string | undefined;
+        className?: string | undefined;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    displayName: string;
+};
+export default DropdownMenuItem;

package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts

@@ -0,0 +1,6 @@
+declare const MenuItemContent: ({ icon, shortcut, children, }: {
+    icon?: JSX.Element | undefined;
+    shortcut?: string | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export default MenuItemContent;

package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const DropdownMenuItemCustom: ({ children, className, ...rest }: {
+    children: React.ReactNode;
+    className?: string | undefined;
+} & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export default DropdownMenuItemCustom;

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare const DropdownMenuItemLink: {
+    ({ icon, shortcut, href, children, className, ...rest }: {
+        icon?: JSX.Element | undefined;
+        children: React.ReactNode;
+        shortcut?: string | undefined;
+        className?: string | undefined;
+        href: string;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+    displayName: string;
+};
+export default DropdownMenuItemLink;

package/types/components/dropdownMenu/DropdownMenuSeparator.d.ts

@@ -0,0 +1,5 @@
+declare const MenuSeparator: {
+    (): JSX.Element;
+    displayName: string;
+};
+export default MenuSeparator;

package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts

@@ -0,0 +1,9 @@
+declare const MenuTrigger: {
+    ({ className, children, onToggle, }: {
+        className?: string | undefined;
+        children: React.ReactNode;
+        onToggle: () => void;
+    }): JSX.Element;
+    displayName: string;
+};
+export default MenuTrigger;

package/types/components/dropdownMenu/dropdownMenuUtils.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const getMenuTriggerComponent: (children: React.ReactNode) => string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | null;
+export declare const getMenuContentComponent: (children: React.ReactNode) => string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | null;

package/types/components/footer/Footer.d.ts

@@ -0,0 +1,13 @@
+import { ActionManager } from "../../actions/manager";
+import { AppState, UIChildrenComponents, UIWelcomeScreenComponents } from "../../types";
+declare const Footer: {
+    ({ appState, actionManager, showExitZenModeBtn, footerCenter, welcomeScreenHelp, }: {
+        appState: AppState;
+        actionManager: ActionManager;
+        showExitZenModeBtn: boolean;
+        footerCenter: UIChildrenComponents["FooterCenter"];
+        welcomeScreenHelp: UIWelcomeScreenComponents["HelpHint"];
+    }): JSX.Element;
+    displayName: string;
+};
+export default Footer;

package/types/components/footer/FooterCenter.d.ts

@@ -0,0 +1,8 @@
+import "./FooterCenter.scss";
+declare const FooterCenter: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+export default FooterCenter;

package/types/components/icons.d.ts

@@ -73,7 +73,7 @@ export declare const DistributeHorizontallyIcon: JSX.Element;
 export declare const DistributeVerticallyIcon: JSX.Element;
 export declare const CenterVerticallyIcon: JSX.Element;
 export declare const CenterHorizontallyIcon: JSX.Element;
-export declare const UsersIcon: JSX.Element;
+export declare const usersIcon: JSX.Element;
 export declare const start: JSX.Element;
 export declare const stop: JSX.Element;
 export declare const CloseIcon: JSX.Element;

package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./LiveCollaborationTrigger.scss";
+declare const LiveCollaborationTrigger: {
+    ({ isCollaborating, onSelect, ...rest }: {
+        isCollaborating: boolean;
+        onSelect: () => void;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    displayName: string;
+};
+export default LiveCollaborationTrigger;

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

@@ -0,0 +1,47 @@
+import "./DefaultItems.scss";
+import { Theme } from "../../element/types";
+export declare const LoadScene: {
+    (): JSX.Element | null;
+    displayName: string;
+};
+export declare const SaveToActiveFile: {
+    (): JSX.Element | null;
+    displayName: string;
+};
+export declare const SaveAsImage: {
+    (): JSX.Element;
+    displayName: string;
+};
+export declare const Help: {
+    (): JSX.Element;
+    displayName: string;
+};
+export declare const ClearCanvas: {
+    (): JSX.Element | null;
+    displayName: string;
+};
+export declare const ToggleTheme: {
+    (props?: {
+        onSelect?: ((theme: Theme) => void | boolean) | undefined;
+    } | undefined): JSX.Element | null;
+    displayName: string;
+};
+export declare const ChangeCanvasBackground: {
+    (): JSX.Element | null;
+    displayName: string;
+};
+export declare const Export: {
+    (): JSX.Element;
+    displayName: string;
+};
+export declare const Socials: {
+    (): JSX.Element;
+    displayName: string;
+};
+export declare const LiveCollaborationTrigger: {
+    ({ onSelect, isCollaborating, }: {
+        onSelect: () => void;
+        isCollaborating: boolean;
+    }): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,55 @@
+import React from "react";
+import * as DefaultItems from "./DefaultItems";
+declare const MainMenu: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    Trigger: {
+        ({ className, children, onToggle, }: {
+            className?: string | undefined;
+            children: React.ReactNode;
+            onToggle: () => void;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ icon, onSelect, children, shortcut, className, ...rest }: {
+            icon?: JSX.Element | undefined;
+            onSelect: () => void;
+            children: React.ReactNode;
+            shortcut?: string | undefined;
+            className?: string | undefined;
+        } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+        displayName: string;
+    };
+    ItemLink: {
+        ({ icon, shortcut, href, children, className, ...rest }: {
+            icon?: JSX.Element | undefined;
+            children: React.ReactNode;
+            shortcut?: string | undefined;
+            className?: string | undefined;
+            href: string;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        displayName: string;
+    };
+    ItemCustom: ({ children, className, ...rest }: {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+    Group: {
+        ({ children, className, style, title, }: {
+            children: React.ReactNode;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            title?: string | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    DefaultItems: typeof DefaultItems;
+    displayName: string;
+};
+export default MainMenu;

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

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+declare const Center: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+    Logo: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ children }: {
+            children: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Menu: {
+        ({ children }: {
+            children?: React.ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+    MenuItem: {
+        ({ onSelect, children, icon, shortcut, className, ...props }: {
+            onSelect: () => void;
+            children: React.ReactNode;
+            icon?: JSX.Element | undefined;
+            shortcut?: string | null | undefined;
+        } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+        displayName: string;
+    };
+    MenuItemLink: {
+        ({ children, href, icon, shortcut, className, ...props }: {
+            children: React.ReactNode;
+            href: string;
+            icon?: JSX.Element | undefined;
+            shortcut?: string | null | undefined;
+        } & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        displayName: string;
+    };
+    MenuItemHelp: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    MenuItemLoadScene: {
+        (): JSX.Element | null;
+        displayName: string;
+    };
+    MenuItemLiveCollaborationTrigger: {
+        ({ onSelect, }: {
+            onSelect: () => any;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+export { Center };

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

@@ -0,0 +1,19 @@
+declare const MenuHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const ToolbarHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+declare const HelpHint: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+export { HelpHint, MenuHint, ToolbarHint };

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

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

package/types/constants.d.ts

@@ -1,4 +1,4 @@
-import { AppProps } from "./types";
+import { AppProps, NormalizedZoomValue } from "./types";
 import { FontFamilyValues } from "./element/types";
 export declare const APP_NAME = "Excalidraw";
 export declare const DRAGGING_THRESHOLD = 10;
@@ -53,6 +53,7 @@ export declare enum EVENT {
 export declare const ENV: {
     TEST: string;
     DEVELOPMENT: string;
+    PRODUCTION: string;
 };
 export declare const CLASSES: {
     SHAPE_ACTIONS_MENU: string;
@@ -72,6 +73,9 @@ export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
 export declare const DEFAULT_TEXT_ALIGN = "left";
 export declare const DEFAULT_VERTICAL_ALIGN = "top";
 export declare const DEFAULT_VERSION = "{version}";
+export declare const DEFAULT_BACKGROUND_COLOR = "#ffffff";
+export declare const DEFAULT_STROKE_COLOR = "#000000";
+export declare const DEFAULT_ZOOM_VALUE: NormalizedZoomValue;
 export declare const CANVAS_ONLY_ACTIONS: string[];
 export declare const GRID_SIZE = 20;
 export declare const MIME_TYPES: {
@@ -106,11 +110,6 @@ export declare const MIN_ZOOM = 0.1;
 export declare const HYPERLINK_TOOLTIP_DELAY = 300;
 export declare const IDLE_THRESHOLD = 60000;
 export declare const ACTIVE_THRESHOLD = 3000;
-export declare const MODES: {
-    VIEW: string;
-    ZEN: string;
-    GRID: string;
-};
 export declare const THEME_FILTER: any;
 export declare const URL_QUERY_KEYS: {
     readonly addLibrary: "addLibrary";
@@ -149,8 +148,12 @@ export declare const TEXT_ALIGN: {
     RIGHT: string;
 };
 export declare const ELEMENT_READY_TO_ERASE_OPACITY = 20;
-export declare const COOKIES: {
-    readonly AUTH_STATE_COOKIE: "excplus-auth";
+export declare const DEFAULT_PROPORTIONAL_RADIUS = 0.25;
+export declare const DEFAULT_ADAPTIVE_RADIUS = 32;
+export declare const ROUNDNESS: {
+    readonly LEGACY: 1;
+    readonly PROPORTIONAL_RADIUS: 2;
+    readonly ADAPTIVE_RADIUS: 3;
 };
 /** key containt id of precedeing elemnt id we use in reconciliation during
  * collaboration */

package/types/data/index.d.ts

@@ -4,7 +4,7 @@ import { AppState, BinaryFiles } from "../types";
 import { FileSystemHandle } from "./filesystem";
 export { loadFromBlob } from "./blob";
 export { loadFromJSON, saveAsJSON } from "./json";
-export declare const exportCanvas: (type: Omit<ExportType, "backend">, elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, { exportBackground, exportPadding, viewBackgroundColor, name, fileHandle, }: {
+export declare const exportAsImage: (type: Omit<ExportType, "backend">, elements: readonly NonDeletedExcalidrawElement[], appState: AppState, files: BinaryFiles, { exportBackground, exportPadding, viewBackgroundColor, name, fileHandle, }: {
     exportBackground: boolean;
     exportPadding?: number | undefined;
     viewBackgroundColor: string;

package/types/element/Hyperlink.d.ts

@@ -18,6 +18,11 @@ export declare const actionLink: {
         appState: {
             showHyperlinkPopup: "editor";
             openMenu: null;
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -57,10 +62,9 @@ export declare const actionLink: {
             currentItemFontFamily: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
-            currentItemStrokeSharpness: import("./types").StrokeSharpness;
             currentItemStartArrowhead: import("./types").Arrowhead | null;
             currentItemEndArrowhead: import("./types").Arrowhead | null;
-            currentItemLinearStrokeSharpness: import("./types").StrokeSharpness;
+            currentItemRoundness: import("./types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -74,7 +78,7 @@ export declare const actionLink: {
             }>;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
@@ -123,10 +127,8 @@ export declare const actionLink: {
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     contextItemLabel: (elements: readonly import("./types").ExcalidrawElement[], appState: Readonly<AppState>) => "labels.link.edit" | "labels.link.create";
-    contextItemPredicate: (elements: readonly import("./types").ExcalidrawElement[], appState: AppState) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps & {
-        isInHamburgerMenu: boolean;
-    }) => JSX.Element;
+    predicate: (elements: readonly import("./types").ExcalidrawElement[], appState: AppState) => boolean;
+    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/element/bounds.d.ts

@@ -10,7 +10,7 @@ export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shap
 export declare const getElementBounds: (element: ExcalidrawElement) => [number, number, number, number];
 export declare const getCommonBounds: (elements: readonly ExcalidrawElement[]) => [number, number, number, number];
 export declare const getResizedElementAbsoluteCoords: (element: ExcalidrawElement, nextWidth: number, nextHeight: number, normalizePoints: boolean) => [number, number, number, number];
-export declare const getElementPointsCoords: (element: ExcalidrawLinearElement, points: readonly (readonly [number, number])[], sharpness: ExcalidrawElement["strokeSharpness"]) => [number, number, number, number];
+export declare const getElementPointsCoords: (element: ExcalidrawLinearElement, points: readonly (readonly [number, number])[]) => [number, number, number, number];
 export declare const getClosestElementBounds: (elements: readonly ExcalidrawElement[], from: {
     x: number;
     y: number;

package/types/element/linearElementEditor.d.ts

@@ -123,6 +123,11 @@ export declare class LinearElementEditor {
                 hoverPointIndex: number;
                 segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
+            contextMenu: {
+                items: import("../components/ContextMenu").ContextMenuItems;
+                top: number;
+                left: number;
+            } | null;
             showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
@@ -161,10 +166,9 @@ export declare class LinearElementEditor {
             currentItemFontFamily: number;
             currentItemFontSize: number;
             currentItemTextAlign: string;
-            currentItemStrokeSharpness: import("./types").StrokeSharpness;
             currentItemStartArrowhead: import("./types").Arrowhead | null;
             currentItemEndArrowhead: import("./types").Arrowhead | null;
-            currentItemLinearStrokeSharpness: import("./types").StrokeSharpness;
+            currentItemRoundness: import("./types").StrokeRoundness;
             viewBackgroundColor: string;
             scrollX: number;
             scrollY: number;
@@ -179,7 +183,7 @@ export declare class LinearElementEditor {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
-            openDialog: "imageExport" | "help" | null;
+            openDialog: "imageExport" | "help" | "jsonExport" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
@@ -192,7 +196,7 @@ export declare class LinearElementEditor {
             toast: {
                 message: string;
                 closable?: boolean | undefined;
-                duration?: number | undefined;
+                duration?: number | undefined; /** @returns whether point was dragged */
             } | null;
             zenModeEnabled: boolean;
             theme: string;

package/types/element/textElement.d.ts

@@ -9,8 +9,15 @@ export declare const measureText: (text: string, font: FontString, maxWidth?: nu
     width: number;
     height: number;
     baseline: number;
+    container: HTMLDivElement;
+} | {
+    width: number;
+    height: number;
+    baseline: number;
+    container?: undefined;
 };
 export declare const getApproxLineHeight: (font: FontString) => number;
+export declare const getTextWidth: (text: string, font: FontString) => number;
 export declare const wrapText: (text: string, font: FontString, maxWidth: number) => string;
 export declare const charWidth: {
     calculate: (char: string, font: FontString) => number;

package/types/element/textWysiwyg.d.ts

@@ -1,5 +1,10 @@
-import { ExcalidrawElement, ExcalidrawTextElement } from "./types";
+import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawTextContainer } from "./types";
 import App from "../components/App";
+export declare const updateOriginalContainerCache: (id: ExcalidrawTextContainer["id"], height: ExcalidrawTextContainer["height"]) => {
+    height: ExcalidrawTextContainer["height"];
+};
+export declare const resetOriginalContainerCache: (id: ExcalidrawTextContainer["id"]) => void;
+export declare const getOriginalContainerHeightFromCache: (id: ExcalidrawTextContainer["id"]) => number | null;
 export declare const textWysiwyg: ({ id, onChange, onSubmit, getViewportCoords, element, canvas, excalidrawContainer, app, }: {
     id: ExcalidrawElement["id"];
     onChange?: ((text: string) => void) | undefined;

package/types/element/typeChecks.d.ts

@@ -1,5 +1,5 @@
 import { AppState } from "../types";
-import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawGenericElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer } from "./types";
+import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawGenericElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer, RoundnessType } from "./types";
 export declare const isGenericElement: (element: ExcalidrawElement | null) => element is ExcalidrawGenericElement;
 export declare const isInitializedImageElement: (element: ExcalidrawElement | null) => element is InitializedExcalidrawImageElement;
 export declare const isImageElement: (element: ExcalidrawElement | null) => element is ExcalidrawImageElement;
@@ -16,3 +16,11 @@ export declare const isTextBindableContainer: (element: ExcalidrawElement | null
 export declare const isExcalidrawElement: (element: any) => boolean;
 export declare const hasBoundTextElement: (element: ExcalidrawElement | null) => element is ExcalidrawBindableElement;
 export declare const isBoundToContainer: (element: ExcalidrawElement | null) => element is ExcalidrawTextElementWithContainer;
+export declare const isUsingAdaptiveRadius: (type: string) => boolean;
+export declare const isUsingProportionalRadius: (type: string) => boolean;
+export declare const canApplyRoundnessTypeToElement: (roundnessType: RoundnessType, element: ExcalidrawElement) => boolean;
+export declare const getDefaultRoundnessTypeForElement: (element: ExcalidrawElement) => {
+    type: 2;
+} | {
+    type: 3;
+} | null;

package/types/element/types.d.ts

@@ -1,5 +1,5 @@
 import { Point } from "../types";
-import { FONT_FAMILY, TEXT_ALIGN, THEME, VERTICAL_ALIGN } from "../constants";
+import { FONT_FAMILY, ROUNDNESS, TEXT_ALIGN, THEME, VERTICAL_ALIGN } from "../constants";
 export declare type ChartType = "bar" | "line";
 export declare type FillStyle = "hachure" | "cross-hatch" | "solid";
 export declare type FontFamilyKeys = keyof typeof FONT_FAMILY;
@@ -10,7 +10,8 @@ export declare type FontString = string & {
 };
 export declare type GroupId = string;
 export declare type PointerType = "mouse" | "pen" | "touch";
-export declare type StrokeSharpness = "round" | "sharp";
+export declare type StrokeRoundness = "round" | "sharp";
+export declare type RoundnessType = ValueOf<typeof ROUNDNESS>;
 export declare type StrokeStyle = "solid" | "dashed" | "dotted";
 export declare type TextAlign = typeof TEXT_ALIGN[keyof typeof TEXT_ALIGN];
 declare type VerticalAlignKeys = keyof typeof VERTICAL_ALIGN;
@@ -24,7 +25,10 @@ declare type _ExcalidrawElementBase = Readonly<{
     fillStyle: FillStyle;
     strokeWidth: number;
     strokeStyle: StrokeStyle;
-    strokeSharpness: StrokeSharpness;
+    roundness: null | {
+        type: RoundnessType;
+        value?: number;
+    };
     roughness: number;
     opacity: number;
     width: number;
@@ -102,7 +106,7 @@ export declare type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
     originalText: string;
 }>;
 export declare type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement;
-export declare type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawImageElement | ExcalidrawArrowEleement;
+export declare type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawImageElement | ExcalidrawArrowElement;
 export declare type ExcalidrawTextElementWithContainer = {
     containerId: ExcalidrawTextContainer["id"];
 } & ExcalidrawTextElement;
@@ -121,7 +125,7 @@ export declare type ExcalidrawLinearElement = _ExcalidrawElementBase & Readonly<
     startArrowhead: Arrowhead | null;
     endArrowhead: Arrowhead | null;
 }>;
-export declare type ExcalidrawArrowEleement = ExcalidrawLinearElement & Readonly<{
+export declare type ExcalidrawArrowElement = ExcalidrawLinearElement & Readonly<{
     type: "arrow";
 }>;
 export declare type ExcalidrawFreeDrawElement = _ExcalidrawElementBase & Readonly<{

package/types/keys.d.ts

@@ -27,6 +27,8 @@ export declare const KEYS: {
     readonly ARROW_LEFT: "ArrowLeft";
     readonly ARROW_RIGHT: "ArrowRight";
     readonly ARROW_UP: "ArrowUp";
+    readonly PAGE_UP: "PageUp";
+    readonly PAGE_DOWN: "PageDown";
     readonly BACKSPACE: "Backspace";
     readonly ALT: "Alt";
     readonly CTRL_OR_CMD: "metaKey" | "ctrlKey";