@zsviczian/excalidraw 0.15.3-obsidian-1 → 0.16.1-obsidian-2

package/types/components/ExcalidrawLogo.d.ts

@@ -0,0 +1,15 @@
+import "./ExcalidrawLogo.scss";
+type LogoSize = "xs" | "small" | "normal" | "large" | "custom";
+interface LogoProps {
+    size?: LogoSize;
+    withText?: boolean;
+    style?: React.CSSProperties;
+    /**
+     * If true, the logo will not be wrapped in a Link component.
+     * The link prop will be ignored as well.
+     * It will merely be a plain div.
+     */
+    isNotLink?: boolean;
+}
+export declare const ExcalidrawLogo: ({ style, size, withText, }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/EyeDropper.d.ts

@@ -1,17 +1,28 @@
+import React from "react";
 import "./EyeDropper.scss";
-type EyeDropperProperties = {
+import { ColorPickerType } from "./ColorPicker/colorPickerUtils";
+import { ExcalidrawElement } from "../element/types";
+export type EyeDropperProperties = {
     keepOpenOnAlt: boolean;
     swapPreviewOnAlt?: boolean;
-    onSelect?: (color: string, event: PointerEvent) => void;
-    previewType?: "strokeColor" | "backgroundColor";
+    /** called when user picks color (on pointerup) */
+    onSelect: (color: string, event: PointerEvent) => void;
+    /**
+     * property of selected elements to update live when alt-dragging.
+     * Supply `null` if not applicable (e.g. updating the canvas bg instead of
+     * elements)
+     **/
+    colorPickerType: ColorPickerType;
 };
 export declare const activeEyeDropperAtom: import("jotai").PrimitiveAtom<EyeDropperProperties | null> & {
     init: EyeDropperProperties | null;
 };
 export declare const EyeDropper: React.FC<{
     onCancel: () => void;
-    onSelect: Required<EyeDropperProperties>["onSelect"];
-    swapPreviewOnAlt?: EyeDropperProperties["swapPreviewOnAlt"];
-    previewType?: EyeDropperProperties["previewType"];
+    onSelect: EyeDropperProperties["onSelect"];
+    /** called when color changes, on pointerdown for preview */
+    onChange: (type: ColorPickerType, color: string, selectedElements: ExcalidrawElement[], event: {
+        altKey: boolean;
+    }) => void;
+    colorPickerType: EyeDropperProperties["colorPickerType"];
 }>;
-export {};

package/types/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/types/components/HandButton.d.ts

@@ -6,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/types/components/HelpButton.d.ts

@@ -3,5 +3,5 @@ type HelpButtonProps = {
     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/types/components/HelpDialog.d.ts

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

package/types/components/HintViewer.d.ts

@@ -6,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/types/components/IconPicker.d.ts

@@ -10,4 +10,4 @@ export declare function IconPicker<T>({ value, label, options, onChange, group,
     }[];
     onChange: (value: T) => void;
     group?: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/ImageExportDialog.d.ts

@@ -2,7 +2,7 @@ import type { ActionManager } from "../actions/manager";
 import type { AppClassProperties, BinaryFiles, UIAppState } from "../types";
 import { 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, }: {
     appState: UIAppState;
     elements: readonly NonDeletedExcalidrawElement[];
@@ -10,4 +10,4 @@ export declare const ImageExportDialog: ({ elements, appState, files, actionMana
     actionManager: ActionManager;
     onExportImage: AppClassProperties["onExportImage"];
     onCloseRequest: () => void;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/types/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/types/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/types/components/LayerUI.d.ts

@@ -29,5 +29,5 @@ interface LayerUIProps {
     children?: React.ReactNode;
     app: AppClassProperties;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, interactiveCanvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onImageAction, onExportImage, renderWelcomeScreen, children, app, }: LayerUIProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, interactiveCanvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onImageAction, onExportImage, renderWelcomeScreen, children, app, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/types/components/LibraryMenu.d.ts

@@ -16,9 +16,9 @@ export declare const LibraryMenuContent: ({ onInsertLibraryItems, pendingElement
     theme: UIAppState["theme"];
     selectedItems: LibraryItem["id"][];
     onSelectItems: (id: LibraryItem["id"][]) => void;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * This component is meant to be rendered inside <Sidebar.Tab/> inside our
  * <DefaultSidebar/> or host apps Sidebar components.
  */
-export declare const LibraryMenu: () => JSX.Element;
+export declare const LibraryMenu: () => import("react/jsx-runtime").JSX.Element;

package/types/components/LibraryMenuBrowseButton.d.ts

@@ -3,5 +3,5 @@ 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/types/components/LibraryMenuControlButtons.d.ts

@@ -6,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/types/components/LibraryMenuHeaderContent.d.ts

@@ -14,4 +14,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/types/components/LibraryMenuItems.d.ts

@@ -11,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/types/components/LibraryMenuSection.d.ts

@@ -17,6 +17,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/types/components/LibraryUnit.d.ts

@@ -10,5 +10,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/types/components/LockButton.d.ts

@@ -6,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/types/components/MermaidToExcalidraw.d.ts

@@ -0,0 +1,12 @@
+import { ExcalidrawElement, //zsviczian
+NonDeletedExcalidrawElement } from "../element/types";
+import "./MermaidToExcalidraw.scss";
+import type { MermaidOptions } from "@zsviczian/mermaid-to-excalidraw";
+declare const MermaidToExcalidraw: ({ selectedElements, }: {
+    selectedElements: readonly NonDeletedExcalidrawElement[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default MermaidToExcalidraw;
+export declare const mermaidToExcalidraw: (mermaidDefinition: string, opts?: MermaidOptions) => Promise<{
+    elements: ExcalidrawElement[];
+    files: any;
+} | undefined>;

package/types/components/MobileMenu.d.ts

@@ -23,5 +23,5 @@ type MobileMenuProps = {
     renderWelcomeScreen: boolean;
     app: AppClassProperties;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, interactiveCanvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, app, }: MobileMenuProps) => JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, interactiveCanvas, onImageAction, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, app, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/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/types/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/types/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/types/components/PenModeButton.d.ts

@@ -8,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/types/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/types/components/ProjectName.d.ts

@@ -7,5 +7,5 @@ type Props = {
     isNameEditable: boolean;
     ignoreFocus?: boolean;
 };
-export declare const ProjectName: (props: Props) => JSX.Element;
+export declare const ProjectName: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/PublishLibrary.d.ts

@@ -12,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/types/components/RadioGroup.d.ts

@@ -9,4 +9,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/types/components/Sidebar/Sidebar.d.ts

@@ -11,7 +11,7 @@ import "./Sidebar.scss";
 export declare const isSidebarDockedAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
-export declare const SidebarInner: React.ForwardRefExoticComponent<Pick<{
+export declare const SidebarInner: React.ForwardRefExoticComponent<Omit<{
     name: string;
     children: React.ReactNode;
     onStateChange?: ((state: {
@@ -22,7 +22,7 @@ export declare const SidebarInner: React.ForwardRefExoticComponent<Pick<{
     docked?: boolean | undefined;
     className?: string | undefined;
     __fallback?: boolean | undefined;
-} & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">, "className" | "name" | "children" | "key" | "onDock" | "docked" | "onStateChange" | "__fallback"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.RefAttributes<HTMLDivElement>, "onSelect">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const Sidebar: React.ForwardRefExoticComponent<{
     name: string;
     children: React.ReactNode;
@@ -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/types/components/Sidebar/SidebarHeader.d.ts

@@ -2,6 +2,6 @@ export declare const SidebarHeader: {
     ({ children, className, }: {
         children?: React.ReactNode;
         className?: string | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -3,6 +3,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/types/components/Sidebar/SidebarTabTrigger.d.ts

@@ -4,6 +4,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/types/components/Sidebar/SidebarTabTriggers.d.ts

@@ -1,6 +1,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/types/components/Sidebar/SidebarTabs.d.ts

@@ -1,6 +1,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/types/components/Sidebar/SidebarTrigger.d.ts

@@ -1,6 +1,6 @@
 import { 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/types/components/Spinner.d.ts

@@ -3,5 +3,5 @@ declare const Spinner: ({ size, circleWidth, synchronized, }: {
     size?: string | number | undefined;
     circleWidth?: number | undefined;
     synchronized?: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package/types/components/Stack.d.ts

@@ -10,7 +10,7 @@ type StackProps = {
     ref: React.RefObject<HTMLDivElement>;
 };
 declare const _default: {
-    Row: React.ForwardRefExoticComponent<Pick<StackProps, "style" | "className" | "children" | "align" | "gap" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
-    Col: React.ForwardRefExoticComponent<Pick<StackProps, "style" | "className" | "children" | "align" | "gap" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;

package/types/components/Stats.d.ts

@@ -8,4 +8,4 @@ export declare const Stats: (props: {
     elements: readonly NonDeletedExcalidrawElement[];
     onClose: () => void;
     renderCustomStats: ExcalidrawProps["renderCustomStats"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/Switch.d.ts

@@ -6,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/types/components/Toast.d.ts

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

package/types/components/Tooltip.d.ts

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

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

@@ -23,5 +23,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/types/components/canvases/StaticCanvas.d.ts

@@ -14,5 +14,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/types/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,7 +21,7 @@ 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: {
@@ -31,7 +31,7 @@ declare const DropdownMenu: {
             children: React.ReactNode;
             shortcut?: string | undefined;
             className?: string | undefined;
-        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+        } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     ItemLink: {
@@ -42,24 +42,24 @@ declare const DropdownMenu: {
             shortcut?: string | undefined;
             className?: string | undefined;
             onSelect?: ((event: Event) => void) | undefined;
-        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     ItemCustom: ({ children, className, ...rest }: {
         children: React.ReactNode;
         className?: string | 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/types/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/types/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;

package/types/components/dropdownMenu/DropdownMenuItem.d.ts

@@ -6,7 +6,7 @@ declare const DropdownMenuItem: {
         children: React.ReactNode;
         shortcut?: string | undefined;
         className?: string | undefined;
-    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): JSX.Element;
+    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DropdownMenuItem;

package/types/components/dropdownMenu/DropdownMenuItemContent.d.ts

@@ -2,5 +2,5 @@ declare const MenuItemContent: ({ icon, shortcut, children, }: {
     icon?: JSX.Element | undefined;
     shortcut?: string | undefined;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MenuItemContent;

package/types/components/dropdownMenu/DropdownMenuItemCustom.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 declare const DropdownMenuItemCustom: ({ children, className, ...rest }: {
     children: React.ReactNode;
     className?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+} & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export default DropdownMenuItemCustom;