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

package/dist/types/excalidraw/components/ColorPicker/HotkeyLabel.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface HotkeyLabelProps {
     color: string;
     keyLabel: string | number;
     isCustomColor?: boolean;
     isShade?: boolean;
 }
-declare const HotkeyLabel: ({ color, keyLabel, isCustomColor, isShade, }: HotkeyLabelProps) => JSX.Element;
+declare const HotkeyLabel: ({ color, keyLabel, isCustomColor, isShade, }: HotkeyLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default HotkeyLabel;

package/dist/types/excalidraw/components/ColorPicker/Picker.d.ts

@@ -14,5 +14,5 @@ interface PickerProps {
     onEyeDropperToggle: (force?: boolean) => void;
     onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void;
 }
-export declare const Picker: ({ color, onChange, label, type, elements, palette, updateData, children, onEyeDropperToggle, onEscape, }: PickerProps) => JSX.Element;
+export declare const Picker: ({ color, onChange, label, type, elements, palette, updateData, children, onEyeDropperToggle, onEscape, }: PickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/ColorPicker/PickerColorList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ColorPaletteCustom } from "../../colors";
 interface PickerColorListProps {
     palette: ColorPaletteCustom;
@@ -7,5 +6,5 @@ interface PickerColorListProps {
     label: string;
     activeShade: number;
 }
-declare const PickerColorList: ({ palette, color, onChange, label, activeShade, }: PickerColorListProps) => JSX.Element;
+declare const PickerColorList: ({ palette, color, onChange, label, activeShade, }: PickerColorListProps) => import("react/jsx-runtime").JSX.Element;
 export default PickerColorList;

package/dist/types/excalidraw/components/ColorPicker/PickerHeading.d.ts

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

package/dist/types/excalidraw/components/ColorPicker/ShadeList.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ColorPaletteCustom } from "../../colors";
 interface ShadeListProps {
     hex: string;
     onChange: (color: string) => void;
     palette: ColorPaletteCustom;
 }
-export declare const ShadeList: ({ hex, onChange, palette }: ShadeListProps) => JSX.Element;
+export declare const ShadeList: ({ hex, onChange, palette }: ShadeListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/ColorPicker/TopPicks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ColorPickerType } from "./colorPickerUtils";
 interface TopPicksProps {
     onChange: (color: string) => void;
@@ -6,5 +5,5 @@ interface TopPicksProps {
     activeColor: string;
     topPicks?: readonly string[];
 }
-export declare const TopPicks: ({ onChange, type, activeColor, topPicks, }: TopPicksProps) => JSX.Element | null;
+export declare const TopPicks: ({ onChange, type, activeColor, topPicks, }: TopPicksProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommandPaletteItem } from "./types";
 import * as defaultItems from "./defaultCommandPaletteItems";
 import "./CommandPalette.scss";
@@ -13,7 +12,7 @@ export declare const DEFAULT_CATEGORIES: {
 type CommandPaletteProps = {
     customCommandPaletteItems?: CommandPaletteItem[];
 };
-export declare const CommandPalette: ((props: CommandPaletteProps) => JSX.Element | null) & {
+export declare const CommandPalette: ((props: CommandPaletteProps) => import("react/jsx-runtime").JSX.Element | null) & {
     defaultItems: typeof defaultItems;
 };
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DialogProps } from "./Dialog";
 import "./ConfirmDialog.scss";
 interface Props extends Omit<DialogProps, "onCloseRequest"> {
@@ -7,5 +6,5 @@ interface Props extends Omit<DialogProps, "onCloseRequest"> {
     confirmText?: string;
     cancelText?: string;
 }
-declare const ConfirmDialog: (props: Props) => JSX.Element;
+declare const ConfirmDialog: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmDialog;

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

@@ -12,5 +12,5 @@ type ContextMenuProps = {
     onClose: (callback?: () => void) => void;
 };
 export declare const CONTEXT_MENU_SEPARATOR = "separator";
-export declare const ContextMenu: React.MemoExoticComponent<({ actionManager, items, top, left, onClose }: ContextMenuProps) => JSX.Element>;
+export declare const ContextMenu: React.MemoExoticComponent<({ actionManager, items, top, left, onClose }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 import type { Theme } from "../element/types";
 export declare const DarkModeToggle: (props: {
     value: Theme;
     onChange: (value: Theme) => void;
     title?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -25,7 +25,7 @@ export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
     TabTriggers: {
         ({ children }: {
             children: React.ReactNode;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

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

@@ -10,4 +10,4 @@ export interface DialogProps {
     autofocus?: boolean;
     closeOnClickOutside?: boolean;
 }
-export declare const Dialog: (props: DialogProps) => JSX.Element;
+export declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,5 @@ interface DialogActionButtonProps {
     actionType?: "primary" | "danger";
     isLoading?: boolean;
 }
-declare const DialogActionButton: ({ label, onClick, className, children, actionType, type, isLoading, ...rest }: DialogActionButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => JSX.Element;
+declare const DialogActionButton: ({ label, onClick, className, children, actionType, type, isLoading, ...rest }: DialogActionButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 export default DialogActionButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AppProps, UIAppState } from "../types";
 import type { ElementsMap, ExcalidrawElement } from "../element/types";
 import "./ElementLinkDialog.scss";
@@ -8,5 +7,5 @@ declare const ElementLinkDialog: ({ sourceElementId, onClose, elementsMap, appSt
     appState: UIAppState;
     onClose?: (() => void) | undefined;
     generateLinkForSelection: AppProps["generateLinkForSelection"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ElementLinkDialog;

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

@@ -2,4 +2,4 @@ import React from "react";
 export declare const ErrorDialog: ({ children, onClose, }: {
     children?: React.ReactNode;
     onClose?: (() => void) | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,5 +12,5 @@ interface LogoProps {
      */
     isNotLink?: boolean;
 }
-export declare const ExcalidrawLogo: ({ style, size, withText, }: LogoProps) => JSX.Element;
+export declare const ExcalidrawLogo: ({ style, size, withText, }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,5 +5,5 @@ type FixedSideContainerProps = {
     side: "top" | "left" | "right";
     className?: string;
 };
-export declare const FixedSideContainer: ({ children, side, className, }: FixedSideContainerProps) => JSX.Element;
+export declare const FixedSideContainer: ({ children, side, className, }: FixedSideContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UserToFollow } from "../../types";
 import "./FollowMode.scss";
 interface FollowModeProps {
@@ -7,5 +6,5 @@ interface FollowModeProps {
     userToFollow: UserToFollow;
     onDisconnect: () => void;
 }
-declare const FollowMode: ({ height, width, userToFollow, onDisconnect, }: FollowModeProps) => JSX.Element;
+declare const FollowMode: ({ height, width, userToFollow, onDisconnect, }: FollowModeProps) => import("react/jsx-runtime").JSX.Element;
 export default FollowMode;

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

@@ -3,7 +3,7 @@ import type { FontFamilyValues } from "../../element/types";
 import "./FontPicker.scss";
 export declare const DEFAULT_FONTS: {
     value: number;
-    icon: JSX.Element;
+    icon: import("react/jsx-runtime").JSX.Element;
     text: string;
     testId: string;
 }[];
@@ -17,5 +17,5 @@ interface FontPickerProps {
     onLeave: () => void;
     onPopupChange: (open: boolean) => void;
 }
-export declare const FontPicker: React.MemoExoticComponent<({ isOpened, selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onPopupChange, }: FontPickerProps) => JSX.Element>;
+export declare const FontPicker: React.MemoExoticComponent<({ isOpened, selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onPopupChange, }: FontPickerProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/types/excalidraw/components/FontPicker/FontPickerList.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import React from "react";
 import { DropDownMenuItemBadgeType } from "../dropdownMenu/DropdownMenuItem";
 import { type FontFamilyValues } from "../../element/types";
@@ -21,5 +22,5 @@ interface FontPickerListProps {
     onOpen: () => void;
     onClose: () => void;
 }
-export declare const FontPickerList: React.MemoExoticComponent<({ selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onOpen, onClose, }: FontPickerListProps) => JSX.Element>;
+export declare const FontPickerList: React.MemoExoticComponent<({ selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onOpen, onClose, }: FontPickerListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/types/excalidraw/components/FontPicker/FontPickerTrigger.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { FontFamilyValues } from "../../element/types";
 interface FontPickerTriggerProps {
     selectedFontFamily: FontFamilyValues | null;
 }
-export declare const FontPickerTrigger: ({ selectedFontFamily, }: FontPickerTriggerProps) => JSX.Element;
+export declare const FontPickerTrigger: ({ selectedFontFamily, }: FontPickerTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/FontPicker/keyboardNavHandlers.d.ts

@@ -3,7 +3,7 @@ import type { Node } from "../../utils";
 import { type FontDescriptor } from "./FontPickerList";
 interface FontPickerKeyNavHandlerProps {
     event: React.KeyboardEvent<HTMLDivElement>;
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     hoveredFont: Node<FontDescriptor> | undefined;
     filteredFonts: Node<FontDescriptor>[];
     onClose: () => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 type LockIconProps = {
     title?: string;
@@ -7,5 +6,5 @@ type LockIconProps = {
     onChange?(): void;
     isMobile?: boolean;
 };
-export declare const HandButton: (props: LockIconProps) => JSX.Element;
+export declare const HandButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 type HelpButtonProps = {
     name?: string;
     id?: string;
     onClick?(): void;
 };
-export declare const HelpButton: (props: HelpButtonProps) => JSX.Element;
+export declare const HelpButton: (props: HelpButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AppClassProperties, Device, UIAppState } from "../types";
 import "./HintViewer.scss";
 interface HintViewerProps {
@@ -7,5 +6,5 @@ interface HintViewerProps {
     device: Device;
     app: AppClassProperties;
 }
-export declare const HintViewer: ({ appState, isMobile, device, app, }: HintViewerProps) => JSX.Element | null;
+export declare const HintViewer: ({ appState, isMobile, device, app, }: HintViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 import "./IconPicker.scss";
 export declare function IconPicker<T>({ value, label, options, onChange, group, numberOfOptionsToAlwaysShow, }: {
     label: string;
@@ -12,4 +12,4 @@ export declare function IconPicker<T>({ value, label, options, onChange, group,
     onChange: (value: T) => void;
     numberOfOptionsToAlwaysShow?: number;
     group?: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ActionManager } from "../actions/manager";
 import type { AppClassProperties, BinaryFiles, UIAppState } from "../types";
 import type { NonDeletedExcalidrawElement } from "../element/types";
 import "./ImageExportDialog.scss";
-export declare const ErrorCanvasPreview: () => JSX.Element;
+export declare const ErrorCanvasPreview: () => import("react/jsx-runtime").JSX.Element;
 export declare const ImageExportDialog: ({ elements, appState, files, actionManager, onExportImage, onCloseRequest, name, }: {
     appState: UIAppState;
     elements: readonly NonDeletedExcalidrawElement[];
@@ -12,4 +11,4 @@ export declare const ImageExportDialog: ({ elements, appState, files, actionMana
     onExportImage: AppClassProperties["onExportImage"];
     onCloseRequest: () => void;
     name: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,5 +6,5 @@ interface Props {
     children: React.ReactElement;
     theme?: Theme;
 }
-export declare const InitializeApp: (props: Props) => JSX.Element;
+export declare const InitializeApp: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const InlineIcon: ({ icon }: {
     icon: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,4 +12,4 @@ export declare const JSONExportDialog: ({ elements, appState, files, actionManag
     exportOpts: ExportOpts;
     canvas: HTMLCanvasElement;
     setAppState: React.Component<any, UIAppState>["setState"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 type LaserPointerIconProps = {
     title?: string;
@@ -7,5 +6,5 @@ type LaserPointerIconProps = {
     onChange?(): void;
     isMobile?: boolean;
 };
-export declare const LaserPointerButton: (props: LaserPointerIconProps) => JSX.Element;
+export declare const LaserPointerButton: (props: LaserPointerIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -29,5 +29,5 @@ interface LayerUIProps {
     generateLinkForSelection?: AppProps["generateLinkForSelection"];
     uiDisabled: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, onHomeButtonClick, children, app, isCollaborating, generateLinkForSelection, uiDisabled, }: LayerUIProps) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, onHomeButtonClick, children, app, isCollaborating, generateLinkForSelection, uiDisabled, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default _default;

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

@@ -7,4 +7,4 @@ export declare const isLibraryMenuOpenAtom: import("jotai/vanilla/atom").Primiti
  * This component is meant to be rendered inside <Sidebar.Tab/> inside our
  * <DefaultSidebar/> or host apps Sidebar components.
  */
-export declare const LibraryMenu: React.MemoExoticComponent<() => JSX.Element>;
+export declare const LibraryMenu: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { ExcalidrawProps, UIAppState } from "../types";
 declare const LibraryMenuBrowseButton: ({ theme, id, libraryReturnUrl, }: {
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
     theme: UIAppState["theme"];
     id: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LibraryMenuBrowseButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawProps, UIAppState } from "../types";
 export declare const LibraryMenuControlButtons: ({ libraryReturnUrl, theme, id, style, children, className, }: {
     libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
@@ -7,4 +6,4 @@ export declare const LibraryMenuControlButtons: ({ libraryReturnUrl, theme, id,
     style: React.CSSProperties;
     children?: React.ReactNode;
     className?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -15,4 +15,4 @@ export declare const LibraryDropdownMenu: ({ selectedItems, onSelectItems, class
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
     className?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawProps, LibraryItem, LibraryItems, UIAppState } from "../types";
 import "./LibraryMenuItems.scss";
 export default function LibraryMenuItems({ isLoading, libraryItems, onAddToLibrary, onInsertLibraryItems, pendingElements, theme, id, libraryReturnUrl, onSelectItems, selectedItems, }: {
@@ -12,4 +11,4 @@ export default function LibraryMenuItems({ isLoading, libraryItems, onAddToLibra
     id: string;
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -18,6 +18,6 @@ interface Props {
 }
 export declare const LibraryMenuSectionGrid: ({ children, }: {
     children: ReactNode;
-}) => JSX.Element;
-export declare const LibraryMenuSection: React.MemoExoticComponent<({ items, onItemSelectToggle, onItemDrag, isItemSelected, onClick, svgCache, itemsRenderedPerBatch, }: Props) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LibraryMenuSection: React.MemoExoticComponent<({ items, onItemSelectToggle, onItemDrag, isItemSelected, onClick, svgCache, itemsRenderedPerBatch, }: Props) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -11,5 +11,5 @@ export declare const LibraryUnit: import("react").MemoExoticComponent<({ id, ele
     onToggle: (id: string, event: React.MouseEvent) => void;
     onDrag: (id: string, event: React.DragEvent) => void;
     svgCache: SvgCache;
-}) => JSX.Element>;
-export declare const EmptyLibraryUnit: () => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const EmptyLibraryUnit: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 type LockIconProps = {
     title?: string;
@@ -7,5 +6,5 @@ type LockIconProps = {
     onChange?(): void;
     isMobile?: boolean;
 };
-export declare const LockButton: (props: LockIconProps) => JSX.Element;
+export declare const LockButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 import "./ToolIcon.scss";
 export declare const ElementCanvasButton: (props: {
     title?: string;
@@ -7,4 +7,4 @@ export declare const ElementCanvasButton: (props: {
     checked: boolean;
     onChange?(): void;
     isMobile?: boolean;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import React from "react";
 import type { AppClassProperties, AppProps, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
 import type { ActionManager } from "../actions/manager";
@@ -21,5 +22,5 @@ type MobileMenuProps = {
     app: AppClassProperties;
     onHomeButtonClick: () => void;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, UIOptions, app, onHomeButtonClick, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, UIOptions, app, onHomeButtonClick, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,10 +8,10 @@ declare const OverwriteConfirmDialog: React.FC<OverwriteConfirmDialogProps & {
 }> & {
     Actions: (({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element) & {
-        ExportToImage: () => JSX.Element;
-        SaveToDisk: () => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element) & {
+        ExportToImage: () => import("react/jsx-runtime").JSX.Element;
+        SaveToDisk: () => import("react/jsx-runtime").JSX.Element;
     };
-    Action: ({ title, children, actionLabel, onClick, }: import("./OverwriteConfirmActions").ActionProps) => JSX.Element;
+    Action: ({ title, children, actionLabel, onClick, }: import("./OverwriteConfirmActions").ActionProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { OverwriteConfirmDialog };

package/dist/types/excalidraw/components/OverwriteConfirm/OverwriteConfirmActions.d.ts

@@ -5,13 +5,13 @@ export type ActionProps = {
     actionLabel: string;
     onClick: () => void;
 };
-export declare const Action: ({ title, children, actionLabel, onClick, }: ActionProps) => JSX.Element;
-export declare const ExportToImage: () => JSX.Element;
-export declare const SaveToDisk: () => JSX.Element;
+export declare const Action: ({ title, children, actionLabel, onClick, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExportToImage: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaveToDisk: () => import("react/jsx-runtime").JSX.Element;
 declare const Actions: (({ children }: {
     children: React.ReactNode;
-}) => JSX.Element) & {
-    ExportToImage: () => JSX.Element;
-    SaveToDisk: () => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    ExportToImage: () => import("react/jsx-runtime").JSX.Element;
+    SaveToDisk: () => import("react/jsx-runtime").JSX.Element;
 };
 export { Actions };

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Paragraph: (props: {
     children: React.ReactNode;
     style?: React.CSSProperties;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,4 +5,4 @@ export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
     appState: UIAppState;
     onClose: () => void;
     setAppState: React.Component<any, UIAppState>["setState"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ToolIcon.scss";
 type PenModeIconProps = {
     title?: string;
@@ -9,5 +8,5 @@ type PenModeIconProps = {
     isMobile?: boolean;
     penDetected: boolean;
 };
-export declare const PenModeButton: (props: PenModeIconProps) => JSX.Element | null;
+export declare const PenModeButton: (props: PenModeIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -11,5 +11,5 @@ type Props = {
     viewportWidth?: number;
     viewportHeight?: number;
 };
-export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, }: Props) => JSX.Element;
+export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./TextInput.scss";
 import "./ProjectName.scss";
 type Props = {
@@ -7,5 +6,5 @@ type Props = {
     label: string;
     ignoreFocus?: boolean;
 };
-export declare const ProjectName: (props: Props) => JSX.Element;
+export declare const ProjectName: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LibraryItems, UIAppState } from "../types";
 import "./PublishLibrary.scss";
 declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onError, updateItemsInStorage, onRemove, }: {
@@ -13,5 +12,5 @@ declare const PublishLibrary: ({ onClose, libraryItems, appState, onSuccess, onE
     onError: (error: Error) => void;
     updateItemsInStorage: (items: LibraryItems) => void;
     onRemove: (id: string) => void;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PublishLibrary;

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

@@ -11,4 +11,4 @@ export type RadioGroupProps<T> = {
     onChange: (value: T) => void;
     name: string;
 };
-export declare const RadioGroup: <T>({ onChange, value, choices, name, }: RadioGroupProps<T>) => JSX.Element;
+export declare const RadioGroup: <T>({ onChange, value, choices, name, }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./Range.scss";
 export type RangeProps = {
     updateData: (value: number) => void;
@@ -6,4 +5,4 @@ export type RangeProps = {
     elements: any;
     testId?: string;
 };
-export declare const Range: ({ updateData, appState, elements, testId, }: RangeProps) => JSX.Element;
+export declare const Range: ({ updateData, appState, elements, testId, }: RangeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { Trail } from "../animated-trail";
 import "./SVGLayer.scss";
 type SVGLayerProps = {
     trails: Trail[];
 };
-export declare const SVGLayer: ({ trails }: SVGLayerProps) => JSX.Element;
+export declare const SVGLayer: ({ trails }: SVGLayerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,5 +5,5 @@ interface ScrollableListProps {
     placeholder: string;
     children: React.ReactNode;
 }
-export declare const ScrollableList: ({ className, placeholder, children, }: ScrollableListProps) => JSX.Element;
+export declare const ScrollableList: ({ className, placeholder, children, }: ScrollableListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import "./SearchMenu.scss";
 export declare const searchItemInFocusAtom: import("jotai/vanilla/atom").PrimitiveAtom<number | null> & {
     init: number | null;
 };
-export declare const SearchMenu: () => JSX.Element;
+export declare const SearchMenu: () => import("react/jsx-runtime").JSX.Element;