@excalidraw/excalidraw 0.17.0-c7ee46e → 0.17.0-fe75f29

package/types/actions/actionFrame.d.ts

@@ -96,7 +96,15 @@ export declare const actionRemoveAllElementsFromFrame: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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;
             previousSelectedElementIds: {
@@ -232,7 +240,15 @@ export declare const actionupdateFrameRendering: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -366,7 +382,15 @@ export declare const actionSetFrameAsActiveTool: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionGroup.d.ts

@@ -88,7 +88,15 @@ export declare const actionGroup: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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;
             previousSelectedElementIds: {
@@ -228,7 +236,15 @@ export declare const actionUngroup: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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;
             previousSelectedElementIds: {

package/types/actions/actionLinearEditor.d.ts

@@ -78,7 +78,15 @@ export declare const actionToggleLinearEditor: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionMenu.d.ts

@@ -75,7 +75,15 @@ export declare const actionToggleCanvasMenu: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -207,7 +215,15 @@ export declare const actionToggleEditMenu: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -271,7 +287,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,15 @@ export declare const actionChangeFillStyle: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -225,7 +233,15 @@ export declare const actionChangeStrokeWidth: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -356,7 +372,15 @@ export declare const actionChangeSloppiness: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -487,7 +511,15 @@ export declare const actionChangeStrokeStyle: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -618,7 +650,15 @@ export declare const actionChangeOpacity: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -749,7 +789,15 @@ export declare const actionChangeFontSize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -880,7 +928,15 @@ export declare const actionDecreaseFontSize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -1011,7 +1067,15 @@ export declare const actionIncreaseFontSize: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -1142,7 +1206,15 @@ export declare const actionChangeFontFamily: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -1273,7 +1345,15 @@ export declare const actionChangeTextAlign: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -1406,7 +1486,15 @@ export declare const actionChangeVerticalAlign: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -1537,7 +1625,15 @@ export declare const actionChangeRoundness: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{
@@ -1671,7 +1767,15 @@ export declare const actionChangeArrowhead: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionSelectAll.d.ts

@@ -85,7 +85,15 @@ export declare const actionSelectAll: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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;
             previousSelectedElementIds: {

package/types/actions/actionStyles.d.ts

@@ -79,7 +79,15 @@ export declare const actionCopyStyles: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionToggleGridMode.d.ts

@@ -80,7 +80,15 @@ export declare const actionToggleGridMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionToggleObjectsSnapMode.d.ts

@@ -79,7 +79,15 @@ export declare const actionToggleObjectsSnapMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionToggleStats.d.ts

@@ -77,7 +77,15 @@ export declare const actionToggleStats: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionToggleViewMode.d.ts

@@ -78,7 +78,15 @@ export declare const actionToggleViewMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

package/types/actions/actionToggleZenMode.d.ts

@@ -78,7 +78,15 @@ export declare const actionToggleZenMode: {
                 name: string;
                 tab?: string | undefined;
             } | null;
-            openDialog: "mermaid" | "magicSettings" | "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<{

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/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: 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) => 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) => 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) => 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;
+}) => 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>): 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">): 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>): 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;
+    }): JSX.Element;
+    displayName: string;
+};
+export default TTDDialogTabs;