@sudobility/building_blocks 0.0.25 → 0.0.27

package/dist/components/pages/index.d.ts

@@ -2,3 +2,5 @@ export { AppSitemapPage } from './app-sitemap-page';
 export type { AppSitemapPageProps, SitemapPageText, SitemapSection, SitemapLink, LanguageOption, QuickLink, } from './app-sitemap-page';
 export { AppTextPage } from './app-text-page';
 export type { AppTextPageProps, TextPageContent, TextSection, TextSectionWithContent, TextSectionWithList, TextSectionWithSubsections, TextPageContact, TextPageContactInfo, GdprNotice, } from './app-text-page';
+export { LoginPage } from './login-page';
+export type { LoginPageProps, LoginPageText } from './login-page';

package/dist/components/pages/login-page.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import { type Auth } from 'firebase/auth';
+/**
+ * Props for the LoginPage component
+ */
+export interface LoginPageProps {
+    /** Application name displayed as the main title */
+    appName: string;
+    /** Optional logo element to display above the title */
+    logo?: ReactNode;
+    /** Firebase Auth instance */
+    auth: Auth;
+    /** Callback fired on successful authentication */
+    onSuccess: () => void;
+    /** Whether to show Google sign-in option (default: true) */
+    showGoogleSignIn?: boolean;
+    /** Whether to show sign-up option (default: true) */
+    showSignUp?: boolean;
+    /** Custom className for the container */
+    className?: string;
+    /** Custom primary color class (default: 'primary') */
+    primaryColorClass?: string;
+}
+/**
+ * Text content for the LoginPage
+ */
+export interface LoginPageText {
+    signIn: string;
+    signUp: string;
+    createAccount: string;
+    signInToAccount: string;
+    emailLabel: string;
+    emailPlaceholder: string;
+    passwordLabel: string;
+    passwordPlaceholder: string;
+    orContinueWith: string;
+    signInWithGoogle: string;
+    alreadyHaveAccount: string;
+    dontHaveAccount: string;
+}
+/**
+ * A reusable login page component with email/password and Google sign-in support.
+ *
+ * @example
+ * ```tsx
+ * import { LoginPage } from '@sudobility/building_blocks';
+ * import { getFirebaseAuth } from '@sudobility/auth_lib';
+ *
+ * function MyLoginPage() {
+ *   const navigate = useNavigate();
+ *   const auth = getFirebaseAuth();
+ *
+ *   return (
+ *     <LoginPage
+ *       appName="My App"
+ *       auth={auth}
+ *       onSuccess={() => navigate('/')}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function LoginPage({ appName, logo, auth, onSuccess, showGoogleSignIn, showSignUp, className, primaryColorClass, }: LoginPageProps): import("react/jsx-runtime").JSX.Element;