@excalidraw/excalidraw 0.17.0-c7ee46e → 0.17.0-dd220bc

package/types/actions/actionFinalize.d.ts

@@ -76,7 +76,16 @@ export declare const actionFinalize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -201,7 +210,16 @@ export declare const actionFinalize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {

package/types/actions/actionFrame.d.ts

@@ -96,7 +96,16 @@ export declare const actionRemoveAllElementsFromFrame: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {
@@ -232,7 +241,16 @@ export declare const actionupdateFrameRendering: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -366,7 +384,16 @@ export declare const actionSetFrameAsActiveTool: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionGroup.d.ts

@@ -88,7 +88,16 @@ export declare const actionGroup: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {
@@ -228,7 +237,16 @@ export declare const actionUngroup: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {

package/types/actions/actionLinearEditor.d.ts

@@ -78,7 +78,16 @@ export declare const actionToggleLinearEditor: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionMenu.d.ts

@@ -75,7 +75,16 @@ export declare const actionToggleCanvasMenu: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -207,7 +216,16 @@ export declare const actionToggleEditMenu: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -271,7 +289,9 @@ export declare const actionShortcuts: {
     };
     perform: (_elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, { focusContainer }: import("../types").AppClassProperties) => {
         appState: {
-            openDialog: "help" | null;
+            openDialog: {
+                name: "help";
+            } | null;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;

package/types/actions/actionProperties.d.ts

@@ -94,7 +94,16 @@ export declare const actionChangeFillStyle: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -225,7 +234,16 @@ export declare const actionChangeStrokeWidth: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -356,7 +374,16 @@ export declare const actionChangeSloppiness: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -487,7 +514,16 @@ export declare const actionChangeStrokeStyle: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -618,7 +654,16 @@ export declare const actionChangeOpacity: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -749,7 +794,16 @@ export declare const actionChangeFontSize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -880,7 +934,16 @@ export declare const actionDecreaseFontSize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1011,7 +1074,16 @@ export declare const actionIncreaseFontSize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1142,7 +1214,16 @@ export declare const actionChangeFontFamily: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1273,7 +1354,16 @@ export declare const actionChangeTextAlign: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1406,7 +1496,16 @@ export declare const actionChangeVerticalAlign: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1537,7 +1636,16 @@ export declare const actionChangeRoundness: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{
@@ -1671,7 +1779,16 @@ export declare const actionChangeArrowhead: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionSelectAll.d.ts

@@ -85,7 +85,16 @@ export declare const actionSelectAll: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             previousSelectedElementIds: {

package/types/actions/actionStyles.d.ts

@@ -79,7 +79,16 @@ export declare const actionCopyStyles: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionToggleGridMode.d.ts

@@ -80,7 +80,16 @@ export declare const actionToggleGridMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionToggleObjectsSnapMode.d.ts

@@ -79,7 +79,16 @@ export declare const actionToggleObjectsSnapMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionToggleStats.d.ts

@@ -77,7 +77,16 @@ export declare const actionToggleStats: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionToggleViewMode.d.ts

@@ -78,7 +78,16 @@ export declare const actionToggleViewMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/actions/actionToggleZenMode.d.ts

@@ -78,7 +78,16 @@ export declare const actionToggleZenMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "imageExport" | "help" | "jsonExport" | null;
+            openDialog: {
+                name: "imageExport" | "help" | "jsonExport";
+            } | {
+                name: "settings";
+                source: "settings" | "tool" | "generation";
+                tab: "text-to-diagram" | "diagram-to-code";
+            } | {
+                name: "ttd";
+                tab: "mermaid" | "text-to-diagram";
+            } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
             selectedElementIds: Readonly<{

package/types/components/App.d.ts

@@ -235,7 +235,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private OPENAI_KEY_IS_PERSISTED;
     private onOpenAIKeyChange;
     private onMagicSettingsConfirm;
-    onMagicButtonSelect: () => void;
+    onMagicframeToolSelect: () => void;
     private openEyeDropper;
     private syncActionResult;
     private onBlur;

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/InlineIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const InlineIcon: ({ icon }: {
+    icon: JSX.Element;
+}) => JSX.Element;

package/types/components/LayerUI.d.ts

@@ -28,7 +28,7 @@ interface LayerUIProps {
     openAIKey: string | null;
     isOpenAIKeyPersisted: boolean;
     onOpenAIAPIKeyChange: (apiKey: string, shouldPersist: boolean) => void;
-    onMagicSettingsConfirm: (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, openAIKey, isOpenAIKeyPersisted, onOpenAIAPIKeyChange, onMagicSettingsConfirm, }: LayerUIProps) => JSX.Element>;
 export default _default;

package/types/components/MagicSettings.d.ts

@@ -5,4 +5,4 @@ export declare const MagicSettings: (props: {
     onChange: (key: string, shouldPersist: boolean) => void;
     onConfirm: (key: string, shouldPersist: boolean) => void;
     onClose: () => void;
-}) => JSX.Element;
+}) => JSX.Element | null;

package/types/components/Paragraph.d.ts

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

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

@@ -0,0 +1,6 @@
+import "./MermaidToExcalidraw.scss";
+import { MermaidToExcalidrawLibProps } from "./common";
+declare const MermaidToExcalidraw: ({ mermaidToExcalidrawLib, }: {
+    mermaidToExcalidrawLib: MermaidToExcalidrawLibProps;
+}) => JSX.Element;
+export default MermaidToExcalidraw;

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;
+}) => JSX.Element | null;
+/**
+ * Text to diagram (TTD) dialog
+ */
+export declare const TTDDialogBase: import("react").FC<({
+    tab: "text-to-diagram" | "mermaid";
+} & ({
+    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) => JSX.Element;
+export {};