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

package/types/excalidraw/actions/actionZindex.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 export declare const actionSendBackward: {
     name: "sendBackward";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "element";
     };
@@ -9,7 +11,6 @@ export declare const actionSendBackward: {
         appState: Readonly<import("../types").AppState>;
         commitToHistory: true;
     };
-    contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: React.KeyboardEvent<Element> | KeyboardEvent) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
@@ -18,6 +19,8 @@ export declare const actionSendBackward: {
 };
 export declare const actionBringForward: {
     name: "bringForward";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "element";
     };
@@ -26,7 +29,6 @@ export declare const actionBringForward: {
         appState: Readonly<import("../types").AppState>;
         commitToHistory: true;
     };
-    contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: React.KeyboardEvent<Element> | KeyboardEvent) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
@@ -35,6 +37,8 @@ export declare const actionBringForward: {
 };
 export declare const actionSendToBack: {
     name: "sendToBack";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "element";
     };
@@ -43,7 +47,6 @@ export declare const actionSendToBack: {
         appState: Readonly<import("../types").AppState>;
         commitToHistory: true;
     };
-    contextItemLabel: string;
     keyTest: (event: React.KeyboardEvent<Element> | KeyboardEvent) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -51,6 +54,8 @@ export declare const actionSendToBack: {
 };
 export declare const actionBringToFront: {
     name: "bringToFront";
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: {
         category: "element";
     };
@@ -59,7 +64,6 @@ export declare const actionBringToFront: {
         appState: Readonly<import("../types").AppState>;
         commitToHistory: true;
     };
-    contextItemLabel: string;
     keyTest: (event: React.KeyboardEvent<Element> | KeyboardEvent) => boolean;
     PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
 } & {

package/types/excalidraw/actions/shortcuts.d.ts

@@ -1,4 +1,4 @@
 import { SubtypeOf } from "../utility-types";
 import { ActionName } from "./types";
-export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "toggleLaserPointerTool"> | "saveScene" | "imageExport";
-export declare const getShortcutFromShortcutName: (name: ShortcutName) => string;
+export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "toggleLaserPointerTool" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts"> | "saveScene" | "imageExport" | "commandPalette";
+export declare const getShortcutFromShortcutName: (name: ShortcutName, idx?: number) => string;

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles } from "../types";
+import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
 import { MarkOptional } from "../utility-types";
-export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api";
+export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api" | "commandPalette";
 /** if false, the action should be prevented */
 export type ActionResult = {
     elements?: readonly ExcalidrawElement[] | null;
@@ -15,7 +15,7 @@ export type ActionResult = {
 type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export type UpdaterFn = (res: ActionResult) => void;
 export type ActionFilterFn = (action: Action) => void;
-export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "toggleLaserPointerTool";
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "toggleLaserPointerTool" | "commandPalette";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;
@@ -26,11 +26,13 @@ export type PanelComponentProps = {
 };
 export interface Action {
     name: ActionName;
+    label: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, app: AppClassProperties) => string);
+    keywords?: string[];
+    icon?: React.ReactNode | ((appState: UIAppState, elements: readonly ExcalidrawElement[]) => React.ReactNode);
     PanelComponent?: React.FC<PanelComponentProps>;
     perform: ActionFn;
     keyPriority?: number;
     keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean;
-    contextItemLabel?: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, app: AppClassProperties) => string);
     predicate?: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: ExcalidrawProps, app: AppClassProperties) => boolean;
     checked?: (appState: Readonly<AppState>) => boolean;
     trackEvent: false | {

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

@@ -359,7 +359,7 @@ declare class App extends React.Component<AppProps, AppState> {
      * @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;

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/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/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,26 @@ 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 {};

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

@@ -11,6 +11,10 @@ export declare const SaveAsImage: {
     (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const CommandPalette: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const Help: {
     (): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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,9 @@ 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 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: {

package/types/excalidraw/deburr.d.ts

@@ -0,0 +1 @@
+export declare const deburr: (str: string) => string;

package/types/excalidraw/element/embeddable.d.ts

@@ -8,6 +8,8 @@ export declare const actionSetEmbeddableAsActiveTool: {
     trackEvent: {
         category: "toolbar";
     };
+    target: string;
+    label: string;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
         elements: readonly ExcalidrawElement[];
         appState: {
@@ -90,6 +92,8 @@ export declare const actionSetEmbeddableAsActiveTool: {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("./types").PointerType;
@@ -136,6 +140,9 @@ export declare const actionSetEmbeddableAsActiveTool: {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("./types").ChartType;

package/types/excalidraw/element/linearElementEditor.d.ts

@@ -201,6 +201,8 @@ export declare class LinearElementEditor {
             } | {
                 name: "ttd";
                 tab: "mermaid" | "text-to-diagram";
+            } | {
+                name: "commandPalette";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("./types").PointerType;
@@ -247,6 +249,9 @@ export declare class LinearElementEditor {
                 id?: string | undefined;
                 socketId?: import("../types").SocketId | undefined;
                 isCurrentUser?: boolean | undefined;
+                isInCall?: boolean | undefined;
+                isSpeaking?: boolean | undefined;
+                isMuted?: boolean | undefined;
             }>>;
             showStats: boolean;
             currentChartType: import("./types").ChartType;

package/types/excalidraw/element/textElement.d.ts

@@ -11,13 +11,8 @@ export declare const computeBoundTextPosition: (container: ExcalidrawElement, bo
     y: number;
 };
 export declare const measureText: (text: string, font: FontString, lineHeight: ExcalidrawTextElement["lineHeight"]) => {
-    baseline: number;
-    height: number;
-    width: number;
-} | {
     width: number;
     height: number;
-    baseline?: undefined;
 };
 /**
  * To get unitless line-height (if unknown) we can calculate it by dividing

package/types/excalidraw/hooks/useStableCallback.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns a stable function of the same type.
+ */
+export declare const useStableCallback: <T extends (...args: any[]) => any>(userFn: T) => T;

package/types/excalidraw/index.d.ts

@@ -26,7 +26,7 @@ export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, } from "
 export { getFreeDrawSvgPath } from "./renderer/renderElement";
 export { mergeLibraryItems, getLibraryItemsHash } from "./data/library";
 export { isLinearElement } from "./element/typeChecks";
-export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS } from "./constants";
+export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS, DEFAULT_LASER_COLOR, } from "./constants";
 export { mutateElement, newElementWith, bumpVersion, } from "./element/mutateElement";
 export { parseLibraryTokensFromUrl, useHandleLibrary } from "./data/library";
 export { sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, } from "./utils";

package/types/excalidraw/keys.d.ts

@@ -42,6 +42,7 @@ export declare const KEYS: {
     readonly PERIOD: ".";
     readonly COMMA: ",";
     readonly SUBTRACT: "-";
+    readonly SLASH: "/";
     readonly A: "a";
     readonly C: "c";
     readonly D: "d";

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

@@ -1,7 +1,7 @@
 import type { RoughCanvas } from "roughjs/bin/canvas";
 import { Drawable } from "roughjs/bin/core";
-import { ExcalidrawTextElement, NonDeletedElementsMap, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../element/types";
-import { AppClassProperties, AppState, EmbedsValidationStatus, ElementsPendingErasure, InteractiveCanvasAppState, StaticCanvasAppState } from "../types";
+import { ExcalidrawElement, ExcalidrawTextElement, NonDeletedElementsMap, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../element/types";
+import { AppClassProperties, AppState, EmbedsValidationStatus, ElementsPendingErasure, InteractiveCanvasAppState, StaticCanvasAppState, SocketId, UserIdleState } from "../types";
 import { MakeBrand } from "../utility-types";
 export type RenderableElementsMap = NonDeletedElementsMap & MakeBrand<"RenderableElementsMap">;
 export type StaticCanvasRenderConfig = {
@@ -26,24 +26,14 @@ export type SVGRenderConfig = {
     embedsValidationStatus: EmbedsValidationStatus;
 };
 export type InteractiveCanvasRenderConfig = {
-    remoteSelectedElementIds: {
-        [elementId: string]: string[];
-    };
-    remotePointerViewportCoords: {
-        [id: string]: {
-            x: number;
-            y: number;
-        };
-    };
-    remotePointerUserStates: {
-        [id: string]: string;
-    };
-    remotePointerUsernames: {
-        [id: string]: string;
-    };
-    remotePointerButton?: {
-        [id: string]: string | undefined;
-    };
+    remoteSelectedElementIds: Map<ExcalidrawElement["id"], SocketId[]>;
+    remotePointerViewportCoords: Map<SocketId, {
+        x: number;
+        y: number;
+    }>;
+    remotePointerUserStates: Map<SocketId, UserIdleState>;
+    remotePointerUsernames: Map<SocketId, string>;
+    remotePointerButton: Map<SocketId, string | undefined>;
     selectionColor?: string;
     renderScrollbars?: boolean;
 };

package/types/excalidraw/types.d.ts

@@ -37,11 +37,27 @@ export type Collaborator = Readonly<{
     id?: string;
     socketId?: SocketId;
     isCurrentUser?: boolean;
+    isInCall?: boolean;
+    isSpeaking?: boolean;
+    isMuted?: boolean;
 }>;
 export type CollaboratorPointer = {
     x: number;
     y: number;
     tool: "pointer" | "laser";
+    /**
+     * Whether to render cursor + username. Useful when you only want to render
+     * laser trail.
+     *
+     * @default true
+     */
+    renderCursor?: boolean;
+    /**
+     * Explicit laser color.
+     *
+     * @default string collaborator's cursor color
+     */
+    laserColor?: string;
 };
 export type DataURL = string & {
     _brand: "DataURL";
@@ -204,6 +220,8 @@ export interface AppState {
     } | {
         name: "ttd";
         tab: "text-to-diagram" | "mermaid";
+    } | {
+        name: "commandPalette";
     };
     /**
      * Reflects user preference for whether the default sidebar should be docked.
@@ -296,9 +314,9 @@ export interface AppState {
         y: number;
     } | null;
     objectsSnapModeEnabled: boolean;
-    /** the user's clientId & username who is being followed on the canvas */
+    /** the user's socket id & username who is being followed on the canvas */
     userToFollow: UserToFollow | null;
-    /** the clientIds of the users following the current user */
+    /** the socket ids of the users following the current user */
     followedBy: Set<SocketId>;
 }
 export type UIAppState = Omit<AppState, "suggestedBindings" | "startBoundElement" | "cursorButton" | "scrollX" | "scrollY">;
@@ -476,6 +494,7 @@ export type AppClassProperties = {
     addElementsFromPasteOrLibrary: App["addElementsFromPasteOrLibrary"];
     setSelection: App["setSelection"];
     togglePenMode: App["togglePenMode"];
+    toggleLock: App["toggleLock"];
     setActiveTool: App["setActiveTool"];
     setOpenDialog: App["setOpenDialog"];
     insertEmbeddableElement: App["insertEmbeddableElement"];