@zsviczian/excalidraw 0.17.1-obsidian-19 → 0.17.1-obsidian-21

package/types/excalidraw/change.d.ts

@@ -0,0 +1,191 @@
+import { ElementUpdate } from "./element/mutateElement";
+import { OrderedExcalidrawElement, SceneElementsMap } from "./element/types";
+import { AppState, ObservedAppState } from "./types";
+import { ValueOf } from "./utility-types";
+/**
+ * Represents the difference between two objects of the same type.
+ *
+ * Both `deleted` and `inserted` partials represent the same set of added, removed or updated properties, where:
+ * - `deleted` is a set of all the deleted values
+ * - `inserted` is a set of all the inserted (added, updated) values
+ *
+ * Keeping it as pure object (without transient state, side-effects, etc.), so we won't have to instantiate it on load.
+ */
+declare class Delta<T> {
+    readonly deleted: Partial<T>;
+    readonly inserted: Partial<T>;
+    private constructor();
+    static create<T>(deleted: Partial<T>, inserted: Partial<T>, modifier?: (delta: Partial<T>) => Partial<T>, modifierOptions?: "deleted" | "inserted"): Delta<T>;
+    /**
+     * Calculates the delta between two objects.
+     *
+     * @param prevObject - The previous state of the object.
+     * @param nextObject - The next state of the object.
+     *
+     * @returns new delta instance.
+     */
+    static calculate<T extends {
+        [key: string]: any;
+    }>(prevObject: T, nextObject: T, modifier?: (partial: Partial<T>) => Partial<T>, postProcess?: (deleted: Partial<T>, inserted: Partial<T>) => [Partial<T>, Partial<T>]): Delta<T>;
+    static empty(): Delta<unknown>;
+    static isEmpty<T>(delta: Delta<T>): boolean;
+    /**
+     * Merges deleted and inserted object partials.
+     */
+    static mergeObjects<T extends {
+        [key: string]: unknown;
+    }>(prev: T, added: T, removed: T): T;
+    /**
+     * Merges deleted and inserted array partials.
+     */
+    static mergeArrays<T>(prev: readonly T[] | null, added: readonly T[] | null | undefined, removed: readonly T[] | null | undefined, predicate?: (value: T) => string): T[];
+    /**
+     * Diff object partials as part of the `postProcess`.
+     */
+    static diffObjects<T, K extends keyof T, V extends ValueOf<T[K]>>(deleted: Partial<T>, inserted: Partial<T>, property: K, setValue: (prevValue: V | undefined) => V): void;
+    /**
+     * Diff array partials as part of the `postProcess`.
+     */
+    static diffArrays<T, K extends keyof T, V extends T[K]>(deleted: Partial<T>, inserted: Partial<T>, property: K, groupBy: (value: V extends ArrayLike<infer T> ? T : never) => string): void;
+    /**
+     * Compares if object1 contains any different value compared to the object2.
+     */
+    static isLeftDifferent<T extends {}>(object1: T, object2: T, skipShallowCompare?: boolean): boolean;
+    /**
+     * Compares if object2 contains any different value compared to the object1.
+     */
+    static isRightDifferent<T extends {}>(object1: T, object2: T, skipShallowCompare?: boolean): boolean;
+    /**
+     * Returns all the object1 keys that have distinct values.
+     */
+    static getLeftDifferences<T extends {}>(object1: T, object2: T, skipShallowCompare?: boolean): string[];
+    /**
+     * Returns all the object2 keys that have distinct values.
+     */
+    static getRightDifferences<T extends {}>(object1: T, object2: T, skipShallowCompare?: boolean): string[];
+    /**
+     * Iterator comparing values of object properties based on the passed joining strategy.
+     *
+     * @yields keys of properties with different values
+     *
+     * WARN: it's based on shallow compare performed only on the first level and doesn't go deeper than that.
+     */
+    private static distinctKeysIterator;
+}
+/**
+ * Encapsulates the modifications captured as `Delta`/s.
+ */
+interface Change<T> {
+    /**
+     * Inverses the `Delta`s inside while creating a new `Change`.
+     */
+    inverse(): Change<T>;
+    /**
+     * Applies the `Change` to the previous object.
+     *
+     * @returns a tuple of the next object `T` with applied change, and `boolean`, indicating whether the applied change resulted in a visible change.
+     */
+    applyTo(previous: T, ...options: unknown[]): [T, boolean];
+    /**
+     * Checks whether there are actually `Delta`s.
+     */
+    isEmpty(): boolean;
+}
+export declare class AppStateChange implements Change<AppState> {
+    private readonly delta;
+    private constructor();
+    static calculate<T extends ObservedAppState>(prevAppState: T, nextAppState: T): AppStateChange;
+    static empty(): AppStateChange;
+    inverse(): AppStateChange;
+    applyTo(appState: AppState, nextElements: SceneElementsMap): [AppState, boolean];
+    isEmpty(): boolean;
+    /**
+     * It is necessary to post process the partials in case of reference values,
+     * for which we need to calculate the real diff between `deleted` and `inserted`.
+     */
+    private static postProcess;
+    /**
+     * Mutates `nextAppState` be filtering out state related to deleted elements.
+     *
+     * @returns `true` if a visible change is found, `false` otherwise.
+     */
+    private filterInvisibleChanges;
+    private static convertToAppStateKey;
+    private static filterSelectedElements;
+    private static filterSelectedGroups;
+    private static stripElementsProps;
+    private static stripStandaloneProps;
+}
+type ElementPartial = Omit<ElementUpdate<OrderedExcalidrawElement>, "seed">;
+/**
+ * Elements change is a low level primitive to capture a change between two sets of elements.
+ * It does so by encapsulating forward and backward `Delta`s, allowing to time-travel in both directions.
+ */
+export declare class ElementsChange implements Change<SceneElementsMap> {
+    private readonly added;
+    private readonly removed;
+    private readonly updated;
+    private constructor();
+    static create(added: Map<string, Delta<ElementPartial>>, removed: Map<string, Delta<ElementPartial>>, updated: Map<string, Delta<ElementPartial>>, options?: {
+        shouldRedistribute: boolean;
+    }): ElementsChange;
+    private static satisfiesAddition;
+    private static satisfiesRemoval;
+    private static satisfiesUpdate;
+    private static validate;
+    /**
+     * Calculates the `Delta`s between the previous and next set of elements.
+     *
+     * @param prevElements - Map representing the previous state of elements.
+     * @param nextElements - Map representing the next state of elements.
+     *
+     * @returns `ElementsChange` instance representing the `Delta` changes between the two sets of elements.
+     */
+    static calculate<T extends OrderedExcalidrawElement>(prevElements: Map<string, T>, nextElements: Map<string, T>): ElementsChange;
+    static empty(): ElementsChange;
+    inverse(): ElementsChange;
+    isEmpty(): boolean;
+    /**
+     * Update delta/s based on the existing elements.
+     *
+     * @param elements current elements
+     * @param modifierOptions defines which of the delta (`deleted` or `inserted`) will be updated
+     * @returns new instance with modified delta/s
+     */
+    applyLatestChanges(elements: SceneElementsMap): ElementsChange;
+    applyTo(elements: SceneElementsMap, snapshot: Map<string, OrderedExcalidrawElement>): [SceneElementsMap, boolean];
+    private static createApplier;
+    private static createGetter;
+    private static applyDelta;
+    /**
+     * Check for visible changes regardless of whether they were removed, added or updated.
+     */
+    private static checkForVisibleDifference;
+    /**
+     * Resolves conflicts for all previously added, removed and updated elements.
+     * Updates the previous deltas with all the changes after conflict resolution.
+     *
+     * @returns all elements affected by the conflict resolution
+     */
+    private resolveConflicts;
+    /**
+     * Non deleted affected elements of removed elements (before and after applying delta),
+     * should be unbound ~ bindings should not point from non deleted into the deleted element/s.
+     */
+    private static unbindAffected;
+    /**
+     * Non deleted affected elements of added or updated element/s (before and after applying delta),
+     * should be rebound (if possible) with the current element ~ bindings should be bidirectional.
+     */
+    private static rebindAffected;
+    private static redrawTextBoundingBoxes;
+    private static redrawBoundArrows;
+    private static reorderElements;
+    /**
+     * It is necessary to post process the partials in case of reference values,
+     * for which we need to calculate the real diff between `deleted` and `inserted`.
+     */
+    private static postProcess;
+    private static stripIrrelevantProps;
+}
+export {};

package/types/excalidraw/clients.d.ts

@@ -1,5 +1,14 @@
-export declare const getClientColor: (id: string) => string;
+import { InteractiveCanvasRenderConfig } from "./scene/types";
+import { Collaborator, InteractiveCanvasAppState, SocketId } from "./types";
+export declare const getClientColor: (socketId: SocketId, collaborator: Collaborator | undefined) => string;
 /**
  * returns first char, capitalized
  */
 export declare const getNameInitial: (name?: string | null) => string;
+export declare const renderRemoteCursors: ({ context, renderConfig, appState, normalizedWidth, normalizedHeight, }: {
+    context: CanvasRenderingContext2D;
+    renderConfig: InteractiveCanvasRenderConfig;
+    appState: InteractiveCanvasAppState;
+    normalizedWidth: number;
+    normalizedHeight: number;
+}) => void;

package/types/excalidraw/components/Actions.d.ts

@@ -1,7 +1,9 @@
 import { ActionManager } from "../actions/manager";
-import { NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
+import { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
 import { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
 import "./Actions.scss";
+export declare const canChangeStrokeColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;
+export declare const canChangeBackgroundColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;
 export declare const SelectedShapeActions: ({ appState, elementsMap, renderAction, }: {
     appState: UIAppState;
     elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap;

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

@@ -4,13 +4,15 @@ import { ActionManager } from "../actions/manager";
 import { EXPORT_IMAGE_TYPES } from "../constants";
 import { ExportedElements } from "../data";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement } from "../element/types";
-import History from "../history";
+import { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
+import { History } from "../history";
 import Scene from "../scene/Scene";
+import { GeometricShape } from "../../utils/geometry/shape";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload } from "../types";
 import { FileSystemHandle } from "../data/filesystem";
 import { Renderer } from "../scene/Renderer";
 import { Emitter } from "../emitter";
+import { Store } from "../store";
 import { AnimationFrameHandler } from "../animation-frame-handler";
 import { AnimatedTrail } from "../animated-trail";
 import { LaserTrails } from "../laser-trails";
@@ -57,6 +59,7 @@ declare class App extends React.Component<AppProps, AppState> {
     library: AppClassProperties["library"];
     libraryItemsFromStorage: LibraryItems | undefined;
     id: string;
+    private store;
     private history;
     private excalidrawContainerValue;
     files: BinaryFiles;
@@ -115,7 +118,7 @@ declare class App extends React.Component<AppProps, AppState> {
                 x: number;
                 y: number;
             };
-            arrowDirection: "end" | "origin";
+            arrowDirection: "origin" | "end";
             center: {
                 x: number;
                 y: number;
@@ -179,7 +182,7 @@ declare class App extends React.Component<AppProps, AppState> {
                 x: number;
                 y: number;
             };
-            arrowDirection: "end" | "origin";
+            arrowDirection: "origin" | "end";
             center: {
                 x: number;
                 y: number;
@@ -235,8 +238,8 @@ declare class App extends React.Component<AppProps, AppState> {
     private toggleOverscrollBehavior;
     render(): import("react/jsx-runtime").JSX.Element;
     focusContainer: AppClassProperties["focusContainer"];
-    getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
-    getSceneElements: () => readonly NonDeletedExcalidrawElement[];
+    getSceneElementsIncludingDeleted: () => readonly import("../element/types").OrderedExcalidrawElement[];
+    getSceneElements: () => readonly Ordered<NonDeletedExcalidrawElement>[];
     onInsertElements: (elements: readonly ExcalidrawElement[]) => void;
     onExportImage: (type: keyof typeof EXPORT_IMAGE_TYPES, elements: ExportedElements, opts: {
         exportingFrame: ExcalidrawFrameLikeElement | null;
@@ -258,6 +261,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private onUnload;
     private disableEvent;
     private resetHistory;
+    private resetStore;
     /**
      * Resets scene & history.
      * ! Do not use to clear scene user action !
@@ -352,14 +356,15 @@ declare class App extends React.Component<AppProps, AppState> {
         elements?: SceneData["elements"];
         appState?: Pick<AppState, K> | null | undefined;
         collaborators?: SceneData["collaborators"];
-        commitToHistory?: SceneData["commitToHistory"];
+        /** @default StoreAction.CAPTURE */
+        storeAction?: SceneData["storeAction"];
     }) => void;
     private onSceneUpdated;
     /**
      * @returns whether the menu was toggled on or off
      */
     toggleSidebar: ({ name, tab, force, }: {
-        name: SidebarName;
+        name: SidebarName | null;
         tab?: string | undefined;
         force?: boolean | undefined;
     }) => boolean;
@@ -396,8 +401,17 @@ declare class App extends React.Component<AppProps, AppState> {
     private handleTextWysiwyg;
     private deselectElements;
     private getTextElementAtPosition;
+    /**
+     * get the pure geometric shape of an excalidraw element
+     * which is then used for hit detection
+     */
+    getElementShape(element: ExcalidrawElement): GeometricShape;
+    private getBoundTextShape;
     private getElementAtPosition;
     private getElementsAtPosition;
+    private getElementHitThreshold;
+    private hitElement;
+    private getTextBindableContainerAtPosition;
     private startTextEditing;
     private handleCanvasDoubleClick;
     private getElementLinkAtPosition;
@@ -474,7 +488,6 @@ declare class App extends React.Component<AppProps, AppState> {
     private updateBindingEnabledOnPointerMove;
     private maybeSuggestBindingAtCursor;
     private maybeSuggestBindingsForLinearElementAtCoords;
-    private maybeSuggestBindingForAll;
     setSelection(elements: readonly NonDeletedExcalidrawElement[]): void;
     private clearSelection;
     private handleInteractiveCanvasRef;
@@ -501,6 +514,7 @@ declare global {
             setState: React.Component<any, AppState>["setState"];
             app: InstanceType<typeof App>;
             history: History;
+            store: Store;
         };
     }
 }

package/types/excalidraw/components/Avatar.d.ts

@@ -5,8 +5,7 @@ type AvatarProps = {
     color: string;
     name: string;
     src?: string;
-    isBeingFollowed?: boolean;
-    isCurrentUser: boolean;
+    className?: string;
 };
-export declare const Avatar: ({ color, onClick, name, src, isBeingFollowed, isCurrentUser, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ color, onClick, name, src, className, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/excalidraw/components/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,18 @@
+import { CommandPaletteItem } from "./types";
+import * as defaultItems from "./defaultCommandPaletteItems";
+import "./CommandPalette.scss";
+export declare const DEFAULT_CATEGORIES: {
+    app: string;
+    export: string;
+    tools: string;
+    editor: string;
+    elements: string;
+    links: string;
+};
+type CommandPaletteProps = {
+    customCommandPaletteItems?: CommandPaletteItem[];
+};
+export declare const CommandPalette: ((props: CommandPaletteProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    defaultItems: typeof defaultItems;
+};
+export {};

package/types/excalidraw/components/CommandPalette/defaultCommandPaletteItems.d.ts

@@ -0,0 +1,2 @@
+import { CommandPaletteItem } from "./types";
+export declare const toggleTheme: CommandPaletteItem;

package/types/excalidraw/components/CommandPalette/types.d.ts

@@ -0,0 +1,25 @@
+import { ActionManager } from "../../actions/manager";
+import { Action } from "../../actions/types";
+import { UIAppState } from "../../types";
+export type CommandPaletteItem = {
+    label: string;
+    /** additional keywords to match against
+     * (appended to haystack, not displayed) */
+    keywords?: string[];
+    /**
+     * string we should match against when searching
+     * (deburred name + keywords)
+     */
+    haystack?: string;
+    icon?: React.ReactNode | ((appState: UIAppState) => React.ReactNode);
+    category: string;
+    order?: number;
+    predicate?: boolean | Action["predicate"];
+    shortcut?: string;
+    /** if false, command will not show while in view mode */
+    viewMode?: boolean;
+    perform: (data: {
+        actionManager: ActionManager;
+        event: React.MouseEvent | React.KeyboardEvent | KeyboardEvent;
+    }) => void;
+};

package/types/excalidraw/components/InlineIcon.d.ts

@@ -1,3 +1,3 @@
 export declare const InlineIcon: ({ icon }: {
-    icon: JSX.Element;
+    icon: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/types/excalidraw/components/RadioGroup.d.ts

@@ -1,7 +1,8 @@
 import "./RadioGroup.scss";
 export type RadioGroupChoice<T> = {
     value: T;
-    label: string;
+    label: React.ReactNode;
+    ariaLabel?: string;
 };
 export type RadioGroupProps<T> = {
     choices: RadioGroupChoice<T>[];

package/types/excalidraw/components/ToolButton.d.ts

@@ -17,6 +17,7 @@ type ToolButtonBaseProps = {
     hidden?: boolean;
     visible?: boolean;
     selected?: boolean;
+    disabled?: boolean;
     className?: string;
     style?: CSSProperties;
     isLoading?: boolean;

package/types/excalidraw/components/UserList.d.ts

@@ -2,21 +2,17 @@ import "./UserList.scss";
 import React from "react";
 import { Collaborator, SocketId } from "../types";
 export type GoToCollaboratorComponentProps = {
-    clientId: ClientId;
+    socketId: SocketId;
     collaborator: Collaborator;
     withName: boolean;
     isBeingFollowed: boolean;
 };
-/** collaborator user id or socket id (fallback) */
-type ClientId = string & {
-    _brand: "UserId";
-};
-type UserListUserObject = Pick<Collaborator, "avatarUrl" | "id" | "socketId" | "username">;
+type UserListUserObject = Pick<Collaborator, "avatarUrl" | "id" | "socketId" | "username" | "isInCall" | "isSpeaking" | "isMuted">;
 type UserListProps = {
     className?: string;
     mobile?: boolean;
     collaborators: Map<SocketId, UserListUserObject>;
     userToFollow: SocketId | null;
 };
-export declare const UserList: React.MemoExoticComponent<({ className, mobile, collaborators, userToFollow }: UserListProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const UserList: React.MemoExoticComponent<({ className, mobile, collaborators, userToFollow }: UserListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/types/excalidraw/components/canvases/InteractiveCanvas.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { DOMAttributes } from "react";
-import type { InteractiveCanvasAppState } from "../../types";
+import type { Device, InteractiveCanvasAppState } from "../../types";
 import type { RenderableElementsMap, RenderInteractiveSceneCallback } from "../../scene/types";
 import type { NonDeletedExcalidrawElement } from "../../element/types";
 type InteractiveCanvasProps = {
@@ -13,6 +13,7 @@ type InteractiveCanvasProps = {
     selectionNonce: number | undefined;
     scale: number;
     appState: InteractiveCanvasAppState;
+    device: Device;
     renderInteractiveSceneCallback: (data: RenderInteractiveSceneCallback) => void;
     handleCanvasRef: (canvas: HTMLCanvasElement | null) => void;
     onContextMenu: Exclude<DOMAttributes<HTMLCanvasElement | HTMLDivElement>["onContextMenu"], undefined>;

package/types/excalidraw/components/dropdownMenu/DropdownMenuItemContentRadio.d.ts

@@ -0,0 +1,17 @@
+type Props<T> = {
+    value: T;
+    shortcut?: string;
+    choices: {
+        value: T;
+        label: React.ReactNode;
+        ariaLabel?: string;
+    }[];
+    onChange: (value: T) => void;
+    children: React.ReactNode;
+    name: string;
+};
+declare const DropdownMenuItemContentRadio: {
+    <T>({ value, shortcut, onChange, choices, children, name, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DropdownMenuItemContentRadio;

package/types/excalidraw/components/hyperlink/Hyperlink.d.ts

@@ -1,4 +1,4 @@
-import { AppState, ExcalidrawProps } from "../../types";
+import { AppState, ExcalidrawProps, UIAppState } from "../../types";
 import { ElementsMap, ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement } from "../../element/types";
 import "./Hyperlink.scss";
 export declare const Hyperlink: ({ element, elementsMap, setAppState, onLinkOpen, setToast, updateEmbedValidationStatus, }: {
@@ -13,6 +13,6 @@ export declare const Hyperlink: ({ element, elementsMap, setAppState, onLinkOpen
     } | null) => void;
     updateEmbedValidationStatus: (element: ExcalidrawEmbeddableElement, status: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element | null;
-export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
+export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: UIAppState) => "labels.link.editEmbed" | "labels.link.edit" | "labels.link.createEmbed" | "labels.link.create";
 export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState, elementsMap: ElementsMap) => void;
 export declare const hideHyperlinkToolip: () => void;

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

@@ -31,6 +31,7 @@ export declare const ImageIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EraserIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ZoomInIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ZoomOutIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ZoomResetIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TrashIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EmbedIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DuplicateIcon: import("react/jsx-runtime").JSX.Element;
@@ -39,6 +40,7 @@ export declare const SunIcon: import("react/jsx-runtime").JSX.Element;
 export declare const HamburgerMenuIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ExportIcon: import("react/jsx-runtime").JSX.Element;
 export declare const HelpIcon: import("react/jsx-runtime").JSX.Element;
+export declare const HelpIconThin: import("react/jsx-runtime").JSX.Element;
 export declare const ExternalLinkIcon: import("react/jsx-runtime").JSX.Element;
 export declare const GithubIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DiscordIcon: import("react/jsx-runtime").JSX.Element;
@@ -50,6 +52,7 @@ export declare const saveAs: import("react/jsx-runtime").JSX.Element;
 export declare const LoadIcon: import("react/jsx-runtime").JSX.Element;
 export declare const clipboard: import("react/jsx-runtime").JSX.Element;
 export declare const palette: import("react/jsx-runtime").JSX.Element;
+export declare const bucketFillIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ExportImageIcon: import("react/jsx-runtime").JSX.Element;
 export declare const exportToFileIcon: import("react/jsx-runtime").JSX.Element;
 export declare const zoomIn: import("react/jsx-runtime").JSX.Element;
@@ -62,6 +65,7 @@ export declare const questionCircle: import("react/jsx-runtime").JSX.Element;
 export declare const share: import("react/jsx-runtime").JSX.Element;
 export declare const warning: import("react/jsx-runtime").JSX.Element;
 export declare const shareIOS: import("react/jsx-runtime").JSX.Element;
+export declare const exportToPlus: import("react/jsx-runtime").JSX.Element;
 export declare const shareWindows: import("react/jsx-runtime").JSX.Element;
 export declare const resetZoom: import("react/jsx-runtime").JSX.Element;
 export declare const BringForwardIcon: import("react/jsx-runtime").JSX.Element;
@@ -80,7 +84,6 @@ export declare const usersIcon: import("react/jsx-runtime").JSX.Element;
 export declare const start: import("react/jsx-runtime").JSX.Element;
 export declare const stop: import("react/jsx-runtime").JSX.Element;
 export declare const CloseIcon: import("react/jsx-runtime").JSX.Element;
-export declare const back: import("react/jsx-runtime").JSX.Element;
 export declare const clone: import("react/jsx-runtime").JSX.Element;
 export declare const shield: import("react/jsx-runtime").JSX.Element;
 export declare const file: import("react/jsx-runtime").JSX.Element;
@@ -137,6 +140,7 @@ export declare const FontSizeSmallIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontSizeMediumIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontSizeLargeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontSizeExtraLargeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const fontSizeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontFamilyNormalIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontFamilyCodeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const FontFamilyLocalFontIcon: import("react/jsx-runtime").JSX.Element;
@@ -157,6 +161,7 @@ export declare const eraser: import("react/jsx-runtime").JSX.Element;
 export declare const handIcon: import("react/jsx-runtime").JSX.Element;
 export declare const downloadIcon: import("react/jsx-runtime").JSX.Element;
 export declare const copyIcon: import("react/jsx-runtime").JSX.Element;
+export declare const cutIcon: import("react/jsx-runtime").JSX.Element;
 export declare const helpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const playerPlayIcon: import("react/jsx-runtime").JSX.Element;
 export declare const playerStopFilledIcon: import("react/jsx-runtime").JSX.Element;
@@ -169,10 +174,30 @@ export declare const mermaidLogoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowRightIcon: import("react/jsx-runtime").JSX.Element;
 export declare const laserPointerToolIcon: import("react/jsx-runtime").JSX.Element;
 export declare const MagicIcon: import("react/jsx-runtime").JSX.Element;
+export declare const MagicIconThin: import("react/jsx-runtime").JSX.Element;
 export declare const OpenAIIcon: import("react/jsx-runtime").JSX.Element;
 export declare const fullscreenIcon: import("react/jsx-runtime").JSX.Element;
 export declare const eyeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const eyeClosedIcon: import("react/jsx-runtime").JSX.Element;
 export declare const brainIcon: import("react/jsx-runtime").JSX.Element;
+export declare const brainIconThin: import("react/jsx-runtime").JSX.Element;
 export declare const searchIcon: import("react/jsx-runtime").JSX.Element;
+export declare const clockIcon: import("react/jsx-runtime").JSX.Element;
+export declare const microphoneIcon: import("react/jsx-runtime").JSX.Element;
+export declare const microphoneMutedIcon: import("react/jsx-runtime").JSX.Element;
+export declare const boltIcon: import("react/jsx-runtime").JSX.Element;
+export declare const selectAllIcon: import("react/jsx-runtime").JSX.Element;
+export declare const abacusIcon: import("react/jsx-runtime").JSX.Element;
+export declare const flipVertical: import("react/jsx-runtime").JSX.Element;
+export declare const flipHorizontal: import("react/jsx-runtime").JSX.Element;
+export declare const paintIcon: import("react/jsx-runtime").JSX.Element;
+export declare const zoomAreaIcon: import("react/jsx-runtime").JSX.Element;
+export declare const svgIcon: import("react/jsx-runtime").JSX.Element;
+export declare const pngIcon: import("react/jsx-runtime").JSX.Element;
+export declare const magnetIcon: import("react/jsx-runtime").JSX.Element;
+export declare const coffeeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const DeviceDesktopIcon: import("react/jsx-runtime").JSX.Element;
+export declare const arrowBarToLeftIcon: import("react/jsx-runtime").JSX.Element;
+export declare const youtubeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const gridIcon: import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import type { Theme } from "../../element/types";
 import "./DefaultItems.scss";
 export declare const LoadScene: {
     (): import("react/jsx-runtime").JSX.Element | null;
@@ -11,6 +12,12 @@ export declare const SaveAsImage: {
     (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const CommandPalette: {
+    (opts?: {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const Help: {
     (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -20,7 +27,14 @@ export declare const ClearCanvas: {
     displayName: string;
 };
 export declare const ToggleTheme: {
-    (): import("react/jsx-runtime").JSX.Element | null;
+    (props: {
+        allowSystemTheme: true;
+        theme: Theme | "system";
+        onSelect: (theme: Theme | "system") => void;
+    } | {
+        allowSystemTheme?: false | undefined;
+        onSelect?: ((theme: Theme) => void) | undefined;
+    }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export declare const ChangeCanvasBackground: {

package/types/excalidraw/constants.d.ts

@@ -8,6 +8,7 @@ export declare const isChrome: boolean;
 export declare const isSafari: boolean;
 export declare const isIOS: boolean;
 export declare const isBrave: () => boolean;
+export declare const supportsResizeObserver: boolean;
 export declare const APP_NAME = "Excalidraw";
 export declare const DRAGGING_THRESHOLD = 10;
 export declare const LINE_CONFIRM_THRESHOLD = 8;
@@ -15,6 +16,7 @@ export declare const ELEMENT_SHIFT_TRANSLATE_AMOUNT = 5;
 export declare const ELEMENT_TRANSLATE_AMOUNT = 1;
 export declare const TEXT_TO_CENTER_SNAP_THRESHOLD = 30;
 export declare const SHIFT_LOCKING_ANGLE: number;
+export declare const DEFAULT_LASER_COLOR = "red";
 export declare const CURSOR_TYPE: {
     TEXT: string;
     CROSSHAIR: string;
@@ -122,6 +124,11 @@ export declare const DEFAULT_TEXT_ALIGN = "left";
 export declare const DEFAULT_VERTICAL_ALIGN = "top";
 export declare const DEFAULT_VERSION = "{version}";
 export declare const DEFAULT_TRANSFORM_HANDLE_SPACING = 2;
+export declare const SIDE_RESIZING_THRESHOLD: number;
+export declare const DEFAULT_COLLISION_THRESHOLD: number;
+export declare const COLOR_WHITE = "#ffffff";
+export declare const COLOR_CHARCOAL_BLACK = "#1e1e1e";
+export declare const COLOR_VOICE_CALL = "#a2f1a6";
 export declare const CANVAS_ONLY_ACTIONS: string[];
 export declare const GRID_SIZE = 20;
 export declare const IMAGE_MIME_TYPES: {
@@ -173,6 +180,7 @@ 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 MAX_ZOOM = 30;
 export declare const HYPERLINK_TOOLTIP_DELAY = 300;
 export declare const IDLE_THRESHOLD = 60000;
 export declare const ACTIVE_THRESHOLD = 3000;