@zsviczian/excalidraw 0.14.2-obsidian-4 → 0.14.2-obsidian-5

package/types/components/App.d.ts

@@ -1,248 +1,248 @@
-import React from "react";
-import { RoughCanvas } from "roughjs/bin/canvas";
-import { ActionManager } from "../actions/manager";
-import { RestoredDataState } from "../data/restore";
-import { LinearElementEditor } from "../element/linearElementEditor";
-import { ExcalidrawElement, ExcalidrawLinearElement, NonDeletedExcalidrawElement } from "../element/types";
-import History from "../history";
-import Scene from "../scene/Scene";
-import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device } from "../types";
-import { FileSystemHandle } from "../data/filesystem";
-import { ImportedDataState } from "../data/types";
-export declare let showFourthFont: boolean;
-export declare const ExcalidrawContainerContext: React.Context<{
-    container: HTMLDivElement | null;
-    id: string | null;
-}>;
-export declare const useDevice: () => Readonly<{
-    isSmScreen: boolean;
-    isMobile: boolean;
-    isTouchScreen: boolean;
-    canDeviceFitSidebar: boolean;
-}>;
-export declare const useExcalidrawContainer: () => {
-    container: HTMLDivElement | null;
-    id: string | null;
-};
-export declare const useExcalidrawElements: () => readonly NonDeletedExcalidrawElement[];
-export declare const useExcalidrawAppState: () => AppState;
-export declare const useExcalidrawSetAppState: () => <K extends keyof AppState>(state: AppState | ((prevState: Readonly<AppState>, props: Readonly<any>) => AppState | Pick<AppState, K> | null) | Pick<AppState, K> | null, callback?: (() => void) | undefined) => void;
-export declare const useExcalidrawActionManager: () => ActionManager;
-declare class App extends React.Component<AppProps, AppState> {
-    canvas: AppClassProperties["canvas"];
-    rc: RoughCanvas | null;
-    unmounted: boolean;
-    actionManager: ActionManager;
-    device: Device;
-    detachIsMobileMqHandler?: () => void;
-    private excalidrawContainerRef;
-    static defaultProps: Partial<AppProps>;
-    scene: Scene;
-    private fonts;
-    private resizeObserver;
-    private nearestScrollableContainer;
-    library: AppClassProperties["library"];
-    libraryItemsFromStorage: LibraryItems | undefined;
-    private id;
-    private history;
-    private excalidrawContainerValue;
-    files: BinaryFiles;
-    imageCache: AppClassProperties["imageCache"];
-    hitLinkElement?: NonDeletedExcalidrawElement;
-    lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null;
-    lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null;
-    lastScenePointer: {
-        x: number;
-        y: number;
-    } | null;
-    allowMobileMode: boolean;
-    constructor(props: AppProps);
-    private renderCanvas;
-    render(): JSX.Element;
-    focusContainer: AppClassProperties["focusContainer"];
-    getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
-    getSceneElements: () => readonly NonDeletedExcalidrawElement[];
-    private syncActionResult;
-    private onBlur;
-    private onUnload;
-    private disableEvent;
-    private resetHistory;
-    /**
-     * Resets scene & history.
-     * ! Do not use to clear scene user action !
-     */
-    private resetScene;
-    private initializeScene;
-    private refreshDeviceState;
-    componentDidMount(): Promise<void>;
-    componentWillUnmount(): void;
-    private onResize;
-    private removeEventListeners;
-    private addEventListeners;
-    componentDidUpdate(prevProps: AppProps, prevState: AppState): void;
-    private renderScene;
-    private onScroll;
-    private onCut;
-    private onCopy;
-    private cutAll;
-    private copyAll;
-    private static resetTapTwice;
-    private onTapStart;
-    private onTapEnd;
-    pasteFromClipboard: (event: ClipboardEvent | null) => Promise<void>;
-    private addElementsFromPasteOrLibrary;
-    private addTextFromPaste;
-    setAppState: React.Component<any, AppState>["setState"];
-    removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;
-    toggleLock: (source?: "keyboard" | "ui") => void;
-    togglePenMode: () => void;
-    onHandToolToggle: () => void;
-    /**
-     * Zooms on canvas viewport center
-     */
-    zoomCanvas: (value: number) => void;
-    private cancelInProgresAnimation;
-    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: {
-        fitToContent?: boolean;
-        animate?: boolean;
-        duration?: number;
-    }) => void;
-    /** use when changing scrollX/scrollY/zoom based on user interaction */
-    private translateCanvas;
-    zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
-    startLineEditor: (el: ExcalidrawLinearElement, selectedPointsIndices?: number[] | null) => void;
-    updateContainerSize: (containers: NonDeletedExcalidrawElement[]) => void;
-    restore: (data: ImportedDataState) => RestoredDataState;
-    setToast: (toast: {
-        message: string;
-        closable?: boolean;
-        duration?: number;
-    } | null) => void;
-    restoreFileFromShare: () => Promise<void>;
-    /** adds supplied files to existing files in the appState */
-    addFiles: ExcalidrawImperativeAPI["addFiles"];
-    setMobileModeAllowed: ExcalidrawImperativeAPI["setMobileModeAllowed"];
-    setLocalFont: ExcalidrawImperativeAPI["setLocalFont"];
-    selectElements: ExcalidrawImperativeAPI["selectElements"];
-    bringToFront: ExcalidrawImperativeAPI["bringToFront"];
-    bringForward: ExcalidrawImperativeAPI["bringForward"];
-    sendToBack: ExcalidrawImperativeAPI["sendToBack"];
-    sendBackward: ExcalidrawImperativeAPI["sendBackward"];
-    updateScene: <K extends keyof AppState>(sceneData: {
-        elements?: SceneData["elements"];
-        appState?: Pick<AppState, K> | null | undefined;
-        collaborators?: SceneData["collaborators"];
-        commitToHistory?: SceneData["commitToHistory"];
-    }) => void;
-    private onSceneUpdated;
-    /**
-     * @returns whether the menu was toggled on or off
-     */
-    toggleMenu: (type: "library" | "customSidebar", force?: boolean) => boolean;
-    private updateCurrentCursorPosition;
-    private onKeyDown;
-    private onWheel;
-    private onKeyUp;
-    private setActiveTool;
-    private setCursor;
-    private resetCursor;
-    /**
-     * returns whether user is making a gesture with >= 2 fingers (points)
-     * on o touch screen (not on a trackpad). Currently only relates to Darwin
-     * (iOS/iPadOS,MacOS), but may work on other devices in the future if
-     * GestureEvent is standardized.
-     */
-    private isTouchScreenMultiTouchGesture;
-    private onGestureStart;
-    private onGestureChange;
-    private onGestureEnd;
-    private handleTextWysiwyg;
-    private deselectElements;
-    private getTextElementAtPosition;
-    private getElementAtPosition;
-    private getElementsAtPosition;
-    private startTextEditing;
-    private handleCanvasDoubleClick;
-    private getElementLinkAtPosition;
-    private redirectToLink;
-    private handleCanvasPointerMove;
-    private handleEraser;
-    private handleTouchMove;
-    handleHoverSelectedLinearElement(linearElementEditor: LinearElementEditor, scenePointerX: number, scenePointerY: number): void;
-    private handleCanvasPointerDown;
-    private handleCanvasPointerUp;
-    private maybeOpenContextMenuAfterPointerDownOnTouchDevices;
-    private resetContextMenuTimer;
-    private maybeCleanupAfterMissingPointerUp;
-    private handleCanvasPanUsingWheelOrSpaceDrag;
-    private updateGestureOnPointerDown;
-    private initialPointerDownState;
-    private handleDraggingScrollBar;
-    private clearSelectionIfNotUsingSelection;
-    /**
-     * @returns whether the pointer event has been completely handled
-     */
-    private handleSelectionOnPointerDown;
-    private isASelectedElement;
-    private isHittingCommonBoundingBoxOfSelectedElements;
-    private handleTextOnPointerDown;
-    private handleFreeDrawElementOnPointerDown;
-    private createImageElement;
-    private handleLinearElementOnPointerDown;
-    private createGenericElementOnPointerDown;
-    private onKeyDownFromPointerDownHandler;
-    private onKeyUpFromPointerDownHandler;
-    private onPointerMoveFromPointerDownHandler;
-    private handlePointerMoveOverScrollbars;
-    private onPointerUpFromPointerDownHandler;
-    private restoreReadyToEraseElements;
-    private eraseElements;
-    private initializeImage;
-    /**
-     * inserts image into elements array and rerenders
-     */
-    private insertImageElement;
-    private setImagePreviewCursor;
-    private onImageAction;
-    private initializeImageDimensions;
-    /** updates image cache, refreshing updated elements and/or setting status
-        to error for images that fail during <img> element creation */
-    private updateImageCache;
-    /** adds new images to imageCache and re-renders if needed */
-    private addNewImagesToImageCache;
-    /** generally you should use `addNewImagesToImageCache()` directly if you need
-     *  to render new images. This is just a failsafe  */
-    private scheduleImageRefresh;
-    private updateBindingEnabledOnPointerMove;
-    private maybeSuggestBindingAtCursor;
-    private maybeSuggestBindingsForLinearElementAtCoords;
-    private maybeSuggestBindingForAll;
-    private clearSelection;
-    private handleCanvasRef;
-    private handleAppOnDrop;
-    loadFileToCanvas: (file: File, fileHandle: FileSystemHandle | null) => Promise<void>;
-    private handleCanvasContextMenu;
-    private maybeDragNewGenericElement;
-    private maybeHandleResize;
-    private getContextMenuItems;
-    private handleWheel;
-    private getTextWysiwygSnappedToCenterPosition;
-    private savePointer;
-    private resetShouldCacheIgnoreZoomDebounced;
-    private updateDOMRect;
-    refresh: () => void;
-    private getCanvasOffsets;
-    private updateLanguage;
-}
-declare global {
-    interface Window {
-        h: {
-            elements: readonly ExcalidrawElement[];
-            state: AppState;
-            setState: React.Component<any, AppState>["setState"];
-            app: InstanceType<typeof App>;
-            history: History;
-        };
-    }
-}
-export default App;
+import React from "react";
+import { RoughCanvas } from "roughjs/bin/canvas";
+import { ActionManager } from "../actions/manager";
+import { RestoredDataState } from "../data/restore";
+import { LinearElementEditor } from "../element/linearElementEditor";
+import { ExcalidrawElement, ExcalidrawLinearElement, NonDeletedExcalidrawElement } from "../element/types";
+import History from "../history";
+import Scene from "../scene/Scene";
+import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device } from "../types";
+import { FileSystemHandle } from "../data/filesystem";
+import { ImportedDataState } from "../data/types";
+export declare let showFourthFont: boolean;
+export declare const ExcalidrawContainerContext: React.Context<{
+    container: HTMLDivElement | null;
+    id: string | null;
+}>;
+export declare const useDevice: () => Readonly<{
+    isSmScreen: boolean;
+    isMobile: boolean;
+    isTouchScreen: boolean;
+    canDeviceFitSidebar: boolean;
+}>;
+export declare const useExcalidrawContainer: () => {
+    container: HTMLDivElement | null;
+    id: string | null;
+};
+export declare const useExcalidrawElements: () => readonly NonDeletedExcalidrawElement[];
+export declare const useExcalidrawAppState: () => AppState;
+export declare const useExcalidrawSetAppState: () => <K extends keyof AppState>(state: AppState | ((prevState: Readonly<AppState>, props: Readonly<any>) => AppState | Pick<AppState, K> | null) | Pick<AppState, K> | null, callback?: (() => void) | undefined) => void;
+export declare const useExcalidrawActionManager: () => ActionManager;
+declare class App extends React.Component<AppProps, AppState> {
+    canvas: AppClassProperties["canvas"];
+    rc: RoughCanvas | null;
+    unmounted: boolean;
+    actionManager: ActionManager;
+    device: Device;
+    detachIsMobileMqHandler?: () => void;
+    private excalidrawContainerRef;
+    static defaultProps: Partial<AppProps>;
+    scene: Scene;
+    private fonts;
+    private resizeObserver;
+    private nearestScrollableContainer;
+    library: AppClassProperties["library"];
+    libraryItemsFromStorage: LibraryItems | undefined;
+    private id;
+    private history;
+    private excalidrawContainerValue;
+    files: BinaryFiles;
+    imageCache: AppClassProperties["imageCache"];
+    hitLinkElement?: NonDeletedExcalidrawElement;
+    lastPointerDown: React.PointerEvent<HTMLCanvasElement> | null;
+    lastPointerUp: React.PointerEvent<HTMLElement> | PointerEvent | null;
+    lastScenePointer: {
+        x: number;
+        y: number;
+    } | null;
+    allowMobileMode: boolean;
+    constructor(props: AppProps);
+    private renderCanvas;
+    render(): JSX.Element;
+    focusContainer: AppClassProperties["focusContainer"];
+    getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
+    getSceneElements: () => readonly NonDeletedExcalidrawElement[];
+    private syncActionResult;
+    private onBlur;
+    private onUnload;
+    private disableEvent;
+    private resetHistory;
+    /**
+     * Resets scene & history.
+     * ! Do not use to clear scene user action !
+     */
+    private resetScene;
+    private initializeScene;
+    private refreshDeviceState;
+    componentDidMount(): Promise<void>;
+    componentWillUnmount(): void;
+    private onResize;
+    private removeEventListeners;
+    private addEventListeners;
+    componentDidUpdate(prevProps: AppProps, prevState: AppState): void;
+    private renderScene;
+    private onScroll;
+    private onCut;
+    private onCopy;
+    private cutAll;
+    private copyAll;
+    private static resetTapTwice;
+    private onTapStart;
+    private onTapEnd;
+    pasteFromClipboard: (event: ClipboardEvent | null) => Promise<void>;
+    private addElementsFromPasteOrLibrary;
+    private addTextFromPaste;
+    setAppState: React.Component<any, AppState>["setState"];
+    removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;
+    toggleLock: (source?: "keyboard" | "ui") => void;
+    togglePenMode: () => void;
+    onHandToolToggle: () => void;
+    /**
+     * Zooms on canvas viewport center
+     */
+    zoomCanvas: (value: number) => void;
+    private cancelInProgresAnimation;
+    scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: {
+        fitToContent?: boolean;
+        animate?: boolean;
+        duration?: number;
+    }) => void;
+    /** use when changing scrollX/scrollY/zoom based on user interaction */
+    private translateCanvas;
+    zoomToFit: (target?: readonly ExcalidrawElement[], maxZoom?: number, margin?: number) => void;
+    startLineEditor: (el: ExcalidrawLinearElement, selectedPointsIndices?: number[] | null) => void;
+    updateContainerSize: (containers: NonDeletedExcalidrawElement[]) => void;
+    restore: (data: ImportedDataState) => RestoredDataState;
+    setToast: (toast: {
+        message: string;
+        closable?: boolean;
+        duration?: number;
+    } | null) => void;
+    restoreFileFromShare: () => Promise<void>;
+    /** adds supplied files to existing files in the appState */
+    addFiles: ExcalidrawImperativeAPI["addFiles"];
+    setMobileModeAllowed: ExcalidrawImperativeAPI["setMobileModeAllowed"];
+    setLocalFont: ExcalidrawImperativeAPI["setLocalFont"];
+    selectElements: ExcalidrawImperativeAPI["selectElements"];
+    bringToFront: ExcalidrawImperativeAPI["bringToFront"];
+    bringForward: ExcalidrawImperativeAPI["bringForward"];
+    sendToBack: ExcalidrawImperativeAPI["sendToBack"];
+    sendBackward: ExcalidrawImperativeAPI["sendBackward"];
+    updateScene: <K extends keyof AppState>(sceneData: {
+        elements?: SceneData["elements"];
+        appState?: Pick<AppState, K> | null | undefined;
+        collaborators?: SceneData["collaborators"];
+        commitToHistory?: SceneData["commitToHistory"];
+    }) => void;
+    private onSceneUpdated;
+    /**
+     * @returns whether the menu was toggled on or off
+     */
+    toggleMenu: (type: "library" | "customSidebar", force?: boolean) => boolean;
+    private updateCurrentCursorPosition;
+    private onKeyDown;
+    private onWheel;
+    private onKeyUp;
+    private setActiveTool;
+    private setCursor;
+    private resetCursor;
+    /**
+     * returns whether user is making a gesture with >= 2 fingers (points)
+     * on o touch screen (not on a trackpad). Currently only relates to Darwin
+     * (iOS/iPadOS,MacOS), but may work on other devices in the future if
+     * GestureEvent is standardized.
+     */
+    private isTouchScreenMultiTouchGesture;
+    private onGestureStart;
+    private onGestureChange;
+    private onGestureEnd;
+    private handleTextWysiwyg;
+    private deselectElements;
+    private getTextElementAtPosition;
+    private getElementAtPosition;
+    private getElementsAtPosition;
+    private startTextEditing;
+    private handleCanvasDoubleClick;
+    private getElementLinkAtPosition;
+    private redirectToLink;
+    private handleCanvasPointerMove;
+    private handleEraser;
+    private handleTouchMove;
+    handleHoverSelectedLinearElement(linearElementEditor: LinearElementEditor, scenePointerX: number, scenePointerY: number): void;
+    private handleCanvasPointerDown;
+    private handleCanvasPointerUp;
+    private maybeOpenContextMenuAfterPointerDownOnTouchDevices;
+    private resetContextMenuTimer;
+    private maybeCleanupAfterMissingPointerUp;
+    private handleCanvasPanUsingWheelOrSpaceDrag;
+    private updateGestureOnPointerDown;
+    private initialPointerDownState;
+    private handleDraggingScrollBar;
+    private clearSelectionIfNotUsingSelection;
+    /**
+     * @returns whether the pointer event has been completely handled
+     */
+    private handleSelectionOnPointerDown;
+    private isASelectedElement;
+    private isHittingCommonBoundingBoxOfSelectedElements;
+    private handleTextOnPointerDown;
+    private handleFreeDrawElementOnPointerDown;
+    private createImageElement;
+    private handleLinearElementOnPointerDown;
+    private createGenericElementOnPointerDown;
+    private onKeyDownFromPointerDownHandler;
+    private onKeyUpFromPointerDownHandler;
+    private onPointerMoveFromPointerDownHandler;
+    private handlePointerMoveOverScrollbars;
+    private onPointerUpFromPointerDownHandler;
+    private restoreReadyToEraseElements;
+    private eraseElements;
+    private initializeImage;
+    /**
+     * inserts image into elements array and rerenders
+     */
+    private insertImageElement;
+    private setImagePreviewCursor;
+    private onImageAction;
+    private initializeImageDimensions;
+    /** updates image cache, refreshing updated elements and/or setting status
+        to error for images that fail during <img> element creation */
+    private updateImageCache;
+    /** adds new images to imageCache and re-renders if needed */
+    private addNewImagesToImageCache;
+    /** generally you should use `addNewImagesToImageCache()` directly if you need
+     *  to render new images. This is just a failsafe  */
+    private scheduleImageRefresh;
+    private updateBindingEnabledOnPointerMove;
+    private maybeSuggestBindingAtCursor;
+    private maybeSuggestBindingsForLinearElementAtCoords;
+    private maybeSuggestBindingForAll;
+    private clearSelection;
+    private handleCanvasRef;
+    private handleAppOnDrop;
+    loadFileToCanvas: (file: File, fileHandle: FileSystemHandle | null) => Promise<void>;
+    private handleCanvasContextMenu;
+    private maybeDragNewGenericElement;
+    private maybeHandleResize;
+    private getContextMenuItems;
+    private handleWheel;
+    private getTextWysiwygSnappedToCenterPosition;
+    private savePointer;
+    private resetShouldCacheIgnoreZoomDebounced;
+    private updateDOMRect;
+    refresh: () => void;
+    private getCanvasOffsets;
+    private updateLanguage;
+}
+declare global {
+    interface Window {
+        h: {
+            elements: readonly ExcalidrawElement[];
+            state: AppState;
+            setState: React.Component<any, AppState>["setState"];
+            app: InstanceType<typeof App>;
+            history: History;
+        };
+    }
+}
+export default App;

package/types/components/Avatar.d.ts

@@ -1,11 +1,11 @@
-import "./Avatar.scss";
-import React from "react";
-declare type AvatarProps = {
-    onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    color: string;
-    border: string;
-    name: string;
-    src?: string;
-};
-export declare const Avatar: ({ color, onClick, name, src }: AvatarProps) => JSX.Element;
-export {};
+import "./Avatar.scss";
+import React from "react";
+declare type AvatarProps = {
+    onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    color: string;
+    border: string;
+    name: string;
+    src?: string;
+};
+export declare const Avatar: ({ color, onClick, name, src }: AvatarProps) => JSX.Element;
+export {};

package/types/components/BackgroundPickerAndDarkModeToggle.d.ts

@@ -0,0 +1,4 @@
+import { ActionManager } from "../actions/manager";
+export declare const BackgroundPickerAndDarkModeToggle: ({ actionManager, }: {
+    actionManager: ActionManager;
+}) => JSX.Element;

package/types/components/BraveMeasureTextError.d.ts

@@ -1,2 +1,2 @@
-declare const BraveMeasureTextError: () => JSX.Element;
-export default BraveMeasureTextError;
+declare const BraveMeasureTextError: () => JSX.Element;
+export default BraveMeasureTextError;

package/types/components/Button.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import "./Button.scss";
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    type?: "button" | "submit" | "reset";
-    onSelect: () => any;
-    children: React.ReactNode;
-    className?: string;
-}
-/**
- * A generic button component that follows Excalidraw's design system.
- * Style can be customised using `className` or `style` prop.
- * Accepts all props that a regular `button` element accepts.
- */
-export declare const Button: ({ type, onSelect, children, className, ...rest }: ButtonProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+import "./Button.scss";
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    type?: "button" | "submit" | "reset";
+    onSelect: () => any;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * A generic button component that follows Excalidraw's design system.
+ * Style can be customised using `className` or `style` prop.
+ * Accepts all props that a regular `button` element accepts.
+ */
+export declare const Button: ({ type, onSelect, children, className, ...rest }: ButtonProps) => JSX.Element;
+export {};

package/types/components/ButtonIconSelect.d.ts

@@ -1,11 +1,19 @@
-export declare const ButtonIconSelect: <T extends Object>({ options, value, onChange, group, }: {
-    options: {
-        value: T;
-        text: string;
-        icon: JSX.Element;
-        testId?: string | undefined;
-    }[];
-    value: T | null;
-    onChange: (value: T) => void;
-    group: string;
-}) => JSX.Element;
+export declare const ButtonIconSelect: <T extends Object>(props: {
+    options: {
+        value: T;
+        text: string;
+        icon: JSX.Element;
+        testId?: string | undefined;
+        /** if not supplied, defaults to value identity check */
+        active?: boolean | undefined;
+    }[];
+    value: T | null;
+    type?: "button" | "radio" | undefined;
+} & ({
+    type?: "radio" | undefined;
+    group: string;
+    onChange: (value: T) => void;
+} | {
+    type: "button";
+    onClick: (value: T, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+})) => JSX.Element;

package/types/components/Card.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import OpenColor from "open-color";
-import "./Card.scss";
-export declare const Card: React.FC<{
-    color: keyof OpenColor | "primary";
-    children?: React.ReactNode;
-}>;
+/// <reference types="react" />
+import OpenColor from "open-color";
+import "./Card.scss";
+export declare const Card: React.FC<{
+    color: keyof OpenColor | "primary";
+    children?: React.ReactNode;
+}>;

package/types/components/CheckboxItem.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import "./CheckboxItem.scss";
-export declare const CheckboxItem: React.FC<{
-    checked: boolean;
-    onChange: (checked: boolean, event: React.MouseEvent) => void;
-    className?: string;
-    children?: React.ReactNode;
-}>;
+import React from "react";
+import "./CheckboxItem.scss";
+export declare const CheckboxItem: React.FC<{
+    checked: boolean;
+    onChange: (checked: boolean, event: React.MouseEvent) => void;
+    className?: string;
+    children?: React.ReactNode;
+}>;

package/types/components/ClearCanvas.d.ts

@@ -0,0 +1,4 @@
+declare const ClearCanvas: ({ onConfirm }: {
+    onConfirm: () => void;
+}) => JSX.Element;
+export default ClearCanvas;

package/types/components/CollabButton.d.ts

@@ -0,0 +1,7 @@
+import "./CollabButton.scss";
+declare const CollabButton: ({ isCollaborating, collaboratorCount, onClick, }: {
+    isCollaborating: boolean;
+    collaboratorCount: number;
+    onClick: () => void;
+}) => JSX.Element;
+export default CollabButton;