fix(react,shadcn): Rename onRegisterClick -> onSignUpClick

packages/react/src/auth/forms/sign-in-auth-form.test.tsx

@@ -229,7 +229,7 @@ describe("<SignInAuthForm />", () => {
     expect(onForgotPasswordClickMock).toHaveBeenCalled();
   });
 
-  it("should render the register button callback when onRegisterClick is provided", () => {
+  it("should render the register button callback when onSignUpClick is provided", () => {
     const mockUI = createMockUI({
       locale: registerLocale("test", {
         prompts: {
@@ -241,11 +241,11 @@ describe("<SignInAuthForm />", () => {
       }),
     });
 
-    const onRegisterClickMock = vi.fn();
+    const onSignUpClick = vi.fn();
 
     render(
       <FirebaseUIProvider ui={mockUI}>
-        <SignInAuthForm onRegisterClick={onRegisterClickMock} />
+        <SignInAuthForm onSignUpClick={onSignUpClick} />
       </FirebaseUIProvider>
     );
 
@@ -259,7 +259,7 @@ describe("<SignInAuthForm />", () => {
     expect(registerButton).toHaveAttribute("type", "button");
 
     fireEvent.click(registerButton);
-    expect(onRegisterClickMock).toHaveBeenCalled();
+    expect(onSignUpClick).toHaveBeenCalled();
   });
 
   it("should trigger validation errors when the form is blurred", () => {

packages/react/src/auth/forms/sign-in-auth-form.tsx

@@ -26,7 +26,7 @@ import { useCallback } from "react";
 export type SignInAuthFormProps = {
   onSignIn?: (credential: UserCredential) => void;
   onForgotPasswordClick?: () => void;
-  onRegisterClick?: () => void;
+  onSignUpClick?: () => void;
 };
 
 export function useSignInAuthFormAction() {
@@ -73,7 +73,7 @@ export function useSignInAuthForm(onSuccess?: SignInAuthFormProps["onSignIn"]) {
   });
 }
 
-export function SignInAuthForm({ onSignIn, onForgotPasswordClick, onRegisterClick }: SignInAuthFormProps) {
+export function SignInAuthForm({ onSignIn, onForgotPasswordClick, onSignUpClick }: SignInAuthFormProps) {
   const ui = useUI();
   const form = useSignInAuthForm(onSignIn);
 
@@ -110,8 +110,8 @@ export function SignInAuthForm({ onSignIn, onForgotPasswordClick, onRegisterClic
           <form.SubmitButton>{getTranslation(ui, "labels", "signIn")}</form.SubmitButton>
           <form.ErrorMessage />
         </fieldset>
-        {onRegisterClick ? (
-          <form.Action onClick={onRegisterClick}>
+        {onSignUpClick ? (
+          <form.Action onClick={onSignUpClick}>
             {getTranslation(ui, "prompts", "noAccount")} {getTranslation(ui, "labels", "signUp")}
           </form.Action>
         ) : null}

packages/shadcn/src/registry/sign-in-auth-form.test.tsx

@@ -96,8 +96,8 @@ describe("<SignInAuthForm />", () => {
     expect(onForgotPasswordClickMock).toHaveBeenCalled();
   });
 
-  it("should render with register callback", () => {
-    const onRegisterClickMock = vi.fn();
+  it("should render with onSignUp callback", () => {
+    const onSignUpClickMock = vi.fn();
     const mockUI = createMockUI({
       locale: registerLocale("test", {
         prompts: {
@@ -111,7 +111,7 @@ describe("<SignInAuthForm />", () => {
 
     const { container } = render(
       <FirebaseUIProvider ui={mockUI}>
-        <SignInAuthForm onRegisterClick={onRegisterClickMock} />
+        <SignInAuthForm onSignUpClick={onSignUpClickMock} />
       </FirebaseUIProvider>
     );
 
@@ -123,7 +123,7 @@ describe("<SignInAuthForm />", () => {
       fireEvent.click(button!);
     });
 
-    expect(onRegisterClickMock).toHaveBeenCalled();
+    expect(onSignUpClickMock).toHaveBeenCalled();
   });
 
   it("should call the onSignIn callback when the form is submitted", async () => {

packages/shadcn/src/registry/sign-in-auth-form.tsx

@@ -77,9 +77,9 @@ export function SignInAuthForm(props: SignInAuthFormProps) {
           {getTranslation(ui, "labels", "signIn")}
         </Button>
         {form.formState.errors.root && <FormMessage>{form.formState.errors.root.message}</FormMessage>}
-        {props.onRegisterClick ? (
+        {props.onSignUpClick ? (
           <>
-            <Button type="button" variant="secondary" onClick={props.onRegisterClick}>
+            <Button type="button" variant="secondary" onClick={props.onSignUpClick}>
               {getTranslation(ui, "prompts", "noAccount")} {getTranslation(ui, "labels", "signUp")}
             </Button>
           </>