@excalidraw/excalidraw 0.12.0-e4aff04 → 0.12.0-f8b4bb6

package/dist/excalidraw.production.min.js.LICENSE.txt

@@ -1,11 +1,3 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
 /**
  * @license
  * Lodash <https://lodash.com/>
@@ -15,7 +7,8 @@ object-assign
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
-/** @license React v17.0.2
+/**
+ * @license React
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.12.0-e4aff04",
+  "version": "0.12.0-f8b4bb6",
   "main": "main.js",
   "types": "types/packages/excalidraw/index.d.ts",
   "files": [
@@ -40,33 +40,33 @@
     ]
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.2 || ^18.2.0",
+    "react-dom": "^17.0.2 || ^18.2.0"
   },
   "devDependencies": {
     "@babel/core": "7.18.9",
-    "@babel/plugin-transform-arrow-functions": "7.16.7",
-    "@babel/plugin-transform-async-to-generator": "7.16.0",
-    "@babel/plugin-transform-runtime": "7.17.10",
-    "@babel/plugin-transform-typescript": "7.16.1",
+    "@babel/plugin-transform-arrow-functions": "7.18.6",
+    "@babel/plugin-transform-async-to-generator": "7.18.6",
+    "@babel/plugin-transform-runtime": "7.18.9",
+    "@babel/plugin-transform-typescript": "7.18.8",
     "@babel/preset-env": "7.18.6",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "7.16.7",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
     "autoprefixer": "10.4.7",
     "babel-loader": "8.2.5",
     "babel-plugin-transform-class-properties": "6.24.1",
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
-    "dotenv": "10.0.0",
-    "mini-css-extract-plugin": "2.6.0",
-    "postcss-loader": "6.2.1",
-    "sass-loader": "12.4.0",
-    "terser-webpack-plugin": "5.3.1",
-    "ts-loader": "9.3.0",
-    "typescript": "4.6.4",
-    "webpack": "5.72.0",
+    "dotenv": "16.0.1",
+    "mini-css-extract-plugin": "2.6.1",
+    "postcss-loader": "7.0.1",
+    "sass-loader": "13.0.2",
+    "terser-webpack-plugin": "5.3.3",
+    "ts-loader": "9.3.1",
+    "typescript": "4.7.4",
+    "webpack": "5.73.0",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "4.9.2",
+    "webpack-cli": "4.10.0",
     "webpack-dev-server": "4.9.3",
     "webpack-merge": "5.8.0"
   },
@@ -79,6 +79,6 @@
     "pack": "yarn build:umd && yarn pack",
     "start": "webpack serve --config webpack.dev-server.config.js",
     "install:deps": "yarn install --frozen-lockfile && yarn --cwd ../../../",
-    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js"
+    "build:example": "EXAMPLE=true webpack --config webpack.dev-server.config.js && yarn gen:types"
   }
 }

package/types/actions/actionAlign.d.ts

@@ -12,7 +12,7 @@ export declare const actionAlignTop: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -27,7 +27,7 @@ export declare const actionAlignBottom: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -42,7 +42,7 @@ export declare const actionAlignLeft: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -57,7 +57,7 @@ export declare const actionAlignRight: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -71,7 +71,7 @@ export declare const actionAlignVerticallyCentered: {
         elements: ExcalidrawElement[];
         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;
 };
@@ -85,7 +85,7 @@ export declare const actionAlignHorizontallyCentered: {
         elements: ExcalidrawElement[];
         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/actionCanvas.d.ts

@@ -8,7 +8,7 @@ export declare const actionChangeViewBackgroundColor: {
         appState: any;
         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;
 };
@@ -116,7 +116,7 @@ export declare const actionClearCanvas: {
         };
         commitToHistory: true;
     };
-    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -226,7 +226,7 @@ export declare const actionZoomIn: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -337,7 +337,7 @@ export declare const actionZoomOut: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -448,7 +448,7 @@ export declare const actionResetZoom: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -779,7 +779,7 @@ export declare const actionToggleTheme: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
@@ -887,7 +887,7 @@ export declare const actionErase: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData, data }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionDeleteSelected.d.ts

@@ -329,7 +329,7 @@ export declare const actionDeleteSelected: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionDistribute.d.ts

@@ -12,7 +12,7 @@ export declare const distributeHorizontally: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -27,7 +27,7 @@ export declare const distributeVertically: {
         commitToHistory: true;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionDuplicateSelection.d.ts

@@ -16,7 +16,7 @@ export declare const actionDuplicateSelection: {
     };
     contextItemLabel: string;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionExport.d.ts

@@ -104,7 +104,7 @@ export declare const actionChangeProjectName: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData, appProps }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -215,7 +215,7 @@ export declare const actionChangeExportScale: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ elements: allElements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements: allElements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -326,7 +326,7 @@ export declare const actionChangeExportBackground: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -437,7 +437,7 @@ export declare const actionChangeExportEmbedScene: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -549,7 +549,7 @@ export declare const actionSaveToActiveFile: {
         appState?: undefined;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -663,7 +663,7 @@ export declare const actionSaveFileToDisk: {
         appState?: undefined;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -874,7 +874,7 @@ export declare const actionLoadScene: {
         commitToHistory: false;
     }>;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ updateData, appState }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData, appState }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -985,7 +985,7 @@ export declare const actionExportWithDarkMode: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

package/types/actions/actionFinalize.d.ts

@@ -208,7 +208,7 @@ export declare const actionFinalize: {
         commitToHistory: boolean;
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean;
-    PanelComponent: ({ appState, updateData, data }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>, appState: AppState) => boolean) | undefined;
 };

package/types/actions/actionGroup.d.ts

@@ -18,7 +18,7 @@ export declare const actionGroup: {
     contextItemLabel: string;
     contextItemPredicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };
@@ -39,7 +39,7 @@ export declare const actionUngroup: {
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
     contextItemLabel: string;
     contextItemPredicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
 };

package/types/actions/actionMenu.d.ts

@@ -105,7 +105,7 @@ export declare const actionToggleCanvasMenu: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -215,7 +215,7 @@ export declare const actionToggleEditMenu: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };
@@ -339,7 +339,7 @@ export declare const actionShortcuts: {
         };
         commitToHistory: false;
     };
-    PanelComponent: ({ updateData }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ updateData }: import("./types").PanelComponentProps) => JSX.Element;
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
 } & {
     keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;

package/types/actions/actionNavigate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const actionGoToCollaborator: {
     name: "goToCollaborator";
     trackEvent: {
@@ -8,7 +7,7 @@ export declare const actionGoToCollaborator: {
         appState: Readonly<import("../types").AppState>;
         commitToHistory: false;
     };
-    PanelComponent: ({ appState, updateData, data }: import("react").PropsWithChildren<import("./types").PanelComponentProps>) => JSX.Element;
+    PanelComponent: ({ appState, updateData, data }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

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;
 };
@@ -122,7 +122,7 @@ export declare const actionChangeFillStyle: {
         };
         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;
 };
@@ -231,7 +231,7 @@ export declare const actionChangeStrokeWidth: {
         };
         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;
 };
@@ -340,7 +340,7 @@ export declare const actionChangeSloppiness: {
         };
         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;
 };
@@ -449,7 +449,7 @@ export declare const actionChangeStrokeStyle: {
         };
         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;
 };
@@ -558,7 +558,7 @@ export declare const actionChangeOpacity: {
         };
         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;
 };
@@ -667,7 +667,7 @@ export declare const actionChangeFontSize: {
         };
         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;
 };
@@ -994,7 +994,7 @@ export declare const actionChangeFontFamily: {
         };
         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;
 };
@@ -1103,7 +1103,7 @@ export declare const actionChangeTextAlign: {
         };
         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;
 };
@@ -1214,7 +1214,7 @@ export declare const actionChangeVerticalAlign: {
         };
         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;
 };
@@ -1323,7 +1323,7 @@ export declare const actionChangeSharpness: {
         };
         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;
 };
@@ -1435,7 +1435,7 @@ export declare const actionChangeArrowhead: {
         };
         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/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/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/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;