@zsviczian/excalidraw 0.16.1-obsidian-8 → 0.17.0-obsidian-2

package/types/actions/actionToggleObjectsSnapMode.d.ts

@@ -28,7 +28,7 @@ export declare const actionToggleObjectsSnapMode: {
             isBindingEnabled: boolean;
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -79,7 +79,15 @@ export declare const actionToggleObjectsSnapMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "magicSettings";
+                source: "tool" | "generation" | "settings";
+            } | {
+                name: "ttd";
+                tab: string;
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -149,6 +157,7 @@ export declare const actionToggleObjectsSnapMode: {
             frameColor: {
                 stroke: string;
                 fill: string;
+                nameColor: string;
             };
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;

package/types/actions/actionToggleStats.d.ts

@@ -26,7 +26,7 @@ export declare const actionToggleStats: {
             isBindingEnabled: boolean;
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -77,7 +77,15 @@ export declare const actionToggleStats: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "magicSettings";
+                source: "tool" | "generation" | "settings";
+            } | {
+                name: "ttd";
+                tab: string;
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -147,6 +155,7 @@ export declare const actionToggleStats: {
             frameColor: {
                 stroke: string;
                 fill: string;
+                nameColor: string;
             };
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;

package/types/actions/actionToggleViewMode.d.ts

@@ -27,7 +27,7 @@ export declare const actionToggleViewMode: {
             isBindingEnabled: boolean;
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -78,7 +78,15 @@ export declare const actionToggleViewMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "magicSettings";
+                source: "tool" | "generation" | "settings";
+            } | {
+                name: "ttd";
+                tab: string;
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -148,6 +156,7 @@ export declare const actionToggleViewMode: {
             frameColor: {
                 stroke: string;
                 fill: string;
+                nameColor: string;
             };
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;

package/types/actions/actionToggleZenMode.d.ts

@@ -27,7 +27,7 @@ export declare const actionToggleZenMode: {
             isBindingEnabled: boolean;
             startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
             suggestedBindings: import("../element/binding").SuggestedBinding[];
-            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
+            frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameLikeElement> | null;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -78,7 +78,15 @@ export declare const actionToggleZenMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "magicSettings";
+                source: "tool" | "generation" | "settings";
+            } | {
+                name: "ttd";
+                tab: string;
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -148,6 +156,7 @@ export declare const actionToggleZenMode: {
             frameColor: {
                 stroke: string;
                 fill: string;
+                nameColor: string;
             };
             invertBindingBehaviour: boolean;
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;

package/types/actions/index.d.ts

@@ -7,7 +7,7 @@ export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actio
 export { actionFinalize } from "./actionFinalize";
 export { actionChangeProjectName, actionChangeExportBackground, actionSaveToActiveFile, actionSaveFileToDisk, actionLoadScene, } from "./actionExport";
 export { actionCopyStyles, actionPasteStyles } from "./actionStyles";
-export { actionToggleCanvasMenu, actionToggleEditMenu, actionFullScreen, actionShortcuts, } from "./actionMenu";
+export { actionToggleCanvasMenu, actionToggleEditMenu, actionShortcuts, } from "./actionMenu";
 export { actionGroup, actionUngroup } from "./actionGroup";
 export { actionGoToCollaborator } from "./actionNavigate";
 export { actionAddToLibrary } from "./actionAddToLibrary";

package/types/appState.d.ts

@@ -1,12 +1,12 @@
 import { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
+    theme?: import("./element/types").Theme | undefined;
+    showWelcomeScreen?: boolean | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").ActiveTool | null;
         locked: boolean;
     } & import("./types").ActiveTool) | undefined;
-    name?: string | undefined;
-    showWelcomeScreen?: boolean | undefined;
     penMode?: boolean | undefined;
     penDetected?: boolean | undefined;
     exportBackground?: boolean | undefined;
@@ -31,6 +31,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     scrollY?: number | undefined;
     cursorButton?: "up" | "down" | undefined;
     scrolledOutside?: boolean | undefined;
+    name?: string | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
     }> | undefined;
@@ -49,7 +50,6 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     } | undefined;
     shouldCacheIgnoreZoom?: boolean | undefined;
     zenModeEnabled?: boolean | undefined;
-    theme?: import("./element/types").Theme | undefined;
     gridSize?: number | null | undefined;
     selectedGroupIds?: {
         [groupId: string]: boolean;

package/types/components/Actions.d.ts

@@ -1,16 +1,17 @@
 import { ActionManager } from "../actions/manager";
 import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, UIAppState, Zoom } from "../types";
+import { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
 import "./Actions.scss";
 export declare const SelectedShapeActions: ({ appState, elements, renderAction, }: {
     appState: UIAppState;
     elements: readonly ExcalidrawElement[];
     renderAction: ActionManager["renderAction"];
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ShapesSwitcher: ({ activeTool, appState, app, }: {
+export declare const ShapesSwitcher: ({ activeTool, appState, app, UIOptions, }: {
     activeTool: UIAppState["activeTool"];
     appState: UIAppState;
     app: AppClassProperties;
+    UIOptions: AppProps["UIOptions"];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ZoomActions: ({ renderAction, zoom, trayMode, }: {
     renderAction: ActionManager["renderAction"];

package/types/components/App.d.ts

@@ -2,8 +2,9 @@ import React from "react";
 import { RoughCanvas } from "roughjs/bin/canvas";
 import { ActionManager } from "../actions/manager";
 import { EXPORT_IMAGE_TYPES } from "../constants";
+import { ExportedElements } from "../data";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement } from "../element/types";
+import { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement } from "../element/types";
 import History from "../history";
 import Scene from "../scene/Scene";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType } from "../types";
@@ -19,11 +20,15 @@ export declare const ExcalidrawContainerContext: React.Context<{
 export declare const useApp: () => AppClassProperties;
 export declare const useAppProps: () => AppProps;
 export declare const useDevice: () => Readonly<{
-    isSmScreen: boolean;
-    isMobile: boolean;
+    viewport: {
+        isMobile: boolean;
+        isLandscape: boolean;
+    };
+    editor: {
+        isMobile: boolean;
+        canFitSidebar: boolean;
+    };
     isTouchScreen: boolean;
-    canDeviceFitSidebar: boolean;
-    isLandscape: boolean;
 }>;
 export declare const useExcalidrawContainer: () => {
     container: HTMLDivElement | null;
@@ -40,9 +45,7 @@ declare class App extends React.Component<AppProps, AppState> {
     unmounted: boolean;
     actionManager: ActionManager;
     device: Device;
-    detachIsMobileMqHandler?: () => void;
     private excalidrawContainerRef;
-    static defaultProps: Partial<AppProps>;
     scene: Scene;
     renderer: Renderer;
     private fonts;
@@ -208,10 +211,10 @@ declare class App extends React.Component<AppProps, AppState> {
     }>, event: PointerEvent]>;
     constructor(props: AppProps);
     private onWindowMessage;
-    private updateEmbeddableRef;
+    private cacheEmbeddableRef;
     private getHTMLIFrameElement;
     private handleEmbeddableCenterClick;
-    private isEmbeddableCenter;
+    private isIframeLikeElementCenter;
     private updateEmbeddables;
     private renderEmbeddables;
     private getFrameNameDOMId;
@@ -222,7 +225,19 @@ declare class App extends React.Component<AppProps, AppState> {
     getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
     getSceneElements: () => readonly NonDeletedExcalidrawElement[];
     onInsertElements: (elements: readonly ExcalidrawElement[]) => void;
-    onExportImage: (type: keyof typeof EXPORT_IMAGE_TYPES, elements: readonly NonDeletedExcalidrawElement[]) => Promise<void>;
+    onExportImage: (type: keyof typeof EXPORT_IMAGE_TYPES, elements: ExportedElements, opts: {
+        exportingFrame: ExcalidrawFrameLikeElement | null;
+    }) => Promise<void>;
+    private magicGenerations;
+    private updateMagicGeneration;
+    private getTextFromElements;
+    private onMagicFrameGenerate;
+    private onIframeSrcCopy;
+    private OPENAI_KEY;
+    private OPENAI_KEY_IS_PERSISTED;
+    private onOpenAIKeyChange;
+    private onMagicSettingsConfirm;
+    onMagicframeToolSelect: () => void;
     private openEyeDropper;
     private syncActionResult;
     private onBlur;
@@ -235,11 +250,15 @@ declare class App extends React.Component<AppProps, AppState> {
      */
     private resetScene;
     private initializeScene;
-    private refreshDeviceState;
+    private isMobileBreakpoint;
+    private refreshViewportBreakpoints;
+    private refreshEditorBreakpoints;
     componentDidMount(): Promise<void>;
     componentWillUnmount(): void;
     private onResize;
     private removeEventListeners;
+    /** generally invoked only if fullscreen was invoked programmatically */
+    private onFullscreenChange;
     private addEventListeners;
     componentDidUpdate(prevProps: AppProps, prevState: AppState): void;
     private renderInteractiveSceneCallback;
@@ -271,7 +290,7 @@ declare class App extends React.Component<AppProps, AppState> {
         outline: boolean;
         clip: boolean;
     }> | ((prevState: AppState["frameRendering"]) => Partial<AppState["frameRendering"]>)) => void;
-    togglePenMode: (force?: boolean) => void;
+    togglePenMode: (force: boolean | null) => void;
     onHandToolToggle: () => void;
     /**
      * Zooms on canvas viewport center
@@ -333,6 +352,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private onKeyDown;
     private onWheel;
     private onKeyUp;
+    private isToolSupported;
     setActiveTool: (tool: (({
         type: Exclude<ToolType, "image">;
     } | {
@@ -389,7 +409,17 @@ declare class App extends React.Component<AppProps, AppState> {
     private isHittingCommonBoundingBoxOfSelectedElements;
     private handleTextOnPointerDown;
     private handleFreeDrawElementOnPointerDown;
-    private insertEmbeddableElement;
+    insertIframeElement: ({ sceneX, sceneY, width, height, }: {
+        sceneX: number;
+        sceneY: number;
+        width: number;
+        height: number;
+    }) => NonDeleted<ExcalidrawIframeElement>;
+    insertEmbeddableElement: ({ sceneX, sceneY, link, }: {
+        sceneX: number;
+        sceneY: number;
+        link: string;
+    }) => NonDeleted<import("../element/types").ExcalidrawEmbeddableElement> | undefined;
     private createImageElement;
     private handleLinearElementOnPointerDown;
     private getCurrentItemRoundness;

package/types/components/Button.d.ts

@@ -1,5 +1,5 @@
 import "./Button.scss";
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     type?: "button" | "submit" | "reset";
     onSelect: () => any;
     /** whether button is in active state */

package/types/components/ImageExportDialog.d.ts

@@ -10,4 +10,4 @@ export declare const ImageExportDialog: ({ elements, appState, files, actionMana
     actionManager: ActionManager;
     onExportImage: AppClassProperties["onExportImage"];
     onCloseRequest: () => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/InlineIcon.d.ts

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

package/types/components/LayerUI.d.ts

@@ -14,7 +14,7 @@ interface LayerUIProps {
     elements: readonly NonDeletedExcalidrawElement[];
     onLockToggle: () => void;
     onHandToolToggle: () => void;
-    onPenModeToggle: () => void;
+    onPenModeToggle: AppClassProperties["togglePenMode"];
     showExitZenModeBtn: boolean;
     langCode: Language["code"];
     renderTopRightUI?: ExcalidrawProps["renderTopRightUI"];
@@ -25,6 +25,10 @@ interface LayerUIProps {
     children?: React.ReactNode;
     app: AppClassProperties;
     isCollaborating: boolean;
+    openAIKey: string | null;
+    isOpenAIKeyPersisted: boolean;
+    onOpenAIAPIKeyChange: (apiKey: string, shouldPersist: boolean) => void;
+    onMagicSettingsConfirm: (apiKey: string, shouldPersist: boolean, source: "tool" | "generation" | "settings") => void;
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, isCollaborating, openAIKey, isOpenAIKeyPersisted, onOpenAIAPIKeyChange, onMagicSettingsConfirm, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/types/components/MagicButton.d.ts

@@ -0,0 +1,9 @@
+import "./ToolIcon.scss";
+export declare const ElementCanvasButton: (props: {
+    title?: string;
+    icon: JSX.Element;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    isMobile?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/MagicSettings.d.ts

@@ -0,0 +1,8 @@
+import "./MagicSettings.scss";
+export declare const MagicSettings: (props: {
+    openAIKey: string | null;
+    isPersisted: boolean;
+    onChange: (key: string, shouldPersist: boolean) => void;
+    onConfirm: (key: string, shouldPersist: boolean) => void;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/MobileMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AppClassProperties, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
+import { AppClassProperties, AppProps, AppState, Device, ExcalidrawProps, UIAppState } from "../types";
 import { ActionManager } from "../actions/manager";
 import { NonDeletedExcalidrawElement } from "../element/types";
 type MobileMenuProps = {
@@ -11,13 +11,14 @@ type MobileMenuProps = {
     elements: readonly NonDeletedExcalidrawElement[];
     onLockToggle: () => void;
     onHandToolToggle: () => void;
-    onPenModeToggle: () => void;
+    onPenModeToggle: AppClassProperties["togglePenMode"];
     renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     renderCustomStats?: ExcalidrawProps["renderCustomStats"];
     renderSidebars: () => JSX.Element | null;
     device: Device;
     renderWelcomeScreen: boolean;
+    UIOptions: AppProps["UIOptions"];
     app: AppClassProperties;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, app, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onLockToggle, onHandToolToggle, onPenModeToggle, renderTopRightUI, renderCustomStats, renderSidebars, device, renderWelcomeScreen, UIOptions, app, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/Paragraph.d.ts

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

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

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

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

@@ -0,0 +1,29 @@
+import "./TTDDialog.scss";
+type OnTestSubmitRetValue = {
+    rateLimit?: number | null;
+    rateLimitRemaining?: number | null;
+} & ({
+    generatedResponse: string | undefined;
+    error?: null | undefined;
+} | {
+    error: Error;
+    generatedResponse?: null | undefined;
+});
+export declare const TTDDialog: (props: {
+    onTextSubmit(value: string): Promise<OnTestSubmitRetValue>;
+} | {
+    __fallback: true;
+}) => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Text to diagram (TTD) dialog
+ */
+export declare const TTDDialogBase: import("react").FC<({
+    tab: string;
+} & ({
+    onTextSubmit(value: string): Promise<OnTestSubmitRetValue>;
+} | {
+    __fallback: true;
+})) & {
+    __fallback?: boolean | undefined;
+}>;
+export {};

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+interface TTDDialogPanelProps {
+    label: string;
+    children: ReactNode;
+    panelAction?: {
+        label: string;
+        action: () => void;
+        icon?: ReactNode;
+    };
+    panelActionDisabled?: boolean;
+    onTextSubmitInProgess?: boolean;
+    renderTopRight?: () => ReactNode;
+    renderBottomRight?: () => ReactNode;
+}
+export declare const TTDDialogPanel: ({ label, children, panelAction, panelActionDisabled, onTextSubmitInProgess, renderTopRight, renderBottomRight, }: TTDDialogPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare const TTDDialogTabs: {
+    ({ children, tab, ...rest }: {
+        children: ReactNode;
+        tab: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default TTDDialogTabs;

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

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

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

@@ -0,0 +1,33 @@
+import { MermaidOptions } from "@zsviczian/mermaid-to-excalidraw";
+import { MermaidToExcalidrawResult } from "@zsviczian/mermaid-to-excalidraw/dist/interfaces";
+import { NonDeletedExcalidrawElement } from "../../element/types";
+import { AppClassProperties, BinaryFiles } from "../../types";
+export interface MermaidToExcalidrawLibProps {
+    loaded: boolean;
+    api: Promise<{
+        parseMermaidToExcalidraw: (definition: string, options: MermaidOptions) => Promise<MermaidToExcalidrawResult>;
+    }>;
+}
+interface ConvertMermaidToExcalidrawFormatProps {
+    canvasRef: React.RefObject<HTMLDivElement>;
+    mermaidToExcalidrawLib: MermaidToExcalidrawLibProps;
+    text: string;
+    setError: (error: Error | null) => void;
+    data: React.MutableRefObject<{
+        elements: readonly NonDeletedExcalidrawElement[];
+        files: BinaryFiles | null;
+    }>;
+}
+export declare const convertMermaidToExcalidraw: ({ canvasRef, mermaidToExcalidrawLib, text, setError, data, }: ConvertMermaidToExcalidrawFormatProps) => Promise<void>;
+export declare const LOCAL_STORAGE_KEY_MERMAID_TO_EXCALIDRAW = "mermaid-to-excalidraw";
+export declare const saveMermaidDataToStorage: (data: string) => void;
+export declare const insertToEditor: ({ app, data, text, shouldSaveMermaidDataToStorage, }: {
+    app: AppClassProperties;
+    data: React.MutableRefObject<{
+        elements: readonly NonDeletedExcalidrawElement[];
+        files: BinaryFiles | null;
+    }>;
+    text?: string | undefined;
+    shouldSaveMermaidDataToStorage?: boolean | undefined;
+}) => void;
+export {};

package/types/components/TextField.d.ts

@@ -0,0 +1,16 @@
+import { KeyboardEvent } from "react";
+import "./TextField.scss";
+type TextFieldProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    onClick?: () => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    readonly?: boolean;
+    fullWidth?: boolean;
+    selectOnRender?: boolean;
+    label?: string;
+    placeholder?: string;
+    isRedacted?: boolean;
+};
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -34,6 +34,12 @@ declare const DropdownMenu: {
             className?: string | undefined;
         } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
+        Badge: {
+            ({ children, }: {
+                children: React.ReactNode;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
     };
     ItemLink: {
         ({ icon, shortcut, href, children, onSelect, className, selected, ...rest }: {

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

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