@dwelle/excalidraw 0.6.0-rc.1 → 0.6.0-rc.2

package/dist/types/excalidraw/components/ShareableLinkDialog.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import "./ShareableLinkDialog.scss";
 export type ShareableLinkDialogProps = {
     link: string;
     onCloseRequest: () => void;
     setErrorMessage: (error: string) => void;
 };
-export declare const ShareableLinkDialog: ({ link, onCloseRequest, setErrorMessage, }: ShareableLinkDialogProps) => JSX.Element;
+export declare const ShareableLinkDialog: ({ link, onCloseRequest, setErrorMessage, }: ShareableLinkDialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -39,13 +39,13 @@ export declare const Sidebar: React.ForwardRefExoticComponent<{
         ({ children, className, }: {
             children?: React.ReactNode;
             className?: string | undefined;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     TabTriggers: {
         ({ children, ...rest }: {
             children: React.ReactNode;
-        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element;
+        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     TabTrigger: {
@@ -53,24 +53,24 @@ export declare const Sidebar: React.ForwardRefExoticComponent<{
             children: React.ReactNode;
             tab: string;
             onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        } & Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        } & Omit<React.HTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Tabs: {
         ({ children, ...rest }: {
             children: React.ReactNode;
-        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element | null;
+        } & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
     Tab: {
         ({ tab, children, ...rest }: {
             tab: string;
             children: React.ReactNode;
-        } & React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: {
-        ({ name, tab, icon, title, children, onToggle, className, style, }: import("./common").SidebarTriggerProps): JSX.Element;
+        ({ name, tab, icon, title, children, onToggle, className, style, }: import("./common").SidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/types/excalidraw/components/Sidebar/SidebarHeader.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const SidebarHeader: {
     ({ children, className, }: {
         children?: React.ReactNode;
         className?: string | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/Sidebar/SidebarTab.d.ts

@@ -4,6 +4,6 @@ export declare const SidebarTab: {
     ({ tab, children, ...rest }: {
         tab: SidebarTabName;
         children: React.ReactNode;
-    } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+    } & import("react").HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/Sidebar/SidebarTabTrigger.d.ts

@@ -5,6 +5,6 @@ export declare const SidebarTabTrigger: {
         children: React.ReactNode;
         tab: SidebarTabName;
         onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+    } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/Sidebar/SidebarTabTriggers.d.ts

@@ -2,6 +2,6 @@
 export declare const SidebarTabTriggers: {
     ({ children, ...rest }: {
         children: React.ReactNode;
-    } & Omit<import("react").RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element;
+    } & Omit<import("react").RefAttributes<HTMLDivElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/Sidebar/SidebarTabs.d.ts

@@ -2,6 +2,6 @@
 export declare const SidebarTabs: {
     ({ children, ...rest }: {
         children: React.ReactNode;
-    } & Omit<import("react").RefAttributes<HTMLDivElement>, "onSelect">): JSX.Element | null;
+    } & Omit<import("react").RefAttributes<HTMLDivElement>, "onSelect">): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

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

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

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

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import React from "react";
 import type { AppState, SidebarName, SidebarTabName } from "../../types";
 export type SidebarTriggerProps = {

package/dist/types/excalidraw/components/Spinner.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import "./Spinner.scss";
 declare const Spinner: ({ size, circleWidth, synchronized, className, }: {
     size?: string | number | undefined;
     circleWidth?: number | undefined;
     synchronized?: boolean | undefined;
     className?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package/dist/types/excalidraw/components/Stack.d.ts

@@ -7,10 +7,9 @@ type StackProps = {
     justifyContent?: "center" | "space-around" | "space-between";
     className?: string | boolean;
     style?: React.CSSProperties;
-    ref: React.RefObject<HTMLDivElement>;
 };
 declare const _default: {
-    Row: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Col: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/dist/types/excalidraw/components/Stats/Angle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -8,5 +7,5 @@ interface AngleProps {
     appState: AppState;
     property: "angle";
 }
-declare const Angle: ({ element, scene, appState, property }: AngleProps) => JSX.Element;
+declare const Angle: ({ element, scene, appState, property }: AngleProps) => import("react/jsx-runtime").JSX.Element;
 export default Angle;

package/dist/types/excalidraw/components/Stats/CanvasGrid.d.ts

@@ -7,5 +7,5 @@ interface PositionProps {
     appState: AppState;
     setAppState: React.Component<any, AppState>["setState"];
 }
-declare const CanvasGrid: ({ property, scene, appState, setAppState, }: PositionProps) => JSX.Element;
+declare const CanvasGrid: ({ property, scene, appState, setAppState, }: PositionProps) => import("react/jsx-runtime").JSX.Element;
 export default CanvasGrid;

package/dist/types/excalidraw/components/Stats/Collapsible.d.ts

@@ -6,5 +6,5 @@ interface CollapsibleProps {
     children: React.ReactNode;
     className?: string;
 }
-declare const Collapsible: ({ label, open, openTrigger, children, className, }: CollapsibleProps) => JSX.Element;
+declare const Collapsible: ({ label, open, openTrigger, children, className, }: CollapsibleProps) => import("react/jsx-runtime").JSX.Element;
 export default Collapsible;

package/dist/types/excalidraw/components/Stats/Dimension.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -8,5 +7,5 @@ interface DimensionDragInputProps {
     scene: Scene;
     appState: AppState;
 }
-declare const DimensionDragInput: ({ property, element, scene, appState, }: DimensionDragInputProps) => JSX.Element;
+declare const DimensionDragInput: ({ property, element, scene, appState, }: DimensionDragInputProps) => import("react/jsx-runtime").JSX.Element;
 export default DimensionDragInput;

package/dist/types/excalidraw/components/Stats/DragInput.d.ts

@@ -31,5 +31,5 @@ interface StatsDragInputProps<T extends StatsInputProperty, E = ExcalidrawElemen
     /** how many px you need to drag to get 1 unit change */
     sensitivity?: number;
 }
-declare const StatsDragInput: <T extends StatsInputProperty, E extends ExcalidrawElement = ExcalidrawElement>({ label, icon, dragInputCallback, value, elements, editable, shouldKeepAspectRatio, property, scene, appState, sensitivity, }: StatsDragInputProps<T, E>) => JSX.Element | null;
+declare const StatsDragInput: <T extends StatsInputProperty, E extends ExcalidrawElement = ExcalidrawElement>({ label, icon, dragInputCallback, value, elements, editable, shouldKeepAspectRatio, property, scene, appState, sensitivity, }: StatsDragInputProps<T, E>) => import("react/jsx-runtime").JSX.Element | null;
 export default StatsDragInput;

package/dist/types/excalidraw/components/Stats/FontSize.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -8,5 +7,5 @@ interface FontSizeProps {
     appState: AppState;
     property: "fontSize";
 }
-declare const FontSize: ({ element, scene, appState, property }: FontSizeProps) => JSX.Element | null;
+declare const FontSize: ({ element, scene, appState, property }: FontSizeProps) => import("react/jsx-runtime").JSX.Element | null;
 export default FontSize;

package/dist/types/excalidraw/components/Stats/MultiAngle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -8,5 +7,5 @@ interface MultiAngleProps {
     appState: AppState;
     property: "angle";
 }
-declare const MultiAngle: ({ elements, scene, appState, property, }: MultiAngleProps) => JSX.Element;
+declare const MultiAngle: ({ elements, scene, appState, property, }: MultiAngleProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiAngle;

package/dist/types/excalidraw/components/Stats/MultiDimension.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -11,5 +10,5 @@ interface MultiDimensionProps {
     scene: Scene;
     appState: AppState;
 }
-declare const MultiDimension: ({ property, elements, elementsMap, atomicUnits, scene, appState, }: MultiDimensionProps) => JSX.Element;
+declare const MultiDimension: ({ property, elements, elementsMap, atomicUnits, scene, appState, }: MultiDimensionProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiDimension;

package/dist/types/excalidraw/components/Stats/MultiFontSize.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -9,5 +8,5 @@ interface MultiFontSizeProps {
     appState: AppState;
     property: "fontSize";
 }
-declare const MultiFontSize: ({ elements, scene, appState, property, elementsMap, }: MultiFontSizeProps) => JSX.Element | null;
+declare const MultiFontSize: ({ elements, scene, appState, property, elementsMap, }: MultiFontSizeProps) => import("react/jsx-runtime").JSX.Element | null;
 export default MultiFontSize;

package/dist/types/excalidraw/components/Stats/MultiPosition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ElementsMap, ExcalidrawElement } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AtomicUnit } from "./utils";
@@ -11,5 +10,5 @@ interface MultiPositionProps {
     scene: Scene;
     appState: AppState;
 }
-declare const MultiPosition: ({ property, elements, elementsMap, atomicUnits, scene, appState, }: MultiPositionProps) => JSX.Element;
+declare const MultiPosition: ({ property, elements, elementsMap, atomicUnits, scene, appState, }: MultiPositionProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiPosition;

package/dist/types/excalidraw/components/Stats/Position.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ElementsMap, ExcalidrawElement } from "../../element/types";
 import type Scene from "../../scene/Scene";
 import type { AppState } from "../../types";
@@ -9,5 +8,5 @@ interface PositionProps {
     scene: Scene;
     appState: AppState;
 }
-declare const Position: ({ property, element, elementsMap, scene, appState, }: PositionProps) => JSX.Element;
+declare const Position: ({ property, element, elementsMap, scene, appState, }: PositionProps) => import("react/jsx-runtime").JSX.Element;
 export default Position;

package/dist/types/excalidraw/components/Stats/index.d.ts

@@ -8,14 +8,14 @@ interface StatsProps {
     renderCustomStats: ExcalidrawProps["renderCustomStats"];
 }
 export declare const Stats: {
-    (props: StatsProps): JSX.Element;
+    (props: StatsProps): import("react/jsx-runtime").JSX.Element;
     StatsRow: {
         ({ children, columns, heading, style, ...rest }: {
             children: React.ReactNode;
             columns?: number | undefined;
             heading?: boolean | undefined;
             style?: import("react").CSSProperties | undefined;
-        } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & import("react").HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     StatsRows: {
@@ -23,7 +23,7 @@ export declare const Stats: {
             children: React.ReactNode;
             order?: number | undefined;
             style?: import("react").CSSProperties | undefined;
-        } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & import("react").HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };
@@ -32,5 +32,5 @@ export declare const StatsInner: import("react").MemoExoticComponent<({ app, onC
     selectedElements: readonly NonDeletedExcalidrawElement[];
     appState: AppState;
     gridModeEnabled: boolean;
-}) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/types/excalidraw/components/Switch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Switch.scss";
 export type SwitchProps = {
     name: string;
@@ -7,4 +6,4 @@ export type SwitchProps = {
     onChange: (value: boolean) => void;
     disabled?: boolean;
 };
-export declare const Switch: ({ title, name, checked, onChange, disabled, }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ title, name, checked, onChange, disabled, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/TTDDialog/MermaidToExcalidraw.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import "./MermaidToExcalidraw.scss";
 import type { MermaidToExcalidrawLibProps } from "./common";
 declare const MermaidToExcalidraw: ({ mermaidToExcalidrawLib, }: {
     mermaidToExcalidrawLib: MermaidToExcalidrawLibProps;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MermaidToExcalidraw;

package/dist/types/excalidraw/components/TTDDialog/TTDDialog.d.ts

@@ -14,7 +14,7 @@ export declare const TTDDialog: (props: {
     onTextSubmit(value: string): Promise<OnTestSubmitRetValue>;
 } | {
     __fallback: true;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 /**
  * Text to diagram (TTD) dialog
  */

package/dist/types/excalidraw/components/TTDDialog/TTDDialogInput.d.ts

@@ -5,5 +5,5 @@ interface TTDDialogInputProps {
     onChange: ChangeEventHandler<HTMLTextAreaElement>;
     onKeyboardSubmit?: () => void;
 }
-export declare const TTDDialogInput: ({ input, placeholder, onChange, onKeyboardSubmit, }: TTDDialogInputProps) => JSX.Element;
+export declare const TTDDialogInput: ({ input, placeholder, onChange, onKeyboardSubmit, }: TTDDialogInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogOutput.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 interface TTDDialogOutputProps {
     error: Error | null;
-    canvasRef: React.RefObject<HTMLDivElement>;
+    canvasRef: React.RefObject<HTMLDivElement | null>;
     loaded: boolean;
 }
-export declare const TTDDialogOutput: ({ error, canvasRef, loaded, }: TTDDialogOutputProps) => JSX.Element;
+export declare const TTDDialogOutput: ({ error, canvasRef, loaded, }: TTDDialogOutputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogPanel.d.ts

@@ -13,5 +13,5 @@ interface TTDDialogPanelProps {
     renderSubmitShortcut?: () => ReactNode;
     renderBottomRight?: () => ReactNode;
 }
-export declare const TTDDialogPanel: ({ label, children, panelAction, panelActionDisabled, onTextSubmitInProgess, renderTopRight, renderSubmitShortcut, renderBottomRight, }: TTDDialogPanelProps) => JSX.Element;
+export declare const TTDDialogPanel: ({ label, children, panelAction, panelActionDisabled, onTextSubmitInProgess, renderTopRight, renderSubmitShortcut, renderBottomRight, }: TTDDialogPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogPanels.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from "react";
 export declare const TTDDialogPanels: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/TTDDialog/TTDDialogSubmitShortcut.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const TTDDialogSubmitShortcut: () => JSX.Element;
+export declare const TTDDialogSubmitShortcut: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTab.d.ts

@@ -3,6 +3,6 @@ export declare const TTDDialogTab: {
     ({ tab, children, ...rest }: {
         tab: string;
         children: React.ReactNode;
-    } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+    } & import("react").HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTabTrigger.d.ts

@@ -4,6 +4,6 @@ export declare const TTDDialogTabTrigger: {
         children: React.ReactNode;
         tab: string;
         onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+    } & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTabTriggers.d.ts

@@ -2,6 +2,6 @@
 export declare const TTDDialogTabTriggers: {
     ({ children, ...rest }: {
         children: React.ReactNode;
-    } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+    } & import("react").HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTabs.d.ts

@@ -5,7 +5,7 @@ declare const TTDDialogTabs: {
     } & {
         dialog: "ttd";
         tab: "text-to-diagram" | "mermaid";
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TTDDialogTabs;

package/dist/types/excalidraw/components/TTDDialog/TTDDialogTrigger.d.ts

@@ -1,8 +1,9 @@
+import type { JSX } from "react";
 import type { ReactNode } from "react";
 export declare const TTDDialogTrigger: {
     ({ children, icon, }: {
         children?: ReactNode;
         icon?: JSX.Element | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/types/excalidraw/components/TTDDialog/common.d.ts

@@ -10,7 +10,7 @@ export interface MermaidToExcalidrawLibProps {
     }>;
 }
 interface ConvertMermaidToExcalidrawFormatProps {
-    canvasRef: React.RefObject<HTMLDivElement>;
+    canvasRef: React.RefObject<HTMLDivElement | null>;
     mermaidToExcalidrawLib: MermaidToExcalidrawLibProps;
     mermaidDefinition: string;
     setError: (error: Error | null) => void;

package/dist/types/excalidraw/components/Toast.d.ts

@@ -6,4 +6,4 @@ export declare const Toast: ({ message, onClose, closable, duration, style, }: {
     closable?: boolean | undefined;
     duration?: number | undefined;
     style?: CSSProperties | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/Tooltip.d.ts

@@ -14,5 +14,5 @@ type TooltipProps = {
     style?: React.CSSProperties;
     disabled?: boolean;
 };
-export declare const Tooltip: ({ children, label, long, style, disabled, }: TooltipProps) => JSX.Element | null;
+export declare const Tooltip: ({ children, label, long, style, disabled, }: TooltipProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/excalidraw/components/UserList.d.ts

@@ -14,5 +14,5 @@ type UserListProps = {
     collaborators: Map<SocketId, UserListUserObject>;
     userToFollow: SocketId | null;
 };
-export declare const UserList: React.MemoExoticComponent<({ className, mobile, collaborators, userToFollow }: UserListProps) => JSX.Element>;
+export declare const UserList: React.MemoExoticComponent<({ className, mobile, collaborators, userToFollow }: UserListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/types/excalidraw/components/canvases/InteractiveCanvas.d.ts

@@ -4,7 +4,7 @@ import type { Device, InteractiveCanvasAppState } from "../../types";
 import type { RenderableElementsMap, RenderInteractiveSceneCallback } from "../../scene/types";
 import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
 type InteractiveCanvasProps = {
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     canvas: HTMLCanvasElement | null;
     elementsMap: RenderableElementsMap;
     visibleElements: readonly NonDeletedExcalidrawElement[];
@@ -25,5 +25,5 @@ type InteractiveCanvasProps = {
     onPointerDown: Exclude<DOMAttributes<HTMLCanvasElement>["onPointerDown"], undefined>;
     onDoubleClick: Exclude<DOMAttributes<HTMLCanvasElement>["onDoubleClick"], undefined>;
 };
-declare const _default: React.MemoExoticComponent<(props: InteractiveCanvasProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: InteractiveCanvasProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/types/excalidraw/components/canvases/NewElementCanvas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { NonDeletedSceneElementsMap } from "../../element/types";
 import type { AppState } from "../../types";
 import type { RenderableElementsMap, StaticCanvasRenderConfig } from "../../scene/types";
@@ -11,5 +10,5 @@ interface NewElementCanvasProps {
     rc: RoughCanvas;
     renderConfig: StaticCanvasRenderConfig;
 }
-declare const NewElementCanvas: (props: NewElementCanvasProps) => JSX.Element;
+declare const NewElementCanvas: (props: NewElementCanvasProps) => import("react/jsx-runtime").JSX.Element;
 export default NewElementCanvas;

package/dist/types/excalidraw/components/canvases/StaticCanvas.d.ts

@@ -15,5 +15,5 @@ type StaticCanvasProps = {
     appState: StaticCanvasAppState;
     renderConfig: StaticCanvasRenderConfig;
 };
-declare const _default: React.MemoExoticComponent<(props: StaticCanvasProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: StaticCanvasProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -4,14 +4,14 @@ declare const DropdownMenu: {
     ({ children, open, }: {
         children?: React.ReactNode;
         open: boolean;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     Trigger: {
         ({ className, children, onToggle, title, ...rest }: {
             className?: string | undefined;
             children: React.ReactNode;
             onToggle: () => void;
             title?: string | undefined;
-        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Content: {
@@ -21,12 +21,12 @@ declare const DropdownMenu: {
             className?: string | undefined;
             onSelect?: ((event: Event) => void) | undefined;
             style?: React.CSSProperties | undefined;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
         ({ icon, value, order, children, shortcut, className, hovered, selected, textStyle, onSelect, onClick, ...rest }: {
-            icon?: JSX.Element | undefined;
+            icon?: React.JSX.Element | undefined;
             value?: string | number | undefined;
             order?: number | undefined;
             onSelect?: ((event: Event) => void) | undefined;
@@ -36,7 +36,7 @@ declare const DropdownMenu: {
             selected?: boolean | undefined;
             textStyle?: React.CSSProperties | undefined;
             className?: string | undefined;
-        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Badge: {
             ({ type, children, }: {
@@ -46,39 +46,39 @@ declare const DropdownMenu: {
                     readonly BLUE: "blue";
                 }> | undefined;
                 children: React.ReactNode;
-            }): JSX.Element;
+            }): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };
     ItemLink: {
         ({ icon, shortcut, href, children, onSelect, className, selected, rel, ...rest }: {
             href: string;
-            icon?: JSX.Element | undefined;
+            icon?: React.JSX.Element | undefined;
             children: React.ReactNode;
             shortcut?: string | undefined;
             className?: string | undefined;
             selected?: boolean | undefined;
             onSelect?: ((event: Event) => void) | undefined;
             rel?: string | undefined;
-        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     ItemCustom: ({ children, className, selected, ...rest }: {
         children: React.ReactNode;
         className?: string | undefined;
         selected?: boolean | undefined;
-    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+    } & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
     Group: {
         ({ children, className, style, title, }: {
             children: React.ReactNode;
             className?: string | undefined;
             style?: React.CSSProperties | undefined;
             title?: string | undefined;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Separator: {
-        (): JSX.Element;
+        (): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     displayName: string;

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

@@ -9,7 +9,7 @@ declare const MenuContent: {
          */
         onSelect?: ((event: Event) => void) | undefined;
         style?: React.CSSProperties | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MenuContent;

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

@@ -5,7 +5,7 @@ declare const MenuGroup: {
         className?: string | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MenuGroup;