@excalidraw/excalidraw 0.12.0-f1fd295 → 0.12.0-f4b1a30

package/types/actions/actionProperties.d.ts

@@ -5,7 +5,7 @@ export declare const actionChangeStrokeColor: {
     name: "changeStrokeColor";
     trackEvent: false;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -13,7 +13,7 @@ export declare const actionChangeBackgroundColor: {
     name: "changeBackgroundColor";
     trackEvent: false;
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -119,10 +119,11 @@ export declare const actionChangeFillStyle: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -228,10 +229,11 @@ export declare const actionChangeStrokeWidth: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -337,10 +339,11 @@ export declare const actionChangeSloppiness: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -446,10 +449,11 @@ export declare const actionChangeStrokeStyle: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -555,10 +559,11 @@ export declare const actionChangeOpacity: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -664,10 +669,11 @@ export declare const actionChangeFontSize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -773,6 +779,7 @@ export declare const actionDecreaseFontSize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -882,6 +889,7 @@ export declare const actionIncreaseFontSize: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: boolean;
     };
@@ -991,10 +999,11 @@ export declare const actionChangeFontFamily: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1100,10 +1109,11 @@ export declare const actionChangeTextAlign: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1211,10 +1221,11 @@ export declare const actionChangeVerticalAlign: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1320,10 +1331,11 @@ export declare const actionChangeSharpness: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -1432,10 +1444,11 @@ export declare const actionChangeArrowhead: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

package/types/actions/actionSelectAll.d.ts

@@ -5,7 +5,7 @@ export declare const actionSelectAll: {
     trackEvent: {
         category: "canvas";
     };
-    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
+    perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: any, app: import("../types").AppClassProperties) => false | {
         appState: import("../types").AppState;
         commitToHistory: true;
     };

package/types/actions/actionStyles.d.ts

@@ -101,6 +101,7 @@ export declare const actionCopyStyles: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleGridMode.d.ts

@@ -104,6 +104,7 @@ export declare const actionToggleGridMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleLock.d.ts

@@ -7,7 +7,105 @@ export declare const actionToggleLock: {
     };
     perform: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => false | {
         elements: ExcalidrawElement[];
-        appState: Readonly<import("../types").AppState>;
+        appState: {
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            isLoading: boolean;
+            errorMessage: string | null;
+            draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
+            selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            isBindingEnabled: boolean;
+            startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
+            suggestedBindings: import("../element/binding").SuggestedBinding[];
+            editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
+            editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
+            activeTool: {
+                type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
+                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                locked: boolean;
+                customType: null;
+            } | {
+                type: "custom";
+                customType: string;
+                lastActiveToolBeforeEraser: import("../types").LastActiveToolBeforeEraser;
+                locked: boolean;
+            };
+            penMode: boolean;
+            penDetected: boolean;
+            exportBackground: boolean;
+            exportEmbedScene: boolean;
+            exportWithDarkMode: boolean;
+            exportScale: number;
+            currentItemStrokeColor: string;
+            currentItemBackgroundColor: string;
+            currentItemFillStyle: import("../element/types").FillStyle;
+            currentItemStrokeWidth: number;
+            currentItemStrokeStyle: import("../element/types").StrokeStyle;
+            currentItemRoughness: number;
+            currentItemOpacity: number;
+            currentItemFontFamily: number;
+            currentItemFontSize: number;
+            currentItemTextAlign: import("../element/types").TextAlign;
+            currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
+            currentItemStartArrowhead: import("../element/types").Arrowhead | null;
+            currentItemEndArrowhead: import("../element/types").Arrowhead | null;
+            currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
+            viewBackgroundColor: string;
+            scrollX: number;
+            scrollY: number;
+            cursorButton: "up" | "down";
+            scrolledOutside: boolean;
+            name: string;
+            isResizing: boolean;
+            isRotating: boolean;
+            zoom: Readonly<{
+                value: import("../types").NormalizedZoomValue;
+            }>;
+            openMenu: "canvas" | "shape" | null;
+            openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
+            lastPointerDownWith: import("../element/types").PointerType;
+            selectedElementIds: {
+                [id: string]: boolean;
+            };
+            previousSelectedElementIds: {
+                [id: string]: boolean;
+            };
+            shouldCacheIgnoreZoom: boolean;
+            showHelpDialog: boolean;
+            toast: {
+                message: string;
+                closable?: boolean | undefined;
+                duration?: number | undefined;
+            } | null;
+            zenModeEnabled: boolean;
+            theme: string;
+            gridSize: number | null;
+            viewModeEnabled: boolean;
+            selectedGroupIds: {
+                [groupId: string]: boolean;
+            };
+            editingGroupId: string | null;
+            width: number;
+            height: number;
+            offsetTop: number;
+            offsetLeft: number;
+            isLibraryOpen: boolean;
+            isLibraryMenuDocked: boolean;
+            fileHandle: import("browser-fs-access").FileSystemHandle | null;
+            collaborators: Map<string, import("../types").Collaborator>;
+            showStats: boolean;
+            currentChartType: import("../element/types").ChartType;
+            pasteDialog: {
+                shown: false;
+                data: null;
+            } | {
+                shown: true;
+                data: import("../charts").Spreadsheet;
+            };
+            pendingImageElementId: string | null;
+            showHyperlinkPopup: false | "info" | "editor";
+        };
         commitToHistory: true;
     };
     contextItemLabel: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";

package/types/actions/actionToggleStats.d.ts

@@ -102,6 +102,7 @@ export declare const actionToggleStats: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleViewMode.d.ts

@@ -103,6 +103,7 @@ export declare const actionToggleViewMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionToggleZenMode.d.ts

@@ -103,6 +103,7 @@ export declare const actionToggleZenMode: {
             };
             pendingImageElementId: string | null;
             showHyperlinkPopup: false | "info" | "editor";
+            selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
         };
         commitToHistory: false;
     };

package/types/actions/actionZindex.d.ts

@@ -12,7 +12,7 @@ export declare const actionSendBackward: {
     contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -29,7 +29,7 @@ export declare const actionBringForward: {
     contextItemLabel: string;
     keyPriority: number;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -45,7 +45,7 @@ export declare const actionSendToBack: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -61,7 +61,7 @@ export declare const actionBringToFront: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: React.PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/analytics.d.ts

@@ -1 +1 @@
-export declare const trackEvent: (category: string, action: string, label?: string | undefined, value?: number | undefined) => void;
+export declare const trackEvent: (category: string, action: string, label?: string, value?: number) => void;

package/types/appState.d.ts

@@ -61,6 +61,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     isLibraryMenuDocked?: boolean | undefined;
     showStats?: boolean | undefined;
     currentChartType?: import("./element/types").ChartType | undefined;
+    selectedLinearElement?: import("./element/linearElementEditor").LinearElementEditor | null | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;

package/types/clients.d.ts

@@ -3,4 +3,4 @@ export declare const getClientColors: (clientId: string, appState: AppState) =>
     background: string;
     stroke: string;
 };
-export declare const getClientInitials: (username?: string | null | undefined) => string;
+export declare const getClientInitials: (username?: string | null) => string;

package/types/components/ActiveFile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ActiveFile.scss";
 declare type ActiveFileProps = {
     fileName?: string;

package/types/components/App.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
+import { LinearElementEditor } from "../element/linearElementEditor";
 import { ExcalidrawElement, NonDeletedExcalidrawElement } from "../element/types";
 import History from "../history";
 import Scene from "../scene/Scene";
@@ -64,11 +65,11 @@ declare class App extends React.Component<AppProps, AppState> {
     private refreshDeviceState;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): void;
-    private checkIfBrowserZoomed;
     private onResize;
     private removeEventListeners;
     private addEventListeners;
     componentDidUpdate(prevProps: AppProps, prevState: AppState): void;
+    private renderScene;
     private onScroll;
     private onCut;
     private onCopy;
@@ -129,6 +130,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private handleCanvasPointerMove;
     private handleEraser;
     private handleTouchMove;
+    handleHoverSelectedLinearElement(linearElementEditor: LinearElementEditor, scenePointerX: number, scenePointerY: number): void;
     private handleCanvasPointerDown;
     private handleCanvasPointerUp;
     private maybeOpenContextMenuAfterPointerDownOnTouchDevices;

package/types/components/ButtonIconSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonIconSelect: <T extends Object>({ options, value, onChange, group, }: {
     options: {
         value: T;

package/types/components/Card.d.ts

@@ -3,4 +3,5 @@ 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

@@ -4,4 +4,5 @@ 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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ClearCanvas: ({ onConfirm }: {
     onConfirm: () => void;
 }) => JSX.Element;

package/types/components/CollabButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./CollabButton.scss";
 declare const CollabButton: ({ isCollaborating, collaboratorCount, onClick, }: {
     isCollaborating: boolean;

package/types/components/ColorPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ColorPicker.scss";
 import { ExcalidrawElement } from "../element/types";
 import { AppState } from "../types";

package/types/components/ConfirmDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DialogProps } from "./Dialog";
 import "./ConfirmDialog.scss";
 interface Props extends Omit<DialogProps, "onCloseRequest"> {

package/types/components/DarkModeToggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 import { Theme } from "../element/types";
 export declare const DarkModeToggle: (props: {

package/types/components/ErrorDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ErrorDialog: ({ message, onClose, }: {
     message: string;
     onClose?: (() => void) | undefined;

package/types/components/HelpDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./HelpDialog.scss";
 export declare const HelpDialog: ({ onClose }: {
     onClose?: (() => void) | undefined;

package/types/components/HelpIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type HelpIconProps = {
     title?: string;
     name?: string;

package/types/components/HintViewer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NonDeletedExcalidrawElement } from "../element/types";
 import "./HintViewer.scss";
 import { AppState } from "../types";

package/types/components/IconPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./IconPicker.scss";
 export declare function IconPicker<T>({ value, label, options, onChange, group, }: {
     label: string;

package/types/components/ImageExportDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { AppState, BinaryFiles } from "../types";
 import "./ExportDialog.scss";

package/types/components/JSONExportDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { AppState, ExportOpts, BinaryFiles } from "../types";
 import "./ExportDialog.scss";

package/types/components/LibraryMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Library from "../data/library";
 import { LibraryItems, LibraryItem, AppState, BinaryFiles, ExcalidrawProps } from "../types";
 import "./LibraryMenu.scss";

package/types/components/LibraryUnit.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BinaryFiles, LibraryItem } from "../types";
 import "./LibraryUnit.scss";
 export declare const LibraryUnit: ({ id, elements, files, isPending, onClick, selected, onToggle, onDrag, }: {

package/types/components/LockButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 declare type LockIconProps = {
     title?: string;

package/types/components/Modal.d.ts

@@ -1,7 +1,7 @@
 import "./Modal.scss";
 import React from "react";
 import { AppState } from "../types";
-export declare const Modal: (props: {
+export declare const Modal: React.FC<{
     className?: string;
     children: React.ReactNode;
     maxWidth?: number;
@@ -9,4 +9,4 @@ export declare const Modal: (props: {
     labelledBy: string;
     theme?: AppState["theme"];
     closeOnClickOutside?: boolean;
-}) => React.ReactPortal | null;
+}>;

package/types/components/PenModeButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 declare type PenModeIconProps = {
     title?: string;

package/types/components/ProjectName.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./TextInput.scss";
 import "./ProjectName.scss";
 declare type Props = {

package/types/components/PublishLibrary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState, LibraryItems } from "../types";
 import "./PublishLibrary.scss";
 declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {

package/types/components/Section.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-interface SectionProps extends React.HTMLProps<HTMLElement> {
+export declare const Section: React.FC<{
     heading: string;
-    children: React.ReactNode | ((header: React.ReactNode) => React.ReactNode);
-}
-export declare const Section: ({ heading, children, ...props }: SectionProps) => JSX.Element;
-export {};
+    children?: React.ReactNode | ((heading: React.ReactNode) => React.ReactNode);
+    className?: string;
+}>;

package/types/components/SidebarLockButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 import "./SidebarLockButton.scss";
 declare type SidebarLockIconProps = {

package/types/components/SingleLibraryItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppState, LibraryItem } from "../types";
 import "./SingleLibraryItem.scss";
 declare const SingleLibraryItem: ({ libItem, appState, index, onChange, onRemove, }: {

package/types/components/Spinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Spinner.scss";
 declare const Spinner: ({ size, circleWidth, }: {
     size?: string | number | undefined;

package/types/components/Toast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Toast.scss";
 export declare const Toast: ({ message, onClose, closable, duration, }: {
     message: string;