@zsviczian/excalidraw 0.13.0-obsidian → 0.13.0-obsidian-2

package/types/components/TopErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface TopErrorBoundaryState {
+    hasError: boolean;
+    sentryEventId: string;
+    localStorage: string;
+}
+export declare class TopErrorBoundary extends React.Component<any, TopErrorBoundaryState> {
+    state: TopErrorBoundaryState;
+    render(): any;
+    componentDidCatch(error: Error, errorInfo: any): void;
+    private selectTextArea;
+    private createGithubIssue;
+    private errorSplash;
+}
+export {};

package/types/components/WelcomeScreen.d.ts

@@ -0,0 +1,8 @@
+import { ActionManager } from "../actions/manager";
+import { AppState } from "../types";
+import "./WelcomeScreen.scss";
+declare const WelcomeScreen: ({ appState, actionManager, }: {
+    appState: AppState;
+    actionManager: ActionManager;
+}) => JSX.Element;
+export default WelcomeScreen;

package/types/components/WelcomeScreenDecor.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare const WelcomeScreenDecor: ({ children, shouldRender, }: {
+    children: ReactNode;
+    shouldRender: boolean;
+}) => JSX.Element | null;
+export default WelcomeScreenDecor;

package/types/components/icons.d.ts

@@ -6,68 +6,77 @@ declare type Opts = {
     mirror?: true;
 } & React.SVGProps<SVGSVGElement>;
 export declare const createIcon: (d: string | React.ReactNode, opts?: number | Opts) => JSX.Element;
+export declare const PlusPromoIcon: JSX.Element;
+export declare const LibraryIcon: JSX.Element;
+export declare const PlusIcon: JSX.Element;
+export declare const DotsIcon: JSX.Element;
+export declare const PinIcon: JSX.Element;
+export declare const UnlockedIcon: JSX.Element;
+export declare const LockedIcon: JSX.Element;
+export declare const WelcomeScreenMenuArrow: JSX.Element;
+export declare const WelcomeScreenHelpArrow: JSX.Element;
+export declare const WelcomeScreenTopToolbarArrow: JSX.Element;
+export declare const ExcalLogo: JSX.Element;
+export declare const SelectionIcon: JSX.Element;
+export declare const RectangleIcon: JSX.Element;
+export declare const DiamondIcon: JSX.Element;
+export declare const EllipseIcon: JSX.Element;
+export declare const ArrowIcon: JSX.Element;
+export declare const LineIcon: JSX.Element;
+export declare const PenModeIcon: JSX.Element;
+export declare const FreedrawIcon: JSX.Element;
+export declare const TextIcon: JSX.Element;
+export declare const ImageIcon: JSX.Element;
+export declare const EraserIcon: JSX.Element;
+export declare const ZoomInIcon: JSX.Element;
+export declare const ZoomOutIcon: JSX.Element;
+export declare const TrashIcon: JSX.Element;
+export declare const DuplicateIcon: JSX.Element;
+export declare const MoonIcon: JSX.Element;
+export declare const SunIcon: JSX.Element;
+export declare const HamburgerMenuIcon: JSX.Element;
+export declare const ExportIcon: JSX.Element;
+export declare const HelpIcon: JSX.Element;
+export declare const ExternalLinkIcon: JSX.Element;
+export declare const GithubIcon: JSX.Element;
+export declare const DiscordIcon: JSX.Element;
+export declare const TwitterIcon: JSX.Element;
 export declare const checkIcon: JSX.Element;
-export declare const link: JSX.Element;
+export declare const LinkIcon: JSX.Element;
 export declare const save: JSX.Element;
 export declare const saveAs: JSX.Element;
-export declare const load: JSX.Element;
+export declare const LoadIcon: JSX.Element;
 export declare const clipboard: JSX.Element;
-export declare const trash: JSX.Element;
 export declare const palette: JSX.Element;
-export declare const exportFile: JSX.Element;
-export declare const exportImage: JSX.Element;
+export declare const ExportImageIcon: JSX.Element;
 export declare const exportToFileIcon: JSX.Element;
 export declare const zoomIn: JSX.Element;
 export declare const zoomOut: JSX.Element;
 export declare const done: JSX.Element;
 export declare const menu: JSX.Element;
-export declare const undo: JSX.Element;
-export declare const redo: JSX.Element;
+export declare const UndoIcon: JSX.Element;
+export declare const RedoIcon: JSX.Element;
 export declare const questionCircle: JSX.Element;
 export declare const share: JSX.Element;
 export declare const shareIOS: JSX.Element;
 export declare const shareWindows: JSX.Element;
 export declare const resetZoom: JSX.Element;
-export declare const BringForwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendBackwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const BringToFrontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendToBackIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignTopIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignBottomIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const users: JSX.Element;
+export declare const BringForwardIcon: JSX.Element;
+export declare const SendBackwardIcon: JSX.Element;
+export declare const BringToFrontIcon: JSX.Element;
+export declare const SendToBackIcon: JSX.Element;
+export declare const AlignTopIcon: JSX.Element;
+export declare const AlignBottomIcon: JSX.Element;
+export declare const AlignLeftIcon: JSX.Element;
+export declare const AlignRightIcon: JSX.Element;
+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 start: JSX.Element;
 export declare const stop: JSX.Element;
-export declare const close: JSX.Element;
+export declare const CloseIcon: JSX.Element;
 export declare const back: JSX.Element;
 export declare const clone: JSX.Element;
 export declare const shield: JSX.Element;
@@ -78,95 +87,46 @@ export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
 export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
-export declare const FillHachureIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillCrossHatchIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeWidthIcon: React.MemoExoticComponent<({ theme, strokeWidth }: {
-    theme: Theme;
-    strokeWidth: number;
-}) => JSX.Element>;
+export declare const FillHachureIcon: JSX.Element;
+export declare const FillCrossHatchIcon: JSX.Element;
+export declare const FillSolidIcon: JSX.Element;
+export declare const StrokeWidthThinIcon: JSX.Element;
+export declare const StrokeWidthBaseIcon: JSX.Element;
+export declare const StrokeWidthBoldIcon: JSX.Element;
+export declare const StrokeWidthExtraBoldIcon: JSX.Element;
 export declare const StrokeStyleSolidIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
-export declare const StrokeStyleDashedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeStyleDottedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArchitectIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArtistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessCartoonistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeSharpIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeRoundIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const StrokeStyleDashedIcon: JSX.Element;
+export declare const StrokeStyleDottedIcon: JSX.Element;
+export declare const SloppinessArchitectIcon: JSX.Element;
+export declare const SloppinessArtistIcon: JSX.Element;
+export declare const SloppinessCartoonistIcon: JSX.Element;
+export declare const EdgeSharpIcon: JSX.Element;
+export declare const EdgeRoundIcon: JSX.Element;
+export declare const ArrowheadNoneIcon: JSX.Element;
+export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const FontSizeSmallIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeMediumIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeExtraLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyHandDrawnIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyLocalFontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyNormalIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyCodeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignCenterIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
+export declare const FontSizeSmallIcon: JSX.Element;
+export declare const FontSizeMediumIcon: JSX.Element;
+export declare const FontSizeLargeIcon: JSX.Element;
+export declare const FontSizeExtraLargeIcon: JSX.Element;
+export declare const FontFamilyNormalIcon: JSX.Element;
+export declare const FontFamilyCodeIcon: JSX.Element;
+export declare const FontFamilyLocalFontIcon: JSX.Element;
+export declare const TextAlignLeftIcon: JSX.Element;
+export declare const TextAlignCenterIcon: JSX.Element;
+export declare const TextAlignRightIcon: JSX.Element;
 export declare const TextAlignTopIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
@@ -177,6 +137,5 @@ export declare const TextAlignMiddleIcon: React.MemoExoticComponent<({ theme }:
     theme: Theme;
 }) => JSX.Element>;
 export declare const publishIcon: JSX.Element;
-export declare const editIcon: JSX.Element;
 export declare const eraser: JSX.Element;
 export {};

package/types/constants.d.ts

@@ -105,14 +105,10 @@ export declare const TITLE_TIMEOUT = 10000;
 export declare const VERSION_TIMEOUT = 30000;
 export declare const SCROLL_TIMEOUT = 100;
 export declare const ZOOM_STEP = 0.05;
+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";
@@ -151,6 +147,13 @@ export declare const TEXT_ALIGN: {
     RIGHT: string;
 };
 export declare const ELEMENT_READY_TO_ERASE_OPACITY = 20;
+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;
+};
 export declare const COOKIES: {
     readonly AUTH_STATE_COOKIE: "excplus-auth";
 };

package/types/element/Hyperlink.d.ts

@@ -18,6 +18,7 @@ export declare const actionLink: {
         appState: {
             showHyperlinkPopup: "editor";
             openMenu: null;
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: NonDeletedExcalidrawElement | null;
@@ -56,10 +57,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;
@@ -73,6 +73,7 @@ export declare const actionLink: {
             }>;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
@@ -82,7 +83,6 @@ export declare const actionLink: {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -130,7 +130,9 @@ 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) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("../actions/types").PanelComponentProps & {
+        isInHamburgerMenu: boolean;
+    }) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/element/bounds.d.ts

@@ -1,15 +1,16 @@
 import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, NonDeleted } from "./types";
 import { Drawable, Op } from "roughjs/bin/core";
 export declare type Bounds = readonly [number, number, number, number];
-export declare const getElementAbsoluteCoords: (element: ExcalidrawElement) => Bounds;
+export declare const getElementAbsoluteCoords: (element: ExcalidrawElement, includeBoundText?: boolean) => [number, number, number, number, number, number];
 export declare const pointRelativeTo: (element: ExcalidrawElement, absoluteCoords: readonly [number, number]) => readonly [number, number];
 export declare const getDiamondPoints: (element: ExcalidrawElement) => number[];
 export declare const getCurvePathOps: (shape: Drawable) => Op[];
+export declare const getMinMaxXYFromCurvePathOps: (ops: Op[], transformXY?: ((x: number, y: number) => [number, number]) | undefined) => [number, number, number, number];
 export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead) => number[] | null;
 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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, ExcalidrawBindableElement } from "./types";
-import { Point, AppState } from "../types";
+import { NonDeleted, ExcalidrawLinearElement, ExcalidrawElement, PointBinding, ExcalidrawBindableElement, ExcalidrawTextElementWithContainer } from "./types";
+import { Point, AppState, PointerCoords } from "../types";
 import History from "../history";
 import Scene from "../scene/Scene";
 declare const editorMidPointsCache: {
@@ -18,6 +18,15 @@ export declare class LinearElementEditor {
         prevSelectedPointsIndices: readonly number[] | null;
         /** index */
         lastClickedPoint: number;
+        origin: Readonly<{
+            x: number;
+            y: number;
+        }> | null;
+        segmentMidpoint: {
+            value: Point | null;
+            index: number | null;
+            added: boolean;
+        };
     }>;
     /** whether you're dragging a point */
     readonly isDragging: boolean;
@@ -60,7 +69,6 @@ export declare class LinearElementEditor {
         didAddPoint: boolean;
         hitElement: NonDeleted<ExcalidrawElement> | null;
         linearElementEditor: LinearElementEditor | null;
-        isMidPoint: boolean;
     };
     static arePointsEqual(point1: Point | null, point2: Point | null): boolean;
     static handlePointerMove(event: React.PointerEvent<HTMLCanvasElement>, scenePointerX: number, scenePointerY: number, appState: AppState): LinearElementEditor | null;
@@ -94,6 +102,15 @@ export declare class LinearElementEditor {
                     prevSelectedPointsIndices: readonly number[] | null;
                     /** index */
                     lastClickedPoint: number;
+                    origin: Readonly<{
+                        x: number;
+                        y: number;
+                    }> | null;
+                    segmentMidpoint: {
+                        value: readonly [number, number] | null;
+                        index: number | null;
+                        added: boolean;
+                    };
                 }>;
                 isDragging: boolean;
                 lastUncommittedPoint: readonly [number, number] | null;
@@ -106,6 +123,7 @@ export declare class LinearElementEditor {
                 hoverPointIndex: number;
                 segmentMidPointHoveredCoords: readonly [number, number] | null;
             };
+            showWelcomeScreen: boolean;
             isLoading: boolean;
             errorMessage: string | null;
             draggingElement: import("./types").NonDeletedExcalidrawElement | null;
@@ -143,10 +161,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;
@@ -161,6 +178,7 @@ export declare class LinearElementEditor {
             openMenu: "canvas" | "shape" | null;
             openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
             openSidebar: "library" | "customSidebar" | null;
+            openDialog: "imageExport" | "help" | null;
             isSidebarDocked: boolean;
             lastPointerDownWith: import("./types").PointerType;
             selectedElementIds: {
@@ -170,7 +188,6 @@ export declare class LinearElementEditor {
                 [id: string]: boolean;
             };
             shouldCacheIgnoreZoom: boolean;
-            showHelpDialog: boolean;
             toast: {
                 message: string;
                 closable?: boolean | undefined;
@@ -223,7 +240,18 @@ export declare class LinearElementEditor {
         startBinding?: PointBinding;
         endBinding?: PointBinding;
     }): void;
+    static shouldAddMidpoint(linearElementEditor: LinearElementEditor, pointerCoords: PointerCoords, appState: AppState): boolean;
+    static addMidpoint(linearElementEditor: LinearElementEditor, pointerCoords: PointerCoords, appState: AppState): {
+        pointerDownState: LinearElementEditor["pointerDownState"];
+        selectedPointsIndices: LinearElementEditor["selectedPointsIndices"];
+    } | undefined;
     private static _updatePoints;
     private static _getShiftLockedDelta;
+    static getBoundTextElementPosition: (element: ExcalidrawLinearElement, boundTextElement: ExcalidrawTextElementWithContainer) => {
+        x: number;
+        y: number;
+    };
+    static getMinMaxXYWithBoundText: (element: ExcalidrawLinearElement, elementBounds: [number, number, number, number], boundTextElement: ExcalidrawTextElementWithContainer) => [number, number, number, number, number, number];
+    static getElementAbsoluteCoords: (element: ExcalidrawLinearElement, includeBoundText?: boolean) => [number, number, number, number, number, number];
 }
 export {};

package/types/element/newElement.d.ts

@@ -1,4 +1,4 @@
-import { ExcalidrawElement, ExcalidrawImageElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, GroupId, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawRectangleElement } from "../element/types";
+import { ExcalidrawElement, ExcalidrawImageElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, GroupId, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer } from "../element/types";
 import { AppState } from "../types";
 declare type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "boundElements" | "seed" | "version" | "versionNonce" | "link">;
 export declare const newElement: (opts: {
@@ -11,7 +11,7 @@ export declare const newTextElement: (opts: {
     fontFamily: FontFamilyValues;
     textAlign: TextAlign;
     verticalAlign: VerticalAlign;
-    containerId?: ExcalidrawRectangleElement["id"];
+    containerId?: ExcalidrawTextContainer["id"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawTextElement>;
 export declare const refreshTextDimensions: (textElement: ExcalidrawTextElement, text?: string) => {
     x: number;

package/types/element/resizeElements.d.ts

@@ -3,7 +3,6 @@ import { MaybeTransformHandleType, TransformHandleDirection } from "./transformH
 import { PointerDownState } from "../types";
 export declare const normalizeAngle: (angle: number) => number;
 export declare const transformElements: (pointerDownState: PointerDownState, transformHandleType: MaybeTransformHandleType, selectedElements: readonly NonDeletedExcalidrawElement[], resizeArrowDirection: "origin" | "end", shouldRotateWithDiscreteAngle: boolean, shouldResizeFromCenter: boolean, shouldMaintainAspectRatio: boolean, pointerX: number, pointerY: number, centerX: number, centerY: number) => boolean;
-export declare const reshapeSingleTwoPointElement: (element: NonDeleted<ExcalidrawLinearElement>, resizeArrowDirection: "origin" | "end", shouldRotateWithDiscreteAngle: boolean, pointerX: number, pointerY: number) => void;
 export declare const resizeSingleElement: (originalElements: PointerDownState["originalElements"], shouldMaintainAspectRatio: boolean, element: NonDeletedExcalidrawElement, transformHandleDirection: TransformHandleDirection, shouldResizeFromCenter: boolean, pointerX: number, pointerY: number) => void;
 export declare const getResizeOffsetXY: (transformHandleType: MaybeTransformHandleType, selectedElements: NonDeletedExcalidrawElement[], x: number, y: number) => [number, number];
 export declare const getResizeArrowDirection: (transformHandleType: MaybeTransformHandleType, element: NonDeleted<ExcalidrawLinearElement>) => "origin" | "end";

package/types/element/textElement.d.ts

@@ -1,8 +1,10 @@
-import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontString, NonDeletedExcalidrawElement } from "./types";
+import { ExcalidrawElement, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, FontString, NonDeletedExcalidrawElement } from "./types";
 import { MaybeTransformHandleType } from "./transformHandles";
+import { AppState } from "../types";
+export declare const normalizeText: (text: string) => string;
 export declare const redrawTextBoundingBox: (textElement: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
 export declare const bindTextToShapeAfterDuplication: (sceneElements: ExcalidrawElement[], oldElements: ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
-export declare const handleBindTextResize: (element: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType) => void;
+export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType) => void;
 export declare const measureText: (text: string, font: FontString, maxWidth?: number | null) => {
     width: number;
     height: number;
@@ -28,3 +30,16 @@ export declare const getContainerDims: (element: ExcalidrawElement) => {
     width: number;
     height: number;
 };
+export declare const getContainerCenter: (container: ExcalidrawElement, appState: AppState) => {
+    x: number;
+    y: number;
+};
+export declare const getTextElementAngle: (textElement: ExcalidrawTextElement) => number;
+export declare const getBoundTextElementOffset: (boundTextElement: ExcalidrawTextElement | null) => number;
+export declare const getBoundTextElementPosition: (container: ExcalidrawElement, boundTextElement: ExcalidrawTextElementWithContainer) => {
+    x: number;
+    y: number;
+} | undefined;
+export declare const shouldAllowVerticalAlign: (selectedElements: NonDeletedExcalidrawElement[]) => boolean;
+export declare const getTextBindableContainerAtPosition: (elements: readonly ExcalidrawElement[], appState: AppState, x: number, y: number) => ExcalidrawTextContainer | null;
+export declare const isValidTextContainer: (element: ExcalidrawElement) => boolean;

package/types/element/transformHandles.d.ts

@@ -1,5 +1,4 @@
 import { ExcalidrawElement, NonDeletedExcalidrawElement, PointerType } from "./types";
-import { Bounds } from "./bounds";
 import { AppState, Zoom } from "../types";
 export declare type TransformHandleDirection = "n" | "s" | "w" | "e" | "nw" | "ne" | "sw" | "se";
 export declare type TransformHandleType = TransformHandleDirection | "rotation";
@@ -14,11 +13,11 @@ export declare const OMIT_SIDES_FOR_MULTIPLE_ELEMENTS: {
     n: boolean;
     w: boolean;
 };
-export declare const getTransformHandlesFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, zoom: Zoom, pointerType: PointerType, omitSides?: {
-    e?: boolean | undefined;
+export declare const getTransformHandlesFromCoords: ([x1, y1, x2, y2, cx, cy]: [number, number, number, number, number, number], angle: number, zoom: Zoom, pointerType: PointerType, omitSides?: {
     s?: boolean | undefined;
-    w?: boolean | undefined;
+    e?: boolean | undefined;
     n?: boolean | undefined;
+    w?: boolean | undefined;
     nw?: boolean | undefined;
     ne?: boolean | undefined;
     sw?: boolean | 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;
@@ -7,6 +7,7 @@ export declare const isTextElement: (element: ExcalidrawElement | null) => eleme
 export declare const isFreeDrawElement: (element?: ExcalidrawElement | null) => element is ExcalidrawFreeDrawElement;
 export declare const isFreeDrawElementType: (elementType: ExcalidrawElement["type"]) => boolean;
 export declare const isLinearElement: (element?: ExcalidrawElement | null) => element is ExcalidrawLinearElement;
+export declare const isArrowElement: (element?: ExcalidrawElement | null) => element is ExcalidrawLinearElement;
 export declare const isLinearElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
 export declare const isBindingElement: (element?: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawLinearElement;
 export declare const isBindingElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
@@ -15,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;
@@ -103,7 +107,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;
+export declare type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawImageElement | ExcalidrawArrowElement;
 export declare type ExcalidrawTextElementWithContainer = {
     containerId: ExcalidrawTextContainer["id"];
 } & ExcalidrawTextElement;
@@ -122,6 +126,9 @@ export declare type ExcalidrawLinearElement = _ExcalidrawElementBase & Readonly<
     startArrowhead: Arrowhead | null;
     endArrowhead: Arrowhead | null;
 }>;
+export declare type ExcalidrawArrowElement = ExcalidrawLinearElement & Readonly<{
+    type: "arrow";
+}>;
 export declare type ExcalidrawFreeDrawElement = _ExcalidrawElementBase & Readonly<{
     type: "freedraw";
     points: readonly Point[];