@zsviczian/excalidraw 0.18.0-1 → 0.18.0-10

package/types/excalidraw/clipboard.d.ts

@@ -1,7 +1,7 @@
-import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
-import type { BinaryFiles } from "./types";
+import { ALLOWED_PASTE_MIME_TYPES } from "@excalidraw/common";
+import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { Spreadsheet } from "./charts";
-import { ALLOWED_PASTE_MIME_TYPES } from "./constants";
+import type { BinaryFiles } from "./types";
 export type PastedMixedContent = {
     type: "text" | "imageUrl";
     value: string;
@@ -22,6 +22,8 @@ export declare const probablySupportsClipboardBlob: boolean;
 export declare const createPasteEvent: ({ types, files, }: {
     types?: {
         "image/svg+xml"?: string | File | undefined;
+        "text/html"?: string | File | undefined;
+        "text/plain"?: string | File | undefined;
         "image/png"?: string | File | undefined;
         "image/jpeg"?: string | File | undefined;
         "image/gif"?: string | File | undefined;
@@ -30,8 +32,6 @@ export declare const createPasteEvent: ({ types, files, }: {
         "image/x-icon"?: string | File | undefined;
         "image/avif"?: string | File | undefined;
         "image/jfif"?: string | File | undefined;
-        "text/plain"?: string | File | undefined;
-        "text/html"?: string | File | undefined;
     } | undefined;
     files?: File[] | undefined;
 }) => ClipboardEvent;
@@ -46,6 +46,8 @@ export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawEl
  */
 export declare const readSystemClipboard: () => Promise<{
     "image/svg+xml"?: string | File | undefined;
+    "text/html"?: string | File | undefined;
+    "text/plain"?: string | File | undefined;
     "image/png"?: string | File | undefined;
     "image/jpeg"?: string | File | undefined;
     "image/gif"?: string | File | undefined;
@@ -54,8 +56,6 @@ export declare const readSystemClipboard: () => Promise<{
     "image/x-icon"?: string | File | undefined;
     "image/avif"?: string | File | undefined;
     "image/jfif"?: string | File | undefined;
-    "text/plain"?: string | File | undefined;
-    "text/html"?: string | File | undefined;
 }>;
 /**
  * Attempts to parse clipboard event.

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

@@ -1,7 +1,7 @@
-import type { ActionManager } from "../actions/manager";
-import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
-import type { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
+import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
 import "./Actions.scss";
+import type { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
+import type { ActionManager } from "../actions/manager";
 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, app, }: {

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

@@ -1,23 +1,22 @@
 import React from "react";
-import type { RoughCanvas } from "roughjs/bin/canvas";
+import { type EXPORT_IMAGE_TYPES } from "@excalidraw/common";
+import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
+import { FlowChartCreator } from "@excalidraw/element/flowchart";
+import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, InitializedExcalidrawImageElement, ExcalidrawImageElement, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "@excalidraw/element/types";
 import { ActionManager } from "../actions/manager";
-import type { ActionResult } from "../actions/types";
-import { type EXPORT_IMAGE_TYPES } from "../constants";
-import type { ExportedElements } from "../data";
-import { LinearElementEditor } from "../element/linearElementEditor";
-import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, InitializedExcalidrawImageElement, ExcalidrawImageElement, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
-import { History } from "../history";
+import { AnimationFrameHandler } from "../animation-frame-handler";
 import Scene from "../scene/Scene";
-import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
-import type { FileSystemHandle } from "../data/filesystem";
 import { Fonts } from "../fonts";
 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";
-import { FlowChartCreator } from "../element/flowchart";
+import { LassoTrail } from "../lasso";
+import { EraserTrail } from "../eraser";
+import type { ExportedElements } from "../data";
+import type { FileSystemHandle } from "../data/filesystem";
+import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
+import type { RoughCanvas } from "roughjs/bin/canvas";
+import type { ActionResult } from "../actions/types";
 export declare const ExcalidrawContainerContext: React.Context<{
     container: HTMLDivElement | null;
     id: string | null;
@@ -62,6 +61,7 @@ declare class App extends React.Component<AppProps, AppState> {
     id: string;
     private store;
     private history;
+    private shouldRenderAllEmbeddables;
     excalidrawContainerValue: {
         container: HTMLDivElement | null;
         id: string;
@@ -97,11 +97,13 @@ declare class App extends React.Component<AppProps, AppState> {
     allowMobileMode: boolean;
     animationFrameHandler: AnimationFrameHandler;
     laserTrails: LaserTrails;
-    eraserTrail: AnimatedTrail;
+    eraserTrail: EraserTrail;
+    lassoTrail: LassoTrail;
     onChangeEmitter: Emitter<[elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles]>;
     onPointerDownEmitter: Emitter<[activeTool: {
         lastActiveTool: import("../types").ActiveTool | null;
         locked: boolean;
+        fromSelection: boolean;
     } & import("../types").ActiveTool, pointerDownState: Readonly<{
         origin: Readonly<{
             x: number;
@@ -122,7 +124,7 @@ declare class App extends React.Component<AppProps, AppState> {
         };
         originalElements: Map<string, NonDeleted<ExcalidrawElement>>;
         resize: {
-            handleType: import("../element/transformHandles").MaybeTransformHandleType;
+            handleType: import("@excalidraw/element/transformHandles").MaybeTransformHandleType;
             isResizing: boolean;
             offset: {
                 x: number;
@@ -148,6 +150,10 @@ declare class App extends React.Component<AppProps, AppState> {
                 x: number;
                 y: number;
             } | null;
+            origin: {
+                x: number;
+                y: number;
+            };
         };
         eventListeners: {
             onMove: {
@@ -166,6 +172,7 @@ declare class App extends React.Component<AppProps, AppState> {
     onPointerUpEmitter: Emitter<[activeTool: {
         lastActiveTool: import("../types").ActiveTool | null;
         locked: boolean;
+        fromSelection: boolean;
     } & import("../types").ActiveTool, pointerDownState: Readonly<{
         origin: Readonly<{
             x: number;
@@ -186,7 +193,7 @@ declare class App extends React.Component<AppProps, AppState> {
         };
         originalElements: Map<string, NonDeleted<ExcalidrawElement>>;
         resize: {
-            handleType: import("../element/transformHandles").MaybeTransformHandleType;
+            handleType: import("@excalidraw/element/transformHandles").MaybeTransformHandleType;
             isResizing: boolean;
             offset: {
                 x: number;
@@ -212,6 +219,10 @@ declare class App extends React.Component<AppProps, AppState> {
                 x: number;
                 y: number;
             } | null;
+            origin: {
+                x: number;
+                y: number;
+            };
         };
         eventListeners: {
             onMove: {
@@ -254,7 +265,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private toggleOverscrollBehavior;
     render(): import("react/jsx-runtime").JSX.Element;
     focusContainer: AppClassProperties["focusContainer"];
-    getSceneElementsIncludingDeleted: () => readonly import("../element/types").OrderedExcalidrawElement[];
+    getSceneElementsIncludingDeleted: () => readonly import("@excalidraw/element/types").OrderedExcalidrawElement[];
     getSceneElements: () => readonly Ordered<NonDeletedExcalidrawElement>[];
     onInsertElements: (elements: readonly ExcalidrawElement[]) => void;
     onExportImage: (type: keyof typeof EXPORT_IMAGE_TYPES, elements: ExportedElements, opts: {
@@ -356,6 +367,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private maybeUnfollowRemoteUser;
     /** use when changing scrollX/scrollY/zoom based on user interaction */
     private translateCanvas;
+    setForceRenderAllEmbeddables: (force: boolean) => void;
     zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
     getColorAtScenePoint: ({ sceneX, sceneY, }: {
         sceneX: number;
@@ -424,7 +436,8 @@ declare class App extends React.Component<AppProps, AppState> {
         customType: string;
     }) & {
         locked?: boolean;
-    }) => void;
+        fromSelection?: boolean;
+    }, keepSelection?: boolean) => void;
     setOpenDialog: (dialogType: AppState["openDialog"]) => void;
     private setCursor;
     private resetCursor;
@@ -444,7 +457,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private getTextElementAtPosition;
     private getElementAtPosition;
     private getElementsAtPosition;
-    private getElementHitThreshold;
+    getElementHitThreshold(): number;
     private hitElement;
     private getTextBindableContainerAtPosition;
     private startTextEditing;
@@ -545,17 +558,4 @@ declare class App extends React.Component<AppProps, AppState> {
     private getCanvasOffsets;
     private updateLanguage;
 }
-declare global {
-    interface Window {
-        h: {
-            scene: Scene;
-            elements: readonly ExcalidrawElement[];
-            state: AppState;
-            setState: React.Component<any, AppState>["setState"];
-            app: InstanceType<typeof App>;
-            history: History;
-            store: Store;
-        };
-    }
-}
 export default App;

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

@@ -1,5 +1,5 @@
-import "./Avatar.scss";
 import React from "react";
+import "./Avatar.scss";
 type AvatarProps = {
     onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     color: string;

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

@@ -1,5 +1,5 @@
-import type { JSX } from "react";
 import "./ButtonIcon.scss";
+import type { JSX } from "react";
 interface ButtonIconProps {
     icon: JSX.Element;
     title: string;

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

@@ -1,8 +1,8 @@
-import type { ExcalidrawElement } from "../../element/types";
-import type { AppState } from "../../types";
-import type { ColorPickerType } from "./colorPickerUtils";
-import type { ColorTuple, ColorPaletteCustom } from "../../colors";
+import type { ColorTuple, ColorPaletteCustom } from "@excalidraw/common";
+import type { ExcalidrawElement } from "@excalidraw/element/types";
 import "./ColorPicker.scss";
+import type { ColorPickerType } from "./colorPickerUtils";
+import type { AppState } from "../../types";
 export declare const getColor: (color: string) => string | null;
 interface ColorPickerProps {
     type: ColorPickerType;

package/types/excalidraw/components/ColorPicker/HotkeyLabel.d.ts

@@ -1,8 +1,7 @@
 interface HotkeyLabelProps {
     color: string;
     keyLabel: string | number;
-    isCustomColor?: boolean;
     isShade?: boolean;
 }
-declare const HotkeyLabel: ({ color, keyLabel, isCustomColor, isShade, }: HotkeyLabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const HotkeyLabel: ({ color, keyLabel, isShade, }: HotkeyLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default HotkeyLabel;

package/types/excalidraw/components/ColorPicker/Picker.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import type { ExcalidrawElement } from "../../element/types";
+import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { ColorPaletteCustom } from "@excalidraw/common";
 import type { ColorPickerType } from "./colorPickerUtils";
-import type { ColorPaletteCustom } from "../../colors";
 interface PickerProps {
     color: string;
     onChange: (color: string) => void;

package/types/excalidraw/components/ColorPicker/PickerColorList.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPaletteCustom } from "../../colors";
+import type { ColorPaletteCustom } from "@excalidraw/common";
 interface PickerColorListProps {
     palette: ColorPaletteCustom;
     color: string;

package/types/excalidraw/components/ColorPicker/ShadeList.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPaletteCustom } from "../../colors";
+import type { ColorPaletteCustom } from "@excalidraw/common";
 interface ShadeListProps {
     hex: string;
     onChange: (color: string) => void;

package/types/excalidraw/components/ColorPicker/colorPickerUtils.d.ts

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "../../element/types";
-import type { ColorPickerColor, ColorPaletteCustom } from "../../colors";
+import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { ColorPickerColor, ColorPaletteCustom } from "@excalidraw/common";
 export declare const getColorNameAndShadeFromColor: ({ palette, color, }: {
     palette: ColorPaletteCustom;
     color: string;
@@ -17,5 +17,5 @@ export type ActiveColorPickerSectionAtomType = "custom" | "baseColors" | "shades
 export declare const activeColorPickerSectionAtom: import("jotai/vanilla/atom").PrimitiveAtom<ActiveColorPickerSectionAtomType> & {
     init: ActiveColorPickerSectionAtomType;
 };
-export declare const getContrastYIQ: (bgHex: string, isCustomColor: boolean) => "white" | "black";
+export declare const isColorDark: (color: string, threshold?: number) => boolean;
 export type ColorPickerType = "canvasBackground" | "elementBackground" | "elementStroke";

package/types/excalidraw/components/ColorPicker/keyboardNavHandlers.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPaletteCustom } from "../../colors";
+import type { ColorPaletteCustom } from "@excalidraw/common";
 import type { ActiveColorPickerSectionAtomType } from "./colorPickerUtils";
 interface ColorPickerKeyNavHandlerProps {
     event: React.KeyboardEvent;

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

@@ -1,6 +1,6 @@
-import type { CommandPaletteItem } from "./types";
 import * as defaultItems from "./defaultCommandPaletteItems";
 import "./CommandPalette.scss";
+import type { CommandPaletteItem } from "./types";
 export declare const DEFAULT_CATEGORIES: {
     app: string;
     export: string;

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

@@ -1,5 +1,5 @@
-import type { DialogProps } from "./Dialog";
 import "./ConfirmDialog.scss";
+import type { DialogProps } from "./Dialog";
 interface Props extends Omit<DialogProps, "onCloseRequest"> {
     onConfirm: () => void;
     onCancel: () => void;

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

@@ -1,7 +1,7 @@
+import React from "react";
 import "./ContextMenu.scss";
-import type { Action } from "../actions/types";
 import type { ActionManager } from "../actions/manager";
-import React from "react";
+import type { Action } from "../actions/types";
 export type ContextMenuItem = typeof CONTEXT_MENU_SEPARATOR | Action;
 export type ContextMenuItems = (ContextMenuItem | false | null | undefined)[];
 type ContextMenuProps = {

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

@@ -1,5 +1,5 @@
+import type { Theme } from "@excalidraw/element/types";
 import "./ToolIcon.scss";
-import type { Theme } from "../element/types";
 export declare const DarkModeToggle: (props: {
     value: Theme;
     onChange: (value: Theme) => void;

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

@@ -1,6 +1,6 @@
-import type { MarkOptional } from "../utility-types";
-import type { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
+import type { MarkOptional } from "@excalidraw/common/utility-types";
 import "../components/dropdownMenu/DropdownMenu.scss";
+import type { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
 export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
     name: string;
     children: import("react").ReactNode;

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
 import "./DialogActionButton.scss";
+import type { ReactNode } from "react";
 interface DialogActionButtonProps {
     label: string;
     children?: ReactNode;

package/types/excalidraw/{element → components}/ElementCanvasButtons.d.ts

@@ -1,4 +1,4 @@
-import type { ElementsMap, NonDeletedExcalidrawElement } from "./types";
+import type { ElementsMap, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import "./ElementCanvasButtons.scss";
 export declare const ElementCanvasButtons: ({ children, element, elementsMap, }: {
     children: React.ReactNode;

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

@@ -1,6 +1,6 @@
-import type { AppProps, UIAppState } from "../types";
-import type { ElementsMap, ExcalidrawElement } from "../element/types";
+import type { ElementsMap, ExcalidrawElement } from "@excalidraw/element/types";
 import "./ElementLinkDialog.scss";
+import type { AppProps, UIAppState } from "../types";
 declare const ElementLinkDialog: ({ sourceElementId, onClose, elementsMap, appState, generateLinkForSelection, }: {
     sourceElementId: ExcalidrawElement["id"];
     elementsMap: ElementsMap;

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

@@ -1,6 +1,6 @@
+import type { ExcalidrawElement } from "@excalidraw/element/types";
 import "./EyeDropper.scss";
 import type { ColorPickerType } from "./ColorPicker/colorPickerUtils";
-import type { ExcalidrawElement } from "../element/types";
 export type EyeDropperProperties = {
     keepOpenOnAlt: boolean;
     swapPreviewOnAlt?: boolean;

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

@@ -1,5 +1,5 @@
-import "./FixedSideContainer.scss";
 import React from "react";
+import "./FixedSideContainer.scss";
 type FixedSideContainerProps = {
     children: React.ReactNode;
     side: "top" | "left" | "right";

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

@@ -1,5 +1,5 @@
-import type { UserToFollow } from "../../types";
 import "./FollowMode.scss";
+import type { UserToFollow } from "../../types";
 interface FollowModeProps {
     width: number;
     height: number;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FontFamilyValues } from "../../element/types";
+import type { FontFamilyValues } from "@excalidraw/element/types";
 import "./FontPicker.scss";
 export declare const DEFAULT_FONTS: {
     value: number;

package/types/excalidraw/components/FontPicker/FontPickerList.d.ts

@@ -1,8 +1,8 @@
-import type { JSX } from "react";
 import React from "react";
+import { type FontFamilyValues } from "@excalidraw/element/types";
+import type { ValueOf } from "@excalidraw/common/utility-types";
 import { DropDownMenuItemBadgeType } from "../dropdownMenu/DropdownMenuItem";
-import { type FontFamilyValues } from "../../element/types";
-import type { ValueOf } from "../../utility-types";
+import type { JSX } from "react";
 export interface FontDescriptor {
     value: number;
     icon: JSX.Element;

package/types/excalidraw/components/FontPicker/FontPickerTrigger.d.ts

@@ -1,4 +1,4 @@
-import type { FontFamilyValues } from "../../element/types";
+import type { FontFamilyValues } from "@excalidraw/element/types";
 interface FontPickerTriggerProps {
     selectedFontFamily: FontFamilyValues | null;
 }

package/types/excalidraw/components/FontPicker/keyboardNavHandlers.d.ts

@@ -1,4 +1,4 @@
-import type { Node } from "../../utils";
+import type { Node } from "@excalidraw/common";
 import { type FontDescriptor } from "./FontPickerList";
 interface FontPickerKeyNavHandlerProps {
     event: React.KeyboardEvent<HTMLDivElement>;

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

@@ -1,5 +1,5 @@
-import type { AppClassProperties, Device, UIAppState } from "../types";
 import "./HintViewer.scss";
+import type { AppClassProperties, Device, UIAppState } from "../types";
 interface HintViewerProps {
     appState: UIAppState;
     isMobile: boolean;

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

@@ -1,5 +1,5 @@
-import type { JSX } from "react";
 import "./IconPicker.scss";
+import type { JSX } from "react";
 export declare function IconPicker<T>({ value, label, options, onChange, group, numberOfOptionsToAlwaysShow, }: {
     label: string;
     value: T;

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

@@ -1,7 +1,7 @@
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
+import "./ImageExportDialog.scss";
 import type { ActionManager } from "../actions/manager";
 import type { AppClassProperties, BinaryFiles, UIAppState } from "../types";
-import type { NonDeletedExcalidrawElement } from "../element/types";
-import "./ImageExportDialog.scss";
 export declare const ErrorCanvasPreview: () => import("react/jsx-runtime").JSX.Element;
 export declare const ImageExportDialog: ({ elements, appState, files, actionManager, onExportImage, onCloseRequest, name, }: {
     appState: UIAppState;

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

@@ -1,6 +1,6 @@
 import React from "react";
+import type { Theme } from "@excalidraw/element/types";
 import type { Language } from "../i18n";
-import type { Theme } from "../element/types";
 interface Props {
     langCode: Language["code"];
     children: React.ReactElement;

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

@@ -1,5 +1,5 @@
-import "./Island.scss";
 import React from "react";
+import "./Island.scss";
 type IslandProps = {
     children: React.ReactNode;
     padding?: number;

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

@@ -1,8 +1,8 @@
 import React from "react";
-import type { NonDeletedExcalidrawElement } from "../element/types";
-import type { ExportOpts, BinaryFiles, UIAppState } from "../types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import "./ExportDialog.scss";
 import type { ActionManager } from "../actions/manager";
+import type { ExportOpts, BinaryFiles, UIAppState } from "../types";
 export type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;
 export declare const JSONExportDialog: ({ elements, appState, files, actionManager, exportOpts, canvas, setAppState, }: {
     elements: readonly NonDeletedExcalidrawElement[];

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

@@ -1,10 +1,10 @@
 import React from "react";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
+import "./LayerUI.scss";
+import "./Toolbar.scss";
 import type { ActionManager } from "../actions/manager";
-import type { NonDeletedExcalidrawElement } from "../element/types";
 import type { Language } from "../i18n";
 import type { AppProps, AppState, ExcalidrawProps, BinaryFiles, UIAppState, AppClassProperties } from "../types";
-import "./LayerUI.scss";
-import "./Toolbar.scss";
 interface LayerUIProps {
     actionManager: ActionManager;
     appState: UIAppState;

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

@@ -1,5 +1,5 @@
-import type { LibraryItem, UIAppState } from "../types";
 import type Library from "../data/library";
+import type { LibraryItem, UIAppState } from "../types";
 export declare const LibraryDropdownMenuButton: React.FC<{
     setAppState: React.Component<any, UIAppState>["setState"];
     selectedItems: LibraryItem["id"][];

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawProps, LibraryItem, LibraryItems, UIAppState } from "../types";
 import "./LibraryMenuItems.scss";
+import type { ExcalidrawProps, LibraryItem, LibraryItems, UIAppState } from "../types";
 export default function LibraryMenuItems({ isLoading, libraryItems, onAddToLibrary, onInsertLibraryItems, pendingElements, theme, id, libraryReturnUrl, onSelectItems, selectedItems, }: {
     isLoading: boolean;
     libraryItems: LibraryItems;

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

@@ -1,8 +1,8 @@
-import type { ReactNode } from "react";
 import React from "react";
-import type { LibraryItem } from "../types";
-import type { ExcalidrawElement, NonDeleted } from "../element/types";
+import type { ExcalidrawElement, NonDeleted } from "@excalidraw/element/types";
 import type { SvgCache } from "../hooks/useLibraryItemSvg";
+import type { LibraryItem } from "../types";
+import type { ReactNode } from "react";
 type LibraryOrPendingItem = (LibraryItem | /* pending library item */ {
     id: null;
     elements: readonly NonDeleted<ExcalidrawElement>[];

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

@@ -1,9 +1,9 @@
-import type { LibraryItem } from "../types";
 import "./LibraryUnit.scss";
+import type { LibraryItem } from "../types";
 import type { SvgCache } from "../hooks/useLibraryItemSvg";
 export declare const LibraryUnit: import("react").MemoExoticComponent<({ id, elements, isPending, onClick, selected, onToggle, onDrag, svgCache, }: {
     id: LibraryItem["id"] | /** for pending item */ null;
-    elements?: readonly import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | undefined;
+    elements?: readonly import("@excalidraw/element/types").NonDeleted<import("@excalidraw/element/types").ExcalidrawElement>[] | undefined;
     isPending?: boolean | undefined;
     onClick: (id: LibraryItem["id"] | null) => void;
     selected: boolean;

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

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

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

@@ -1,5 +1,5 @@
-import type { JSX } from "react";
 import "./ToolIcon.scss";
+import type { JSX } from "react";
 export declare const ElementCanvasButton: (props: {
     title?: string;
     icon: JSX.Element;

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

@@ -1,8 +1,8 @@
-import type { JSX } from "react";
 import React from "react";
-import type { AppClassProperties, AppProps, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { ActionManager } from "../actions/manager";
-import type { NonDeletedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppProps, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import type { JSX } from "react";
 type MobileMenuProps = {
     appState: UIAppState;
     actionManager: ActionManager;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { UIAppState } from "../types";
 import "./PasteChartDialog.scss";
+import type { UIAppState } from "../types";
 export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
     appState: UIAppState;
     onClose: () => void;

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

@@ -1,5 +1,5 @@
-import React, { type ReactNode } from "react";
 import * as Popover from "@radix-ui/react-popover";
+import React, { type ReactNode } from "react";
 interface PropertiesPopoverProps {
     className?: string;
     container: HTMLDivElement | null;

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

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

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

@@ -1,5 +1,5 @@
-import type { Trail } from "../animated-trail";
 import "./SVGLayer.scss";
+import type { Trail } from "../animated-trail";
 type SVGLayerProps = {
     trails: Trail[];
 };

package/types/excalidraw/components/Sidebar/SidebarTrigger.d.ts

@@ -1,5 +1,5 @@
-import type { SidebarTriggerProps } from "./common";
 import "./SidebarTrigger.scss";
+import type { SidebarTriggerProps } from "./common";
 export declare const SidebarTrigger: {
     ({ name, tab, icon, title, children, onToggle, className, style, }: SidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;