@agentiffai/design 1.3.29 → 1.4.1

package/dist/index.d.cts

@@ -6,7 +6,7 @@ export { ActionButtons, ActionButtonsProps, BrandType, CategoryItem, CategoryNav
 import { AriaButtonProps } from '@react-aria/button';
 export { GlobalStyle, darkTheme, lightTheme, tokens } from './theme/index.cjs';
 export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, t as AssistantMessage, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, z as CopilotUserMessage, U as CopilotUserMessageProps, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from './Window-Dm_I5m8i.cjs';
-export { FacebookIcon, FacebookIconProps, FacebookIconVariant, GmailIcon, GmailIconProps, GmailIconVariant, InstagramIcon, InstagramIconProps, InstagramVariant, LinkedInIcon, LinkedInIconProps, LinkedInIconVariant, PostizIcon, PostizIconProps, PostizIconVariant, RedditIcon, RedditIconProps, RedditIconVariant, SlackIcon, SlackIconProps, SlackIconVariant, TelegramIcon, TelegramIconProps, TelegramIconVariant, WhatsAppIcon, WhatsAppIconProps, WhatsAppIconVariant, XIcon, XIconProps, XIconVariant, YouTubeIcon, YouTubeIconProps, YouTubeIconVariant } from './icons/index.cjs';
+export { b as FacebookIcon, F as FacebookIconProps, a as FacebookIconVariant, d as GmailIcon, G as GmailIconProps, c as GmailIconVariant, f as InstagramIcon, I as InstagramIconProps, e as InstagramVariant, h as LinkedInIcon, L as LinkedInIconProps, g as LinkedInIconVariant, j as PostizIcon, P as PostizIconProps, i as PostizIconVariant, l as RedditIcon, R as RedditIconProps, k as RedditIconVariant, n as SlackIcon, S as SlackIconProps, m as SlackIconVariant, p as TelegramIcon, T as TelegramIconProps, o as TelegramIconVariant, r as WhatsAppIcon, W as WhatsAppIconProps, q as WhatsAppIconVariant, t as XIcon, X as XIconProps, s as XIconVariant, v as YouTubeIcon, Y as YouTubeIconProps, u as YouTubeIconVariant } from './YouTubeIcon-C1e6LEOF.cjs';
 export { WorkflowCard, WorkflowCardProps, WorkflowErrorAlert, WorkflowErrorAlertProps, WorkflowIntegration, WorkflowProgressBar, WorkflowProgressBarProps, WorkflowResultPanel, WorkflowResultPanelProps, WorkflowStatusBadge, WorkflowStatusBadgeProps } from './workflow/index.cjs';
 import '@react-types/button';
 import 'styled-components';
@@ -272,6 +272,38 @@ interface ErrorBannerProps {
  */
 declare const ErrorBanner: React__default.FC<ErrorBannerProps>;
 
+/**
+ * ErrorToast Component
+ *
+ * Generic error notification toast with configurable accent color,
+ * icon, action buttons, and an extra actions slot.
+ * Renders as a fixed portal overlay at the top of the viewport.
+ */
+
+interface ErrorToastProps {
+    /** Category/title label displayed above the message */
+    title: string;
+    /** User-facing error message */
+    message: string;
+    /** Optional correlation/reference ID for support */
+    correlationId?: string;
+    /** Accent color for the left/right border */
+    accentColor?: string;
+    /** Icon element displayed beside the message */
+    icon?: React__default.ReactNode;
+    /** Called when the user dismisses the toast */
+    onDismiss: () => void;
+    /** Called when the user clicks Retry (button hidden if not provided) */
+    onRetry?: () => void;
+    /** Called when the user clicks Reconnect (button hidden if not provided) */
+    onReconnect?: () => void;
+    /** Custom copy handler — returns true on success. If omitted, copy button is hidden. */
+    onCopy?: () => Promise<boolean>;
+    /** Extra action elements rendered in the button row (e.g. ReportIssueButton) */
+    extraActions?: React__default.ReactNode;
+}
+declare const ErrorToast: React__default.FC<ErrorToastProps>;
+
 interface NotificationItem {
     /** Unique identifier for the item */
     id: string;
@@ -964,4 +996,4 @@ declare const useKeyboardDetection: () => KeyboardState;
  */
 declare const isMobileDevice: () => boolean;
 
-export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };
+export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, ErrorToast, type ErrorToastProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { ActionButtons, ActionButtonsProps, BrandType, CategoryItem, CategoryNav
 import { AriaButtonProps } from '@react-aria/button';
 export { GlobalStyle, darkTheme, lightTheme, tokens } from './theme/index.js';
 export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, t as AssistantMessage, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, z as CopilotUserMessage, U as CopilotUserMessageProps, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from './Window-Dm_I5m8i.js';
-export { FacebookIcon, FacebookIconProps, FacebookIconVariant, GmailIcon, GmailIconProps, GmailIconVariant, InstagramIcon, InstagramIconProps, InstagramVariant, LinkedInIcon, LinkedInIconProps, LinkedInIconVariant, PostizIcon, PostizIconProps, PostizIconVariant, RedditIcon, RedditIconProps, RedditIconVariant, SlackIcon, SlackIconProps, SlackIconVariant, TelegramIcon, TelegramIconProps, TelegramIconVariant, WhatsAppIcon, WhatsAppIconProps, WhatsAppIconVariant, XIcon, XIconProps, XIconVariant, YouTubeIcon, YouTubeIconProps, YouTubeIconVariant } from './icons/index.js';
+export { b as FacebookIcon, F as FacebookIconProps, a as FacebookIconVariant, d as GmailIcon, G as GmailIconProps, c as GmailIconVariant, f as InstagramIcon, I as InstagramIconProps, e as InstagramVariant, h as LinkedInIcon, L as LinkedInIconProps, g as LinkedInIconVariant, j as PostizIcon, P as PostizIconProps, i as PostizIconVariant, l as RedditIcon, R as RedditIconProps, k as RedditIconVariant, n as SlackIcon, S as SlackIconProps, m as SlackIconVariant, p as TelegramIcon, T as TelegramIconProps, o as TelegramIconVariant, r as WhatsAppIcon, W as WhatsAppIconProps, q as WhatsAppIconVariant, t as XIcon, X as XIconProps, s as XIconVariant, v as YouTubeIcon, Y as YouTubeIconProps, u as YouTubeIconVariant } from './YouTubeIcon-C1e6LEOF.js';
 export { WorkflowCard, WorkflowCardProps, WorkflowErrorAlert, WorkflowErrorAlertProps, WorkflowIntegration, WorkflowProgressBar, WorkflowProgressBarProps, WorkflowResultPanel, WorkflowResultPanelProps, WorkflowStatusBadge, WorkflowStatusBadgeProps } from './workflow/index.js';
 import '@react-types/button';
 import 'styled-components';
@@ -272,6 +272,38 @@ interface ErrorBannerProps {
  */
 declare const ErrorBanner: React__default.FC<ErrorBannerProps>;
 
+/**
+ * ErrorToast Component
+ *
+ * Generic error notification toast with configurable accent color,
+ * icon, action buttons, and an extra actions slot.
+ * Renders as a fixed portal overlay at the top of the viewport.
+ */
+
+interface ErrorToastProps {
+    /** Category/title label displayed above the message */
+    title: string;
+    /** User-facing error message */
+    message: string;
+    /** Optional correlation/reference ID for support */
+    correlationId?: string;
+    /** Accent color for the left/right border */
+    accentColor?: string;
+    /** Icon element displayed beside the message */
+    icon?: React__default.ReactNode;
+    /** Called when the user dismisses the toast */
+    onDismiss: () => void;
+    /** Called when the user clicks Retry (button hidden if not provided) */
+    onRetry?: () => void;
+    /** Called when the user clicks Reconnect (button hidden if not provided) */
+    onReconnect?: () => void;
+    /** Custom copy handler — returns true on success. If omitted, copy button is hidden. */
+    onCopy?: () => Promise<boolean>;
+    /** Extra action elements rendered in the button row (e.g. ReportIssueButton) */
+    extraActions?: React__default.ReactNode;
+}
+declare const ErrorToast: React__default.FC<ErrorToastProps>;
+
 interface NotificationItem {
     /** Unique identifier for the item */
     id: string;
@@ -964,4 +996,4 @@ declare const useKeyboardDetection: () => KeyboardState;
  */
 declare const isMobileDevice: () => boolean;
 
-export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };
+export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, ErrorToast, type ErrorToastProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };