@agentiffai/design 0.1.4 → 0.1.6

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 (64) hide show
  1. package/dist/{Window-CukhSS8T.d.cts → StreamStatusIndicator-DM5n4MI1.d.cts} +141 -4
  2. package/dist/{Window-CukhSS8T.d.ts → StreamStatusIndicator-DM5n4MI1.d.ts} +141 -4
  3. package/dist/copilotkit/index.cjs +937 -206
  4. package/dist/copilotkit/index.cjs.map +1 -1
  5. package/dist/copilotkit/index.d.cts +1 -1
  6. package/dist/copilotkit/index.d.ts +1 -1
  7. package/dist/copilotkit/index.js +935 -207
  8. package/dist/copilotkit/index.js.map +1 -1
  9. package/dist/index.cjs +1819 -164
  10. package/dist/index.cjs.map +1 -1
  11. package/dist/index.d.cts +17 -3
  12. package/dist/index.d.ts +17 -3
  13. package/dist/index.js +1812 -165
  14. package/dist/index.js.map +1 -1
  15. package/dist/layout/index.cjs +85 -50
  16. package/dist/layout/index.cjs.map +1 -1
  17. package/dist/layout/index.d.cts +10 -3
  18. package/dist/layout/index.d.ts +10 -3
  19. package/dist/layout/index.js +85 -50
  20. package/dist/layout/index.js.map +1 -1
  21. package/dist/theme/index.cjs +6 -1
  22. package/dist/theme/index.cjs.map +1 -1
  23. package/dist/theme/index.d.cts +8 -0
  24. package/dist/theme/index.d.ts +8 -0
  25. package/dist/theme/index.js +6 -1
  26. package/dist/theme/index.js.map +1 -1
  27. package/dist/workflow/index.cjs +995 -0
  28. package/dist/workflow/index.cjs.map +1 -0
  29. package/dist/workflow/index.d.cts +168 -0
  30. package/dist/workflow/index.d.ts +168 -0
  31. package/dist/workflow/index.js +986 -0
  32. package/dist/workflow/index.js.map +1 -0
  33. package/package.json +16 -3
  34. package/public/assets/bg-set/brand-logos/Google.svg +1 -0
  35. package/public/assets/bg-set/brand-logos/Google2.svg +1 -0
  36. package/public/assets/bg-set/brand-logos/Microsoft.svg +1 -0
  37. package/public/assets/bg-set/brand-logos/Microsoft2.svg +1 -0
  38. package/public/assets/bg-set/brand-logos/Slack.svg +1 -0
  39. package/public/assets/bg-set/brand-logos/Slack2.svg +1 -0
  40. package/public/assets/bg-set/brand-logos/YouTube.svg +1 -0
  41. package/public/assets/bg-set/brand-logos/YouTube2.svg +1 -0
  42. package/public/assets/bg-set/pattern/Size=lg, Type=Waves Rays2.svg +1 -0
  43. package/public/assets/bg-set/pattern/Size=md, Type=Waves Rays2.svg +1 -0
  44. package/public/assets/bg-set/pattern/Size=sm, Type=Waves Rays2.svg +1 -0
  45. package/public/assets/bg-set/pattern/Size=xl, Type=Waves Rays2.svg +1 -0
  46. package/public/assets/bg-set/pattern/Size=xs, Type=Waves Rays2.svg +1 -0
  47. package/public/assets/icon-set/Icon-add-circle-fill.svg +1 -0
  48. package/public/assets/icon-set/Icon-arrow-left-fill.svg +1 -0
  49. package/public/assets/icon-set/Icon-calendar-fill.svg +1 -0
  50. package/public/assets/icon-set/Icon-chat-1-fill.svg +1 -0
  51. package/public/assets/icon-set/Icon-check-fill.svg +3 -0
  52. package/public/assets/icon-set/Icon-close-fill.svg +3 -0
  53. package/public/assets/icon-set/Icon-download-2-fill.svg +1 -0
  54. package/public/assets/icon-set/Icon-home-fill.svg +1 -0
  55. package/public/assets/icon-set/Icon-hourglass-line.svg +3 -0
  56. package/public/assets/icon-set/Icon-loader-2-line.svg +3 -0
  57. package/public/assets/icon-set/Icon-mic-fill.svg +1 -0
  58. package/public/assets/icon-set/Icon-radio-button-line.svg +3 -0
  59. package/public/assets/icon-set/Icon-settings-3-fill.svg +1 -0
  60. package/public/assets/icon-set/Icon-settings-fill.svg +1 -0
  61. package/public/assets/icon-set/Icon-settings-line.svg +1 -0
  62. package/public/assets/icon-set/Icon-shield-check-fill.svg +3 -0
  63. package/public/assets/icon-set/Icon-shield-cross-fill.svg +3 -0
  64. package/public/assets/icon-set/logout-box-fill.svg +1 -0
package/dist/index.d.cts CHANGED
@@ -4,7 +4,8 @@ import React__default from 'react';
4
4
  export { ActionButtons, ActionButtonsProps, BrandType, Icon, IconName, IconNames, IconProps, Layout, LayoutProps, NavHorizontal, NavHorizontalProps, NavVertical, NavVerticalProps, OAuthConnectionData, PaneMenus, PaneMenusProps, PaneSectionHeader, PaneSectionHeaderProps, ServiceBrand, ServiceIcon, ServiceIconProps, WorkflowStatusCard, WorkflowStatusCardProps } from './layout/index.cjs';
5
5
  import { AriaButtonProps } from '@react-aria/button';
6
6
  export { GlobalStyle, darkTheme, lightTheme, tokens } from './theme/index.cjs';
7
- 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, w as CopilotUserMessage, U as CopilotUserMessageProps, 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, z as Window, W as WindowProps } from './Window-CukhSS8T.cjs';
7
+ 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, w as CopilotUserMessage, U as CopilotUserMessageProps, 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, E as StreamErrorMessage, G as StreamErrorMessageProps, J as StreamStatusIndicator, K as StreamStatusIndicatorProps, C as StreamingText, D as StreamingTextProps, y as Suggestions, S as SuggestionsProps, z as Window, W as WindowProps } from './StreamStatusIndicator-DM5n4MI1.cjs';
8
+ export { WorkflowErrorAlert, WorkflowErrorAlertProps, WorkflowProgressBar, WorkflowProgressBarProps, WorkflowResultPanel, WorkflowResultPanelProps, WorkflowStatusBadge, WorkflowStatusBadgeProps } from './workflow/index.cjs';
8
9
  export { FacebookIcon, FacebookIconProps, FacebookIconVariant, GmailIcon, GmailIconProps, GmailIconVariant, InstagramIcon, InstagramIconProps, InstagramVariant, LinkedInIcon, LinkedInIconProps, LinkedInIconVariant, RedditIcon, RedditIconProps, RedditIconVariant, SlackIcon, SlackIconProps, SlackIconVariant, TelegramIcon, TelegramIconProps, TelegramIconVariant, WhatsAppIcon, WhatsAppIconProps, WhatsAppIconVariant, XIcon, XIconProps, XIconVariant, YouTubeIcon, YouTubeIconProps, YouTubeIconVariant } from './icons/index.cjs';
9
10
  import '@react-types/button';
10
11
  import 'styled-components';
@@ -14,8 +15,12 @@ interface AssistantThinkingProps {
14
15
  message?: string;
15
16
  className?: string;
16
17
  ariaLabel?: string;
18
+ /** Visual variant for the loading indicator */
19
+ variant?: 'dots' | 'pulse' | 'wave' | 'text';
20
+ /** Size of the component */
21
+ size?: 'sm' | 'md' | 'lg';
17
22
  }
18
- declare function AssistantThinking({ message, className, ariaLabel, }: AssistantThinkingProps): react_jsx_runtime.JSX.Element;
23
+ declare function AssistantThinking({ message, className, ariaLabel, variant, size, }: AssistantThinkingProps): react_jsx_runtime.JSX.Element;
19
24
  declare namespace AssistantThinking {
20
25
  var displayName: string;
21
26
  }
@@ -145,6 +150,15 @@ interface NotificationCardProps {
145
150
  */
146
151
  declare const NotificationCard: React__default.FC<NotificationCardProps>;
147
152
 
153
+ /**
154
+ * Dark-themed NotificationCard component for MainPaneMenu
155
+ *
156
+ * A dark variant of the NotificationCard component specifically designed
157
+ * for use within the MainPaneMenu component. Features the same functionality
158
+ * but with colors matching the dark theme.
159
+ */
160
+ declare const DarkNotificationCard: React__default.FC<NotificationCardProps>;
161
+
148
162
  interface UserMessageProps extends AriaButtonProps {
149
163
  /**
150
164
  * The message text to display
@@ -182,4 +196,4 @@ declare namespace UserMessage {
182
196
  var displayName: string;
183
197
  }
184
198
 
185
- export { AssistantThinking, type AssistantThinkingProps, ChatInput, type ChatInputProps, NotificationCard, type NotificationCardProps, UserMessage, type UserMessageProps };
199
+ export { AssistantThinking, type AssistantThinkingProps, ChatInput, type ChatInputProps, DarkNotificationCard, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, UserMessage, type UserMessageProps };
package/dist/index.d.ts CHANGED
@@ -4,7 +4,8 @@ import React__default from 'react';
4
4
  export { ActionButtons, ActionButtonsProps, BrandType, Icon, IconName, IconNames, IconProps, Layout, LayoutProps, NavHorizontal, NavHorizontalProps, NavVertical, NavVerticalProps, OAuthConnectionData, PaneMenus, PaneMenusProps, PaneSectionHeader, PaneSectionHeaderProps, ServiceBrand, ServiceIcon, ServiceIconProps, WorkflowStatusCard, WorkflowStatusCardProps } from './layout/index.js';
5
5
  import { AriaButtonProps } from '@react-aria/button';
6
6
  export { GlobalStyle, darkTheme, lightTheme, tokens } from './theme/index.js';
7
- 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, w as CopilotUserMessage, U as CopilotUserMessageProps, 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, z as Window, W as WindowProps } from './Window-CukhSS8T.js';
7
+ 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, w as CopilotUserMessage, U as CopilotUserMessageProps, 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, E as StreamErrorMessage, G as StreamErrorMessageProps, J as StreamStatusIndicator, K as StreamStatusIndicatorProps, C as StreamingText, D as StreamingTextProps, y as Suggestions, S as SuggestionsProps, z as Window, W as WindowProps } from './StreamStatusIndicator-DM5n4MI1.js';
8
+ export { WorkflowErrorAlert, WorkflowErrorAlertProps, WorkflowProgressBar, WorkflowProgressBarProps, WorkflowResultPanel, WorkflowResultPanelProps, WorkflowStatusBadge, WorkflowStatusBadgeProps } from './workflow/index.js';
8
9
  export { FacebookIcon, FacebookIconProps, FacebookIconVariant, GmailIcon, GmailIconProps, GmailIconVariant, InstagramIcon, InstagramIconProps, InstagramVariant, LinkedInIcon, LinkedInIconProps, LinkedInIconVariant, RedditIcon, RedditIconProps, RedditIconVariant, SlackIcon, SlackIconProps, SlackIconVariant, TelegramIcon, TelegramIconProps, TelegramIconVariant, WhatsAppIcon, WhatsAppIconProps, WhatsAppIconVariant, XIcon, XIconProps, XIconVariant, YouTubeIcon, YouTubeIconProps, YouTubeIconVariant } from './icons/index.js';
9
10
  import '@react-types/button';
10
11
  import 'styled-components';
@@ -14,8 +15,12 @@ interface AssistantThinkingProps {
14
15
  message?: string;
15
16
  className?: string;
16
17
  ariaLabel?: string;
18
+ /** Visual variant for the loading indicator */
19
+ variant?: 'dots' | 'pulse' | 'wave' | 'text';
20
+ /** Size of the component */
21
+ size?: 'sm' | 'md' | 'lg';
17
22
  }
18
- declare function AssistantThinking({ message, className, ariaLabel, }: AssistantThinkingProps): react_jsx_runtime.JSX.Element;
23
+ declare function AssistantThinking({ message, className, ariaLabel, variant, size, }: AssistantThinkingProps): react_jsx_runtime.JSX.Element;
19
24
  declare namespace AssistantThinking {
20
25
  var displayName: string;
21
26
  }
@@ -145,6 +150,15 @@ interface NotificationCardProps {
145
150
  */
146
151
  declare const NotificationCard: React__default.FC<NotificationCardProps>;
147
152
 
153
+ /**
154
+ * Dark-themed NotificationCard component for MainPaneMenu
155
+ *
156
+ * A dark variant of the NotificationCard component specifically designed
157
+ * for use within the MainPaneMenu component. Features the same functionality
158
+ * but with colors matching the dark theme.
159
+ */
160
+ declare const DarkNotificationCard: React__default.FC<NotificationCardProps>;
161
+
148
162
  interface UserMessageProps extends AriaButtonProps {
149
163
  /**
150
164
  * The message text to display
@@ -182,4 +196,4 @@ declare namespace UserMessage {
182
196
  var displayName: string;
183
197
  }
184
198
 
185
- export { AssistantThinking, type AssistantThinkingProps, ChatInput, type ChatInputProps, NotificationCard, type NotificationCardProps, UserMessage, type UserMessageProps };
199
+ export { AssistantThinking, type AssistantThinkingProps, ChatInput, type ChatInputProps, DarkNotificationCard, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, UserMessage, type UserMessageProps };