From de56ab7cde14b3678de16589e7aecde56453c5df Mon Sep 17 00:00:00 2001
From: Darren Ackers <ackers86@hotmail.com>
Date: Wed, 16 Apr 2025 14:40:55 +0100
Subject: [PATCH 1/3] fix(react): updated reactui depenencies for nextjs build

---
 examples/nextjs/app/page.tsx                           |  4 ++--
 examples/nextjs/lib/examples/2/page.tsx                |  5 ++---
 examples/nextjs/lib/examples/4/page.tsx                |  4 ++--
 .../src/auth/forms/email-password-form.tsx             |  2 +-
 .../firebaseui-react/src/auth/forms/register-form.tsx  |  2 +-
 packages/firebaseui-react/src/auth/index.ts            | 10 ++++++++++
 packages/firebaseui-react/src/index.ts                 |  1 +
 7 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/examples/nextjs/app/page.tsx b/examples/nextjs/app/page.tsx
index c281b26..52119df 100644
--- a/examples/nextjs/app/page.tsx
+++ b/examples/nextjs/app/page.tsx
@@ -7,12 +7,12 @@ export default function Home() {
   const user = useUser();
 
   return (
-    <div className="p-8">
+    <div className="p-8 ">
       <h1 className="text-3xl font-bold mb-6">Firebase UI Demo</h1>
       <div className="mb-6">
         {user && <div>Welcome: {user.email || user.phoneNumber}</div>}
       </div>
-      <div>
+      <div className="">
         <h2 className="text-2xl font-bold mb-4">Auth Screens</h2>
         <ul className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
           <li>
diff --git a/examples/nextjs/lib/examples/2/page.tsx b/examples/nextjs/lib/examples/2/page.tsx
index dbb5a62..fb01820 100644
--- a/examples/nextjs/lib/examples/2/page.tsx
+++ b/examples/nextjs/lib/examples/2/page.tsx
@@ -4,7 +4,6 @@ import { useState } from "react";
 import {
   EmailPasswordForm,
   RegisterForm,
-  CustomSignInScreen,
   Card,
   CardHeader,
   CardTitle,
@@ -52,7 +51,7 @@ export default function Example2() {
               style={{ animationDelay: "1s" }}
             ></div>
 
-            <CustomSignInScreen className="!min-h-0 !bg-transparent !p-0">
+            <div className="!min-h-0 !bg-transparent !p-0">
               <Card className="relative rounded-xl border border-white/10 bg-black/40 shadow-2xl backdrop-blur-xl">
                 <CardHeader>
                   <CardTitle>
@@ -84,7 +83,7 @@ export default function Example2() {
                   </>
                 )}
               </Card>
-            </CustomSignInScreen>
+            </div>
           </div>
         </main>
 
diff --git a/examples/nextjs/lib/examples/4/page.tsx b/examples/nextjs/lib/examples/4/page.tsx
index 88a1bc2..52fc226 100644
--- a/examples/nextjs/lib/examples/4/page.tsx
+++ b/examples/nextjs/lib/examples/4/page.tsx
@@ -1,9 +1,9 @@
 "use client";
 
-import { SignInScreen } from "@firebase-ui/react";
+import { SignInAuthScreen } from "@firebase-ui/react";
 
 export default function Example4() {
   return (
-    <SignInScreen onForgotPasswordClick={() => {}} onRegisterClick={() => {}} />
+    <SignInAuthScreen onForgotPasswordClick={() => {}} onRegisterClick={() => {}} />
   );
 }
diff --git a/packages/firebaseui-react/src/auth/forms/email-password-form.tsx b/packages/firebaseui-react/src/auth/forms/email-password-form.tsx
index 299ff3b..4e791ca 100644
--- a/packages/firebaseui-react/src/auth/forms/email-password-form.tsx
+++ b/packages/firebaseui-react/src/auth/forms/email-password-form.tsx
@@ -14,7 +14,7 @@ import { Button } from "../../components/button";
 import { FieldInfo } from "../../components/field-info";
 import { Policies } from "../../components/policies";
 
-interface EmailPasswordFormProps {
+export interface EmailPasswordFormProps  {
   onForgotPasswordClick?: () => void;
   onRegisterClick?: () => void;
 }
diff --git a/packages/firebaseui-react/src/auth/forms/register-form.tsx b/packages/firebaseui-react/src/auth/forms/register-form.tsx
index 812df91..6396c21 100644
--- a/packages/firebaseui-react/src/auth/forms/register-form.tsx
+++ b/packages/firebaseui-react/src/auth/forms/register-form.tsx
@@ -14,7 +14,7 @@ import { Button } from "../../components/button";
 import { FieldInfo } from "../../components/field-info";
 import { Policies } from "../../components/policies";
 
-interface RegisterFormProps {
+export interface RegisterFormProps {
   onBackToSignInClick?: () => void;
 }
 
diff --git a/packages/firebaseui-react/src/auth/index.ts b/packages/firebaseui-react/src/auth/index.ts
index aa00d04..5051e5b 100644
--- a/packages/firebaseui-react/src/auth/index.ts
+++ b/packages/firebaseui-react/src/auth/index.ts
@@ -1,3 +1,4 @@
+/** Export screens */
 export {
   EmailLinkAuthScreen,
   type EmailLinkAuthScreenProps,
@@ -24,4 +25,13 @@ export {
   type PasswordResetScreenProps,
 } from "./screens/password-reset-screen";
 
+/** Export forms */
+export {
+  EmailPasswordForm,
+  type EmailPasswordFormProps,
+} from "./forms/email-password-form";
+
+export { RegisterForm, type RegisterFormProps } from "./forms/register-form";
+
+/** Export Buttons */
 export { GoogleSignInButton } from "./oauth/google-sign-in-button";
diff --git a/packages/firebaseui-react/src/index.ts b/packages/firebaseui-react/src/index.ts
index 6ff917a..e49a699 100644
--- a/packages/firebaseui-react/src/index.ts
+++ b/packages/firebaseui-react/src/index.ts
@@ -1,3 +1,4 @@
 export * from "./auth";
 export * from "./hooks";
+export * from "./components";
 export { FirebaseUIProvider as ConfigProvider } from "./context";

From 75303e0742e8ab41ba4e37bbd0c0bb6ff3db7b8e Mon Sep 17 00:00:00 2001
From: Darren Ackers <ackers86@hotmail.com>
Date: Wed, 16 Apr 2025 15:15:02 +0100
Subject: [PATCH 2/3] fix(react): added component index

---
 packages/firebaseui-react/src/components/index.tsx | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 packages/firebaseui-react/src/components/index.tsx

diff --git a/packages/firebaseui-react/src/components/index.tsx b/packages/firebaseui-react/src/components/index.tsx
new file mode 100644
index 0000000..1540784
--- /dev/null
+++ b/packages/firebaseui-react/src/components/index.tsx
@@ -0,0 +1,6 @@
+export * from '././button';
+export * from './card';
+export * from './country-selector';
+export * from './field-info';
+export * from './policies';
+export * from './divider';
\ No newline at end of file

From f47fd386e990d20f03a731aabe10ba3342b6aad1 Mon Sep 17 00:00:00 2001
From: Darren Ackers <ackers86@hotmail.com>
Date: Thu, 17 Apr 2025 12:36:15 +0100
Subject: [PATCH 3/3] fix(nextjs): removed obsolete classname on examples

---
 examples/nextjs/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/nextjs/app/page.tsx b/examples/nextjs/app/page.tsx
index 52119df..2a6fe7c 100644
--- a/examples/nextjs/app/page.tsx
+++ b/examples/nextjs/app/page.tsx
@@ -12,7 +12,7 @@ export default function Home() {
       <div className="mb-6">
         {user && <div>Welcome: {user.email || user.phoneNumber}</div>}
       </div>
-      <div className="">
+      <div>
         <h2 className="text-2xl font-bold mb-4">Auth Screens</h2>
         <ul className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
           <li>