@excalidraw/excalidraw 0.15.2-6213-0f92339 → 0.15.2-6459ccd

package/types/components/ImageExportDialog.d.ts

@@ -1,18 +1,14 @@
-import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, BinaryFiles } from "../types";
-import "./ExportDialog.scss";
+import { AppClassProperties, BinaryFiles, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
+import "./ExportDialog.scss";
 export declare const ErrorCanvasPreview: () => JSX.Element;
-export declare type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
-export declare const ImageExportDialog: ({ elements, appState, setAppState, files, exportPadding, actionManager, onExportToPng, onExportToSvg, onExportToClipboard, }: {
-    appState: AppState;
-    setAppState: React.Component<any, AppState>["setState"];
+export type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
+export declare const ImageExportDialog: ({ elements, appState, files, actionManager, onExportImage, onCloseRequest, }: {
+    appState: UIAppState;
     elements: readonly NonDeletedExcalidrawElement[];
     files: BinaryFiles;
-    exportPadding?: number | undefined;
     actionManager: ActionManager;
-    onExportToPng: ExportCB;
-    onExportToSvg: ExportCB;
-    onExportToClipboard: ExportCB;
-}) => JSX.Element;
+    onExportImage: AppClassProperties["onExportImage"];
+    onCloseRequest: () => void;
+}) => JSX.Element | null;

package/types/components/Island.d.ts

@@ -1,6 +1,6 @@
 import "./Island.scss";
 import React from "react";
-declare type IslandProps = {
+type IslandProps = {
     children: React.ReactNode;
     padding?: number;
     className?: string | boolean;

package/types/components/JSONExportDialog.d.ts

@@ -1,15 +1,15 @@
 import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, ExportOpts, BinaryFiles } from "../types";
+import { ExportOpts, BinaryFiles, UIAppState } from "../types";
 import "./ExportDialog.scss";
 import { ActionManager } from "../actions/manager";
-export declare type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
+export type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
 export declare const JSONExportDialog: ({ elements, appState, files, actionManager, exportOpts, canvas, setAppState, }: {
     elements: readonly NonDeletedExcalidrawElement[];
-    appState: AppState;
+    appState: UIAppState;
     files: BinaryFiles;
     actionManager: ActionManager;
     exportOpts: ExportOpts;
     canvas: HTMLCanvasElement | null;
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
 }) => JSX.Element;

package/types/components/LayerUI.d.ts

@@ -2,12 +2,12 @@ import React from "react";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { Language } from "../i18n";
-import { AppProps, AppState, ExcalidrawProps, BinaryFiles } from "../types";
+import { AppProps, AppState, ExcalidrawProps, BinaryFiles, UIAppState, AppClassProperties } from "../types";
 import "./LayerUI.scss";
 import "./Toolbar.scss";
 interface LayerUIProps {
     actionManager: ActionManager;
-    appState: AppState;
+    appState: UIAppState;
     files: BinaryFiles;
     canvas: HTMLCanvasElement | null;
     setAppState: React.Component<any, AppState>["setState"];
@@ -23,8 +23,9 @@ interface LayerUIProps {
     onImageAction: (data: {
         insertOnCanvasDirectly: boolean;
     }) => void;
+    onExportImage: AppClassProperties["onExportImage"];
     renderWelcomeScreen: boolean;
     children?: React.ReactNode;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onImageAction, renderWelcomeScreen, children, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onImageAction, onExportImage, renderWelcomeScreen, children, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/LibraryMenu.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import Library from "../data/library";
-import { LibraryItems, LibraryItem, AppState, ExcalidrawProps } from "../types";
+import { LibraryItems, LibraryItem, ExcalidrawProps, UIAppState } from "../types";
 import "./LibraryMenu.scss";
 export declare const isLibraryMenuOpenAtom: import("jotai").Atom<boolean> & {
     write: (get: {
@@ -25,17 +25,15 @@ export declare const isLibraryMenuOpenAtom: import("jotai").Atom<boolean> & {
 } & {
     init: boolean;
 };
-export declare const LibraryMenuContent: ({ onInsertLibraryItems, pendingElements, onAddToLibrary, setAppState, libraryReturnUrl, library, id, appState, selectedItems, onSelectItems, }: {
+export declare const LibraryMenuContent: ({ onInsertLibraryItems, pendingElements, onAddToLibrary, setAppState, libraryReturnUrl, library, id, appState, }: {
     pendingElements: LibraryItem["elements"];
     onInsertLibraryItems: (libraryItems: LibraryItems) => void;
     onAddToLibrary: () => void;
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
     library: Library;
     id: string;
-    appState: AppState;
-    selectedItems: LibraryItem["id"][];
-    onSelectItems: (id: LibraryItem["id"][]) => void;
+    appState: UIAppState;
 }) => JSX.Element;
 /**
  * This component is meant to be rendered inside <Sidebar.Tab/> inside our

package/types/components/LibraryMenuBrowseButton.d.ts

@@ -1,7 +1,7 @@
-import { AppState, ExcalidrawProps } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 declare const LibraryMenuBrowseButton: ({ theme, id, libraryReturnUrl, }: {
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-    theme: AppState["theme"];
+    theme: UIAppState["theme"];
     id: string;
 }) => JSX.Element;
 export default LibraryMenuBrowseButton;

package/types/components/LibraryMenuControlButtons.d.ts

@@ -1,9 +1,9 @@
-import { LibraryItem, ExcalidrawProps, AppState } from "../types";
-export declare const LibraryMenuControlButtons: ({ selectedItems, onSelectItems, libraryReturnUrl, theme, id, style, }: {
-    selectedItems: LibraryItem["id"][];
-    onSelectItems: (id: LibraryItem["id"][]) => void;
+import { ExcalidrawProps, UIAppState } from "../types";
+export declare const LibraryMenuControlButtons: ({ libraryReturnUrl, theme, id, style, children, className, }: {
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-    theme: AppState["theme"];
+    theme: UIAppState["theme"];
     id: string;
     style: React.CSSProperties;
+    children?: React.ReactNode;
+    className?: string | undefined;
 }) => JSX.Element;

package/types/components/LibraryMenuHeaderContent.d.ts

@@ -1,16 +1,18 @@
 /// <reference types="react" />
-import { AppState, LibraryItem } from "../types";
+import { LibraryItem, UIAppState } from "../types";
 import Library from "../data/library";
 export declare const LibraryDropdownMenuButton: React.FC<{
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
     selectedItems: LibraryItem["id"][];
     library: Library;
     onRemoveFromLibrary: () => void;
     resetLibrary: () => void;
     onSelectItems: (items: LibraryItem["id"][]) => void;
-    appState: AppState;
+    appState: UIAppState;
+    className?: string;
 }>;
-export declare const LibraryDropdownMenu: ({ selectedItems, onSelectItems, }: {
+export declare const LibraryDropdownMenu: ({ selectedItems, onSelectItems, className, }: {
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
+    className?: string | undefined;
 }) => JSX.Element;

package/types/components/LibraryMenuItems.d.ts

@@ -1,15 +1,12 @@
-import { AppState, ExcalidrawProps, LibraryItem, LibraryItems } from "../types";
+import { ExcalidrawProps, LibraryItem, LibraryItems, UIAppState } from "../types";
 import "./LibraryMenuItems.scss";
-declare const LibraryMenuItems: ({ isLoading, libraryItems, onAddToLibrary, onInsertLibraryItems, pendingElements, selectedItems, onSelectItems, theme, id, libraryReturnUrl, }: {
+export default function LibraryMenuItems({ isLoading, libraryItems, onAddToLibrary, onInsertLibraryItems, pendingElements, theme, id, libraryReturnUrl, }: {
     isLoading: boolean;
     libraryItems: LibraryItems;
     pendingElements: LibraryItem["elements"];
     onInsertLibraryItems: (libraryItems: LibraryItems) => void;
     onAddToLibrary: (elements: LibraryItem["elements"]) => void;
-    selectedItems: LibraryItem["id"][];
-    onSelectItems: (id: LibraryItem["id"][]) => void;
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
-    theme: AppState["theme"];
+    theme: UIAppState["theme"];
     id: string;
-}) => JSX.Element;
-export default LibraryMenuItems;
+}): JSX.Element;

package/types/components/LibraryMenuSection.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { LibraryItem } from "../types";
+import { ExcalidrawElement, NonDeleted } from "../element/types";
+type LibraryOrPendingItem = (LibraryItem | /* pending library item */ {
+    id: null;
+    elements: readonly NonDeleted<ExcalidrawElement>[];
+})[];
+interface Props {
+    items: LibraryOrPendingItem;
+    onClick: (id: LibraryItem["id"] | null) => void;
+    onItemSelectToggle: (id: LibraryItem["id"], event: React.MouseEvent) => void;
+    onItemDrag: (id: LibraryItem["id"], event: React.DragEvent) => void;
+    isItemSelected: (id: LibraryItem["id"] | null) => boolean;
+}
+declare function LibraryMenuSection({ items, onItemSelectToggle, onItemDrag, isItemSelected, onClick, }: Props): JSX.Element;
+export default LibraryMenuSection;

package/types/components/LibraryUnit.d.ts

@@ -4,7 +4,7 @@ export declare const LibraryUnit: ({ id, elements, isPending, onClick, selected,
     id: LibraryItem["id"] | /** for pending item */ null;
     elements?: readonly import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | undefined;
     isPending?: boolean | undefined;
-    onClick: () => void;
+    onClick: (id: LibraryItem["id"] | null) => void;
     selected: boolean;
     onToggle: (id: string, event: React.MouseEvent) => void;
     onDrag: (id: string, event: React.DragEvent) => void;

package/types/components/LockButton.d.ts

@@ -1,5 +1,5 @@
 import "./ToolIcon.scss";
-declare type LockIconProps = {
+type LockIconProps = {
     title?: string;
     name?: string;
     checked: boolean;

package/types/components/MobileMenu.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps } from "../types";
+import { AppState, Device, ExcalidrawProps, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
-declare type MobileMenuProps = {
-    appState: AppState;
+type MobileMenuProps = {
+    appState: UIAppState;
     actionManager: ActionManager;
     renderJSONExportDialog: () => React.ReactNode;
     renderImageExportDialog: () => React.ReactNode;
@@ -16,7 +16,7 @@ declare type MobileMenuProps = {
     onImageAction: (data: {
         insertOnCanvasDirectly: boolean;
     }) => void;
-    renderTopRightUI?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
+    renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderSidebars: () => JSX.Element | null;
     device: Device;

package/types/components/PasteChartDialog.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { AppState } from "../types";
+import { UIAppState } from "../types";
 import "./PasteChartDialog.scss";
 export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
-    appState: AppState;
+    appState: UIAppState;
     onClose: () => void;
-    setAppState: React.Component<any, AppState>["setState"];
+    setAppState: React.Component<any, UIAppState>["setState"];
 }) => JSX.Element;

package/types/components/PenModeButton.d.ts

@@ -1,5 +1,5 @@
 import "./ToolIcon.scss";
-declare type PenModeIconProps = {
+type PenModeIconProps = {
     title?: string;
     name?: string;
     checked: boolean;

package/types/components/Popover.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./Popover.scss";
-declare type Props = {
+type Props = {
     top?: number;
     left?: number;
     children?: React.ReactNode;

package/types/components/ProjectName.d.ts

@@ -1,6 +1,6 @@
 import "./TextInput.scss";
 import "./ProjectName.scss";
-declare type Props = {
+type Props = {
     value: string;
     onChange: (value: string) => void;
     label: string;

package/types/components/PublishLibrary.d.ts

@@ -1,9 +1,9 @@
-import { AppState, LibraryItems } from "../types";
+import { LibraryItems, UIAppState } from "../types";
 import "./PublishLibrary.scss";
 declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {
     onClose: () => void;
     libraryItems: LibraryItems;
-    appState: AppState;
+    appState: UIAppState;
     onSuccess: (data: {
         url: string;
         authorName: string;

package/types/components/Sidebar/common.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { AppState, SidebarName, SidebarTabName } from "../../types";
-export declare type SidebarTriggerProps = {
+export type SidebarTriggerProps = {
     name: SidebarName;
     tab?: SidebarTabName;
     icon?: JSX.Element;
@@ -10,7 +10,7 @@ export declare type SidebarTriggerProps = {
     onToggle?: (open: boolean) => void;
     style?: React.CSSProperties;
 };
-export declare type SidebarProps<P = {}> = {
+export type SidebarProps<P = {}> = {
     name: SidebarName;
     children: React.ReactNode;
     /**
@@ -26,7 +26,7 @@ export declare type SidebarProps<P = {}> = {
     /** @private internal */
     __fallback?: boolean;
 } & P;
-export declare type SidebarPropsContextValue = Pick<SidebarProps, "onDock" | "docked"> & {
+export type SidebarPropsContextValue = Pick<SidebarProps, "onDock" | "docked"> & {
     onCloseRequest: () => void;
     shouldRenderDockButton: boolean;
 };

package/types/components/Spinner.d.ts

@@ -1,6 +1,7 @@
 import "./Spinner.scss";
-declare const Spinner: ({ size, circleWidth, }: {
+declare const Spinner: ({ size, circleWidth, synchronized, }: {
     size?: string | number | undefined;
     circleWidth?: number | undefined;
+    synchronized?: boolean | undefined;
 }) => JSX.Element;
 export default Spinner;

package/types/components/Stack.d.ts

@@ -1,6 +1,6 @@
 import "./Stack.scss";
 import React from "react";
-declare type StackProps = {
+type StackProps = {
     children: React.ReactNode;
     gap?: number;
     align?: "start" | "center" | "end" | "baseline";

package/types/components/Stats.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { NonDeletedExcalidrawElement } from "../element/types";
-import { AppState, ExcalidrawProps } from "../types";
+import { ExcalidrawProps, UIAppState } from "../types";
 import "./Stats.scss";
 export declare const Stats: (props: {
-    appState: AppState;
-    setAppState: React.Component<any, AppState>["setState"];
+    appState: UIAppState;
+    setAppState: React.Component<any, UIAppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
     onClose: () => void;
     renderCustomStats: ExcalidrawProps["renderCustomStats"];

package/types/components/ToolButton.d.ts

@@ -1,8 +1,8 @@
 import "./ToolIcon.scss";
 import React from "react";
 import { PointerType } from "../element/types";
-export declare type ToolButtonSize = "small" | "medium";
-declare type ToolButtonBaseProps = {
+export type ToolButtonSize = "small" | "medium";
+type ToolButtonBaseProps = {
     icon?: React.ReactNode;
     "aria-label": string;
     "aria-keyshortcuts"?: string;
@@ -20,7 +20,7 @@ declare type ToolButtonBaseProps = {
     className?: string;
     isLoading?: boolean;
 };
-declare type ToolButtonProps = (ToolButtonBaseProps & {
+type ToolButtonProps = (ToolButtonBaseProps & {
     type: "button";
     children?: React.ReactNode;
     onClick?(event: React.MouseEvent): void;

package/types/components/Tooltip.d.ts

@@ -7,7 +7,7 @@ export declare const updateTooltipPosition: (tooltip: HTMLDivElement, item: {
     width: number;
     height: number;
 }, position?: "bottom" | "top") => void;
-declare type TooltipProps = {
+type TooltipProps = {
     children: React.ReactNode;
     label: string;
     long?: boolean;

package/types/components/Trans.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const Trans: ({ i18nKey, children, ...props }: {
+    [key: string]: React.ReactNode | ((el: React.ReactNode) => React.ReactNode);
+    i18nKey: string;
+}) => React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;
+export default Trans;

package/types/components/footer/Footer.d.ts

@@ -1,8 +1,8 @@
 import { ActionManager } from "../../actions/manager";
-import { AppState } from "../../types";
+import { UIAppState } from "../../types";
 declare const Footer: {
     ({ appState, actionManager, showExitZenModeBtn, renderWelcomeScreen, }: {
-        appState: AppState;
+        appState: UIAppState;
         actionManager: ActionManager;
         showExitZenModeBtn: boolean;
         renderWelcomeScreen: boolean;

package/types/components/icons.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Theme } from "../element/types";
-declare type Opts = {
+type Opts = {
     width?: number;
     height?: number;
     mirror?: true;

package/types/components/main-menu/MainMenu.d.ts

@@ -7,9 +7,7 @@ declare const MainMenu: React.FC<{
      */
     onSelect?: ((event: Event) => void) | undefined;
 } & {
-    __fallback?: boolean | undefined; /**
-     * Called when any menu item is selected (clicked on).
-     */
+    __fallback?: boolean | undefined;
 }> & {
     Trigger: {
         ({ className, children, onToggle, }: {

package/types/constants.d.ts

@@ -110,6 +110,11 @@ export declare const MIME_TYPES: {
     readonly "excalidraw.png": "image/png";
     readonly binary: "application/octet-stream";
 };
+export declare const EXPORT_IMAGE_TYPES: {
+    readonly png: "png";
+    readonly svg: "svg";
+    readonly clipboard: "clipboard";
+};
 export declare const EXPORT_DATA_TYPES: {
     readonly excalidraw: "excalidraw";
     readonly excalidrawClipboard: "excalidraw/clipboard";

package/types/context/tunnels.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import tunnel from "tunnel-rat";
-export declare type Tunnel = ReturnType<typeof tunnel>;
-declare type TunnelsContextValue = {
+export type Tunnel = ReturnType<typeof tunnel>;
+type TunnelsContextValue = {
     MainMenuTunnel: Tunnel;
     WelcomeScreenMenuHintTunnel: Tunnel;
     WelcomeScreenToolbarHintTunnel: Tunnel;

package/types/context/ui-appState.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { AppState } from "../types";
-export declare const UIAppStateContext: React.Context<AppState>;
-export declare const useUIAppState: () => AppState;
+import { UIAppState } from "../types";
+export declare const UIAppStateContext: React.Context<UIAppState>;
+export declare const useUIAppState: () => UIAppState;

package/types/data/encode.d.ts

@@ -5,7 +5,7 @@ export declare const toByteString: (data: string | Uint8Array | ArrayBuffer) =>
  */
 export declare const stringToBase64: (str: string, isByteString?: boolean) => Promise<string>;
 export declare const base64ToString: (base64: string, isByteString?: boolean) => Promise<string>;
-declare type EncodedData = {
+type EncodedData = {
     encoded: string;
     encoding: "bstring";
     /** whether text is compressed (zlib) */

package/types/data/filesystem.d.ts

@@ -1,6 +1,6 @@
 import { FileSystemHandle, supported as nativeFileSystemSupported } from "browser-fs-access";
 import { MIME_TYPES } from "../constants";
-declare type FILE_EXTENSION = Exclude<keyof typeof MIME_TYPES, "binary">;
+type FILE_EXTENSION = Exclude<keyof typeof MIME_TYPES, "binary">;
 export declare const fileOpen: <M extends boolean | undefined = false>(opts: {
     extensions?: FILE_EXTENSION[] | undefined;
     description: string;

package/types/data/restore.d.ts

@@ -1,9 +1,9 @@
 import { ExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles, LibraryItem } from "../types";
 import { ImportedDataState } from "./types";
-declare type RestoredAppState = Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
+type RestoredAppState = Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const AllowedExcalidrawActiveTools: Record<AppState["activeTool"]["type"], boolean>;
-export declare type RestoredDataState = {
+export type RestoredDataState = {
     elements: ExcalidrawElement[];
     appState: RestoredAppState;
     files: BinaryFiles;

package/types/data/types.d.ts

@@ -17,7 +17,7 @@ export interface ExportedDataState {
  * This is a helper type used in downstream abstractions.
  * Don't consume on its own.
  */
-export declare type LegacyAppState = {
+export type LegacyAppState = {
     /** @deprecated #6213 TODO remove 23-06-01 */
     isSidebarDocked: [boolean, "defaultSidebarDockedPreference"];
 };

package/types/element/Hyperlink.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AppState, ExcalidrawProps } from "../types";
+import { AppState, ExcalidrawProps, UIAppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";
 import "./Hyperlink.scss";
@@ -75,7 +75,7 @@ export declare const actionLink: {
             zoom: Readonly<{
                 value: import("../types").NormalizedZoomValue;
             }>;
-            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;
@@ -135,7 +135,7 @@ export declare const actionLink: {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
 export declare const getContextMenuLabel: (elements: readonly NonDeletedExcalidrawElement[], appState: AppState) => "labels.link.edit" | "labels.link.create";
-export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: AppState) => [x: number, y: number, width: number, height: number];
+export declare const getLinkHandleFromCoords: ([x1, y1, x2, y2]: Bounds, angle: number, appState: UIAppState) => [x: number, y: number, width: number, height: number];
 export declare const isPointHittingLinkIcon: (element: NonDeletedExcalidrawElement, appState: AppState, [x, y]: readonly [number, number], isMobile: boolean) => boolean;
 export declare const showHyperlinkTooltip: (element: NonDeletedExcalidrawElement, appState: AppState) => void;
 export declare const hideHyperlinkToolip: () => void;

package/types/element/binding.d.ts

@@ -1,8 +1,8 @@
 import { ExcalidrawLinearElement, ExcalidrawBindableElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawElement } from "./types";
 import { AppState } from "../types";
 import Scene from "../scene/Scene";
-export declare type SuggestedBinding = NonDeleted<ExcalidrawBindableElement> | SuggestedPointBinding;
-export declare type SuggestedPointBinding = [
+export type SuggestedBinding = NonDeleted<ExcalidrawBindableElement> | SuggestedPointBinding;
+export type SuggestedPointBinding = [
     NonDeleted<ExcalidrawLinearElement>,
     "start" | "end" | "both",
     NonDeleted<ExcalidrawBindableElement>

package/types/element/bounds.d.ts

@@ -1,6 +1,6 @@
 import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, NonDeleted } from "./types";
 import { Drawable, Op } from "roughjs/bin/core";
-export declare type Bounds = readonly [number, number, number, number];
+export type Bounds = readonly [number, number, number, number];
 export declare const getElementAbsoluteCoords: (element: ExcalidrawElement, includeBoundText?: boolean) => [number, number, number, number, number, number];
 export declare const pointRelativeTo: (element: ExcalidrawElement, absoluteCoords: readonly [number, number]) => readonly [number, number];
 export declare const getDiamondPoints: (element: ExcalidrawElement) => number[];

package/types/element/linearElementEditor.d.ts

@@ -180,7 +180,7 @@ export declare class LinearElementEditor {
                 value: import("../types").NormalizedZoomValue;
             }>;
             openMenu: "canvas" | "shape" | null;
-            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
             openSidebar: {
                 name: string;
                 tab?: string | undefined;

package/types/element/mutateElement.d.ts

@@ -1,6 +1,6 @@
 import { ExcalidrawElement } from "./types";
 import { Mutable } from "../utility-types";
-declare type ElementUpdate<TElement extends ExcalidrawElement> = Omit<Partial<TElement>, "id" | "version" | "versionNonce">;
+type ElementUpdate<TElement extends ExcalidrawElement> = Omit<Partial<TElement>, "id" | "version" | "versionNonce">;
 export declare const mutateElement: <TElement extends Mutable<ExcalidrawElement>>(element: TElement, updates: ElementUpdate<TElement>, informMutation?: boolean) => TElement;
 export declare const newElementWith: <TElement extends ExcalidrawElement>(element: TElement, updates: ElementUpdate<TElement>) => TElement;
 /**

package/types/element/newElement.d.ts

@@ -1,7 +1,7 @@
 import { ExcalidrawElement, ExcalidrawImageElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, GroupId, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer } from "../element/types";
 import { AppState } from "../types";
 import { MarkOptional, Mutable } from "../utility-types";
-declare type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "boundElements" | "seed" | "version" | "versionNonce" | "link" | "strokeStyle" | "fillStyle" | "strokeColor" | "backgroundColor" | "roughness" | "strokeWidth" | "roundness" | "locked" | "opacity">;
+type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "boundElements" | "seed" | "version" | "versionNonce" | "link" | "strokeStyle" | "fillStyle" | "strokeColor" | "backgroundColor" | "roughness" | "strokeWidth" | "roundness" | "locked" | "opacity">;
 export declare const newElement: (opts: {
     type: ExcalidrawGenericElement["type"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawGenericElement>;

package/types/element/resizeElements.d.ts

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

package/types/element/showSelectedShapeActions.d.ts

@@ -1,3 +1,3 @@
-import { AppState } from "../types";
 import { NonDeletedExcalidrawElement } from "./types";
-export declare const showSelectedShapeActions: (appState: AppState, elements: readonly NonDeletedExcalidrawElement[]) => boolean;
+import { UIAppState } from "../types";
+export declare const showSelectedShapeActions: (appState: UIAppState, elements: readonly NonDeletedExcalidrawElement[]) => boolean;