primus-saas-react 1.0.0 → 1.0.2

package/dist/index.d.mts

@@ -1,68 +1,105 @@
-import React, { ReactNode } from 'react';
+import React$1, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const AccountDashboard: React.FC<{
+declare const AccountDashboard: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const KYCVerification: React.FC<{
+declare const KYCVerification: React$1.FC<{
     userId: string;
     apiUrl?: string;
 }>;
 
-declare const LoanCalculator: React.FC<{
+declare const LoanCalculator: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const CreditScoreCard: React.FC<{
+declare const CreditScoreCard: React$1.FC<{
     userId: string;
     apiUrl?: string;
 }>;
 
-declare const QuoteComparison: React.FC<{
+declare const QuoteComparison: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const AgentDirectory: React.FC<{
+declare const AgentDirectory: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const FraudDetectionDashboard: React.FC<{
+declare const FraudDetectionDashboard: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const PremiumCalculator: React.FC<{
+declare const PremiumCalculator: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const AICopilot: React.FC<{
+declare const AICopilot: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const FileUploader: React.FC<{
+declare const FileUploader: React$1.FC<{
     apiUrl?: string;
     onUploadComplete?: (file: any) => void;
 }>;
 
-declare const SecurityDashboard: React.FC<{
+declare const SecurityDashboard: React$1.FC<{
     apiUrl?: string;
 }>;
 
+type SocialProvider = 'google' | 'azure' | 'github' | 'apple' | 'microsoft' | 'facebook';
 interface PrimusLoginProps {
-    /** Custom logo URL */
-    logo?: string;
-    /** Login form title */
+    /** Callback when login is successful */
+    onLogin?: (credentials: {
+        username: string;
+        password: string;
+    }) => void;
+    /**
+     * Social login providers to display
+     * @example socialProviders={['google', 'azure']}
+     */
+    socialProviders?: SocialProvider[];
+    /** Callback when social provider is clicked */
+    onSocialLogin?: (provider: SocialProvider) => void;
+    /** OAuth endpoint base URL (default: /api/auth) */
+    authEndpoint?: string;
+    /** Show email/password form (default: true) */
+    showEmailLogin?: boolean;
+    /** App title displayed above form */
     title?: string;
-    /** Show social login buttons */
-    allowSocial?: boolean;
-    /** Called after successful login */
-    onSuccess?: (user: any, token: string) => void;
-    /** Called on login failure */
-    onError?: (error: string) => void;
-    /** Show loading spinner overlay */
-    showLoadingOverlay?: boolean;
+    /** Subtitle/description text */
+    subtitle?: string;
+    /** Logo element or URL */
+    logo?: React.ReactNode | string;
+    /** Force specific theme */
+    theme?: 'light' | 'dark';
 }
-declare const PrimusLogin: React.FC<PrimusLoginProps>;
+/**
+ * PrimusLogin - Complete Login Component
+ *
+ * A single component that handles all login methods. Enable features via props.
+ *
+ * @example
+ * ```tsx
+ * // Basic email/password only
+ * <PrimusLogin onLogin={(creds) => console.log(creds)} />
+ *
+ * // With social providers
+ * <PrimusLogin
+ *   socialProviders={['google', 'azure']}
+ *   onSocialLogin={(provider) => redirectToOAuth(provider)}
+ * />
+ *
+ * // Social only (no email form)
+ * <PrimusLogin
+ *   showEmailLogin={false}
+ *   socialProviders={['google', 'github', 'azure']}
+ * />
+ * ```
+ */
+declare function PrimusLogin({ onLogin, socialProviders, onSocialLogin, authEndpoint, showEmailLogin, title, subtitle, logo, theme: themeOverride, }: PrimusLoginProps): react_jsx_runtime.JSX.Element;
+declare const LoginPage: typeof PrimusLogin;
 
 interface PrimusUser {
     id?: string;
@@ -88,7 +125,7 @@ interface PrimusAuthContextType {
     isLoading: boolean;
 }
 interface PrimusProviderProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Base URL for authentication API (e.g., http://localhost:5221) */
     authority: string;
     clientId: string;
@@ -98,7 +135,7 @@ interface PrimusProviderProps {
     /** Called on login failure */
     onLoginError?: (error: string) => void;
 }
-declare const PrimusProvider: React.FC<PrimusProviderProps>;
+declare const PrimusProvider: React$1.FC<PrimusProviderProps>;
 declare const usePrimusAuth: () => PrimusAuthContextType;
 
 type PrimusTheme = 'light' | 'dark';
@@ -159,7 +196,7 @@ declare function usePrimusTheme(): PrimusThemeContextValue;
  */
 declare function PrimusThemeToggle(): react_jsx_runtime.JSX.Element;
 
-declare const NotificationFeed: React.FC;
+declare const NotificationFeed: React$1.FC;
 
 interface PrimusNotificationCenterProps {
     /** Override the theme from context (optional) */
@@ -245,7 +282,7 @@ interface CheckoutFormProps {
     onSuccess?: (result: any) => void;
     onError?: (error: string) => void;
 }
-declare const CheckoutForm: React.FC<CheckoutFormProps>;
+declare const CheckoutForm: React$1.FC<CheckoutFormProps>;
 
 interface Document {
     id: string;
@@ -260,7 +297,7 @@ interface DocumentViewerProps {
     onClose?: () => void;
     onDownload?: () => void;
 }
-declare const DocumentViewer: React.FC<DocumentViewerProps>;
+declare const DocumentViewer: React$1.FC<DocumentViewerProps>;
 
 interface CreditCardProps {
     cardHolder: string;
@@ -269,7 +306,7 @@ interface CreditCardProps {
     brand?: 'visa' | 'mastercard' | 'amex';
     variant?: 'black' | 'blue' | 'gold' | 'platinum';
 }
-declare const CreditCardVisual: React.FC<CreditCardProps>;
+declare const CreditCardVisual: React$1.FC<CreditCardProps>;
 
 interface Transaction {
     id: string;
@@ -284,7 +321,7 @@ interface TransactionHistoryProps {
     transactions: Transaction[];
     onTransactionClick?: (id: string) => void;
 }
-declare const TransactionHistory: React.FC<TransactionHistoryProps>;
+declare const TransactionHistory: React$1.FC<TransactionHistoryProps>;
 
 interface PolicyProps {
     policyNumber: string;
@@ -294,7 +331,7 @@ interface PolicyProps {
     nextPaymentDate: string;
     premiumAmount: number;
 }
-declare const PolicyCard: React.FC<PolicyProps>;
+declare const PolicyCard: React$1.FC<PolicyProps>;
 
 interface ClaimStep {
     id: string;
@@ -306,7 +343,7 @@ interface ClaimStatusTrackerProps {
     claimId: string;
     steps: ClaimStep[];
 }
-declare const ClaimStatusTracker: React.FC<ClaimStatusTrackerProps>;
+declare const ClaimStatusTracker: React$1.FC<ClaimStatusTrackerProps>;
 
 interface FeatureFlag {
     name: string;
@@ -314,27 +351,27 @@ interface FeatureFlag {
     description: string;
     rolloutPercentage?: number;
 }
-declare const FeatureFlagToggle: React.FC<{
+declare const FeatureFlagToggle: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const LogViewer: React.FC<{
+declare const LogViewer: React$1.FC<{
     apiUrl?: string;
 }>;
 
 interface PrimusLayoutProps {
-    children: React.ReactNode;
-    sidebar?: React.ReactNode;
-    header?: React.ReactNode;
+    children: React$1.ReactNode;
+    sidebar?: React$1.ReactNode;
+    header?: React$1.ReactNode;
     /** Dark mode */
     darkMode?: boolean;
 }
-declare const PrimusLayout: React.FC<PrimusLayoutProps>;
+declare const PrimusLayout: React$1.FC<PrimusLayoutProps>;
 
 interface SidebarItem {
     id: string;
     label: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     href?: string;
     onClick?: () => void;
     active?: boolean;
@@ -342,17 +379,17 @@ interface SidebarItem {
 }
 interface PrimusSidebarProps {
     /** App logo or title */
-    logo?: React.ReactNode;
+    logo?: React$1.ReactNode;
     /** Navigation items */
     items: SidebarItem[];
     /** Footer content */
-    footer?: React.ReactNode;
+    footer?: React$1.ReactNode;
     /** Callback when item clicked */
     onItemClick?: (item: SidebarItem) => void;
     /** Currently active item id */
     activeId?: string;
 }
-declare const PrimusSidebar: React.FC<PrimusSidebarProps>;
+declare const PrimusSidebar: React$1.FC<PrimusSidebarProps>;
 
 interface PrimusHeaderProps {
     /** Page title */
@@ -363,7 +400,7 @@ interface PrimusHeaderProps {
         href?: string;
     }[];
     /** Right side actions */
-    actions?: React.ReactNode;
+    actions?: React$1.ReactNode;
     /** User info/avatar */
     user?: {
         name: string;
@@ -373,12 +410,12 @@ interface PrimusHeaderProps {
     /** On user click */
     onUserClick?: () => void;
 }
-declare const PrimusHeader: React.FC<PrimusHeaderProps>;
+declare const PrimusHeader: React$1.FC<PrimusHeaderProps>;
 
 interface Column<T> {
     key: keyof T | string;
     header: string;
-    render?: (value: any, row: T) => React.ReactNode;
+    render?: (value: any, row: T) => React$1.ReactNode;
     sortable?: boolean;
     width?: string;
 }
@@ -398,7 +435,7 @@ interface PrimusDataTableProps<T> {
     /** On row click */
     onRowClick?: (row: T) => void;
     /** Actions column renderer */
-    actions?: (row: T) => React.ReactNode;
+    actions?: (row: T) => React$1.ReactNode;
     /** Empty state message */
     emptyMessage?: string;
     /** Search placeholder */
@@ -412,11 +449,11 @@ interface PrimusModalProps {
     open: boolean;
     onClose: () => void;
     title?: string;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
+    children: React$1.ReactNode;
+    footer?: React$1.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
 }
-declare const PrimusModal: React.FC<PrimusModalProps>;
+declare const PrimusModal: React$1.FC<PrimusModalProps>;
 
 interface StatCardProps {
     title: string;
@@ -425,22 +462,22 @@ interface StatCardProps {
         value: number;
         type: 'increase' | 'decrease' | 'neutral';
     };
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     description?: string;
     trend?: number[];
 }
-declare const PrimusStatCard: React.FC<StatCardProps>;
+declare const PrimusStatCard: React$1.FC<StatCardProps>;
 interface PrimusDashboardProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     title?: string;
     subtitle?: string;
-    actions?: React.ReactNode;
+    actions?: React$1.ReactNode;
 }
-declare const PrimusDashboard: React.FC<PrimusDashboardProps>;
+declare const PrimusDashboard: React$1.FC<PrimusDashboardProps>;
 interface DashboardGridProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     columns?: 1 | 2 | 3 | 4;
 }
-declare const DashboardGrid: React.FC<DashboardGridProps>;
+declare const DashboardGrid: React$1.FC<DashboardGridProps>;
 
-export { AICopilot, AccountDashboard, AgentDirectory, CheckoutForm, CheckoutFormProps, ClaimStatusTracker, ClaimStatusTrackerProps, ClaimStep, Column, CreditCardProps, CreditCardVisual, CreditScoreCard, DashboardGrid, DashboardGridProps, Document, DocumentViewer, DocumentViewerProps, FeatureFlag, FeatureFlagToggle, FileUploader, FraudDetectionDashboard, KYCVerification, LoanCalculator, LogViewer, Notification, NotificationBell, NotificationFeed, PolicyCard, PolicyProps, PremiumCalculator, PrimusDashboard, PrimusDashboardProps, PrimusDataTable, PrimusDataTableProps, PrimusHeader, PrimusHeaderProps, PrimusLayout, PrimusLayoutProps, PrimusLogin, PrimusLoginProps, PrimusModal, PrimusModalProps, PrimusNotification, PrimusNotificationCenter, PrimusNotifications, PrimusProvider, PrimusProviderProps, PrimusSidebar, PrimusSidebarProps, PrimusStatCard, PrimusTheme, PrimusThemeProvider, PrimusThemeToggle, QuoteComparison, SecurityDashboard, SidebarItem, StatCardProps, Transaction, TransactionHistory, TransactionHistoryProps, UseRealtimeNotificationsOptions, themeColors, useNotifications, usePrimusAuth, usePrimusTheme, useRealtimeNotifications };
+export { AICopilot, AccountDashboard, AgentDirectory, CheckoutForm, CheckoutFormProps, ClaimStatusTracker, ClaimStatusTrackerProps, ClaimStep, Column, CreditCardProps, CreditCardVisual, CreditScoreCard, DashboardGrid, DashboardGridProps, Document, DocumentViewer, DocumentViewerProps, FeatureFlag, FeatureFlagToggle, FileUploader, FraudDetectionDashboard, KYCVerification, LoanCalculator, LogViewer, LoginPage, Notification, NotificationBell, NotificationFeed, PolicyCard, PolicyProps, PremiumCalculator, PrimusDashboard, PrimusDashboardProps, PrimusDataTable, PrimusDataTableProps, PrimusHeader, PrimusHeaderProps, PrimusLayout, PrimusLayoutProps, PrimusLogin, PrimusLoginProps, PrimusModal, PrimusModalProps, PrimusNotification, PrimusNotificationCenter, PrimusNotifications, PrimusProvider, PrimusProviderProps, PrimusSidebar, PrimusSidebarProps, PrimusStatCard, PrimusTheme, PrimusThemeProvider, PrimusThemeToggle, QuoteComparison, SecurityDashboard, SidebarItem, SocialProvider, StatCardProps, Transaction, TransactionHistory, TransactionHistoryProps, UseRealtimeNotificationsOptions, themeColors, useNotifications, usePrimusAuth, usePrimusTheme, useRealtimeNotifications };

package/dist/index.d.ts

@@ -1,68 +1,105 @@
-import React, { ReactNode } from 'react';
+import React$1, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const AccountDashboard: React.FC<{
+declare const AccountDashboard: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const KYCVerification: React.FC<{
+declare const KYCVerification: React$1.FC<{
     userId: string;
     apiUrl?: string;
 }>;
 
-declare const LoanCalculator: React.FC<{
+declare const LoanCalculator: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const CreditScoreCard: React.FC<{
+declare const CreditScoreCard: React$1.FC<{
     userId: string;
     apiUrl?: string;
 }>;
 
-declare const QuoteComparison: React.FC<{
+declare const QuoteComparison: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const AgentDirectory: React.FC<{
+declare const AgentDirectory: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const FraudDetectionDashboard: React.FC<{
+declare const FraudDetectionDashboard: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const PremiumCalculator: React.FC<{
+declare const PremiumCalculator: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const AICopilot: React.FC<{
+declare const AICopilot: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const FileUploader: React.FC<{
+declare const FileUploader: React$1.FC<{
     apiUrl?: string;
     onUploadComplete?: (file: any) => void;
 }>;
 
-declare const SecurityDashboard: React.FC<{
+declare const SecurityDashboard: React$1.FC<{
     apiUrl?: string;
 }>;
 
+type SocialProvider = 'google' | 'azure' | 'github' | 'apple' | 'microsoft' | 'facebook';
 interface PrimusLoginProps {
-    /** Custom logo URL */
-    logo?: string;
-    /** Login form title */
+    /** Callback when login is successful */
+    onLogin?: (credentials: {
+        username: string;
+        password: string;
+    }) => void;
+    /**
+     * Social login providers to display
+     * @example socialProviders={['google', 'azure']}
+     */
+    socialProviders?: SocialProvider[];
+    /** Callback when social provider is clicked */
+    onSocialLogin?: (provider: SocialProvider) => void;
+    /** OAuth endpoint base URL (default: /api/auth) */
+    authEndpoint?: string;
+    /** Show email/password form (default: true) */
+    showEmailLogin?: boolean;
+    /** App title displayed above form */
     title?: string;
-    /** Show social login buttons */
-    allowSocial?: boolean;
-    /** Called after successful login */
-    onSuccess?: (user: any, token: string) => void;
-    /** Called on login failure */
-    onError?: (error: string) => void;
-    /** Show loading spinner overlay */
-    showLoadingOverlay?: boolean;
+    /** Subtitle/description text */
+    subtitle?: string;
+    /** Logo element or URL */
+    logo?: React.ReactNode | string;
+    /** Force specific theme */
+    theme?: 'light' | 'dark';
 }
-declare const PrimusLogin: React.FC<PrimusLoginProps>;
+/**
+ * PrimusLogin - Complete Login Component
+ *
+ * A single component that handles all login methods. Enable features via props.
+ *
+ * @example
+ * ```tsx
+ * // Basic email/password only
+ * <PrimusLogin onLogin={(creds) => console.log(creds)} />
+ *
+ * // With social providers
+ * <PrimusLogin
+ *   socialProviders={['google', 'azure']}
+ *   onSocialLogin={(provider) => redirectToOAuth(provider)}
+ * />
+ *
+ * // Social only (no email form)
+ * <PrimusLogin
+ *   showEmailLogin={false}
+ *   socialProviders={['google', 'github', 'azure']}
+ * />
+ * ```
+ */
+declare function PrimusLogin({ onLogin, socialProviders, onSocialLogin, authEndpoint, showEmailLogin, title, subtitle, logo, theme: themeOverride, }: PrimusLoginProps): react_jsx_runtime.JSX.Element;
+declare const LoginPage: typeof PrimusLogin;
 
 interface PrimusUser {
     id?: string;
@@ -88,7 +125,7 @@ interface PrimusAuthContextType {
     isLoading: boolean;
 }
 interface PrimusProviderProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Base URL for authentication API (e.g., http://localhost:5221) */
     authority: string;
     clientId: string;
@@ -98,7 +135,7 @@ interface PrimusProviderProps {
     /** Called on login failure */
     onLoginError?: (error: string) => void;
 }
-declare const PrimusProvider: React.FC<PrimusProviderProps>;
+declare const PrimusProvider: React$1.FC<PrimusProviderProps>;
 declare const usePrimusAuth: () => PrimusAuthContextType;
 
 type PrimusTheme = 'light' | 'dark';
@@ -159,7 +196,7 @@ declare function usePrimusTheme(): PrimusThemeContextValue;
  */
 declare function PrimusThemeToggle(): react_jsx_runtime.JSX.Element;
 
-declare const NotificationFeed: React.FC;
+declare const NotificationFeed: React$1.FC;
 
 interface PrimusNotificationCenterProps {
     /** Override the theme from context (optional) */
@@ -245,7 +282,7 @@ interface CheckoutFormProps {
     onSuccess?: (result: any) => void;
     onError?: (error: string) => void;
 }
-declare const CheckoutForm: React.FC<CheckoutFormProps>;
+declare const CheckoutForm: React$1.FC<CheckoutFormProps>;
 
 interface Document {
     id: string;
@@ -260,7 +297,7 @@ interface DocumentViewerProps {
     onClose?: () => void;
     onDownload?: () => void;
 }
-declare const DocumentViewer: React.FC<DocumentViewerProps>;
+declare const DocumentViewer: React$1.FC<DocumentViewerProps>;
 
 interface CreditCardProps {
     cardHolder: string;
@@ -269,7 +306,7 @@ interface CreditCardProps {
     brand?: 'visa' | 'mastercard' | 'amex';
     variant?: 'black' | 'blue' | 'gold' | 'platinum';
 }
-declare const CreditCardVisual: React.FC<CreditCardProps>;
+declare const CreditCardVisual: React$1.FC<CreditCardProps>;
 
 interface Transaction {
     id: string;
@@ -284,7 +321,7 @@ interface TransactionHistoryProps {
     transactions: Transaction[];
     onTransactionClick?: (id: string) => void;
 }
-declare const TransactionHistory: React.FC<TransactionHistoryProps>;
+declare const TransactionHistory: React$1.FC<TransactionHistoryProps>;
 
 interface PolicyProps {
     policyNumber: string;
@@ -294,7 +331,7 @@ interface PolicyProps {
     nextPaymentDate: string;
     premiumAmount: number;
 }
-declare const PolicyCard: React.FC<PolicyProps>;
+declare const PolicyCard: React$1.FC<PolicyProps>;
 
 interface ClaimStep {
     id: string;
@@ -306,7 +343,7 @@ interface ClaimStatusTrackerProps {
     claimId: string;
     steps: ClaimStep[];
 }
-declare const ClaimStatusTracker: React.FC<ClaimStatusTrackerProps>;
+declare const ClaimStatusTracker: React$1.FC<ClaimStatusTrackerProps>;
 
 interface FeatureFlag {
     name: string;
@@ -314,27 +351,27 @@ interface FeatureFlag {
     description: string;
     rolloutPercentage?: number;
 }
-declare const FeatureFlagToggle: React.FC<{
+declare const FeatureFlagToggle: React$1.FC<{
     apiUrl?: string;
 }>;
 
-declare const LogViewer: React.FC<{
+declare const LogViewer: React$1.FC<{
     apiUrl?: string;
 }>;
 
 interface PrimusLayoutProps {
-    children: React.ReactNode;
-    sidebar?: React.ReactNode;
-    header?: React.ReactNode;
+    children: React$1.ReactNode;
+    sidebar?: React$1.ReactNode;
+    header?: React$1.ReactNode;
     /** Dark mode */
     darkMode?: boolean;
 }
-declare const PrimusLayout: React.FC<PrimusLayoutProps>;
+declare const PrimusLayout: React$1.FC<PrimusLayoutProps>;
 
 interface SidebarItem {
     id: string;
     label: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     href?: string;
     onClick?: () => void;
     active?: boolean;
@@ -342,17 +379,17 @@ interface SidebarItem {
 }
 interface PrimusSidebarProps {
     /** App logo or title */
-    logo?: React.ReactNode;
+    logo?: React$1.ReactNode;
     /** Navigation items */
     items: SidebarItem[];
     /** Footer content */
-    footer?: React.ReactNode;
+    footer?: React$1.ReactNode;
     /** Callback when item clicked */
     onItemClick?: (item: SidebarItem) => void;
     /** Currently active item id */
     activeId?: string;
 }
-declare const PrimusSidebar: React.FC<PrimusSidebarProps>;
+declare const PrimusSidebar: React$1.FC<PrimusSidebarProps>;
 
 interface PrimusHeaderProps {
     /** Page title */
@@ -363,7 +400,7 @@ interface PrimusHeaderProps {
         href?: string;
     }[];
     /** Right side actions */
-    actions?: React.ReactNode;
+    actions?: React$1.ReactNode;
     /** User info/avatar */
     user?: {
         name: string;
@@ -373,12 +410,12 @@ interface PrimusHeaderProps {
     /** On user click */
     onUserClick?: () => void;
 }
-declare const PrimusHeader: React.FC<PrimusHeaderProps>;
+declare const PrimusHeader: React$1.FC<PrimusHeaderProps>;
 
 interface Column<T> {
     key: keyof T | string;
     header: string;
-    render?: (value: any, row: T) => React.ReactNode;
+    render?: (value: any, row: T) => React$1.ReactNode;
     sortable?: boolean;
     width?: string;
 }
@@ -398,7 +435,7 @@ interface PrimusDataTableProps<T> {
     /** On row click */
     onRowClick?: (row: T) => void;
     /** Actions column renderer */
-    actions?: (row: T) => React.ReactNode;
+    actions?: (row: T) => React$1.ReactNode;
     /** Empty state message */
     emptyMessage?: string;
     /** Search placeholder */
@@ -412,11 +449,11 @@ interface PrimusModalProps {
     open: boolean;
     onClose: () => void;
     title?: string;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
+    children: React$1.ReactNode;
+    footer?: React$1.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
 }
-declare const PrimusModal: React.FC<PrimusModalProps>;
+declare const PrimusModal: React$1.FC<PrimusModalProps>;
 
 interface StatCardProps {
     title: string;
@@ -425,22 +462,22 @@ interface StatCardProps {
         value: number;
         type: 'increase' | 'decrease' | 'neutral';
     };
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     description?: string;
     trend?: number[];
 }
-declare const PrimusStatCard: React.FC<StatCardProps>;
+declare const PrimusStatCard: React$1.FC<StatCardProps>;
 interface PrimusDashboardProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     title?: string;
     subtitle?: string;
-    actions?: React.ReactNode;
+    actions?: React$1.ReactNode;
 }
-declare const PrimusDashboard: React.FC<PrimusDashboardProps>;
+declare const PrimusDashboard: React$1.FC<PrimusDashboardProps>;
 interface DashboardGridProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     columns?: 1 | 2 | 3 | 4;
 }
-declare const DashboardGrid: React.FC<DashboardGridProps>;
+declare const DashboardGrid: React$1.FC<DashboardGridProps>;
 
-export { AICopilot, AccountDashboard, AgentDirectory, CheckoutForm, CheckoutFormProps, ClaimStatusTracker, ClaimStatusTrackerProps, ClaimStep, Column, CreditCardProps, CreditCardVisual, CreditScoreCard, DashboardGrid, DashboardGridProps, Document, DocumentViewer, DocumentViewerProps, FeatureFlag, FeatureFlagToggle, FileUploader, FraudDetectionDashboard, KYCVerification, LoanCalculator, LogViewer, Notification, NotificationBell, NotificationFeed, PolicyCard, PolicyProps, PremiumCalculator, PrimusDashboard, PrimusDashboardProps, PrimusDataTable, PrimusDataTableProps, PrimusHeader, PrimusHeaderProps, PrimusLayout, PrimusLayoutProps, PrimusLogin, PrimusLoginProps, PrimusModal, PrimusModalProps, PrimusNotification, PrimusNotificationCenter, PrimusNotifications, PrimusProvider, PrimusProviderProps, PrimusSidebar, PrimusSidebarProps, PrimusStatCard, PrimusTheme, PrimusThemeProvider, PrimusThemeToggle, QuoteComparison, SecurityDashboard, SidebarItem, StatCardProps, Transaction, TransactionHistory, TransactionHistoryProps, UseRealtimeNotificationsOptions, themeColors, useNotifications, usePrimusAuth, usePrimusTheme, useRealtimeNotifications };
+export { AICopilot, AccountDashboard, AgentDirectory, CheckoutForm, CheckoutFormProps, ClaimStatusTracker, ClaimStatusTrackerProps, ClaimStep, Column, CreditCardProps, CreditCardVisual, CreditScoreCard, DashboardGrid, DashboardGridProps, Document, DocumentViewer, DocumentViewerProps, FeatureFlag, FeatureFlagToggle, FileUploader, FraudDetectionDashboard, KYCVerification, LoanCalculator, LogViewer, LoginPage, Notification, NotificationBell, NotificationFeed, PolicyCard, PolicyProps, PremiumCalculator, PrimusDashboard, PrimusDashboardProps, PrimusDataTable, PrimusDataTableProps, PrimusHeader, PrimusHeaderProps, PrimusLayout, PrimusLayoutProps, PrimusLogin, PrimusLoginProps, PrimusModal, PrimusModalProps, PrimusNotification, PrimusNotificationCenter, PrimusNotifications, PrimusProvider, PrimusProviderProps, PrimusSidebar, PrimusSidebarProps, PrimusStatCard, PrimusTheme, PrimusThemeProvider, PrimusThemeToggle, QuoteComparison, SecurityDashboard, SidebarItem, SocialProvider, StatCardProps, Transaction, TransactionHistory, TransactionHistoryProps, UseRealtimeNotificationsOptions, themeColors, useNotifications, usePrimusAuth, usePrimusTheme, useRealtimeNotifications };