@superinterface/react 3.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/index.cjs +954 -892
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +74 -84
  4. package/dist/index.d.ts +74 -84
  5. package/dist/index.js +893 -831
  6. package/dist/index.js.map +1 -1
  7. package/dist/server.cjs.map +1 -1
  8. package/dist/server.js.map +1 -1
  9. package/dist/types/index.cjs.map +1 -1
  10. package/dist/types/index.d.cts +5 -1
  11. package/dist/types/index.d.ts +5 -1
  12. package/package.json +6 -2
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { MessagesPage, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
2
+ import { MessagesPage, StyleProps, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
3
3
  import * as _tanstack_react_query from '@tanstack/react-query';
4
4
  import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
5
5
  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
16
16
  declare const options: {
17
17
  get: ({ assistantId, }: {
18
18
  assistantId: string;
19
- }) => any;
19
+ }) => string | undefined;
20
20
  set: ({ assistantId, threadId, }: {
21
21
  assistantId: string;
22
22
  threadId: string;
23
- }) => any;
23
+ }) => string | undefined;
24
24
  };
25
25
 
26
26
  type Args$9 = {
@@ -50,29 +50,27 @@ declare const useSuperinterfaceContext: () => {
50
50
 
51
51
  type Args$8 = Args$9;
52
52
 
53
- type Args$7 = Args$8;
53
+ type Args$7 = Args$8 & StyleProps;
54
54
 
55
55
  type Args$6 = Omit<Args$7, 'children'>;
56
56
  declare const Thread: {
57
57
  (props: Args$6): react_jsx_runtime.JSX.Element;
58
- Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
58
+ Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
59
59
  Messages: {
60
- ({ children, style, }: {
60
+ ({ children, className, style, }: {
61
61
  children?: React.ReactNode;
62
- style?: React.CSSProperties;
63
- }): react_jsx_runtime.JSX.Element;
64
- Root: ({ children, style, }: {
62
+ } & StyleProps): react_jsx_runtime.JSX.Element;
63
+ Root: ({ children, style, className, }: {
65
64
  children: React.ReactNode;
66
- style?: React.CSSProperties;
67
- }) => react_jsx_runtime.JSX.Element;
68
- Message: ({ message, }: {
65
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
66
+ Message: ({ message, className, style, }: {
69
67
  message: SerializedMessage;
70
- }) => react_jsx_runtime.JSX.Element;
68
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
71
69
  NextPageSkeleton: () => react_jsx_runtime.JSX.Element | null;
72
70
  };
73
71
  MessageForm: {
74
- (): react_jsx_runtime.JSX.Element;
75
- Root: ({ children, onSubmit: onSubmitArg, isDisabled: isDisabledArg, }: {
72
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
73
+ Root: ({ children, onSubmit: onSubmitArg, isDisabled: isDisabledArg, style, className, }: {
76
74
  children: React.ReactNode;
77
75
  onSubmit?: react_hook_form.SubmitHandler<{
78
76
  content: string;
@@ -82,29 +80,31 @@ declare const Thread: {
82
80
  createMessage: any;
83
81
  }>;
84
82
  isDisabled?: boolean;
85
- }) => react_jsx_runtime.JSX.Element;
83
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
86
84
  Field: {
87
- Root: ({ children, }: {
85
+ Root: ({ children, className, style, }: {
88
86
  children: React.ReactNode;
89
- }) => react_jsx_runtime.JSX.Element;
87
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
90
88
  Control: {
91
- (): react_jsx_runtime.JSX.Element;
92
- Root: ({ children, }: {
89
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
90
+ Root: ({ children, style, className, }: {
93
91
  children: React.ReactNode;
92
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
93
+ Input: (props: Omit<StyleProps, "style"> & {
94
+ style?: Omit<React.CSSProperties, "minHeight" | "maxHeight" | "height">;
94
95
  }) => react_jsx_runtime.JSX.Element;
95
- Input: () => react_jsx_runtime.JSX.Element;
96
96
  };
97
97
  Files: {
98
- Preview: () => react_jsx_runtime.JSX.Element | null;
99
- Control: () => react_jsx_runtime.JSX.Element;
98
+ Preview: (props: StyleProps) => react_jsx_runtime.JSX.Element | null;
99
+ Control: (props: StyleProps) => react_jsx_runtime.JSX.Element;
100
100
  };
101
101
  };
102
102
  Submit: {
103
- (): react_jsx_runtime.JSX.Element;
104
- Root: ({ children, }: {
103
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
104
+ Root: ({ children, style, className, }: {
105
105
  children: React.ReactNode;
106
- }) => react_jsx_runtime.JSX.Element;
107
- Button: () => react_jsx_runtime.JSX.Element;
106
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
107
+ Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
108
108
  };
109
109
  };
110
110
  };
@@ -180,7 +180,7 @@ declare const useMessages: () => {
180
180
  };
181
181
 
182
182
  declare const useMessageContext: () => {
183
- message: Message | null;
183
+ message: SerializedMessage | null;
184
184
  };
185
185
 
186
186
  declare const useLatestMessage: () => {
@@ -485,26 +485,21 @@ declare const ThreadDialog: {
485
485
  Trigger: {
486
486
  (args: Omit<{
487
487
  children: React.ReactNode;
488
- style?: React.CSSProperties;
489
- }, "children">): react_jsx_runtime.JSX.Element;
490
- Root: ({ children, style, }: {
488
+ } & StyleProps, "children">): react_jsx_runtime.JSX.Element;
489
+ Root: ({ children, style, className, }: {
491
490
  children: React.ReactNode;
492
- style?: React.CSSProperties;
493
- }) => react_jsx_runtime.JSX.Element;
494
- Button: () => react_jsx_runtime.JSX.Element;
491
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
492
+ Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
495
493
  };
496
494
  Content: {
497
- ({ style, }: {
498
- style?: React.CSSProperties;
499
- }): react_jsx_runtime.JSX.Element;
500
- Root: ({ children, style, }: {
495
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
496
+ Root: ({ children, className, style, }: {
501
497
  children: React.ReactNode;
502
- style?: React.CSSProperties;
503
- }) => react_jsx_runtime.JSX.Element | null;
504
- Messages: () => react_jsx_runtime.JSX.Element;
505
- FormContainer: ({ children, }: {
498
+ } & StyleProps) => react_jsx_runtime.JSX.Element | null;
499
+ Messages: ({ className, style, }: StyleProps) => react_jsx_runtime.JSX.Element;
500
+ FormContainer: ({ children, className, style, }: {
506
501
  children: React.ReactNode;
507
- }) => react_jsx_runtime.JSX.Element;
502
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
508
503
  };
509
504
  };
510
505
 
@@ -514,47 +509,42 @@ declare const ThreadDialogContext: react.Context<{
514
509
  }>;
515
510
 
516
511
  declare const AudioThreadDialog: {
517
- (): react_jsx_runtime.JSX.Element;
512
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
518
513
  Root: ({ children, }: {
519
514
  children: React.ReactNode;
520
515
  }) => react_jsx_runtime.JSX.Element;
521
516
  Trigger: {
522
517
  (args: Omit<{
523
518
  children: React.ReactNode;
524
- style?: React.CSSProperties;
525
- }, "children">): react_jsx_runtime.JSX.Element;
526
- Root: ({ children, style, }: {
519
+ } & StyleProps, "children">): react_jsx_runtime.JSX.Element;
520
+ Root: ({ children, style, className, }: {
527
521
  children: React.ReactNode;
528
- style?: React.CSSProperties;
529
- }) => react_jsx_runtime.JSX.Element;
530
- Button: () => react_jsx_runtime.JSX.Element;
522
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
523
+ Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
531
524
  };
532
525
  Content: {
533
- ({ style, }: {
534
- style?: React.CSSProperties;
535
- }): react_jsx_runtime.JSX.Element;
536
- Root: ({ children, style, }: {
526
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
527
+ Root: ({ children, className, style, }: {
537
528
  children: React.ReactNode;
538
- style?: React.CSSProperties;
539
- }) => react_jsx_runtime.JSX.Element | null;
540
- Messages: () => react_jsx_runtime.JSX.Element;
541
- FormContainer: ({ children, }: {
529
+ } & StyleProps) => react_jsx_runtime.JSX.Element | null;
530
+ Messages: ({ className, style, }: StyleProps) => react_jsx_runtime.JSX.Element;
531
+ FormContainer: ({ children, className, style, }: {
542
532
  children: React.ReactNode;
543
- }) => react_jsx_runtime.JSX.Element;
533
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
544
534
  };
545
535
  };
546
536
 
547
537
  type Args$4 = {
548
538
  children: React.ReactNode;
549
- };
539
+ } & StyleProps;
550
540
 
551
541
  type Args$3 = Omit<Args$4, 'children'>;
552
542
  declare const AudioThread: {
553
543
  (props: Args$3): react_jsx_runtime.JSX.Element;
554
- Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
555
- Visualization: () => react_jsx_runtime.JSX.Element;
556
- Status: () => react_jsx_runtime.JSX.Element;
557
- Form: () => react_jsx_runtime.JSX.Element;
544
+ Root: ({ children, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
545
+ Visualization: (props: StyleProps) => react_jsx_runtime.JSX.Element;
546
+ Status: (props: StyleProps) => react_jsx_runtime.JSX.Element;
547
+ Form: (props: StyleProps) => react_jsx_runtime.JSX.Element;
558
548
  };
559
549
 
560
550
  declare const useThreadDialogContext: () => {
@@ -563,20 +553,20 @@ declare const useThreadDialogContext: () => {
563
553
  };
564
554
 
565
555
  declare const Suggestions: {
566
- ({ children, }: {
556
+ ({ children, className, style, }: {
567
557
  children: React.ReactNode;
568
- }): react_jsx_runtime.JSX.Element | null;
558
+ } & StyleProps): react_jsx_runtime.JSX.Element | null;
569
559
  Item: {
570
- ({ suggestion, isDisabled, }: {
560
+ ({ suggestion, isDisabled, className, style, }: {
571
561
  suggestion: string;
572
562
  isDisabled: boolean;
573
- }): react_jsx_runtime.JSX.Element;
574
- Content: ({ onClick, isDisabled, isPending, children, }: {
563
+ } & StyleProps): react_jsx_runtime.JSX.Element;
564
+ Content: ({ onClick, isDisabled, isPending, children, className, style, }: {
575
565
  onClick: () => void;
576
566
  isDisabled: boolean;
577
567
  isPending: boolean;
578
568
  children: React.ReactNode;
579
- }) => react_jsx_runtime.JSX.Element;
569
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
580
570
  };
581
571
  };
582
572
 
@@ -656,10 +646,10 @@ declare const AssistantNameContext: react.Context<string>;
656
646
 
657
647
  declare const UserAvatarContext: react.Context<react_jsx_runtime.JSX.Element>;
658
648
 
659
- declare const Avatar: ({ avatar, size, }: {
649
+ declare const Avatar: ({ avatar, size, className, style, }: {
660
650
  avatar: Avatar$1;
661
651
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
662
- }) => react_jsx_runtime.JSX.Element;
652
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
663
653
 
664
654
  type FunctionComponents = {
665
655
  [key: string]: React.ReactNode;
@@ -680,17 +670,17 @@ declare const ComponentsProvider: ({ children, ...rest }: {
680
670
  declare const useComponents: () => {
681
671
  components: {
682
672
  RunStep: {
683
- ({ runStep, }: {
673
+ ({ runStep, className, style, }: {
684
674
  runStep: SerializedRunStep;
685
- }): react_jsx_runtime.JSX.Element | null;
675
+ } & StyleProps): react_jsx_runtime.JSX.Element | null;
686
676
  ToolCalls: {
687
- ({ stepDetails, runStep, }: {
677
+ ({ stepDetails, runStep, className, style, }: {
688
678
  stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
689
679
  runStep: SerializedRunStep;
690
- }): react_jsx_runtime.JSX.Element;
691
- Root: ({ children, }: {
680
+ } & StyleProps): react_jsx_runtime.JSX.Element;
681
+ Root: ({ children, className, style, }: {
692
682
  children: React.ReactNode;
693
- }) => react_jsx_runtime.JSX.Element;
683
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
694
684
  Starting: () => react_jsx_runtime.JSX.Element;
695
685
  ToolCall: ({ toolCall, runStep, }: {
696
686
  toolCall: ToolCall;
@@ -703,17 +693,17 @@ declare const useComponents: () => {
703
693
 
704
694
  type Args$1 = {
705
695
  runStep: SerializedRunStep;
706
- };
696
+ } & StyleProps;
707
697
  declare const RunStep: {
708
- ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
698
+ ({ runStep, className, style, }: Args$1): react_jsx_runtime.JSX.Element | null;
709
699
  ToolCalls: {
710
- ({ stepDetails, runStep, }: {
700
+ ({ stepDetails, runStep, className, style, }: {
711
701
  stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
712
702
  runStep: SerializedRunStep;
713
- }): react_jsx_runtime.JSX.Element;
714
- Root: ({ children, }: {
703
+ } & StyleProps): react_jsx_runtime.JSX.Element;
704
+ Root: ({ children, className, style, }: {
715
705
  children: React.ReactNode;
716
- }) => react_jsx_runtime.JSX.Element;
706
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
717
707
  Starting: () => react_jsx_runtime.JSX.Element;
718
708
  ToolCall: ({ toolCall, runStep, }: {
719
709
  toolCall: ToolCall;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { MessagesPage, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
2
+ import { MessagesPage, StyleProps, SerializedMessage, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
3
3
  import * as _tanstack_react_query from '@tanstack/react-query';
4
4
  import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
5
5
  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
16
16
  declare const options: {
17
17
  get: ({ assistantId, }: {
18
18
  assistantId: string;
19
- }) => any;
19
+ }) => string | undefined;
20
20
  set: ({ assistantId, threadId, }: {
21
21
  assistantId: string;
22
22
  threadId: string;
23
- }) => any;
23
+ }) => string | undefined;
24
24
  };
25
25
 
26
26
  type Args$9 = {
@@ -50,29 +50,27 @@ declare const useSuperinterfaceContext: () => {
50
50
 
51
51
  type Args$8 = Args$9;
52
52
 
53
- type Args$7 = Args$8;
53
+ type Args$7 = Args$8 & StyleProps;
54
54
 
55
55
  type Args$6 = Omit<Args$7, 'children'>;
56
56
  declare const Thread: {
57
57
  (props: Args$6): react_jsx_runtime.JSX.Element;
58
- Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
58
+ Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
59
59
  Messages: {
60
- ({ children, style, }: {
60
+ ({ children, className, style, }: {
61
61
  children?: React.ReactNode;
62
- style?: React.CSSProperties;
63
- }): react_jsx_runtime.JSX.Element;
64
- Root: ({ children, style, }: {
62
+ } & StyleProps): react_jsx_runtime.JSX.Element;
63
+ Root: ({ children, style, className, }: {
65
64
  children: React.ReactNode;
66
- style?: React.CSSProperties;
67
- }) => react_jsx_runtime.JSX.Element;
68
- Message: ({ message, }: {
65
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
66
+ Message: ({ message, className, style, }: {
69
67
  message: SerializedMessage;
70
- }) => react_jsx_runtime.JSX.Element;
68
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
71
69
  NextPageSkeleton: () => react_jsx_runtime.JSX.Element | null;
72
70
  };
73
71
  MessageForm: {
74
- (): react_jsx_runtime.JSX.Element;
75
- Root: ({ children, onSubmit: onSubmitArg, isDisabled: isDisabledArg, }: {
72
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
73
+ Root: ({ children, onSubmit: onSubmitArg, isDisabled: isDisabledArg, style, className, }: {
76
74
  children: React.ReactNode;
77
75
  onSubmit?: react_hook_form.SubmitHandler<{
78
76
  content: string;
@@ -82,29 +80,31 @@ declare const Thread: {
82
80
  createMessage: any;
83
81
  }>;
84
82
  isDisabled?: boolean;
85
- }) => react_jsx_runtime.JSX.Element;
83
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
86
84
  Field: {
87
- Root: ({ children, }: {
85
+ Root: ({ children, className, style, }: {
88
86
  children: React.ReactNode;
89
- }) => react_jsx_runtime.JSX.Element;
87
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
90
88
  Control: {
91
- (): react_jsx_runtime.JSX.Element;
92
- Root: ({ children, }: {
89
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
90
+ Root: ({ children, style, className, }: {
93
91
  children: React.ReactNode;
92
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
93
+ Input: (props: Omit<StyleProps, "style"> & {
94
+ style?: Omit<React.CSSProperties, "minHeight" | "maxHeight" | "height">;
94
95
  }) => react_jsx_runtime.JSX.Element;
95
- Input: () => react_jsx_runtime.JSX.Element;
96
96
  };
97
97
  Files: {
98
- Preview: () => react_jsx_runtime.JSX.Element | null;
99
- Control: () => react_jsx_runtime.JSX.Element;
98
+ Preview: (props: StyleProps) => react_jsx_runtime.JSX.Element | null;
99
+ Control: (props: StyleProps) => react_jsx_runtime.JSX.Element;
100
100
  };
101
101
  };
102
102
  Submit: {
103
- (): react_jsx_runtime.JSX.Element;
104
- Root: ({ children, }: {
103
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
104
+ Root: ({ children, style, className, }: {
105
105
  children: React.ReactNode;
106
- }) => react_jsx_runtime.JSX.Element;
107
- Button: () => react_jsx_runtime.JSX.Element;
106
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
107
+ Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
108
108
  };
109
109
  };
110
110
  };
@@ -180,7 +180,7 @@ declare const useMessages: () => {
180
180
  };
181
181
 
182
182
  declare const useMessageContext: () => {
183
- message: Message | null;
183
+ message: SerializedMessage | null;
184
184
  };
185
185
 
186
186
  declare const useLatestMessage: () => {
@@ -485,26 +485,21 @@ declare const ThreadDialog: {
485
485
  Trigger: {
486
486
  (args: Omit<{
487
487
  children: React.ReactNode;
488
- style?: React.CSSProperties;
489
- }, "children">): react_jsx_runtime.JSX.Element;
490
- Root: ({ children, style, }: {
488
+ } & StyleProps, "children">): react_jsx_runtime.JSX.Element;
489
+ Root: ({ children, style, className, }: {
491
490
  children: React.ReactNode;
492
- style?: React.CSSProperties;
493
- }) => react_jsx_runtime.JSX.Element;
494
- Button: () => react_jsx_runtime.JSX.Element;
491
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
492
+ Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
495
493
  };
496
494
  Content: {
497
- ({ style, }: {
498
- style?: React.CSSProperties;
499
- }): react_jsx_runtime.JSX.Element;
500
- Root: ({ children, style, }: {
495
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
496
+ Root: ({ children, className, style, }: {
501
497
  children: React.ReactNode;
502
- style?: React.CSSProperties;
503
- }) => react_jsx_runtime.JSX.Element | null;
504
- Messages: () => react_jsx_runtime.JSX.Element;
505
- FormContainer: ({ children, }: {
498
+ } & StyleProps) => react_jsx_runtime.JSX.Element | null;
499
+ Messages: ({ className, style, }: StyleProps) => react_jsx_runtime.JSX.Element;
500
+ FormContainer: ({ children, className, style, }: {
506
501
  children: React.ReactNode;
507
- }) => react_jsx_runtime.JSX.Element;
502
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
508
503
  };
509
504
  };
510
505
 
@@ -514,47 +509,42 @@ declare const ThreadDialogContext: react.Context<{
514
509
  }>;
515
510
 
516
511
  declare const AudioThreadDialog: {
517
- (): react_jsx_runtime.JSX.Element;
512
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
518
513
  Root: ({ children, }: {
519
514
  children: React.ReactNode;
520
515
  }) => react_jsx_runtime.JSX.Element;
521
516
  Trigger: {
522
517
  (args: Omit<{
523
518
  children: React.ReactNode;
524
- style?: React.CSSProperties;
525
- }, "children">): react_jsx_runtime.JSX.Element;
526
- Root: ({ children, style, }: {
519
+ } & StyleProps, "children">): react_jsx_runtime.JSX.Element;
520
+ Root: ({ children, style, className, }: {
527
521
  children: React.ReactNode;
528
- style?: React.CSSProperties;
529
- }) => react_jsx_runtime.JSX.Element;
530
- Button: () => react_jsx_runtime.JSX.Element;
522
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
523
+ Button: (props: StyleProps) => react_jsx_runtime.JSX.Element;
531
524
  };
532
525
  Content: {
533
- ({ style, }: {
534
- style?: React.CSSProperties;
535
- }): react_jsx_runtime.JSX.Element;
536
- Root: ({ children, style, }: {
526
+ (props: StyleProps): react_jsx_runtime.JSX.Element;
527
+ Root: ({ children, className, style, }: {
537
528
  children: React.ReactNode;
538
- style?: React.CSSProperties;
539
- }) => react_jsx_runtime.JSX.Element | null;
540
- Messages: () => react_jsx_runtime.JSX.Element;
541
- FormContainer: ({ children, }: {
529
+ } & StyleProps) => react_jsx_runtime.JSX.Element | null;
530
+ Messages: ({ className, style, }: StyleProps) => react_jsx_runtime.JSX.Element;
531
+ FormContainer: ({ children, className, style, }: {
542
532
  children: React.ReactNode;
543
- }) => react_jsx_runtime.JSX.Element;
533
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
544
534
  };
545
535
  };
546
536
 
547
537
  type Args$4 = {
548
538
  children: React.ReactNode;
549
- };
539
+ } & StyleProps;
550
540
 
551
541
  type Args$3 = Omit<Args$4, 'children'>;
552
542
  declare const AudioThread: {
553
543
  (props: Args$3): react_jsx_runtime.JSX.Element;
554
- Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
555
- Visualization: () => react_jsx_runtime.JSX.Element;
556
- Status: () => react_jsx_runtime.JSX.Element;
557
- Form: () => react_jsx_runtime.JSX.Element;
544
+ Root: ({ children, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
545
+ Visualization: (props: StyleProps) => react_jsx_runtime.JSX.Element;
546
+ Status: (props: StyleProps) => react_jsx_runtime.JSX.Element;
547
+ Form: (props: StyleProps) => react_jsx_runtime.JSX.Element;
558
548
  };
559
549
 
560
550
  declare const useThreadDialogContext: () => {
@@ -563,20 +553,20 @@ declare const useThreadDialogContext: () => {
563
553
  };
564
554
 
565
555
  declare const Suggestions: {
566
- ({ children, }: {
556
+ ({ children, className, style, }: {
567
557
  children: React.ReactNode;
568
- }): react_jsx_runtime.JSX.Element | null;
558
+ } & StyleProps): react_jsx_runtime.JSX.Element | null;
569
559
  Item: {
570
- ({ suggestion, isDisabled, }: {
560
+ ({ suggestion, isDisabled, className, style, }: {
571
561
  suggestion: string;
572
562
  isDisabled: boolean;
573
- }): react_jsx_runtime.JSX.Element;
574
- Content: ({ onClick, isDisabled, isPending, children, }: {
563
+ } & StyleProps): react_jsx_runtime.JSX.Element;
564
+ Content: ({ onClick, isDisabled, isPending, children, className, style, }: {
575
565
  onClick: () => void;
576
566
  isDisabled: boolean;
577
567
  isPending: boolean;
578
568
  children: React.ReactNode;
579
- }) => react_jsx_runtime.JSX.Element;
569
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
580
570
  };
581
571
  };
582
572
 
@@ -656,10 +646,10 @@ declare const AssistantNameContext: react.Context<string>;
656
646
 
657
647
  declare const UserAvatarContext: react.Context<react_jsx_runtime.JSX.Element>;
658
648
 
659
- declare const Avatar: ({ avatar, size, }: {
649
+ declare const Avatar: ({ avatar, size, className, style, }: {
660
650
  avatar: Avatar$1;
661
651
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
662
- }) => react_jsx_runtime.JSX.Element;
652
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
663
653
 
664
654
  type FunctionComponents = {
665
655
  [key: string]: React.ReactNode;
@@ -680,17 +670,17 @@ declare const ComponentsProvider: ({ children, ...rest }: {
680
670
  declare const useComponents: () => {
681
671
  components: {
682
672
  RunStep: {
683
- ({ runStep, }: {
673
+ ({ runStep, className, style, }: {
684
674
  runStep: SerializedRunStep;
685
- }): react_jsx_runtime.JSX.Element | null;
675
+ } & StyleProps): react_jsx_runtime.JSX.Element | null;
686
676
  ToolCalls: {
687
- ({ stepDetails, runStep, }: {
677
+ ({ stepDetails, runStep, className, style, }: {
688
678
  stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
689
679
  runStep: SerializedRunStep;
690
- }): react_jsx_runtime.JSX.Element;
691
- Root: ({ children, }: {
680
+ } & StyleProps): react_jsx_runtime.JSX.Element;
681
+ Root: ({ children, className, style, }: {
692
682
  children: React.ReactNode;
693
- }) => react_jsx_runtime.JSX.Element;
683
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
694
684
  Starting: () => react_jsx_runtime.JSX.Element;
695
685
  ToolCall: ({ toolCall, runStep, }: {
696
686
  toolCall: ToolCall;
@@ -703,17 +693,17 @@ declare const useComponents: () => {
703
693
 
704
694
  type Args$1 = {
705
695
  runStep: SerializedRunStep;
706
- };
696
+ } & StyleProps;
707
697
  declare const RunStep: {
708
- ({ runStep, }: Args$1): react_jsx_runtime.JSX.Element | null;
698
+ ({ runStep, className, style, }: Args$1): react_jsx_runtime.JSX.Element | null;
709
699
  ToolCalls: {
710
- ({ stepDetails, runStep, }: {
700
+ ({ stepDetails, runStep, className, style, }: {
711
701
  stepDetails: openai_resources_beta_threads_runs_steps.ToolCallsStepDetails;
712
702
  runStep: SerializedRunStep;
713
- }): react_jsx_runtime.JSX.Element;
714
- Root: ({ children, }: {
703
+ } & StyleProps): react_jsx_runtime.JSX.Element;
704
+ Root: ({ children, className, style, }: {
715
705
  children: React.ReactNode;
716
- }) => react_jsx_runtime.JSX.Element;
706
+ } & StyleProps) => react_jsx_runtime.JSX.Element;
717
707
  Starting: () => react_jsx_runtime.JSX.Element;
718
708
  ToolCall: ({ toolCall, runStep, }: {
719
709
  toolCall: ToolCall;