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

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

@@ -251,7 +251,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private resetEditingFrame;
     private renderFrameNames;
     private toggleOverscrollBehavior;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     focusContainer: AppClassProperties["focusContainer"];
     getSceneElementsIncludingDeleted: () => readonly import("../element/types").OrderedExcalidrawElement[];
     getSceneElements: () => readonly Ordered<NonDeletedExcalidrawElement>[];
@@ -371,8 +371,18 @@ declare class App extends React.Component<AppProps, AppState> {
         elements?: SceneData["elements"];
         appState?: Pick<AppState, K> | null | undefined;
         collaborators?: SceneData["collaborators"];
-        /** @default StoreAction.NONE */
-        storeAction?: SceneData["storeAction"];
+        /**
+         *  Controls which updates should be captured by the `Store`. Captured updates are emmitted and listened to by other components, such as `History` for undo / redo purposes.
+         *
+         *  - `CaptureUpdateAction.IMMEDIATELY`: Updates are immediately undoable. Use for most local updates.
+         *  - `CaptureUpdateAction.NEVER`: Updates never make it to undo/redo stack. Use for remote updates or scene initialization.
+         *  - `CaptureUpdateAction.EVENTUALLY`: Updates will be eventually be captured as part of a future increment.
+         *
+         * Check [API docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/excalidraw-api#captureUpdate) for more details.
+         *
+         * @default CaptureUpdateAction.EVENTUALLY
+         */
+        captureUpdate?: SceneData["captureUpdate"];
     }) => void;
     private triggerRender;
     /**

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

@@ -7,5 +7,5 @@ type AvatarProps = {
     src?: string;
     className?: string;
 };
-export declare const Avatar: ({ color, onClick, name, src, className, }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ color, onClick, name, src, className, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -13,5 +13,5 @@ interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes
  * Style can be customised using `className` or `style` prop.
  * Accepts all props that a regular `button` element accepts.
  */
-export declare const Button: ({ type, onSelect, selected, children, className, ...rest }: ButtonProps) => JSX.Element;
+export declare const Button: ({ type, onSelect, selected, children, className, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 import "./ButtonIcon.scss";
 interface ButtonIconProps {
     icon: JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 export declare const ButtonIconCycle: <T extends unknown>({ options, value, onChange, group, }: {
     options: {
         value: T;
@@ -8,4 +8,4 @@ export declare const ButtonIconCycle: <T extends unknown>({ options, value, onCh
     value: T | null;
     onChange: (value: T) => void;
     group: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { JSX } from "react";
 export declare const ButtonIconSelect: <T extends Object>(props: {
     options: {
         value: T;
@@ -17,4 +17,4 @@ export declare const ButtonIconSelect: <T extends Object>(props: {
 } | {
     type: "button";
     onClick: (value: T, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-})) => JSX.Element;
+})) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonSelect: <T extends Object>({ options, value, onChange, group, }: {
     options: {
         value: T;
@@ -7,4 +6,4 @@ export declare const ButtonSelect: <T extends Object>({ options, value, onChange
     value: T | null;
     onChange: (value: T) => void;
     group: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ColorPickerType } from "./colorPickerUtils";
 interface ColorInputProps {
     color: string;
@@ -6,5 +5,5 @@ interface ColorInputProps {
     label: string;
     colorPickerType: ColorPickerType;
 }
-export declare const ColorInput: ({ color, onChange, label, colorPickerType, }: ColorInputProps) => JSX.Element;
+export declare const ColorInput: ({ color, onChange, label, colorPickerType, }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExcalidrawElement } from "../../element/types";
 import type { AppState } from "../../types";
 import type { ColorPickerType } from "./colorPickerUtils";
@@ -16,5 +15,5 @@ interface ColorPickerProps {
     topPicks?: ColorTuple;
     updateData: (formData?: any) => void;
 }
-export declare const ColorPicker: ({ type, color, onChange, label, elements, palette, topPicks, updateData, appState, }: ColorPickerProps) => JSX.Element;
+export declare const ColorPicker: ({ type, color, onChange, label, elements, palette, topPicks, updateData, appState, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface CustomColorListProps {
     colors: string[];
     color: string;
     onChange: (color: string) => void;
     label: string;
 }
-export declare const CustomColorList: ({ colors, color, onChange, label, }: CustomColorListProps) => JSX.Element;
+export declare const CustomColorList: ({ colors, color, onChange, label, }: CustomColorListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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 {};