@nous-excalidraw/math 0.18.4 → 0.18.5-beta.5

package/dist/types/common/src/constants.d.ts

@@ -317,6 +317,7 @@ export declare const TOOL_TYPE: {
     readonly lasso: "lasso";
     readonly rectangle: "rectangle";
     readonly diamond: "diamond";
+    readonly triangle: "triangle";
     readonly ellipse: "ellipse";
     readonly arrow: "arrow";
     readonly line: "line";

package/dist/types/common/src/fontSize.d.ts

@@ -0,0 +1,22 @@
+/** Target screen font sizes at 100% zoom (matches FONT_SIZES). */
+export declare const FONT_SIZE_SCREEN: {
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 28;
+    readonly xl: 36;
+};
+export declare const getSceneFontSizeForZoom: (screenFontSize: number, zoom: number) => number;
+export declare const getFontSizePresetsForZoom: (zoom: number) => {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+/** When zoom changes, scale scene fontSize to keep the same screen size. */
+export declare const scaleFontSizeForZoomChange: (fontSize: number, fromZoom: number, toZoom: number) => number;
+/**
+ * Normalize fontSize when entering a low-zoom canvas.
+ * Legacy values (FONT_SIZES range) stored at low zoom were scene coords and
+ * render tiny; treat them as intended screen pixels instead.
+ */
+export declare const normalizeSceneFontSizeForZoom: (fontSize: number, fromZoom: number, toZoom: number) => number;

package/dist/types/common/src/index.d.ts

@@ -2,6 +2,8 @@ export * from "./binary-heap";
 export * from "./bounds";
 export * from "./colors";
 export * from "./constants";
+export * from "./strokeWidth";
+export * from "./fontSize";
 export * from "./font-metadata";
 export * from "./queue";
 export * from "./keys";

package/dist/types/common/src/strokeWidth.d.ts

@@ -0,0 +1,14 @@
+/** Target screen pixel stroke widths at 100% zoom. */
+export declare const STROKE_WIDTH_SCREEN: {
+    readonly thin: 2;
+    readonly bold: 3;
+    readonly extraBold: 4;
+};
+export declare const getSceneStrokeWidthForZoom: (screenWidth: number, zoom: number) => number;
+export declare const getStrokeWidthPresetsForZoom: (zoom: number) => {
+    thin: number;
+    bold: number;
+    extraBold: number;
+};
+/** When zoom changes from `fromZoom` to `toZoom`, scale scene strokeWidth to keep the same screen thickness. */
+export declare const scaleStrokeWidthForZoomChange: (strokeWidth: number, fromZoom: number, toZoom: number) => number;

package/dist/types/element/src/Scene.d.ts

@@ -70,7 +70,7 @@ export declare class Scene {
     getElementIndex(elementId: string): number;
     getContainerElement: (element: (ExcalidrawElement & {
         containerId: ExcalidrawElement["id"] | null;
-    }) | null) => import("@nous-excalidraw/element/types").ExcalidrawLinearElement | import("@nous-excalidraw/element/types").ExcalidrawSelectionElement | import("@nous-excalidraw/element/types").ExcalidrawRectangleElement | import("@nous-excalidraw/element/types").ExcalidrawDiamondElement | import("@nous-excalidraw/element/types").ExcalidrawEllipseElement | import("@nous-excalidraw/element/types").ExcalidrawEmbeddableElement | import("@nous-excalidraw/element/types").ExcalidrawIframeElement | import("@nous-excalidraw/element/types").ExcalidrawImageElement | import("@nous-excalidraw/element/types").ExcalidrawFrameElement | import("@nous-excalidraw/element/types").ExcalidrawMagicFrameElement | import("@nous-excalidraw/element/types").ExcalidrawTextElement | import("@nous-excalidraw/element/types").ExcalidrawFreeDrawElement | null;
+    }) | null) => import("@nous-excalidraw/element/types").ExcalidrawLinearElement | import("@nous-excalidraw/element/types").ExcalidrawSelectionElement | import("@nous-excalidraw/element/types").ExcalidrawRectangleElement | import("@nous-excalidraw/element/types").ExcalidrawDiamondElement | import("@nous-excalidraw/element/types").ExcalidrawTriangleElement | import("@nous-excalidraw/element/types").ExcalidrawEllipseElement | import("@nous-excalidraw/element/types").ExcalidrawEmbeddableElement | import("@nous-excalidraw/element/types").ExcalidrawIframeElement | import("@nous-excalidraw/element/types").ExcalidrawImageElement | import("@nous-excalidraw/element/types").ExcalidrawFrameElement | import("@nous-excalidraw/element/types").ExcalidrawMagicFrameElement | import("@nous-excalidraw/element/types").ExcalidrawTextElement | import("@nous-excalidraw/element/types").ExcalidrawFreeDrawElement | null;
     getElementsFromId: (id: string) => ExcalidrawElement[];
     mutateElement<TElement extends Mutable<ExcalidrawElement>>(element: TElement, updates: ElementUpdate<TElement>, options?: {
         informMutation: boolean;

package/dist/types/element/src/bounds.d.ts

@@ -36,6 +36,7 @@ export declare const getElementLineSegments: (element: ExcalidrawElement, elemen
  */
 export declare const getRectangleBoxAbsoluteCoords: (boxSceneCoords: RectangleBox) => number[];
 export declare const getDiamondPoints: (element: ExcalidrawElement) => number[];
+export declare const getTrianglePoints: (element: ExcalidrawElement) => number[];
 export declare const getCubicBezierCurveBound: (p0: GlobalPoint, p1: GlobalPoint, p2: GlobalPoint, p3: GlobalPoint) => Bounds;
 export declare const getMinMaxXYFromCurvePathOps: (ops: Op[], transformXY?: (p: GlobalPoint) => GlobalPoint) => Bounds;
 export declare const getBoundsFromPoints: <P extends GlobalPoint | LocalPoint>(points: readonly P[], padding?: number) => Bounds;
@@ -43,6 +44,10 @@ export declare const getBoundsFromPoints: <P extends GlobalPoint | LocalPoint>(p
 export declare const getArrowheadSize: (arrowhead: Arrowhead) => number;
 /** @returns number in degrees */
 export declare const getArrowheadAngle: (arrowhead: Arrowhead) => Degrees;
+/** Scale arrowhead to stay visible when strokeWidth is zoom-compensated. */
+export declare const getScaledArrowheadSize: (arrowhead: Arrowhead, strokeWidth: ExcalidrawLinearElement["strokeWidth"]) => number;
+/** Canvas padding for arrows/lines so scaled arrowheads aren't clipped. */
+export declare const getArrowCanvasPadding: (element: ExcalidrawLinearElement) => number;
 export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead, offsetMultiplier?: number) => number[] | null;
 export declare const getElementBounds: (element: ExcalidrawElement, elementsMap: ElementsMap, nonRotated?: boolean) => Bounds;
 export declare const getCommonBounds: (elements: ElementsMapOrArray, elementsMap?: ElementsMap) => Bounds;

package/dist/types/element/src/comparisons.d.ts

@@ -1,8 +1,8 @@
 import type { ElementOrToolType } from "@nous-excalidraw/excalidraw/types";
-export declare const hasBackground: (type: ElementOrToolType) => type is "line" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "iframe" | "freedraw";
-export declare const hasStrokeColor: (type: ElementOrToolType) => type is "line" | "arrow" | "text" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "freedraw";
-export declare const hasStrokeWidth: (type: ElementOrToolType) => type is "line" | "arrow" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "iframe" | "freedraw";
-export declare const hasStrokeStyle: (type: ElementOrToolType) => type is "line" | "arrow" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "iframe";
-export declare const canChangeRoundness: (type: ElementOrToolType) => type is "line" | "rectangle" | "diamond" | "embeddable" | "iframe" | "image";
+export declare const hasBackground: (type: ElementOrToolType) => type is "line" | "rectangle" | "diamond" | "triangle" | "ellipse" | "embeddable" | "iframe" | "freedraw";
+export declare const hasStrokeColor: (type: ElementOrToolType) => type is "line" | "arrow" | "text" | "rectangle" | "diamond" | "triangle" | "ellipse" | "embeddable" | "freedraw";
+export declare const hasStrokeWidth: (type: ElementOrToolType) => type is "line" | "arrow" | "rectangle" | "diamond" | "triangle" | "ellipse" | "embeddable" | "iframe" | "freedraw";
+export declare const hasStrokeStyle: (type: ElementOrToolType) => type is "line" | "arrow" | "rectangle" | "diamond" | "triangle" | "ellipse" | "embeddable" | "iframe";
+export declare const canChangeRoundness: (type: ElementOrToolType) => type is "line" | "rectangle" | "diamond" | "triangle" | "embeddable" | "iframe" | "image";
 export declare const toolIsArrow: (type: ElementOrToolType) => type is "arrow";
 export declare const canHaveArrowheads: (type: ElementOrToolType) => type is "arrow";

package/dist/types/element/src/frame.d.ts

@@ -31,8 +31,8 @@ export declare const getFrameLikeElements: (allElements: ExcalidrawElementsInclu
  */
 export declare const getRootElements: (allElements: ExcalidrawElementsIncludingDeleted) => ExcalidrawElement[];
 export declare const getElementsInResizingFrame: (allElements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameLikeElement, appState: AppState, elementsMap: ElementsMap) => ExcalidrawElement[];
-export declare const getElementsInNewFrame: (elements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameLikeElement, elementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
-export declare const omitPartialGroups: (elements: ExcalidrawElement[], frame: ExcalidrawFrameLikeElement, allElementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
+export declare const getElementsInNewFrame: (elements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameLikeElement, elementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawTriangleElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
+export declare const omitPartialGroups: (elements: ExcalidrawElement[], frame: ExcalidrawFrameLikeElement, allElementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawTriangleElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
 export declare const getContainingFrame: (element: ExcalidrawElement, elementsMap: ElementsMap) => ExcalidrawFrameLikeElement | null;
 /** */
 export declare const filterElementsEligibleAsFrameChildren: (elements: readonly ExcalidrawElement[], frame: ExcalidrawFrameLikeElement) => ExcalidrawElement[];

package/dist/types/element/src/typeChecks.d.ts

@@ -31,11 +31,13 @@ export declare const isRectangularElement: (element?: ExcalidrawElement | null)
 export declare const isTextBindableContainer: (element: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawTextContainer;
 export declare const isExcalidrawElement: (element: any) => element is ExcalidrawElement;
 export declare const isFlowchartNodeElement: (element: ExcalidrawElement) => element is ExcalidrawFlowchartNodeElement;
+/** Elements that support an interactive hover outline along their geometry (not frame/image/embed). */
+export declare const isHoverNativeOutlineShapeElement: (element: ExcalidrawElement | null | undefined) => boolean;
 export declare const hasBoundTextElement: (element: ExcalidrawElement | null) => element is MarkNonNullable<ExcalidrawBindableElement, "boundElements">;
 export declare const isBoundToContainer: (element: ExcalidrawElement | null) => element is ExcalidrawTextElementWithContainer;
 export declare const isArrowBoundToElement: (element: ExcalidrawArrowElement) => boolean;
 export declare const isUsingAdaptiveRadius: (type: string) => type is "rectangle" | "embeddable" | "iframe" | "image";
-export declare const isUsingProportionalRadius: (type: string) => type is "line" | "arrow" | "diamond";
+export declare const isUsingProportionalRadius: (type: string) => type is "line" | "arrow" | "diamond" | "triangle";
 export declare const canApplyRoundnessTypeToElement: (roundnessType: RoundnessType, element: ExcalidrawElement) => boolean;
 export declare const getDefaultRoundnessTypeForElement: (element: ExcalidrawElement) => {
     type: 2;

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

@@ -79,6 +79,9 @@ export type ExcalidrawRectangleElement = _ExcalidrawElementBase & {
 export type ExcalidrawDiamondElement = _ExcalidrawElementBase & {
     type: "diamond";
 };
+export type ExcalidrawTriangleElement = _ExcalidrawElementBase & {
+    type: "triangle";
+};
 export type ExcalidrawEllipseElement = _ExcalidrawElementBase & {
     type: "ellipse";
 };
@@ -149,8 +152,8 @@ export type ExcalidrawFrameLikeElement = ExcalidrawFrameElement | ExcalidrawMagi
 /**
  * These are elements that don't have any additional properties.
  */
-export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
-export type ExcalidrawFlowchartNodeElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
+export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawTriangleElement | ExcalidrawEllipseElement;
+export type ExcalidrawFlowchartNodeElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawTriangleElement | ExcalidrawEllipseElement;
 export type ExcalidrawRectanguloidElement = ExcalidrawRectangleElement | ExcalidrawImageElement | ExcalidrawTextElement | ExcalidrawFreeDrawElement | ExcalidrawIframeLikeElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawSelectionElement;
 /**
  * ExcalidrawElement should be JSON serializable and (eventually) contain
@@ -191,8 +194,8 @@ export type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
         _brand: "unitlessLineHeight";
     };
 }>;
-export type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement | ExcalidrawFrameElement | ExcalidrawMagicFrameElement;
-export type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawArrowElement;
+export type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawTriangleElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement | ExcalidrawFrameElement | ExcalidrawMagicFrameElement;
+export type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawTriangleElement | ExcalidrawEllipseElement | ExcalidrawArrowElement;
 export type ExcalidrawTextElementWithContainer = {
     containerId: ExcalidrawTextContainer["id"];
 } & ExcalidrawTextElement;
@@ -288,7 +291,7 @@ export type SceneElementsMap = Map<ExcalidrawElement["id"], Ordered<ExcalidrawEl
 export type NonDeletedSceneElementsMap = Map<ExcalidrawElement["id"], Ordered<NonDeletedExcalidrawElement>> & MakeBrand<"NonDeletedSceneElementsMap">;
 export type ElementsMapOrArray = readonly ExcalidrawElement[] | Readonly<ElementsMap>;
 export type ExcalidrawLinearElementSubType = "line" | "sharpArrow" | "curvedArrow" | "elbowArrow";
-export type ConvertibleGenericTypes = "rectangle" | "diamond" | "ellipse";
+export type ConvertibleGenericTypes = "rectangle" | "diamond" | "triangle" | "ellipse";
 export type ConvertibleLinearTypes = ExcalidrawLinearElementSubType;
 export type ConvertibleTypes = ConvertibleGenericTypes | ConvertibleLinearTypes;
 export {};

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

@@ -1,7 +1,7 @@
 import { type GlobalPoint } from "@nous-excalidraw/math";
 import type { Curve, LineSegment } from "@nous-excalidraw/math";
 import type { AppState, Zoom } from "@nous-excalidraw/excalidraw/types";
-import type { ElementsMap, ExcalidrawArrowElement, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawLinearElement, ExcalidrawRectanguloidElement } from "./types";
+import type { ElementsMap, ExcalidrawArrowElement, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawTriangleElement, ExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawLinearElement, ExcalidrawRectanguloidElement } from "./types";
 /**
  * Returns the **rotated** components of freedraw, line or arrow elements.
  *
@@ -28,6 +28,8 @@ export declare function getDiamondBaseCorners(element: ExcalidrawDiamondElement,
  * @returns Tuple of line **unrotated** segments (0) and curves (1)
  */
 export declare function deconstructDiamondElement(element: ExcalidrawDiamondElement, offset?: number): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]];
+export declare function getTriangleBaseCorners(element: ExcalidrawTriangleElement, offset?: number): Curve<GlobalPoint>[];
+export declare function deconstructTriangleElement(element: ExcalidrawTriangleElement, offset?: number): [LineSegment<GlobalPoint>[], Curve<GlobalPoint>[]];
 export declare const isPathALoop: (points: ExcalidrawLinearElement["points"], 
 /** supply if you want the loop detection to account for current zoom */
 zoomValue?: Zoom["value"]) => boolean;

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

@@ -35,6 +35,8 @@ export declare const actionAddToLibrary: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -190,6 +192,8 @@ export declare const actionAddToLibrary: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -350,6 +354,8 @@ export declare const actionAddToLibrary: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -55,6 +55,8 @@ export declare const actionBindText: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -227,6 +229,8 @@ export declare const actionWrapTextInContainer: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -67,6 +67,7 @@ export declare const actionClearCanvas: {
                 [id: string]: true;
             }>;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
             activeEmbeddable: {
                 element: import("@nous-excalidraw/element/types").NonDeletedExcalidrawElement;
                 state: "hover" | "active";
@@ -103,6 +104,7 @@ export declare const actionClearCanvas: {
             shouldCacheIgnoreZoom: boolean;
             exportScale: number;
             currentItemArrowType: "sharp" | "round" | "elbow";
+            selectedElementsAreBeingDragged: boolean;
             bindMode: import("@nous-excalidraw/element/types").BindMode;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
@@ -116,6 +118,7 @@ export declare const actionClearCanvas: {
             boxSelectionMode: import("../types").BoxSelectionMode;
             bindingPreference: "enabled" | "disabled";
             startBoundElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawBindableElement> | null;
+            hoveredFrameId: string | null;
             editingFrame: string | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
@@ -150,7 +153,6 @@ export declare const actionClearCanvas: {
             previousSelectedElementIds: {
                 [id: string]: true;
             };
-            selectedElementsAreBeingDragged: boolean;
             toast: {
                 message: React.ReactNode;
                 closable?: boolean;
@@ -190,6 +192,8 @@ export declare const actionZoomIn: {
             zoom: {
                 value: import("../types").NormalizedZoomValue;
             };
+            currentItemStrokeWidth: number;
+            currentItemFontSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -216,6 +220,8 @@ export declare const actionZoomIn: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -243,12 +249,10 @@ export declare const actionZoomIn: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: import("@nous-excalidraw/element/types").FontFamilyValues;
-            currentItemFontSize: number;
             currentItemTextAlign: import("@nous-excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@nous-excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@nous-excalidraw/element/types").Arrowhead | null;
@@ -366,6 +370,8 @@ export declare const actionZoomOut: {
             zoom: {
                 value: import("../types").NormalizedZoomValue;
             };
+            currentItemStrokeWidth: number;
+            currentItemFontSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -392,6 +398,8 @@ export declare const actionZoomOut: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -419,12 +427,10 @@ export declare const actionZoomOut: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: import("@nous-excalidraw/element/types").FontFamilyValues;
-            currentItemFontSize: number;
             currentItemTextAlign: import("@nous-excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@nous-excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@nous-excalidraw/element/types").Arrowhead | null;
@@ -542,6 +548,8 @@ export declare const actionResetZoom: {
             zoom: {
                 value: import("../types").NormalizedZoomValue;
             };
+            currentItemStrokeWidth: number;
+            currentItemFontSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -568,6 +576,8 @@ export declare const actionResetZoom: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -595,12 +605,10 @@ export declare const actionResetZoom: {
             currentItemStrokeColor: string;
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
-            currentItemStrokeWidth: number;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
             currentItemFontFamily: import("@nous-excalidraw/element/types").FontFamilyValues;
-            currentItemFontSize: number;
             currentItemTextAlign: import("@nous-excalidraw/element/types").TextAlign;
             currentItemStartArrowhead: import("@nous-excalidraw/element/types").Arrowhead | null;
             currentItemEndArrowhead: import("@nous-excalidraw/element/types").Arrowhead | null;
@@ -745,6 +753,8 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
             midPoint?: import("@nous-excalidraw/math").GlobalPoint;
         } | null;
         frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+        hoverOutlineElementId: string | null;
+        hoveredFrameId: string | null;
         frameRendering: {
             enabled: boolean;
             name: boolean;
@@ -918,6 +928,8 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
             midPoint?: import("@nous-excalidraw/math").GlobalPoint;
         } | null;
         frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+        hoverOutlineElementId: string | null;
+        hoveredFrameId: string | null;
         frameRendering: {
             enabled: boolean;
             name: boolean;
@@ -1088,6 +1100,8 @@ export declare const actionZoomToFitSelectionInViewport: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1262,6 +1276,8 @@ export declare const actionZoomToFitSelection: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1437,6 +1453,8 @@ export declare const actionZoomToFit: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1612,6 +1630,8 @@ export declare const actionToggleEraserTool: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1778,6 +1798,8 @@ export declare const actionToggleLassoTool: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -1943,6 +1965,8 @@ export declare const actionToggleHandTool: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -36,6 +36,8 @@ export declare const actionPaste: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -246,6 +248,8 @@ export declare const actionCopyAsPng: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -37,6 +37,8 @@ export declare const actionToggleCropEditor: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -38,6 +38,8 @@ export declare const actionDeleteSelected: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -231,6 +233,8 @@ export declare const actionDeleteSelected: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -397,6 +401,8 @@ export declare const actionDeleteSelected: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -35,6 +35,8 @@ export declare const actionDeselect: {
             isMidpointSnappingEnabled: boolean;
             startBoundElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawBindableElement> | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -66,6 +66,8 @@ export declare const actionLinkToElement: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -48,6 +48,8 @@ export declare const actionToggleElementLock: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -219,6 +221,8 @@ export declare const actionUnlockAllElements: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -39,6 +39,8 @@ export declare const actionSetEmbeddableAsActiveTool: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;

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

@@ -117,6 +117,7 @@ export declare const actionLoadScene: {
                 [id: string]: true;
             }>;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -158,6 +159,7 @@ export declare const actionLoadScene: {
             shouldCacheIgnoreZoom: boolean;
             exportScale: number;
             currentItemArrowType: "sharp" | "round" | "elbow";
+            selectedElementsAreBeingDragged: boolean;
             bindMode: import("@nous-excalidraw/element/types").BindMode;
             gridSize: number;
             contextMenu: {
@@ -172,6 +174,7 @@ export declare const actionLoadScene: {
             boxSelectionMode: import("../types").BoxSelectionMode;
             bindingPreference: "enabled" | "disabled";
             startBoundElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawBindableElement> | null;
+            hoveredFrameId: string | null;
             editingFrame: string | null;
             preferredSelectionTool: {
                 type: "selection" | "lasso";
@@ -210,7 +213,6 @@ export declare const actionLoadScene: {
             previousSelectedElementIds: {
                 [id: string]: true;
             };
-            selectedElementsAreBeingDragged: boolean;
             toast: {
                 message: React.ReactNode;
                 closable?: boolean;
@@ -266,6 +268,8 @@ export declare const actionLoadScene: {
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             frameToHighlight: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawFrameLikeElement> | null;
+            hoverOutlineElementId: string | null;
+            hoveredFrameId: string | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;