@retinalabsllc/zairusjs 0.2.1 → 0.2.3

package/dist/index.d.mts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ToasterProps } from 'react-hot-toast';
 
 interface FaqItem {
     question: string;
@@ -20,6 +19,49 @@ interface ThreeDButtonProps {
 }
 declare const ThreeDButton: React.FC<ThreeDButtonProps>;
 
+interface ThreeDActionButtonProps {
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    isLoading?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    ariaLabel?: string;
+}
+declare const ThreeDActionButton: React.FC<ThreeDActionButtonProps>;
+
+type AuthMode = "LOGIN" | "SIGNUP";
+interface ZairusAuthProps {
+    companyName: string;
+    workspaceLabel?: string;
+    termsUrl?: string;
+    privacyUrl?: string;
+    requireNames?: boolean;
+    requireOrganization?: boolean;
+    useRecaptcha?: boolean;
+    recaptchaSiteKey?: string;
+    defaultRedirectPath?: string;
+    onAuthRequest: (payload: {
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        organizationName?: string;
+        mode: AuthMode;
+        recaptchaToken?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onVerifyOtp: (payload: {
+        email: string;
+        code: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+declare const ZairusAuth: React.FC<ZairusAuthProps>;
+
 interface HeaderLink {
     label: string;
     href: string;
@@ -289,7 +331,7 @@ interface PageSpinnerProps {
 }
 declare const PageSpinner: React.FC<PageSpinnerProps>;
 
-declare const ManagedToaster: React.FC<ToasterProps>;
+declare const ManagedToaster: React.FC;
 
 interface ManagedNewsletterSplitBlockProps {
     tagline?: string;
@@ -381,4 +423,137 @@ interface GifFeatureCardProps {
 }
 declare const GifFeatureCard: React.FC<GifFeatureCardProps>;
 
-export { AITranscriptionFeature, type AITranscriptionFeatureProps, AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type PricingFeature, type PricingPlan, ProductHero, type ProductHeroProps, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, TextInput, type TextInputProps, ThreeDButton, type ThreeDButtonProps };
+interface NavItem {
+    name: string;
+    path: string;
+    icon: any;
+}
+interface UniversalSidebarProps {
+    /** Navigation items to render */
+    navItems: NavItem[];
+    /** The current active path to determine highlight state */
+    currentPath: string;
+    /** Mobile drawer state */
+    isMobileOpen: boolean;
+    /** Function to close the mobile drawer */
+    closeMobile: () => void;
+    /** Optional click interceptor (useful for unsaved changes warnings) */
+    onNavClick?: (e: React.MouseEvent<HTMLAnchorElement>, path: string) => void;
+    showInterceptDialog?: boolean;
+    onCancelIntercept?: () => void;
+    onConfirmIntercept?: () => void;
+    interceptTitle?: string;
+    interceptMessage?: string;
+}
+declare const UniversalSidebar: React.FC<UniversalSidebarProps>;
+
+interface WorkspaceItem {
+    id: string;
+    name: string;
+    role: string;
+}
+interface UniversalHeaderProps {
+    /** Mobile drawer trigger */
+    onOpenMobile: () => void;
+    /** Top left typography */
+    title: string;
+    subtitle?: string;
+    homeUrl?: string;
+    /** Configuration Booleans */
+    showBackButton?: boolean;
+    backUrl?: string;
+    showWorkspaceSwitcher?: boolean;
+    workspaces?: WorkspaceItem[];
+    activeWorkspaceId?: string;
+    onSwitchWorkspace?: (orgId: string) => void;
+    showLogoutAction?: boolean;
+    onLogout?: () => Promise<void>;
+}
+declare const UniversalHeader: React.FC<UniversalHeaderProps>;
+
+interface UniversalOrganizationPageProps {
+    initialOrgName: string;
+    initialSlug: string;
+    orgId: string;
+    isReadOnly?: boolean;
+    slugPrefixUrl?: string;
+    onSaveConfiguration: (payload: {
+        organizationId: string;
+        organizationName?: string;
+        slug?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onCheckSlugAvailability: (slug: string) => Promise<{
+        available: boolean;
+    }>;
+}
+declare const UniversalOrganizationPage: React.FC<UniversalOrganizationPageProps>;
+
+interface UniversalIdentityPageProps {
+    headerTitle: string;
+    headerDescription: string;
+    primaryInputLabel: string;
+    secondaryInputLabel?: string;
+    initialPrimaryValue: string;
+    initialSecondaryValue?: string;
+    resourceId: string;
+    isReadOnly?: boolean;
+    allowDeletion?: boolean;
+    deleteWarningText?: string;
+    onSaveIdentity: (payload: {
+        resourceId: string;
+        primaryValue?: string;
+        secondaryValue?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onDeleteResource?: (resourceId: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onSuccessfulDeleteRedirect?: string;
+}
+declare const UniversalIdentityPage: React.FC<UniversalIdentityPageProps>;
+
+interface UniversalMember {
+    id: string;
+    userId: string;
+    fullName: string;
+    email: string;
+    displayImage?: string;
+    profileColor?: string;
+    role: string;
+    joinedAt: string | Date;
+}
+interface UniversalMembersPageProps {
+    headerTitle: string;
+    headerDescription: string;
+    currentUserId?: string;
+    members: UniversalMember[];
+    isLoading: boolean;
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    canManage: boolean;
+    canChangeRoles: boolean;
+    availableRoles: string[];
+    requireNamesForInvite: boolean;
+    onInviteMember: (email: string, firstName?: string, lastName?: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onRemoveMember: (member: UniversalMember) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onUpdateRole: (member: UniversalMember, newRole: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+declare const UniversalMembersPage: React.FC<UniversalMembersPageProps>;
+
+export { AITranscriptionFeature, type AITranscriptionFeatureProps, AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, type NavItem, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type PricingFeature, type PricingPlan, ProductHero, type ProductHeroProps, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, UniversalHeader, type UniversalHeaderProps, UniversalIdentityPage, type UniversalIdentityPageProps, type UniversalMember, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalSidebar, type UniversalSidebarProps, type WorkspaceItem, ZairusAuth, type ZairusAuthProps };

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ToasterProps } from 'react-hot-toast';
 
 interface FaqItem {
     question: string;
@@ -20,6 +19,49 @@ interface ThreeDButtonProps {
 }
 declare const ThreeDButton: React.FC<ThreeDButtonProps>;
 
+interface ThreeDActionButtonProps {
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    isLoading?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    ariaLabel?: string;
+}
+declare const ThreeDActionButton: React.FC<ThreeDActionButtonProps>;
+
+type AuthMode = "LOGIN" | "SIGNUP";
+interface ZairusAuthProps {
+    companyName: string;
+    workspaceLabel?: string;
+    termsUrl?: string;
+    privacyUrl?: string;
+    requireNames?: boolean;
+    requireOrganization?: boolean;
+    useRecaptcha?: boolean;
+    recaptchaSiteKey?: string;
+    defaultRedirectPath?: string;
+    onAuthRequest: (payload: {
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        organizationName?: string;
+        mode: AuthMode;
+        recaptchaToken?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onVerifyOtp: (payload: {
+        email: string;
+        code: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+declare const ZairusAuth: React.FC<ZairusAuthProps>;
+
 interface HeaderLink {
     label: string;
     href: string;
@@ -289,7 +331,7 @@ interface PageSpinnerProps {
 }
 declare const PageSpinner: React.FC<PageSpinnerProps>;
 
-declare const ManagedToaster: React.FC<ToasterProps>;
+declare const ManagedToaster: React.FC;
 
 interface ManagedNewsletterSplitBlockProps {
     tagline?: string;
@@ -381,4 +423,137 @@ interface GifFeatureCardProps {
 }
 declare const GifFeatureCard: React.FC<GifFeatureCardProps>;
 
-export { AITranscriptionFeature, type AITranscriptionFeatureProps, AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type PricingFeature, type PricingPlan, ProductHero, type ProductHeroProps, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, TextInput, type TextInputProps, ThreeDButton, type ThreeDButtonProps };
+interface NavItem {
+    name: string;
+    path: string;
+    icon: any;
+}
+interface UniversalSidebarProps {
+    /** Navigation items to render */
+    navItems: NavItem[];
+    /** The current active path to determine highlight state */
+    currentPath: string;
+    /** Mobile drawer state */
+    isMobileOpen: boolean;
+    /** Function to close the mobile drawer */
+    closeMobile: () => void;
+    /** Optional click interceptor (useful for unsaved changes warnings) */
+    onNavClick?: (e: React.MouseEvent<HTMLAnchorElement>, path: string) => void;
+    showInterceptDialog?: boolean;
+    onCancelIntercept?: () => void;
+    onConfirmIntercept?: () => void;
+    interceptTitle?: string;
+    interceptMessage?: string;
+}
+declare const UniversalSidebar: React.FC<UniversalSidebarProps>;
+
+interface WorkspaceItem {
+    id: string;
+    name: string;
+    role: string;
+}
+interface UniversalHeaderProps {
+    /** Mobile drawer trigger */
+    onOpenMobile: () => void;
+    /** Top left typography */
+    title: string;
+    subtitle?: string;
+    homeUrl?: string;
+    /** Configuration Booleans */
+    showBackButton?: boolean;
+    backUrl?: string;
+    showWorkspaceSwitcher?: boolean;
+    workspaces?: WorkspaceItem[];
+    activeWorkspaceId?: string;
+    onSwitchWorkspace?: (orgId: string) => void;
+    showLogoutAction?: boolean;
+    onLogout?: () => Promise<void>;
+}
+declare const UniversalHeader: React.FC<UniversalHeaderProps>;
+
+interface UniversalOrganizationPageProps {
+    initialOrgName: string;
+    initialSlug: string;
+    orgId: string;
+    isReadOnly?: boolean;
+    slugPrefixUrl?: string;
+    onSaveConfiguration: (payload: {
+        organizationId: string;
+        organizationName?: string;
+        slug?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onCheckSlugAvailability: (slug: string) => Promise<{
+        available: boolean;
+    }>;
+}
+declare const UniversalOrganizationPage: React.FC<UniversalOrganizationPageProps>;
+
+interface UniversalIdentityPageProps {
+    headerTitle: string;
+    headerDescription: string;
+    primaryInputLabel: string;
+    secondaryInputLabel?: string;
+    initialPrimaryValue: string;
+    initialSecondaryValue?: string;
+    resourceId: string;
+    isReadOnly?: boolean;
+    allowDeletion?: boolean;
+    deleteWarningText?: string;
+    onSaveIdentity: (payload: {
+        resourceId: string;
+        primaryValue?: string;
+        secondaryValue?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onDeleteResource?: (resourceId: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onSuccessfulDeleteRedirect?: string;
+}
+declare const UniversalIdentityPage: React.FC<UniversalIdentityPageProps>;
+
+interface UniversalMember {
+    id: string;
+    userId: string;
+    fullName: string;
+    email: string;
+    displayImage?: string;
+    profileColor?: string;
+    role: string;
+    joinedAt: string | Date;
+}
+interface UniversalMembersPageProps {
+    headerTitle: string;
+    headerDescription: string;
+    currentUserId?: string;
+    members: UniversalMember[];
+    isLoading: boolean;
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    canManage: boolean;
+    canChangeRoles: boolean;
+    availableRoles: string[];
+    requireNamesForInvite: boolean;
+    onInviteMember: (email: string, firstName?: string, lastName?: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onRemoveMember: (member: UniversalMember) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onUpdateRole: (member: UniversalMember, newRole: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+declare const UniversalMembersPage: React.FC<UniversalMembersPageProps>;
+
+export { AITranscriptionFeature, type AITranscriptionFeatureProps, AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, type NavItem, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type PricingFeature, type PricingPlan, ProductHero, type ProductHeroProps, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, UniversalHeader, type UniversalHeaderProps, UniversalIdentityPage, type UniversalIdentityPageProps, type UniversalMember, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalSidebar, type UniversalSidebarProps, type WorkspaceItem, ZairusAuth, type ZairusAuthProps };