@excalidraw/excalidraw 0.13.0 → 0.14.0

package/types/components/LibraryButton.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { AppState } from "../types";
+import "./LibraryButton.scss";
 export declare const LibraryButton: React.FC<{
     appState: AppState;
     setAppState: React.Component<any, AppState>["setState"];

package/types/components/LibraryMenuBrowseButton.d.ts

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

package/types/components/LibraryMenuHeaderContent.d.ts

@@ -1,6 +1,29 @@
 import React from "react";
 import Library from "../data/library";
 import { AppState, LibraryItem } from "../types";
+export declare const isLibraryMenuOpenAtom: import("jotai").Atom<boolean> & {
+    write: (get: {
+        <Value>(atom: import("jotai").Atom<Value | Promise<Value>>): Value;
+        <Value_1>(atom: import("jotai").Atom<Promise<Value_1>>): Value_1;
+        <Value_2>(atom: import("jotai").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;
+    } & {
+        <Value_3>(atom: import("jotai").Atom<Value_3 | Promise<Value_3>>, options: {
+            unstable_promise: true;
+        }): Value_3 | Promise<Value_3>;
+        <Value_4>(atom: import("jotai").Atom<Promise<Value_4>>, options: {
+            unstable_promise: true;
+        }): Value_4 | Promise<Value_4>;
+        <Value_5>(atom: import("jotai").Atom<Value_5>, options: {
+            unstable_promise: true;
+        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;
+    }, set: {
+        <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
+        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
+    }, update: boolean | ((prev: boolean) => boolean)) => void;
+    onMount?: (<S extends (update: boolean | ((prev: boolean) => boolean)) => void>(setAtom: S) => void | (() => void)) | undefined;
+} & {
+    init: boolean;
+};
 export declare const LibraryMenuHeader: React.FC<{
     setAppState: React.Component<any, AppState>["setState"];
     selectedItems: LibraryItem["id"][];

package/types/components/LibraryMenuItems.d.ts

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

package/types/components/MenuItem.d.ts

@@ -0,0 +1,11 @@
+import "./Menu.scss";
+interface MenuProps {
+    icon: JSX.Element;
+    onClick: () => void;
+    label: string;
+    dataTestId: string;
+    shortcut?: string;
+    isCollaborating?: boolean;
+}
+declare const MenuItem: ({ icon, onClick, label, dataTestId, shortcut, isCollaborating, }: MenuProps) => JSX.Element;
+export default MenuItem;

package/types/components/MenuUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const MenuLinks: () => JSX.Element;
+export declare const Separator: () => JSX.Element;

package/types/components/MobileMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AppState, Device, ExcalidrawProps } from "../types";
+import { AppState, Device, ExcalidrawProps, UIWelcomeScreenComponents } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 declare type MobileMenuProps = {
@@ -9,12 +9,9 @@ declare type MobileMenuProps = {
     renderImageExportDialog: () => React.ReactNode;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
-    onCollabButtonClick?: () => void;
     onLockToggle: () => void;
     onPenModeToggle: () => void;
     canvas: HTMLCanvasElement | null;
-    isCollaborating: boolean;
-    renderCustomFooter?: (isMobile: boolean, appState: AppState) => JSX.Element | null;
     onImageAction: (data: {
         insertOnCanvasDirectly: boolean;
     }) => void;
@@ -22,6 +19,8 @@ declare type MobileMenuProps = {
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderSidebars: () => JSX.Element | null;
     device: Device;
+    renderMenu: () => React.ReactNode;
+    welcomeScreenCenter: UIWelcomeScreenComponents["Center"];
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, renderJSONExportDialog, renderImageExportDialog, setAppState, onCollabButtonClick, onLockToggle, onPenModeToggle, canvas, isCollaborating, renderCustomFooter, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onPenModeToggle, canvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderMenu, welcomeScreenCenter, }: MobileMenuProps) => JSX.Element;
 export {};

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

@@ -44,7 +44,6 @@ export declare const hostSidebarCountersAtom: import("jotai").Atom<{
         docked: number;
     })) => void>(setAtom: S) => void | (() => void)) | undefined;
 } & {
-    /** @private internal */
     init: {
         rendered: number;
         docked: number;
@@ -55,6 +54,7 @@ export declare const Sidebar: import("react").ForwardRefExoticComponent<{
     onClose?: (() => boolean | void) | undefined;
     onDock?: ((docked: boolean) => void) | undefined;
     docked?: boolean | undefined;
+    initialDockedState?: boolean | undefined;
     dockable?: boolean | undefined;
     className?: string | undefined;
 } & {

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

@@ -8,6 +8,7 @@ export declare type SidebarProps<P = {}> = {
     /** if not supplied, sidebar won't be dockable */
     onDock?: (docked: boolean) => void;
     docked?: boolean;
+    initialDockedState?: boolean;
     dockable?: boolean;
     className?: string;
 } & P;

package/types/components/TopErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface TopErrorBoundaryState {
+    hasError: boolean;
+    sentryEventId: string;
+    localStorage: string;
+}
+export declare class TopErrorBoundary extends React.Component<any, TopErrorBoundaryState> {
+    state: TopErrorBoundaryState;
+    render(): any;
+    componentDidCatch(error: Error, errorInfo: any): void;
+    private selectTextArea;
+    private createGithubIssue;
+    private errorSplash;
+}
+export {};

package/types/components/UserList.d.ts

@@ -1,10 +1,8 @@
 import "./UserList.scss";
 import React from "react";
 import { AppState } from "../types";
-import { ActionManager } from "../actions/manager";
 export declare const UserList: React.FC<{
     className?: string;
     mobile?: boolean;
     collaborators: AppState["collaborators"];
-    actionManager: ActionManager;
 }>;

package/types/components/WelcomeScreen.d.ts

@@ -0,0 +1,8 @@
+import { ActionManager } from "../actions/manager";
+import { AppState } from "../types";
+import "./WelcomeScreen.scss";
+declare const WelcomeScreen: ({ appState, actionManager, }: {
+    appState: AppState;
+    actionManager: ActionManager;
+}) => JSX.Element;
+export default WelcomeScreen;

package/types/components/WelcomeScreenDecor.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare const WelcomeScreenDecor: ({ children, shouldRender, }: {
+    children: ReactNode;
+    shouldRender: boolean;
+}) => JSX.Element | null;
+export default WelcomeScreenDecor;

package/types/components/dropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,64 @@
+import React from "react";
+import "./DropdownMenu.scss";
+declare const DropdownMenu: {
+    ({ children, open, }: {
+        children?: React.ReactNode;
+        open: boolean;
+    }): JSX.Element;
+    Trigger: {
+        ({ className, children, onToggle, }: {
+            className?: string | undefined;
+            children: React.ReactNode;
+            onToggle: () => void;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, onClickOutside, className, style, }: {
+            children?: React.ReactNode;
+            onClickOutside?: (() => void) | undefined;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ icon, onSelect, children, shortcut, className, ...rest }: {
+            icon?: JSX.Element | undefined;
+            onSelect: () => void;
+            children: React.ReactNode;
+            shortcut?: string | undefined;
+            className?: string | undefined;
+        } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+        displayName: string;
+    };
+    ItemLink: {
+        ({ icon, shortcut, href, children, className, ...rest }: {
+            icon?: JSX.Element | undefined;
+            children: React.ReactNode;
+            shortcut?: string | undefined;
+            className?: string | undefined;
+            href: string;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        displayName: string;
+    };
+    ItemCustom: ({ children, className, ...rest }: {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+    Group: {
+        ({ children, className, style, title, }: {
+            children: React.ReactNode;
+            className?: string | undefined;
+            style?: React.CSSProperties | undefined;
+            title?: string | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default DropdownMenu;

package/types/components/dropdownMenu/DropdownMenuContent.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const MenuContent: {
+    ({ children, onClickOutside, className, style, }: {
+        children?: React.ReactNode;
+        onClickOutside?: (() => void) | undefined;
+        className?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default MenuContent;

package/types/components/dropdownMenu/DropdownMenuGroup.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const MenuGroup: {
+    ({ children, className, style, title, }: {
+        children: React.ReactNode;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default MenuGroup;

package/types/components/dropdownMenu/DropdownMenuItem.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export declare const getDrodownMenuItemClassName: (className?: string) => string;
+declare const DropdownMenuItem: {
+    ({ icon, onSelect, children, shortcut, className, ...rest }: {
+        icon?: JSX.Element | undefined;
+        onSelect: () => void;
+        children: React.ReactNode;
+        shortcut?: string | undefined;
+        className?: string | undefined;
+    } & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    displayName: string;
+};
+export default DropdownMenuItem;

package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts

@@ -0,0 +1,6 @@
+declare const MenuItemContent: ({ icon, shortcut, children, }: {
+    icon?: JSX.Element | undefined;
+    shortcut?: string | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export default MenuItemContent;

package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const DropdownMenuItemCustom: ({ children, className, ...rest }: {
+    children: React.ReactNode;
+    className?: string | undefined;
+} & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export default DropdownMenuItemCustom;

package/types/components/dropdownMenu/DropdownMenuItemLink.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const DropdownMenuItemLink: {
+    ({ icon, shortcut, href, children, className, ...rest }: {
+        icon?: JSX.Element | undefined;
+        children: React.ReactNode;
+        shortcut?: string | undefined;
+        className?: string | undefined;
+        href: string;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+    displayName: string;
+};
+export default DropdownMenuItemLink;

package/types/components/dropdownMenu/DropdownMenuSeparator.d.ts

@@ -0,0 +1,5 @@
+declare const MenuSeparator: {
+    (): JSX.Element;
+    displayName: string;
+};
+export default MenuSeparator;

package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts

@@ -0,0 +1,9 @@
+declare const MenuTrigger: {
+    ({ className, children, onToggle, }: {
+        className?: string | undefined;
+        children: React.ReactNode;
+        onToggle: () => void;
+    }): JSX.Element;
+    displayName: string;
+};
+export default MenuTrigger;

package/types/components/dropdownMenu/dropdownMenuUtils.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const getMenuTriggerComponent: (children: React.ReactNode) => string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | null;
+export declare const getMenuContentComponent: (children: React.ReactNode) => string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | null;

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

@@ -0,0 +1,13 @@
+import { ActionManager } from "../../actions/manager";
+import { AppState, UIChildrenComponents, UIWelcomeScreenComponents } from "../../types";
+declare const Footer: {
+    ({ appState, actionManager, showExitZenModeBtn, footerCenter, welcomeScreenHelp, }: {
+        appState: AppState;
+        actionManager: ActionManager;
+        showExitZenModeBtn: boolean;
+        footerCenter: UIChildrenComponents["FooterCenter"];
+        welcomeScreenHelp: UIWelcomeScreenComponents["HelpHint"];
+    }): JSX.Element;
+    displayName: string;
+};
+export default Footer;

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

@@ -0,0 +1,8 @@
+import "./FooterCenter.scss";
+declare const FooterCenter: {
+    ({ children }: {
+        children?: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
+export default FooterCenter;

package/types/components/icons.d.ts

@@ -6,68 +6,77 @@ declare type Opts = {
     mirror?: true;
 } & React.SVGProps<SVGSVGElement>;
 export declare const createIcon: (d: string | React.ReactNode, opts?: number | Opts) => JSX.Element;
+export declare const PlusPromoIcon: JSX.Element;
+export declare const LibraryIcon: JSX.Element;
+export declare const PlusIcon: JSX.Element;
+export declare const DotsIcon: JSX.Element;
+export declare const PinIcon: JSX.Element;
+export declare const UnlockedIcon: JSX.Element;
+export declare const LockedIcon: JSX.Element;
+export declare const WelcomeScreenMenuArrow: JSX.Element;
+export declare const WelcomeScreenHelpArrow: JSX.Element;
+export declare const WelcomeScreenTopToolbarArrow: JSX.Element;
+export declare const ExcalLogo: JSX.Element;
+export declare const SelectionIcon: JSX.Element;
+export declare const RectangleIcon: JSX.Element;
+export declare const DiamondIcon: JSX.Element;
+export declare const EllipseIcon: JSX.Element;
+export declare const ArrowIcon: JSX.Element;
+export declare const LineIcon: JSX.Element;
+export declare const PenModeIcon: JSX.Element;
+export declare const FreedrawIcon: JSX.Element;
+export declare const TextIcon: JSX.Element;
+export declare const ImageIcon: JSX.Element;
+export declare const EraserIcon: JSX.Element;
+export declare const ZoomInIcon: JSX.Element;
+export declare const ZoomOutIcon: JSX.Element;
+export declare const TrashIcon: JSX.Element;
+export declare const DuplicateIcon: JSX.Element;
+export declare const MoonIcon: JSX.Element;
+export declare const SunIcon: JSX.Element;
+export declare const HamburgerMenuIcon: JSX.Element;
+export declare const ExportIcon: JSX.Element;
+export declare const HelpIcon: JSX.Element;
+export declare const ExternalLinkIcon: JSX.Element;
+export declare const GithubIcon: JSX.Element;
+export declare const DiscordIcon: JSX.Element;
+export declare const TwitterIcon: JSX.Element;
 export declare const checkIcon: JSX.Element;
-export declare const link: JSX.Element;
+export declare const LinkIcon: JSX.Element;
 export declare const save: JSX.Element;
 export declare const saveAs: JSX.Element;
-export declare const load: JSX.Element;
+export declare const LoadIcon: JSX.Element;
 export declare const clipboard: JSX.Element;
-export declare const trash: JSX.Element;
 export declare const palette: JSX.Element;
-export declare const exportFile: JSX.Element;
-export declare const exportImage: JSX.Element;
+export declare const ExportImageIcon: JSX.Element;
 export declare const exportToFileIcon: JSX.Element;
 export declare const zoomIn: JSX.Element;
 export declare const zoomOut: JSX.Element;
 export declare const done: JSX.Element;
 export declare const menu: JSX.Element;
-export declare const undo: JSX.Element;
-export declare const redo: JSX.Element;
+export declare const UndoIcon: JSX.Element;
+export declare const RedoIcon: JSX.Element;
 export declare const questionCircle: JSX.Element;
 export declare const share: JSX.Element;
 export declare const shareIOS: JSX.Element;
 export declare const shareWindows: JSX.Element;
 export declare const resetZoom: JSX.Element;
-export declare const BringForwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendBackwardIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const BringToFrontIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SendToBackIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignTopIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignBottomIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const AlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const DistributeVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterVerticallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const CenterHorizontallyIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const users: JSX.Element;
+export declare const BringForwardIcon: JSX.Element;
+export declare const SendBackwardIcon: JSX.Element;
+export declare const BringToFrontIcon: JSX.Element;
+export declare const SendToBackIcon: JSX.Element;
+export declare const AlignTopIcon: JSX.Element;
+export declare const AlignBottomIcon: JSX.Element;
+export declare const AlignLeftIcon: JSX.Element;
+export declare const AlignRightIcon: JSX.Element;
+export declare const DistributeHorizontallyIcon: JSX.Element;
+export declare const DistributeVerticallyIcon: JSX.Element;
+export declare const CenterVerticallyIcon: JSX.Element;
+export declare const CenterHorizontallyIcon: JSX.Element;
+export declare const usersIcon: JSX.Element;
 export declare const start: JSX.Element;
 export declare const stop: JSX.Element;
-export declare const close: JSX.Element;
+export declare const CloseIcon: JSX.Element;
 export declare const back: JSX.Element;
 export declare const clone: JSX.Element;
 export declare const shield: JSX.Element;
@@ -78,92 +87,44 @@ export declare const GroupIcon: React.MemoExoticComponent<({ theme }: {
 export declare const UngroupIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
-export declare const FillHachureIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillCrossHatchIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FillSolidIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeWidthIcon: React.MemoExoticComponent<({ theme, strokeWidth }: {
-    theme: Theme;
-    strokeWidth: number;
-}) => JSX.Element>;
+export declare const FillHachureIcon: JSX.Element;
+export declare const FillCrossHatchIcon: JSX.Element;
+export declare const FillSolidIcon: JSX.Element;
+export declare const StrokeWidthBaseIcon: JSX.Element;
+export declare const StrokeWidthBoldIcon: JSX.Element;
+export declare const StrokeWidthExtraBoldIcon: JSX.Element;
 export declare const StrokeStyleSolidIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
-export declare const StrokeStyleDashedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const StrokeStyleDottedIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArchitectIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessArtistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const SloppinessCartoonistIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeSharpIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const EdgeRoundIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadNoneIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const StrokeStyleDashedIcon: JSX.Element;
+export declare const StrokeStyleDottedIcon: JSX.Element;
+export declare const SloppinessArchitectIcon: JSX.Element;
+export declare const SloppinessArtistIcon: JSX.Element;
+export declare const SloppinessCartoonistIcon: JSX.Element;
+export declare const EdgeSharpIcon: JSX.Element;
+export declare const EdgeRoundIcon: JSX.Element;
+export declare const ArrowheadNoneIcon: JSX.Element;
+export declare const ArrowheadArrowIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadDotIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadBarIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ theme, flip }: {
-    theme: Theme;
+export declare const ArrowheadTriangleIcon: React.MemoExoticComponent<({ flip }: {
     flip?: boolean | undefined;
 }) => JSX.Element>;
-export declare const FontSizeSmallIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeMediumIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontSizeExtraLargeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyHandDrawnIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyNormalIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const FontFamilyCodeIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignLeftIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignCenterIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
-export declare const TextAlignRightIcon: React.MemoExoticComponent<({ theme }: {
-    theme: Theme;
-}) => JSX.Element>;
+export declare const FontSizeSmallIcon: JSX.Element;
+export declare const FontSizeMediumIcon: JSX.Element;
+export declare const FontSizeLargeIcon: JSX.Element;
+export declare const FontSizeExtraLargeIcon: JSX.Element;
+export declare const FontFamilyNormalIcon: JSX.Element;
+export declare const FontFamilyCodeIcon: JSX.Element;
+export declare const TextAlignLeftIcon: JSX.Element;
+export declare const TextAlignCenterIcon: JSX.Element;
+export declare const TextAlignRightIcon: JSX.Element;
 export declare const TextAlignTopIcon: React.MemoExoticComponent<({ theme }: {
     theme: Theme;
 }) => JSX.Element>;
@@ -174,6 +135,5 @@ export declare const TextAlignMiddleIcon: React.MemoExoticComponent<({ theme }:
     theme: Theme;
 }) => JSX.Element>;
 export declare const publishIcon: JSX.Element;
-export declare const editIcon: JSX.Element;
 export declare const eraser: JSX.Element;
 export {};

package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./LiveCollaborationTrigger.scss";
+declare const LiveCollaborationTrigger: {
+    ({ isCollaborating, onSelect, ...rest }: {
+        isCollaborating: boolean;
+        onSelect: () => void;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    displayName: string;
+};
+export default LiveCollaborationTrigger;