@superinterface/react 3.0.2 → 3.2.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
+import { MessagesPage, StyleProps, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -16,11 +16,11 @@ import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta
 declare const options: {
     get: ({ assistantId, }: {
         assistantId: string;
-    }) => any;
+    }) => string | undefined;
     set: ({ assistantId, threadId, }: {
         assistantId: string;
         threadId: string;
-    }) => any;
+    }) => string | undefined;
 };
 
 type Args$9 = {
@@ -50,29 +50,27 @@ declare const useSuperinterfaceContext: () => {
 
 type Args$8 = Args$9;
 
-type Args$7 = Args$8;
+type Args$7 = Args$8 & StyleProps;
 
 type Args$6 = Omit<Args$7, 'children'>;
 declare const Thread: {
     (props: Args$6): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
     Messages: {
-        ({ children, style, }: {
+        ({ children, className, style, }: {
             children?: React.ReactNode;
-            style?: React.CSSProperties;
-        }): react_jsx_runtime.JSX.Element;
-        Root: ({ children, style, }: {
+        } & StyleProps): react_jsx_runtime.JSX.Element;
+        Root: ({ children, style, className, }: {
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }) => react_jsx_runtime.JSX.Element;
-        Message: ({ message, }: {
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
+        Message: ({ message, className, style, }: {
             message: SerializedMessage;
-        }) => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
         NextPageSkeleton: () => react_jsx_runtime.JSX.Element | null;
     };
     MessageForm: {
-        (): react_jsx_runtime.JSX.Element;
-        Root: ({ children, onSubmit: onSubmitArg, isDisabled: isDisabledArg, }: {
+        (props: StyleProps): react_jsx_runtime.JSX.Element;
+        Root: ({ children, onSubmit: onSubmitArg, isDisabled: isDisabledArg, style, className, }: {
             children: React.ReactNode;
             onSubmit?: react_hook_form.SubmitHandler<{
                 content: string;
@@ -82,29 +80,31 @@ declare const Thread: {
                 createMessage: any;
             }>;
             isDisabled?: boolean;
-        }) => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
         Field: {
-            Root: ({ children, }: {
+            Root: ({ children, className, style, }: {
                 children: React.ReactNode;
-            }) => react_jsx_runtime.JSX.Element;
+            } & StyleProps) => react_jsx_runtime.JSX.Element;
             Control: {
-                (): react_jsx_runtime.JSX.Element;
-                Root: ({ children, }: {
+                (props: StyleProps): react_jsx_runtime.JSX.Element;
+                Root: ({ children, style, className, }: {
                     children: React.ReactNode;
+                } & StyleProps) => react_jsx_runtime.JSX.Element;
+                Input: (props: Omit<StyleProps, "style"> & {
+                    style?: Omit<React.CSSProperties, "minHeight" | "maxHeight" | "height">;
                 }) => react_jsx_runtime.JSX.Element;
-                Input: () => react_jsx_runtime.JSX.Element;
             };
             Files: {
-                Preview: () => react_jsx_runtime.JSX.Element | null;
-                Control: () => react_jsx_runtime.JSX.Element;
+                Preview: (props: StyleProps) => react_jsx_runtime.JSX.Element | null;
+                Control: (props: StyleProps) => react_jsx_runtime.JSX.Element;
             };
         };
         Submit: {
-            (): react_jsx_runtime.JSX.Element;
-            Root: ({ children, }: {
+            (props: StyleProps): react_jsx_runtime.JSX.Element;
+            Root: ({ children, style, className, }: {
                 children: React.ReactNode;
-            }) => react_jsx_runtime.JSX.Element;
-            Button: () => react_jsx_runtime.JSX.Element;
+            } & StyleProps) => react_jsx_runtime.JSX.Element;
+            Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
         };
     };
 };
@@ -118,15 +118,15 @@ declare const useMessages: () => {
     isLoading: false;
     isLoadingError: false;
     isRefetchError: true;
-    isFetchNextPageError: false;
-    isFetchPreviousPageError: false;
     isSuccess: false;
     status: "error";
     fetchNextPage: (options?: _tanstack_react_query.FetchNextPageOptions) => Promise<_tanstack_react_query.InfiniteQueryObserverResult<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchPreviousPage: (options?: _tanstack_react_query.FetchPreviousPageOptions) => Promise<_tanstack_react_query.InfiniteQueryObserverResult<InfiniteData<TQueryFnData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
+    isFetchNextPageError: boolean;
     isFetchingNextPage: boolean;
+    isFetchPreviousPageError: boolean;
     isFetchingPreviousPage: boolean;
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -143,6 +143,7 @@ declare const useMessages: () => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<InfiniteData<TQueryFnData, unknown>>;
 } | {
     messages: SerializedMessage[];
     data: InfiniteData<TQueryFnData, unknown>;
@@ -177,10 +178,11 @@ declare const useMessages: () => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<InfiniteData<TQueryFnData, unknown>>;
 };
 
 declare const useMessageContext: () => {
-    message: Message | null;
+    message: SerializedMessage | null;
 };
 
 declare const useLatestMessage: () => {
@@ -193,15 +195,15 @@ declare const useLatestMessage: () => {
     isLoading: false;
     isLoadingError: false;
     isRefetchError: true;
-    isFetchNextPageError: false;
-    isFetchPreviousPageError: false;
     isSuccess: false;
     status: "error";
     fetchNextPage: (options?: _tanstack_query_core.FetchNextPageOptions) => Promise<_tanstack_query_core.InfiniteQueryObserverResult<_tanstack_query_core.InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchPreviousPage: (options?: _tanstack_query_core.FetchPreviousPageOptions) => Promise<_tanstack_query_core.InfiniteQueryObserverResult<_tanstack_query_core.InfiniteData<TQueryFnData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
+    isFetchNextPageError: boolean;
     isFetchingNextPage: boolean;
+    isFetchPreviousPageError: boolean;
     isFetchingPreviousPage: boolean;
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -218,6 +220,7 @@ declare const useLatestMessage: () => {
     isStale: boolean;
     refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.InfiniteData<TQueryFnData, unknown>>;
 } | {
     latestMessage: SerializedMessage;
     messages: SerializedMessage[];
@@ -253,6 +256,7 @@ declare const useLatestMessage: () => {
     isStale: boolean;
     refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.InfiniteData<TQueryFnData, unknown>>;
 };
 
 declare const useCreateMessage: ({ onError, }?: {
@@ -371,6 +375,7 @@ declare const useAssistant: ({ assistantId, }: Args$5) => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<any, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<any>;
 } | {
     assistant: any;
     data: any;
@@ -397,6 +402,7 @@ declare const useAssistant: ({ assistantId, }: Args$5) => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<any, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<any>;
 } | {
     assistant: any;
     data: undefined;
@@ -423,6 +429,7 @@ declare const useAssistant: ({ assistantId, }: Args$5) => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<any, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<any>;
 } | {
     assistant: any;
     data: undefined;
@@ -449,6 +456,7 @@ declare const useAssistant: ({ assistantId, }: Args$5) => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<any, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<any>;
 } | {
     assistant: any;
     data: undefined;
@@ -475,6 +483,7 @@ declare const useAssistant: ({ assistantId, }: Args$5) => {
     isStale: boolean;
     refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<any, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
+    promise: Promise<any>;
 };
 
 declare const ThreadDialog: {
@@ -485,26 +494,21 @@ declare const ThreadDialog: {
     Trigger: {
         (args: Omit<{
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }, "children">): react_jsx_runtime.JSX.Element;
-        Root: ({ children, style, }: {
+        } & StyleProps, "children">): react_jsx_runtime.JSX.Element;
+        Root: ({ children, style, className, }: {
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }) => react_jsx_runtime.JSX.Element;
-        Button: () => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
+        Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
     };
     Content: {
-        ({ style, }: {
-            style?: React.CSSProperties;
-        }): react_jsx_runtime.JSX.Element;
-        Root: ({ children, style, }: {
+        (props: StyleProps): react_jsx_runtime.JSX.Element;
+        Root: ({ children, className, style, }: {
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }) => react_jsx_runtime.JSX.Element | null;
-        Messages: () => react_jsx_runtime.JSX.Element;
-        FormContainer: ({ children, }: {
+        } & StyleProps) => react_jsx_runtime.JSX.Element | null;
+        Messages: ({ className, style, }: StyleProps) => react_jsx_runtime.JSX.Element;
+        FormContainer: ({ children, className, style, }: {
             children: React.ReactNode;
-        }) => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
     };
 };
 
@@ -514,47 +518,42 @@ declare const ThreadDialogContext: react.Context<{
 }>;
 
 declare const AudioThreadDialog: {
-    (): react_jsx_runtime.JSX.Element;
+    (props: StyleProps): react_jsx_runtime.JSX.Element;
     Root: ({ children, }: {
         children: React.ReactNode;
     }) => react_jsx_runtime.JSX.Element;
     Trigger: {
         (args: Omit<{
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }, "children">): react_jsx_runtime.JSX.Element;
-        Root: ({ children, style, }: {
+        } & StyleProps, "children">): react_jsx_runtime.JSX.Element;
+        Root: ({ children, style, className, }: {
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }) => react_jsx_runtime.JSX.Element;
-        Button: () => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
+        Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
     };
     Content: {
-        ({ style, }: {
-            style?: React.CSSProperties;
-        }): react_jsx_runtime.JSX.Element;
-        Root: ({ children, style, }: {
+        (props: StyleProps): react_jsx_runtime.JSX.Element;
+        Root: ({ children, className, style, }: {
             children: React.ReactNode;
-            style?: React.CSSProperties;
-        }) => react_jsx_runtime.JSX.Element | null;
-        Messages: () => react_jsx_runtime.JSX.Element;
-        FormContainer: ({ children, }: {
+        } & StyleProps) => react_jsx_runtime.JSX.Element | null;
+        Messages: ({ className, style, }: StyleProps) => react_jsx_runtime.JSX.Element;
+        FormContainer: ({ children, className, style, }: {
             children: React.ReactNode;
-        }) => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
     };
 };
 
 type Args$4 = {
     children: React.ReactNode;
-};
+} & StyleProps;
 
 type Args$3 = Omit<Args$4, 'children'>;
 declare const AudioThread: {
     (props: Args$3): react_jsx_runtime.JSX.Element;
-    Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
-    Visualization: () => react_jsx_runtime.JSX.Element;
-    Status: () => react_jsx_runtime.JSX.Element;
-    Form: () => react_jsx_runtime.JSX.Element;
+    Root: ({ children, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
+    Visualization: (props: StyleProps) => react_jsx_runtime.JSX.Element;
+    Status: (props: StyleProps) => react_jsx_runtime.JSX.Element;
+    Form: (props: StyleProps) => react_jsx_runtime.JSX.Element;
 };
 
 declare const useThreadDialogContext: () => {
@@ -563,27 +562,27 @@ declare const useThreadDialogContext: () => {
 };
 
 declare const Suggestions: {
-    ({ children, }: {
+    ({ children, className, style, }: {
         children: React.ReactNode;
-    }): react_jsx_runtime.JSX.Element | null;
+    } & StyleProps): react_jsx_runtime.JSX.Element | null;
     Item: {
-        ({ suggestion, isDisabled, }: {
+        ({ suggestion, isDisabled, className, style, }: {
             suggestion: string;
             isDisabled: boolean;
-        }): react_jsx_runtime.JSX.Element;
-        Content: ({ onClick, isDisabled, isPending, children, }: {
+        } & StyleProps): react_jsx_runtime.JSX.Element;
+        Content: ({ onClick, isDisabled, isPending, children, className, style, }: {
             onClick: () => void;
             isDisabled: boolean;
             isPending: boolean;
             children: React.ReactNode;
-        }) => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
     };
 };
 
 declare const MarkdownContext: react.Context<{
     components: {
         p: ({ children }: JSX.IntrinsicElements["p"]) => react_jsx_runtime.JSX.Element;
-        a: ({ children, href, download, target, }: react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => react_jsx_runtime.JSX.Element;
+        a: ({ children, href, download, target, }: JSX.IntrinsicElements) => react_jsx_runtime.JSX.Element;
         strong: ({ children }: JSX.IntrinsicElements["strong"]) => react_jsx_runtime.JSX.Element;
         ul: ({ children }: JSX.IntrinsicElements["ul"]) => react_jsx_runtime.JSX.Element;
         ol: ({ children }: JSX.IntrinsicElements["ul"]) => react_jsx_runtime.JSX.Element;
@@ -620,7 +619,7 @@ declare const MarkdownProvider: ({ children, ...rest }: {
 declare const useMarkdownContext: () => {
     components: {
         p: ({ children }: JSX.IntrinsicElements["p"]) => react_jsx_runtime.JSX.Element;
-        a: ({ children, href, download, target, }: react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => react_jsx_runtime.JSX.Element;
+        a: ({ children, href, download, target, }: JSX.IntrinsicElements) => react_jsx_runtime.JSX.Element;
         strong: ({ children }: JSX.IntrinsicElements["strong"]) => react_jsx_runtime.JSX.Element;
         ul: ({ children }: JSX.IntrinsicElements["ul"]) => react_jsx_runtime.JSX.Element;
         ol: ({ children }: JSX.IntrinsicElements["ul"]) => react_jsx_runtime.JSX.Element;
@@ -656,10 +655,10 @@ declare const AssistantNameContext: react.Context<string>;
 
 declare const UserAvatarContext: react.Context<react_jsx_runtime.JSX.Element>;
 
-declare const Avatar: ({ avatar, size, }: {
+declare const Avatar: ({ avatar, size, className, style, }: {
     avatar: Avatar$1;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
-}) => react_jsx_runtime.JSX.Element;
+} & StyleProps) => react_jsx_runtime.JSX.Element;
 
 type FunctionComponents = {
     [key: string]: React.ReactNode;
@@ -680,17 +679,17 @@ declare const ComponentsProvider: ({ children, ...rest }: {
 declare const useComponents: () => {
     components: {
         RunStep: {
-            ({ runStep, }: {
+            ({ runStep, className, style, }: {
                 runStep: SerializedRunStep;
-            }): react_jsx_runtime.JSX.Element | null;
+            } & StyleProps): react_jsx_runtime.JSX.Element | null;
             ToolCalls: {
-                ({ stepDetails, runStep, }: {
+                ({ stepDetails, runStep, className, style, }: {
                     stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
                     runStep: SerializedRunStep;
-                }): react_jsx_runtime.JSX.Element;
-                Root: ({ children, }: {
+                } & StyleProps): react_jsx_runtime.JSX.Element;
+                Root: ({ children, className, style, }: {
                     children: React.ReactNode;
-                }) => react_jsx_runtime.JSX.Element;
+                } & StyleProps) => react_jsx_runtime.JSX.Element;
                 Starting: () => react_jsx_runtime.JSX.Element;
                 ToolCall: ({ toolCall, runStep, }: {
                     toolCall: ToolCall;
@@ -703,17 +702,17 @@ declare const useComponents: () => {
 
 type Args$1 = {
     runStep: SerializedRunStep;
-};
+} & StyleProps;
 declare const RunStep: {
-    ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
+    ({ runStep, className, style, }: Args$1): react_jsx_runtime.JSX.Element | null;
     ToolCalls: {
-        ({ stepDetails, runStep, }: {
+        ({ stepDetails, runStep, className, style, }: {
             stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
             runStep: SerializedRunStep;
-        }): react_jsx_runtime.JSX.Element;
-        Root: ({ children, }: {
+        } & StyleProps): react_jsx_runtime.JSX.Element;
+        Root: ({ children, className, style, }: {
             children: React.ReactNode;
-        }) => react_jsx_runtime.JSX.Element;
+        } & StyleProps) => react_jsx_runtime.JSX.Element;
         Starting: () => react_jsx_runtime.JSX.Element;
         ToolCall: ({ toolCall, runStep, }: {
             toolCall: ToolCall;