@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.
- package/dist/{Window-CukhSS8T.d.cts → StreamStatusIndicator-DM5n4MI1.d.cts} +141 -4
- package/dist/{Window-CukhSS8T.d.ts → StreamStatusIndicator-DM5n4MI1.d.ts} +141 -4
- package/dist/copilotkit/index.cjs +937 -206
- package/dist/copilotkit/index.cjs.map +1 -1
- package/dist/copilotkit/index.d.cts +1 -1
- package/dist/copilotkit/index.d.ts +1 -1
- package/dist/copilotkit/index.js +935 -207
- package/dist/copilotkit/index.js.map +1 -1
- package/dist/index.cjs +1819 -164
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -3
- package/dist/index.d.ts +17 -3
- package/dist/index.js +1812 -165
- package/dist/index.js.map +1 -1
- package/dist/layout/index.cjs +85 -50
- package/dist/layout/index.cjs.map +1 -1
- package/dist/layout/index.d.cts +10 -3
- package/dist/layout/index.d.ts +10 -3
- package/dist/layout/index.js +85 -50
- package/dist/layout/index.js.map +1 -1
- package/dist/theme/index.cjs +6 -1
- package/dist/theme/index.cjs.map +1 -1
- package/dist/theme/index.d.cts +8 -0
- package/dist/theme/index.d.ts +8 -0
- package/dist/theme/index.js +6 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/workflow/index.cjs +995 -0
- package/dist/workflow/index.cjs.map +1 -0
- package/dist/workflow/index.d.cts +168 -0
- package/dist/workflow/index.d.ts +168 -0
- package/dist/workflow/index.js +986 -0
- package/dist/workflow/index.js.map +1 -0
- package/package.json +16 -3
- package/public/assets/bg-set/brand-logos/Google.svg +1 -0
- package/public/assets/bg-set/brand-logos/Google2.svg +1 -0
- package/public/assets/bg-set/brand-logos/Microsoft.svg +1 -0
- package/public/assets/bg-set/brand-logos/Microsoft2.svg +1 -0
- package/public/assets/bg-set/brand-logos/Slack.svg +1 -0
- package/public/assets/bg-set/brand-logos/Slack2.svg +1 -0
- package/public/assets/bg-set/brand-logos/YouTube.svg +1 -0
- package/public/assets/bg-set/brand-logos/YouTube2.svg +1 -0
- package/public/assets/bg-set/pattern/Size=lg, Type=Waves Rays2.svg +1 -0
- package/public/assets/bg-set/pattern/Size=md, Type=Waves Rays2.svg +1 -0
- package/public/assets/bg-set/pattern/Size=sm, Type=Waves Rays2.svg +1 -0
- package/public/assets/bg-set/pattern/Size=xl, Type=Waves Rays2.svg +1 -0
- package/public/assets/bg-set/pattern/Size=xs, Type=Waves Rays2.svg +1 -0
- package/public/assets/icon-set/Icon-add-circle-fill.svg +1 -0
- package/public/assets/icon-set/Icon-arrow-left-fill.svg +1 -0
- package/public/assets/icon-set/Icon-calendar-fill.svg +1 -0
- package/public/assets/icon-set/Icon-chat-1-fill.svg +1 -0
- package/public/assets/icon-set/Icon-check-fill.svg +3 -0
- package/public/assets/icon-set/Icon-close-fill.svg +3 -0
- package/public/assets/icon-set/Icon-download-2-fill.svg +1 -0
- package/public/assets/icon-set/Icon-home-fill.svg +1 -0
- package/public/assets/icon-set/Icon-hourglass-line.svg +3 -0
- package/public/assets/icon-set/Icon-loader-2-line.svg +3 -0
- package/public/assets/icon-set/Icon-mic-fill.svg +1 -0
- package/public/assets/icon-set/Icon-radio-button-line.svg +3 -0
- package/public/assets/icon-set/Icon-settings-3-fill.svg +1 -0
- package/public/assets/icon-set/Icon-settings-fill.svg +1 -0
- package/public/assets/icon-set/Icon-settings-line.svg +1 -0
- package/public/assets/icon-set/Icon-shield-check-fill.svg +3 -0
- package/public/assets/icon-set/Icon-shield-cross-fill.svg +3 -0
- 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 './
|
|
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 './
|
|
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 };
|