@agentiffai/design 0.1.0 → 0.1.2

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 (61) hide show
  1. package/dist/{Window-CgGFIYHS.d.cts → Window-CukhSS8T.d.cts} +3 -1
  2. package/dist/{Window-B6e_UfLV.d.ts → Window-CukhSS8T.d.ts} +3 -1
  3. package/dist/{chunk-MNXQDDWP.js → chunk-6NGVSBJZ.js} +71 -10
  4. package/dist/chunk-6NGVSBJZ.js.map +1 -0
  5. package/dist/{chunk-CNVJ5UF2.js → chunk-H5TKEGIC.js} +28 -5
  6. package/dist/chunk-H5TKEGIC.js.map +1 -0
  7. package/dist/{chunk-P4Q3MHIY.cjs → chunk-OPWUJP7J.cjs} +28 -5
  8. package/dist/chunk-OPWUJP7J.cjs.map +1 -0
  9. package/dist/{chunk-KNSPBTTJ.cjs → chunk-ULL2LDN3.cjs} +71 -10
  10. package/dist/chunk-ULL2LDN3.cjs.map +1 -0
  11. package/dist/copilotkit/index.cjs +122 -118
  12. package/dist/copilotkit/index.cjs.map +1 -1
  13. package/dist/copilotkit/index.d.cts +53 -56
  14. package/dist/copilotkit/index.d.ts +53 -56
  15. package/dist/copilotkit/index.js +98 -94
  16. package/dist/copilotkit/index.js.map +1 -1
  17. package/dist/index.cjs +31 -31
  18. package/dist/index.d.cts +3 -3
  19. package/dist/index.d.ts +3 -3
  20. package/dist/index.js +2 -2
  21. package/dist/layout/index.cjs +11 -11
  22. package/dist/layout/index.d.cts +16 -4
  23. package/dist/layout/index.d.ts +16 -4
  24. package/dist/layout/index.js +1 -1
  25. package/package.json +8 -7
  26. package/CHANGELOG.md +0 -35
  27. package/LICENSE +0 -21
  28. package/assets/layout/main-pane-section.png +0 -0
  29. package/assets/layout/nav-complete.png +0 -0
  30. package/assets/layout/nav-horizontal-section.png +0 -0
  31. package/assets/layout/nav-vertical-section.png +0 -0
  32. package/assets/layout/pane-section-dropdowns.png +0 -0
  33. package/assets/layout/pane-section-header.png +0 -0
  34. package/dist/chunk-CNVJ5UF2.js.map +0 -1
  35. package/dist/chunk-KNSPBTTJ.cjs.map +0 -1
  36. package/dist/chunk-MNXQDDWP.js.map +0 -1
  37. package/dist/chunk-P4Q3MHIY.cjs.map +0 -1
  38. package/dist/index.d-DYU1eVeb.d.cts +0 -252
  39. package/dist/index.d-DYU1eVeb.d.ts +0 -252
  40. package/public/assets/bg-set/brand-logos/Google.svg +0 -1
  41. package/public/assets/bg-set/brand-logos/Google2.svg +0 -1
  42. package/public/assets/bg-set/brand-logos/Microsoft.svg +0 -1
  43. package/public/assets/bg-set/brand-logos/Microsoft2.svg +0 -1
  44. package/public/assets/bg-set/brand-logos/Slack.svg +0 -1
  45. package/public/assets/bg-set/brand-logos/Slack2.svg +0 -1
  46. package/public/assets/bg-set/brand-logos/YouTube.svg +0 -1
  47. package/public/assets/bg-set/brand-logos/YouTube2.svg +0 -1
  48. package/public/assets/bg-set/pattern/Size=lg, Type=Waves Rays2.svg +0 -1
  49. package/public/assets/bg-set/pattern/Size=md, Type=Waves Rays2.svg +0 -1
  50. package/public/assets/bg-set/pattern/Size=sm, Type=Waves Rays2.svg +0 -1
  51. package/public/assets/bg-set/pattern/Size=xl, Type=Waves Rays2.svg +0 -1
  52. package/public/assets/bg-set/pattern/Size=xs, Type=Waves Rays2.svg +0 -1
  53. package/public/assets/icon-set/Icon-add-circle-fill.svg +0 -1
  54. package/public/assets/icon-set/Icon-calendar-fill.svg +0 -1
  55. package/public/assets/icon-set/Icon-chat-1-fill.svg +0 -1
  56. package/public/assets/icon-set/Icon-download-2-fill.svg +0 -1
  57. package/public/assets/icon-set/Icon-home-fill.svg +0 -1
  58. package/public/assets/icon-set/Icon-mic-fill.svg +0 -1
  59. package/public/assets/icon-set/Icon-settings-3-fill.svg +0 -1
  60. package/public/assets/icon-set/Icon-settings-fill.svg +0 -1
  61. package/public/assets/icon-set/Icon-settings-line.svg +0 -1
@@ -1,13 +1,38 @@
1
- export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../Window-CgGFIYHS.cjs';
2
- import { AssistantMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
3
- import React__default, { ReactNode } from 'react';
1
+ export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../Window-CukhSS8T.cjs';
4
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
+ import React__default, { ReactNode } from 'react';
4
+ import { AssistantMessageProps, UserMessageProps, InputProps } from '@copilotkit/react-ui';
5
5
  import '@react-aria/button';
6
6
  import '@react-aria/textfield';
7
- import '../index.d-DYU1eVeb.cjs';
7
+ import '@react-types/button';
8
8
  import 'styled-components';
9
9
  import 'styled-components/dist/types';
10
10
 
11
+ interface CustomCopilotSidebarProps$1 {
12
+ children: ReactNode;
13
+ defaultOpen?: boolean;
14
+ onSetOpen?: (open: boolean) => void;
15
+ instructions?: string;
16
+ className?: string;
17
+ }
18
+ /**
19
+ * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
20
+ *
21
+ * This component wraps CopilotKit's CopilotSidebar and provides our custom
22
+ * design system components for a consistent look and feel.
23
+ *
24
+ * @example
25
+ * ```tsx
26
+ * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
27
+ * <YourApp />
28
+ * </CustomCopilotSidebar>
29
+ * ```
30
+ */
31
+ declare function CustomCopilotSidebar$1({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps$1): react_jsx_runtime.JSX.Element;
32
+ declare namespace CustomCopilotSidebar$1 {
33
+ var displayName: string;
34
+ }
35
+
11
36
  /**
12
37
  * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
13
38
  *
@@ -23,32 +48,32 @@ import 'styled-components/dist/types';
23
48
  declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
24
49
 
25
50
  /**
26
- * Adapter component that bridges custom Input with CopilotKit's expected interface
51
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
27
52
  *
28
53
  * This adapter:
29
- * 1. Converts CopilotKit's InputProps to our custom component props
30
- * 2. Handles the onSend callback to work with CopilotKit's message system
31
- * 3. Manages input state and submission
54
+ * 1. Converts CopilotKit's UserMessageProps to our custom component props
55
+ * 2. Extracts message content from CopilotKit's message object
56
+ * 3. Handles image messages appropriately
32
57
  */
33
58
 
34
59
  /**
35
- * Adapter that converts CopilotKit's InputProps to our custom component
60
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
36
61
  */
37
- declare const InputAdapter: React__default.FC<InputProps>;
62
+ declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
38
63
 
39
64
  /**
40
- * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
65
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
41
66
  *
42
67
  * This adapter:
43
- * 1. Converts CopilotKit's UserMessageProps to our custom component props
44
- * 2. Extracts message content from CopilotKit's message object
45
- * 3. Handles image messages appropriately
68
+ * 1. Converts CopilotKit's InputProps to our custom component props
69
+ * 2. Handles the onSend callback to work with CopilotKit's message system
70
+ * 3. Manages input state and submission
46
71
  */
47
72
 
48
73
  /**
49
- * Adapter that converts CopilotKit's UserMessageProps to our custom component
74
+ * Adapter that converts CopilotKit's InputProps to our custom component
50
75
  */
51
- declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
76
+ declare const InputAdapter: React__default.FC<InputProps>;
52
77
 
53
78
  /**
54
79
  * Complete CopilotSidebar Integration Example
@@ -74,7 +99,7 @@ declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
74
99
  * ```
75
100
  */
76
101
 
77
- interface CustomCopilotSidebarProps$1 {
102
+ interface CustomCopilotSidebarProps {
78
103
  /**
79
104
  * Children to render alongside the sidebar
80
105
  */
@@ -84,38 +109,35 @@ interface CustomCopilotSidebarProps$1 {
84
109
  */
85
110
  instructions?: string;
86
111
  /**
87
- * Custom labels for the sidebar
112
+ * Custom labels for the UI
88
113
  */
89
- labels?: {
90
- title?: string;
91
- initial?: string;
92
- };
114
+ labels?: Record<string, string>;
93
115
  /**
94
- * Custom icons
116
+ * Custom icons for the UI
95
117
  */
96
118
  icons?: Record<string, React__default.ReactNode>;
97
119
  /**
98
- * Whether the sidebar starts open
120
+ * Whether the sidebar should be open by default
99
121
  */
100
122
  defaultOpen?: boolean;
101
123
  /**
102
- * Allow closing by clicking outside
124
+ * Whether clicking outside should close the sidebar
103
125
  */
104
126
  clickOutsideToClose?: boolean;
105
127
  /**
106
- * Allow closing with Escape key
128
+ * Whether hitting escape should close the sidebar
107
129
  */
108
130
  hitEscapeToClose?: boolean;
109
131
  /**
110
- * Keyboard shortcut to open
132
+ * Keyboard shortcut to open the sidebar
111
133
  */
112
134
  shortcut?: string;
113
135
  /**
114
- * Callback when open state changes
136
+ * Callback when the sidebar open state changes
115
137
  */
116
138
  onSetOpen?: (open: boolean) => void;
117
139
  /**
118
- * CSS class name
140
+ * Additional CSS class name
119
141
  */
120
142
  className?: string;
121
143
  }
@@ -132,31 +154,6 @@ interface CustomCopilotSidebarProps$1 {
132
154
  * - Custom Input with React ARIA accessibility
133
155
  * - Styled chat button with gradient
134
156
  */
135
- declare const CustomCopilotSidebar$1: React__default.FC<CustomCopilotSidebarProps$1>;
136
-
137
- interface CustomCopilotSidebarProps {
138
- children: ReactNode;
139
- defaultOpen?: boolean;
140
- onSetOpen?: (open: boolean) => void;
141
- instructions?: string;
142
- className?: string;
143
- }
144
- /**
145
- * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
146
- *
147
- * This component wraps CopilotKit's CopilotSidebar and provides our custom
148
- * design system components for a consistent look and feel.
149
- *
150
- * @example
151
- * ```tsx
152
- * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
153
- * <YourApp />
154
- * </CustomCopilotSidebar>
155
- * ```
156
- */
157
- declare function CustomCopilotSidebar({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps): react_jsx_runtime.JSX.Element;
158
- declare namespace CustomCopilotSidebar {
159
- var displayName: string;
160
- }
157
+ declare const CustomCopilotSidebar: React__default.FC<CustomCopilotSidebarProps>;
161
158
 
162
- export { AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };
159
+ export { AssistantMessageAdapter, CustomCopilotSidebar$1 as CustomCopilotSidebar, type CustomCopilotSidebarProps$1 as CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar as IntegratedSidebar, type CustomCopilotSidebarProps as IntegratedSidebarProps, UserMessageAdapter };
@@ -1,13 +1,38 @@
1
- export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../Window-B6e_UfLV.js';
2
- import { AssistantMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
3
- import React__default, { ReactNode } from 'react';
1
+ export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../Window-CukhSS8T.js';
4
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
+ import React__default, { ReactNode } from 'react';
4
+ import { AssistantMessageProps, UserMessageProps, InputProps } from '@copilotkit/react-ui';
5
5
  import '@react-aria/button';
6
6
  import '@react-aria/textfield';
7
- import '../index.d-DYU1eVeb.js';
7
+ import '@react-types/button';
8
8
  import 'styled-components';
9
9
  import 'styled-components/dist/types';
10
10
 
11
+ interface CustomCopilotSidebarProps$1 {
12
+ children: ReactNode;
13
+ defaultOpen?: boolean;
14
+ onSetOpen?: (open: boolean) => void;
15
+ instructions?: string;
16
+ className?: string;
17
+ }
18
+ /**
19
+ * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
20
+ *
21
+ * This component wraps CopilotKit's CopilotSidebar and provides our custom
22
+ * design system components for a consistent look and feel.
23
+ *
24
+ * @example
25
+ * ```tsx
26
+ * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
27
+ * <YourApp />
28
+ * </CustomCopilotSidebar>
29
+ * ```
30
+ */
31
+ declare function CustomCopilotSidebar$1({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps$1): react_jsx_runtime.JSX.Element;
32
+ declare namespace CustomCopilotSidebar$1 {
33
+ var displayName: string;
34
+ }
35
+
11
36
  /**
12
37
  * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
13
38
  *
@@ -23,32 +48,32 @@ import 'styled-components/dist/types';
23
48
  declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
24
49
 
25
50
  /**
26
- * Adapter component that bridges custom Input with CopilotKit's expected interface
51
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
27
52
  *
28
53
  * This adapter:
29
- * 1. Converts CopilotKit's InputProps to our custom component props
30
- * 2. Handles the onSend callback to work with CopilotKit's message system
31
- * 3. Manages input state and submission
54
+ * 1. Converts CopilotKit's UserMessageProps to our custom component props
55
+ * 2. Extracts message content from CopilotKit's message object
56
+ * 3. Handles image messages appropriately
32
57
  */
33
58
 
34
59
  /**
35
- * Adapter that converts CopilotKit's InputProps to our custom component
60
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
36
61
  */
37
- declare const InputAdapter: React__default.FC<InputProps>;
62
+ declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
38
63
 
39
64
  /**
40
- * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
65
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
41
66
  *
42
67
  * This adapter:
43
- * 1. Converts CopilotKit's UserMessageProps to our custom component props
44
- * 2. Extracts message content from CopilotKit's message object
45
- * 3. Handles image messages appropriately
68
+ * 1. Converts CopilotKit's InputProps to our custom component props
69
+ * 2. Handles the onSend callback to work with CopilotKit's message system
70
+ * 3. Manages input state and submission
46
71
  */
47
72
 
48
73
  /**
49
- * Adapter that converts CopilotKit's UserMessageProps to our custom component
74
+ * Adapter that converts CopilotKit's InputProps to our custom component
50
75
  */
51
- declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
76
+ declare const InputAdapter: React__default.FC<InputProps>;
52
77
 
53
78
  /**
54
79
  * Complete CopilotSidebar Integration Example
@@ -74,7 +99,7 @@ declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
74
99
  * ```
75
100
  */
76
101
 
77
- interface CustomCopilotSidebarProps$1 {
102
+ interface CustomCopilotSidebarProps {
78
103
  /**
79
104
  * Children to render alongside the sidebar
80
105
  */
@@ -84,38 +109,35 @@ interface CustomCopilotSidebarProps$1 {
84
109
  */
85
110
  instructions?: string;
86
111
  /**
87
- * Custom labels for the sidebar
112
+ * Custom labels for the UI
88
113
  */
89
- labels?: {
90
- title?: string;
91
- initial?: string;
92
- };
114
+ labels?: Record<string, string>;
93
115
  /**
94
- * Custom icons
116
+ * Custom icons for the UI
95
117
  */
96
118
  icons?: Record<string, React__default.ReactNode>;
97
119
  /**
98
- * Whether the sidebar starts open
120
+ * Whether the sidebar should be open by default
99
121
  */
100
122
  defaultOpen?: boolean;
101
123
  /**
102
- * Allow closing by clicking outside
124
+ * Whether clicking outside should close the sidebar
103
125
  */
104
126
  clickOutsideToClose?: boolean;
105
127
  /**
106
- * Allow closing with Escape key
128
+ * Whether hitting escape should close the sidebar
107
129
  */
108
130
  hitEscapeToClose?: boolean;
109
131
  /**
110
- * Keyboard shortcut to open
132
+ * Keyboard shortcut to open the sidebar
111
133
  */
112
134
  shortcut?: string;
113
135
  /**
114
- * Callback when open state changes
136
+ * Callback when the sidebar open state changes
115
137
  */
116
138
  onSetOpen?: (open: boolean) => void;
117
139
  /**
118
- * CSS class name
140
+ * Additional CSS class name
119
141
  */
120
142
  className?: string;
121
143
  }
@@ -132,31 +154,6 @@ interface CustomCopilotSidebarProps$1 {
132
154
  * - Custom Input with React ARIA accessibility
133
155
  * - Styled chat button with gradient
134
156
  */
135
- declare const CustomCopilotSidebar$1: React__default.FC<CustomCopilotSidebarProps$1>;
136
-
137
- interface CustomCopilotSidebarProps {
138
- children: ReactNode;
139
- defaultOpen?: boolean;
140
- onSetOpen?: (open: boolean) => void;
141
- instructions?: string;
142
- className?: string;
143
- }
144
- /**
145
- * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
146
- *
147
- * This component wraps CopilotKit's CopilotSidebar and provides our custom
148
- * design system components for a consistent look and feel.
149
- *
150
- * @example
151
- * ```tsx
152
- * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
153
- * <YourApp />
154
- * </CustomCopilotSidebar>
155
- * ```
156
- */
157
- declare function CustomCopilotSidebar({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps): react_jsx_runtime.JSX.Element;
158
- declare namespace CustomCopilotSidebar {
159
- var displayName: string;
160
- }
157
+ declare const CustomCopilotSidebar: React__default.FC<CustomCopilotSidebarProps>;
161
158
 
162
- export { AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };
159
+ export { AssistantMessageAdapter, CustomCopilotSidebar$1 as CustomCopilotSidebar, type CustomCopilotSidebarProps$1 as CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar as IntegratedSidebar, type CustomCopilotSidebarProps as IntegratedSidebarProps, UserMessageAdapter };