@nous-excalidraw/math 0.18.4-beta.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

@@ -37,7 +37,7 @@ export declare const hasBoundTextElement: (element: ExcalidrawElement | null) =>
 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/actionCanvas.d.ts

@@ -192,6 +192,8 @@ export declare const actionZoomIn: {
             zoom: {
                 value: import("../types").NormalizedZoomValue;
             };
+            currentItemStrokeWidth: number;
+            currentItemFontSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -247,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;
@@ -370,6 +370,8 @@ export declare const actionZoomOut: {
             zoom: {
                 value: import("../types").NormalizedZoomValue;
             };
+            currentItemStrokeWidth: number;
+            currentItemFontSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -425,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;
@@ -548,6 +548,8 @@ export declare const actionResetZoom: {
             zoom: {
                 value: import("../types").NormalizedZoomValue;
             };
+            currentItemStrokeWidth: number;
+            currentItemFontSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -603,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;

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

@@ -884,6 +884,40 @@ export declare const actionWrapSelectionInFrame: {
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
+        }> & {
+            type: "triangle";
+        } & {
+            index: import("@nous-excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@nous-excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@nous-excalidraw/element/types").StrokeStyle;
+            roundness: null | {
+                type: import("@nous-excalidraw/element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@nous-excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@nous-excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("@nous-excalidraw/element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("@nous-excalidraw/element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
         }> & {
             type: "ellipse";
         } & {

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

@@ -389,6 +389,40 @@ export declare const actionTogglePolygon: {
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
+        }> & {
+            type: "triangle";
+        } & {
+            index: import("@nous-excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@nous-excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@nous-excalidraw/element/types").StrokeStyle;
+            roundness: null | {
+                type: import("@nous-excalidraw/element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@nous-excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@nous-excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("@nous-excalidraw/element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("@nous-excalidraw/element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
         }> & {
             type: "ellipse";
         } & {

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

@@ -482,6 +482,12 @@ declare class App extends React.Component<AppProps, AppState> {
     private getTextElementAtPosition;
     private isHittingTextAutoResizeHandle;
     private handleTextAutoResizeHandlePointerDown;
+    /**
+     * When a frame wins z-order at a point, its full interior still hits — so
+     * images/embeds below it in the stack never surface. Prefer the topmost
+     * descendant in the same hit stack that passes a real geometry hit.
+     */
+    private getTopFrameDescendantHitUnderPoint;
     private getElementAtPosition;
     private getElementsAtPosition;
     getElementHitThreshold(element: ExcalidrawElement): number;

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

@@ -25,6 +25,7 @@ export declare const SelectionIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LassoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const RectangleIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DiamondIcon: import("react/jsx-runtime").JSX.Element;
+export declare const TriangleIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EllipseIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LineIcon: import("react/jsx-runtime").JSX.Element;

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

@@ -27,6 +27,13 @@ export declare const SHAPES: readonly [{
     readonly numericKey: "3";
     readonly fillable: true;
     readonly toolbar: true;
+}, {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "triangle";
+    readonly key: "g";
+    readonly numericKey: null;
+    readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
@@ -112,6 +119,13 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly numericKey: "3";
     readonly fillable: true;
     readonly toolbar: true;
+}, {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "triangle";
+    readonly key: "g";
+    readonly numericKey: null;
+    readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
@@ -203,6 +217,13 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly numericKey: "3";
     readonly fillable: true;
     readonly toolbar: true;
+} | {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "triangle";
+    readonly key: "g";
+    readonly numericKey: null;
+    readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
@@ -260,4 +281,4 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly fillable: false;
     readonly toolbar: false;
 })[]];
-export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "lasso" | "eraser" | "hand" | "laser" | null;
+export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "triangle" | "ellipse" | "image" | "freedraw" | "lasso" | "eraser" | "hand" | "laser" | null;

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

@@ -127,6 +127,7 @@ export type ElementShapes = {
     rectangle: Drawable;
     ellipse: Drawable;
     diamond: Drawable;
+    triangle: Drawable;
     iframe: Drawable;
     embeddable: Drawable;
     freedraw: (Drawable | SVGPathString)[];

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

@@ -9,4 +9,6 @@ export declare const getStateForZoom: ({ viewportX, viewportY, nextZoom, }: {
     zoom: {
         value: NormalizedZoomValue;
     };
+    currentItemStrokeWidth: number;
+    currentItemFontSize: number;
 };

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

@@ -107,5 +107,5 @@ export declare const getSnapLinesAtPointer: (elements: readonly ExcalidrawElemen
     };
     snapLines: PointerSnapLine[];
 };
-export declare const isActiveToolNonLinearSnappable: (activeToolType: AppState["activeTool"]["type"]) => activeToolType is "text" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "magicframe";
+export declare const isActiveToolNonLinearSnappable: (activeToolType: AppState["activeTool"]["type"]) => activeToolType is "text" | "rectangle" | "diamond" | "triangle" | "ellipse" | "image" | "frame" | "magicframe";
 export {};

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

@@ -84,7 +84,7 @@ export type BinaryFileData = {
 };
 export type BinaryFileMetadata = Omit<BinaryFileData, "dataURL">;
 export type BinaryFiles = Record<ExcalidrawElement["id"], BinaryFileData>;
-export type ToolType = "selection" | "lasso" | "rectangle" | "diamond" | "ellipse" | "arrow" | "line" | "freedraw" | "text" | "image" | "eraser" | "hand" | "frame" | "magicframe" | "embeddable" | "laser";
+export type ToolType = "selection" | "lasso" | "rectangle" | "diamond" | "triangle" | "ellipse" | "arrow" | "line" | "freedraw" | "text" | "image" | "eraser" | "hand" | "frame" | "magicframe" | "embeddable" | "laser";
 export type ElementOrToolType = ExcalidrawElementType | ToolType | "custom";
 export type ActiveTool = {
     type: ToolType;

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

@@ -1,5 +1,5 @@
 import { type GlobalPoint, type LocalPoint } from "@nous-excalidraw/math";
-import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "@nous-excalidraw/element/types";
+import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawTriangleElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "@nous-excalidraw/element/types";
 import type { Curve, LineSegment, Polygon, Radians } from "@nous-excalidraw/math";
 import type { Drawable, Op } from "roughjs/bin/core";
 export type Polyline<Point extends GlobalPoint | LocalPoint> = LineSegment<Point>[];
@@ -29,7 +29,7 @@ export type GeometricShape<Point extends GlobalPoint | LocalPoint> = {
     type: "polycurve";
     data: Polycurve<Point>;
 };
-type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
+type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawTriangleElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
 export declare const getPolygonShape: <Point extends GlobalPoint | LocalPoint>(element: RectangularElement) => GeometricShape<Point>;
 export declare const getSelectionBoxShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawElement, elementsMap: ElementsMap, padding?: number) => GeometricShape<Point>;
 export declare const getEllipseShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawEllipseElement) => GeometricShape<Point>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nous-excalidraw/math",
-  "version": "0.18.4-beta.4",
+  "version": "0.18.5-beta.5",
   "type": "module",
   "types": "./dist/types/math/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -61,6 +61,6 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@nous-excalidraw/common": "0.18.4-beta.4"
+    "@nous-excalidraw/common": "0.18.5-beta.5"
   }
 }

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

@@ -1,5 +0,0 @@
-import type { Theme } from "@nous-excalidraw/element/types";
-export declare const LoadingMessage: React.FC<{
-    delay?: number;
-    theme?: Theme;
-}>;