@firebase-oss/ui-angular 0.0.1

package/dist/fesm2022/firebase-oss-ui-angular.mjs

@@ -0,0 +1,3288 @@
+import * as i0 from '@angular/core';
+import { input, HostBinding, Component, computed, InjectionToken, inject, makeEnvironmentProviders, signal, effect, output, viewChild, model, isDevMode } from '@angular/core';
+import { getBehavior, getTranslation, createSignInAuthFormSchema, createSignUpAuthFormSchema, createForgotPasswordAuthFormSchema, createEmailLinkAuthFormSchema, createPhoneAuthNumberFormSchema, createPhoneAuthVerifyFormSchema, createMultiFactorPhoneAuthNumberFormSchema, createMultiFactorPhoneAuthVerifyFormSchema, createMultiFactorTotpAuthNumberFormSchema, createMultiFactorTotpAuthVerifyFormSchema, sendSignInLinkToEmail, FirebaseUIError, completeEmailLinkSignIn, sendPasswordResetEmail, verifyPhoneNumber, signInWithMultiFactorAssertion, countryData, formatPhoneNumber, confirmPhoneNumber, signInWithEmailAndPassword, hasBehavior, createUserWithEmailAndPassword, signInWithProvider, registerFramework } from '@firebase-oss/ui-core';
+import { CommonModule } from '@angular/common';
+import { injectField, injectForm, injectStore, TanStackField, TanStackAppField } from '@tanstack/angular-form';
+import { buttonVariant } from '@firebase-oss/ui-styles';
+import { FirebaseApps } from '@angular/fire/app';
+import { PhoneAuthProvider, PhoneMultiFactorGenerator, TotpMultiFactorGenerator } from 'firebase/auth';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { GoogleAuthProvider, FacebookAuthProvider, OAuthProvider, TwitterAuthProvider, GithubAuthProvider } from '@angular/fire/auth';
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ButtonComponent {
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    get getButtonClasses() {
+        return buttonVariant({ variant: this.variant() });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: ButtonComponent, isStandalone: true, selector: "button[fui-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.getButtonClasses" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "button[fui-button]",
+                    template: `<ng-content></ng-content>`,
+                    standalone: true,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], getButtonClasses: [{
+                type: HostBinding,
+                args: ["class"]
+            }] } });
+
+class FormMetadataComponent {
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    errors = computed(() => this.field()
+        .state.meta.errors.map((error) => error.message)
+        .join(", "), ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: FormMetadataComponent, isStandalone: true, selector: "fui-form-metadata", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (field().state.meta.isTouched && errors().length > 0) {
+      <div>
+        <div role="alert" aria-live="polite" class="fui-form__error">
+          {{ errors() }}
+        </div>
+      </div>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormMetadataComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-form-metadata",
+                    standalone: true,
+                    template: `
+    @if (field().state.meta.isTouched && errors().length > 0) {
+      <div>
+        <div role="alert" aria-live="polite" class="fui-form__error">
+          {{ errors() }}
+        </div>
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+class FormInputComponent {
+    field = injectField();
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    type = input("text", ...(ngDevMode ? [{ debugName: "type" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: FormInputComponent, isStandalone: true, selector: "fui-form-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <label [for]="field.api.name">
+      <div data-input-label>
+        <div>{{ label() }}</div>
+        <div><ng-content select="input-action" /></div>
+      </div>
+      <div data-input-group>
+        <ng-content select="input-before" />
+        <input
+          [attr.aria-invalid]="field.api.state.meta.isTouched && field.api.state.meta.errors.length > 0"
+          [id]="field.api.name"
+          [name]="field.api.name"
+          [value]="field.api.state.value"
+          (blur)="field.api.handleBlur()"
+          (input)="field.api.handleChange($any($event).target.value)"
+          [type]="type()"
+        />
+      </div>
+      <ng-content></ng-content>
+      <fui-form-metadata [field]="field.api"></fui-form-metadata>
+    </label>
+  `, isInline: true, dependencies: [{ kind: "component", type: FormMetadataComponent, selector: "fui-form-metadata", inputs: ["field"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-form-input",
+                    standalone: true,
+                    imports: [FormMetadataComponent],
+                    template: `
+    <label [for]="field.api.name">
+      <div data-input-label>
+        <div>{{ label() }}</div>
+        <div><ng-content select="input-action" /></div>
+      </div>
+      <div data-input-group>
+        <ng-content select="input-before" />
+        <input
+          [attr.aria-invalid]="field.api.state.meta.isTouched && field.api.state.meta.errors.length > 0"
+          [id]="field.api.name"
+          [name]="field.api.name"
+          [value]="field.api.state.value"
+          (blur)="field.api.handleBlur()"
+          (input)="field.api.handleChange($any($event).target.value)"
+          [type]="type()"
+        />
+      </div>
+      <ng-content></ng-content>
+      <fui-form-metadata [field]="field.api"></fui-form-metadata>
+    </label>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+class FormActionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: FormActionComponent, isStandalone: true, selector: "button[fui-form-action]", host: { attributes: { "type": "button" }, classAttribute: "fui-form__action" }, ngImport: i0, template: `<ng-content></ng-content> `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormActionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "button[fui-form-action]",
+                    standalone: true,
+                    host: {
+                        class: "fui-form__action",
+                        type: "button",
+                    },
+                    template: `<ng-content></ng-content> `,
+                }]
+        }] });
+class FormSubmitComponent {
+    class = input(...(ngDevMode ? [undefined, { debugName: "class" }] : []));
+    state = input.required(...(ngDevMode ? [{ debugName: "state" }] : []));
+    isSubmitting = computed(() => this.state().isSubmitting, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormSubmitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: FormSubmitComponent, isStandalone: true, selector: "fui-form-submit", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "submit" } }, ngImport: i0, template: `
+    <button fui-button class="fui-form__action" [class]="class()" [disabled]="isSubmitting()">
+      <ng-content></ng-content>
+    </button>
+  `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fui-button]", inputs: ["variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormSubmitComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-form-submit",
+                    standalone: true,
+                    imports: [ButtonComponent],
+                    host: {
+                        type: "submit",
+                    },
+                    template: `
+    <button fui-button class="fui-form__action" [class]="class()" [disabled]="isSubmitting()">
+      <ng-content></ng-content>
+    </button>
+  `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }] } });
+class FormErrorMessageComponent {
+    state = input.required(...(ngDevMode ? [{ debugName: "state" }] : []));
+    errorMessage = computed(() => {
+        const error = this.state().errorMap?.onSubmit;
+        // We only care about errors thrown from the form submission, rather than validation errors
+        if (error && typeof error === "string") {
+            return error;
+        }
+        return undefined;
+    }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: FormErrorMessageComponent, isStandalone: true, selector: "fui-form-error-message", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (errorMessage()) {
+      <div class="fui-form__error">
+        {{ errorMessage() }}
+      </div>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FormErrorMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-form-error-message",
+                    standalone: true,
+                    template: `
+    @if (errorMessage()) {
+      <div class="fui-form__error">
+        {{ errorMessage() }}
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const FIREBASE_UI_STORE = new InjectionToken("firebaseui.store");
+const FIREBASE_UI_POLICIES = new InjectionToken("firebaseui.policies");
+function provideFirebaseUI(uiFactory) {
+    const providers = [
+        // TODO: This should depend on the FirebaseAuth provider via deps,
+        // see https://github.com/angular/angularfire/blob/35e0a9859299010488852b1826e4083abe56528f/src/firestore/firestore.module.ts#L76
+        {
+            provide: FIREBASE_UI_STORE,
+            useFactory: () => {
+                const apps = inject(FirebaseApps);
+                if (!apps || apps.length === 0) {
+                    throw new Error("No Firebase apps found");
+                }
+                return uiFactory(apps);
+            },
+        },
+    ];
+    return makeEnvironmentProviders(providers);
+}
+function provideFirebaseUIPolicies(factory) {
+    const providers = [{ provide: FIREBASE_UI_POLICIES, useFactory: factory }];
+    return makeEnvironmentProviders(providers);
+}
+function injectUI() {
+    const store = inject(FIREBASE_UI_STORE);
+    const ui = signal(store.get(), ...(ngDevMode ? [{ debugName: "ui" }] : []));
+    effect(() => {
+        return store.subscribe(ui.set);
+    });
+    return ui.asReadonly();
+}
+function injectRecaptchaVerifier(element) {
+    const ui = injectUI();
+    const verifier = computed(() => {
+        const elementRef = element();
+        if (!elementRef) {
+            return null;
+        }
+        return getBehavior(ui(), "recaptchaVerification")(ui(), elementRef.nativeElement);
+    }, ...(ngDevMode ? [{ debugName: "verifier" }] : []));
+    effect(() => {
+        const verifierInstance = verifier();
+        if (verifierInstance) {
+            verifierInstance.render();
+        }
+    });
+    return verifier;
+}
+function injectTranslation(category, key) {
+    const ui = injectUI();
+    return computed(() => getTranslation(ui(), category, key));
+}
+function injectSignInAuthFormSchema() {
+    const ui = injectUI();
+    return computed(() => createSignInAuthFormSchema(ui()));
+}
+function injectSignUpAuthFormSchema() {
+    const ui = injectUI();
+    return computed(() => createSignUpAuthFormSchema(ui()));
+}
+function injectForgotPasswordAuthFormSchema() {
+    const ui = injectUI();
+    return computed(() => createForgotPasswordAuthFormSchema(ui()));
+}
+function injectEmailLinkAuthFormSchema() {
+    const ui = injectUI();
+    return computed(() => createEmailLinkAuthFormSchema(ui()));
+}
+function injectPhoneAuthFormSchema() {
+    const ui = injectUI();
+    return computed(() => createPhoneAuthNumberFormSchema(ui()));
+}
+function injectPhoneAuthVerifyFormSchema() {
+    const ui = injectUI();
+    return computed(() => createPhoneAuthVerifyFormSchema(ui()));
+}
+function injectMultiFactorPhoneAuthNumberFormSchema() {
+    const ui = injectUI();
+    return computed(() => createMultiFactorPhoneAuthNumberFormSchema(ui()));
+}
+function injectMultiFactorPhoneAuthVerifyFormSchema() {
+    const ui = injectUI();
+    return computed(() => createMultiFactorPhoneAuthVerifyFormSchema(ui()));
+}
+function injectMultiFactorTotpAuthNumberFormSchema() {
+    const ui = injectUI();
+    return computed(() => createMultiFactorTotpAuthNumberFormSchema(ui()));
+}
+function injectMultiFactorTotpAuthVerifyFormSchema() {
+    const ui = injectUI();
+    return computed(() => createMultiFactorTotpAuthVerifyFormSchema(ui()));
+}
+function injectPolicies() {
+    return inject(FIREBASE_UI_POLICIES, { optional: true });
+}
+function injectCountries() {
+    const ui = injectUI();
+    return computed(() => getBehavior(ui(), "countryCodes")().allowedCountries);
+}
+function injectDefaultCountry() {
+    const ui = injectUI();
+    return computed(() => getBehavior(ui(), "countryCodes")().defaultCountry);
+}
+function injectRedirectError() {
+    const ui = injectUI();
+    return computed(() => {
+        const redirectError = ui().redirectError;
+        if (!redirectError) {
+            return undefined;
+        }
+        return redirectError instanceof Error ? redirectError.message : String(redirectError);
+    });
+}
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class PoliciesComponent {
+    policies = injectPolicies();
+    termsText = injectTranslation("labels", "termsOfService");
+    privacyText = injectTranslation("labels", "privacyPolicy");
+    templateText = injectTranslation("messages", "termsAndPrivacy");
+    tosUrl = this.policies?.termsOfServiceUrl;
+    privacyPolicyUrl = this.policies?.privacyPolicyUrl;
+    shouldShow = computed(() => this.policies !== null, ...(ngDevMode ? [{ debugName: "shouldShow" }] : []));
+    policyParts = computed(() => {
+        if (!this.shouldShow()) {
+            return [];
+        }
+        const template = this.templateText();
+        const parts = template.split(/({tos}|{privacy})/);
+        return parts
+            .filter((part) => part.length > 0)
+            .map((part) => {
+            if (part === "{tos}" && this.tosUrl) {
+                return {
+                    type: "tos",
+                    url: this.tosUrl,
+                    text: this.termsText(),
+                };
+            }
+            if (part === "{privacy}" && this.privacyPolicyUrl) {
+                return {
+                    type: "privacy",
+                    url: this.privacyPolicyUrl,
+                    text: this.privacyText(),
+                };
+            }
+            return {
+                type: "text",
+                content: part,
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "policyParts" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PoliciesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: PoliciesComponent, isStandalone: true, selector: "fui-policies", ngImport: i0, template: `
+    @if (shouldShow()) {
+      <div class="fui-policies">
+        @for (part of policyParts(); track $index) {
+          @if (part.type === "tos") {
+            <a [attr.href]="part.url" target="_blank" rel="noopener noreferrer">
+              {{ part.text }}
+            </a>
+          } @else if (part.type === "privacy") {
+            <a [attr.href]="part.url" target="_blank" rel="noopener noreferrer">
+              {{ part.text }}
+            </a>
+          } @else {
+            <span>{{ part.content }}</span>
+          }
+        }
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PoliciesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-policies",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    @if (shouldShow()) {
+      <div class="fui-policies">
+        @for (part of policyParts(); track $index) {
+          @if (part.type === "tos") {
+            <a [attr.href]="part.url" target="_blank" rel="noopener noreferrer">
+              {{ part.text }}
+            </a>
+          } @else if (part.type === "privacy") {
+            <a [attr.href]="part.url" target="_blank" rel="noopener noreferrer">
+              {{ part.text }}
+            </a>
+          } @else {
+            <span>{{ part.content }}</span>
+          }
+        }
+      </div>
+    }
+  `,
+                }]
+        }] });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class EmailLinkAuthFormComponent {
+    ui = injectUI();
+    formSchema = injectEmailLinkAuthFormSchema();
+    emailSentState = signal(false, ...(ngDevMode ? [{ debugName: "emailSentState" }] : []));
+    emailLabel = injectTranslation("labels", "emailAddress");
+    sendSignInLinkLabel = injectTranslation("labels", "sendSignInLink");
+    emailSentMessage = injectTranslation("messages", "signInLinkSent");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    emailSent = output();
+    signIn = output();
+    form = injectForm({
+        defaultValues: {
+            email: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    constructor() {
+        this.completeSignIn();
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            await sendSignInLinkToEmail(this.ui(), value.email);
+                            this.emailSentState.set(true);
+                            this.emailSent?.emit();
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    async completeSignIn() {
+        const credential = await completeEmailLinkSignIn(this.ui(), window.location.href);
+        if (credential) {
+            this.signIn?.emit(credential);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: EmailLinkAuthFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: EmailLinkAuthFormComponent, isStandalone: true, selector: "fui-email-link-auth-form", outputs: { emailSent: "emailSent", signIn: "signIn" }, ngImport: i0, template: `
+    @if (emailSentState()) {
+      <div class="fui-form__success">
+        {{ emailSentMessage() }}
+      </div>
+    }
+
+    @if (!emailSentState()) {
+      <form (submit)="handleSubmit($event)" class="fui-form">
+        <fieldset>
+          <fui-form-input name="email" tanstack-app-field [tanstackField]="form" label="{{ emailLabel() }}" />
+        </fieldset>
+
+        <fui-policies />
+
+        <fieldset>
+          <fui-form-submit [state]="state()">
+            {{ sendSignInLinkLabel() }}
+          </fui-form-submit>
+          <fui-form-error-message [state]="state()" />
+        </fieldset>
+      </form>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: EmailLinkAuthFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-email-link-auth-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        PoliciesComponent,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                    ],
+                    template: `
+    @if (emailSentState()) {
+      <div class="fui-form__success">
+        {{ emailSentMessage() }}
+      </div>
+    }
+
+    @if (!emailSentState()) {
+      <form (submit)="handleSubmit($event)" class="fui-form">
+        <fieldset>
+          <fui-form-input name="email" tanstack-app-field [tanstackField]="form" label="{{ emailLabel() }}" />
+        </fieldset>
+
+        <fui-policies />
+
+        <fieldset>
+          <fui-form-submit [state]="state()">
+            {{ sendSignInLinkLabel() }}
+          </fui-form-submit>
+          <fui-form-error-message [state]="state()" />
+        </fieldset>
+      </form>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { emailSent: [{ type: i0.Output, args: ["emailSent"] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ForgotPasswordAuthFormComponent {
+    ui = injectUI();
+    formSchema = injectForgotPasswordAuthFormSchema();
+    emailSent = signal(false, ...(ngDevMode ? [{ debugName: "emailSent" }] : []));
+    emailLabel = injectTranslation("labels", "emailAddress");
+    resetPasswordLabel = injectTranslation("labels", "resetPassword");
+    backToSignInLabel = injectTranslation("labels", "backToSignIn");
+    checkEmailForResetMessage = injectTranslation("messages", "checkEmailForReset");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    passwordSent = output();
+    backToSignIn = output();
+    form = injectForm({
+        defaultValues: {
+            email: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    constructor() {
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            await sendPasswordResetEmail(this.ui(), value.email);
+                            this.emailSent.set(true);
+                            this.passwordSent?.emit();
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ForgotPasswordAuthFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: ForgotPasswordAuthFormComponent, isStandalone: true, selector: "fui-forgot-password-auth-form", outputs: { passwordSent: "passwordSent", backToSignIn: "backToSignIn" }, ngImport: i0, template: `
+    @if (emailSent()) {
+      <div class="fui-form__success">
+        {{ checkEmailForResetMessage() }}
+      </div>
+    }
+
+    @if (!emailSent()) {
+      <form (submit)="handleSubmit($event)" class="fui-form">
+        <fieldset>
+          <fui-form-input name="email" tanstack-app-field [tanstackField]="form" label="{{ emailLabel() }}" />
+        </fieldset>
+
+        <fui-policies />
+
+        <fieldset>
+          <fui-form-submit [state]="state()">
+            {{ resetPasswordLabel() }}
+          </fui-form-submit>
+          <fui-form-error-message [state]="state()" />
+        </fieldset>
+
+        @if (backToSignIn) {
+          <button fui-form-action (click)="backToSignIn.emit()">{{ backToSignInLabel() }} &rarr;</button>
+        }
+      </form>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }, { kind: "component", type: FormActionComponent, selector: "button[fui-form-action]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ForgotPasswordAuthFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-forgot-password-auth-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        PoliciesComponent,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                        FormActionComponent,
+                    ],
+                    template: `
+    @if (emailSent()) {
+      <div class="fui-form__success">
+        {{ checkEmailForResetMessage() }}
+      </div>
+    }
+
+    @if (!emailSent()) {
+      <form (submit)="handleSubmit($event)" class="fui-form">
+        <fieldset>
+          <fui-form-input name="email" tanstack-app-field [tanstackField]="form" label="{{ emailLabel() }}" />
+        </fieldset>
+
+        <fui-policies />
+
+        <fieldset>
+          <fui-form-submit [state]="state()">
+            {{ resetPasswordLabel() }}
+          </fui-form-submit>
+          <fui-form-error-message [state]="state()" />
+        </fieldset>
+
+        @if (backToSignIn) {
+          <button fui-form-action (click)="backToSignIn.emit()">{{ backToSignInLabel() }} &rarr;</button>
+        }
+      </form>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { passwordSent: [{ type: i0.Output, args: ["passwordSent"] }], backToSignIn: [{ type: i0.Output, args: ["backToSignIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class SmsMultiFactorAssertionPhoneFormComponent {
+    ui = injectUI();
+    formSchema = injectMultiFactorPhoneAuthNumberFormSchema();
+    hint = input.required(...(ngDevMode ? [{ debugName: "hint" }] : []));
+    onSubmit = output();
+    phoneNumberLabel = injectTranslation("labels", "phoneNumber");
+    sendCodeLabel = injectTranslation("labels", "sendCode");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    recaptchaContainer = viewChild.required("recaptchaContainer");
+    phoneNumber = computed(() => {
+        const hint = this.hint();
+        return hint.phoneNumber || "";
+    }, ...(ngDevMode ? [{ debugName: "phoneNumber" }] : []));
+    recaptchaVerifier = injectRecaptchaVerifier(() => this.recaptchaContainer());
+    form = injectForm({
+        defaultValues: {
+            phoneNumber: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    constructor() {
+        effect(() => {
+            // Set the phone number value from the hint
+            this.form.setFieldValue("phoneNumber", this.phoneNumber());
+        });
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async () => {
+                        try {
+                            const verifier = this.recaptchaVerifier();
+                            if (!verifier) {
+                                return this.unknownErrorLabel();
+                            }
+                            const verificationId = await verifyPhoneNumber(this.ui(), "", verifier, undefined, this.hint());
+                            this.onSubmit.emit(verificationId);
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+        effect((onCleanup) => {
+            const verifier = this.recaptchaVerifier();
+            onCleanup(() => {
+                if (verifier) {
+                    verifier.clear();
+                }
+            });
+        });
+    }
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SmsMultiFactorAssertionPhoneFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: SmsMultiFactorAssertionPhoneFormComponent, isStandalone: true, selector: "fui-sms-multi-factor-assertion-phone-form", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "recaptchaContainer", first: true, predicate: ["recaptchaContainer"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="phoneNumber"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ phoneNumberLabel() }}"
+          type="tel"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <div class="fui-recaptcha-container" #recaptchaContainer></div>
+      </fieldset>
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ sendCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SmsMultiFactorAssertionPhoneFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sms-multi-factor-assertion-phone-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="phoneNumber"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ phoneNumberLabel() }}"
+          type="tel"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <div class="fui-recaptcha-container" #recaptchaContainer></div>
+      </fieldset>
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ sendCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: true }] }], onSubmit: [{ type: i0.Output, args: ["onSubmit"] }], recaptchaContainer: [{ type: i0.ViewChild, args: ["recaptchaContainer", { isSignal: true }] }] } });
+class SmsMultiFactorAssertionVerifyFormComponent {
+    ui = injectUI();
+    formSchema = injectMultiFactorPhoneAuthVerifyFormSchema();
+    verificationId = input.required(...(ngDevMode ? [{ debugName: "verificationId" }] : []));
+    onSuccess = output();
+    verificationCodeLabel = injectTranslation("labels", "verificationCode");
+    verifyCodeLabel = injectTranslation("labels", "verifyCode");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    form = injectForm({
+        defaultValues: {
+            verificationId: "",
+            verificationCode: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    constructor() {
+        effect(() => {
+            this.form.setFieldValue("verificationId", this.verificationId());
+        });
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            const credential = PhoneAuthProvider.credential(value.verificationId, value.verificationCode);
+                            const assertion = PhoneMultiFactorGenerator.assertion(credential);
+                            await signInWithMultiFactorAssertion(this.ui(), assertion);
+                            this.onSuccess.emit();
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SmsMultiFactorAssertionVerifyFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: SmsMultiFactorAssertionVerifyFormComponent, isStandalone: true, selector: "fui-sms-multi-factor-assertion-verify-form", inputs: { verificationId: { classPropertyName: "verificationId", publicName: "verificationId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onSuccess: "onSuccess" }, ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="verificationCode"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ verificationCodeLabel() }}"
+          type="text"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ verifyCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SmsMultiFactorAssertionVerifyFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sms-multi-factor-assertion-verify-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="verificationCode"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ verificationCodeLabel() }}"
+          type="text"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ verifyCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { verificationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "verificationId", required: true }] }], onSuccess: [{ type: i0.Output, args: ["onSuccess"] }] } });
+class SmsMultiFactorAssertionFormComponent {
+    hint = input.required(...(ngDevMode ? [{ debugName: "hint" }] : []));
+    onSuccess = output();
+    verification = signal(null, ...(ngDevMode ? [{ debugName: "verification" }] : []));
+    handlePhoneSubmit(verificationId) {
+        this.verification.set({ verificationId });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SmsMultiFactorAssertionFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: SmsMultiFactorAssertionFormComponent, isStandalone: true, selector: "fui-sms-multi-factor-assertion-form", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onSuccess: "onSuccess" }, ngImport: i0, template: `
+    <div class="fui-content">
+      @if (verification()) {
+        <fui-sms-multi-factor-assertion-verify-form
+          [verificationId]="verification()!.verificationId"
+          (onSuccess)="onSuccess.emit()"
+        />
+      } @else {
+        <fui-sms-multi-factor-assertion-phone-form [hint]="hint()" (onSubmit)="handlePhoneSubmit($event)" />
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SmsMultiFactorAssertionPhoneFormComponent, selector: "fui-sms-multi-factor-assertion-phone-form", inputs: ["hint"], outputs: ["onSubmit"] }, { kind: "component", type: SmsMultiFactorAssertionVerifyFormComponent, selector: "fui-sms-multi-factor-assertion-verify-form", inputs: ["verificationId"], outputs: ["onSuccess"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SmsMultiFactorAssertionFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sms-multi-factor-assertion-form",
+                    standalone: true,
+                    imports: [CommonModule, SmsMultiFactorAssertionPhoneFormComponent, SmsMultiFactorAssertionVerifyFormComponent],
+                    template: `
+    <div class="fui-content">
+      @if (verification()) {
+        <fui-sms-multi-factor-assertion-verify-form
+          [verificationId]="verification()!.verificationId"
+          (onSuccess)="onSuccess.emit()"
+        />
+      } @else {
+        <fui-sms-multi-factor-assertion-phone-form [hint]="hint()" (onSubmit)="handlePhoneSubmit($event)" />
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: true }] }], onSuccess: [{ type: i0.Output, args: ["onSuccess"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TotpMultiFactorAssertionFormComponent {
+    ui = injectUI();
+    formSchema = injectMultiFactorTotpAuthVerifyFormSchema();
+    hint = input.required(...(ngDevMode ? [{ debugName: "hint" }] : []));
+    onSuccess = output();
+    verificationCodeLabel = injectTranslation("labels", "verificationCode");
+    verifyCodeLabel = injectTranslation("labels", "verifyCode");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    form = injectForm({
+        defaultValues: {
+            verificationCode: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    constructor() {
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            const assertion = TotpMultiFactorGenerator.assertionForSignIn(this.hint().uid, value.verificationCode);
+                            await signInWithMultiFactorAssertion(this.ui(), assertion);
+                            this.onSuccess.emit();
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TotpMultiFactorAssertionFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: TotpMultiFactorAssertionFormComponent, isStandalone: true, selector: "fui-totp-multi-factor-assertion-form", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onSuccess: "onSuccess" }, ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="verificationCode"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ verificationCodeLabel() }}"
+          type="text"
+          placeholder="123456"
+          maxlength="6"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ verifyCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TotpMultiFactorAssertionFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-totp-multi-factor-assertion-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="verificationCode"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ verificationCodeLabel() }}"
+          type="text"
+          placeholder="123456"
+          maxlength="6"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ verifyCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: true }] }], onSuccess: [{ type: i0.Output, args: ["onSuccess"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class MultiFactorAuthAssertionFormComponent {
+    ui = injectUI();
+    resolver = computed(() => {
+        const resolver = this.ui().multiFactorResolver;
+        if (!resolver) {
+            throw new Error("MultiFactorAuthAssertionForm requires a multi-factor resolver");
+        }
+        return resolver;
+    }, ...(ngDevMode ? [{ debugName: "resolver" }] : []));
+    selectedHint = signal(this.resolver().hints.length === 1 ? this.resolver().hints[0] : undefined, ...(ngDevMode ? [{ debugName: "selectedHint" }] : []));
+    phoneFactorId = computed(() => PhoneMultiFactorGenerator.FACTOR_ID, ...(ngDevMode ? [{ debugName: "phoneFactorId" }] : []));
+    totpFactorId = computed(() => TotpMultiFactorGenerator.FACTOR_ID, ...(ngDevMode ? [{ debugName: "totpFactorId" }] : []));
+    smsVerificationLabel = injectTranslation("labels", "mfaSmsVerification");
+    totpVerificationLabel = injectTranslation("labels", "mfaTotpVerification");
+    selectHint(hint) {
+        this.selectedHint.set(hint);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MultiFactorAuthAssertionFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: MultiFactorAuthAssertionFormComponent, isStandalone: true, selector: "fui-multi-factor-auth-assertion-form", ngImport: i0, template: `
+    <div class="fui-content">
+      @if (selectedHint()) {
+        @if (selectedHint()!.factorId === phoneFactorId()) {
+          <fui-sms-multi-factor-assertion-form [hint]="selectedHint()!" />
+        } @else if (selectedHint()!.factorId === totpFactorId()) {
+          <fui-totp-multi-factor-assertion-form [hint]="selectedHint()!" />
+        }
+      } @else {
+        <p>TODO: Select a multi-factor authentication method</p>
+        @for (hint of resolver().hints; track hint.factorId) {
+          @if (hint.factorId === totpFactorId()) {
+            <button fui-button (click)="selectHint(hint)">
+              {{ totpVerificationLabel() }}
+            </button>
+          } @else if (hint.factorId === phoneFactorId()) {
+            <button fui-button (click)="selectHint(hint)">
+              {{ smsVerificationLabel() }}
+            </button>
+          }
+        }
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SmsMultiFactorAssertionFormComponent, selector: "fui-sms-multi-factor-assertion-form", inputs: ["hint"], outputs: ["onSuccess"] }, { kind: "component", type: TotpMultiFactorAssertionFormComponent, selector: "fui-totp-multi-factor-assertion-form", inputs: ["hint"], outputs: ["onSuccess"] }, { kind: "component", type: ButtonComponent, selector: "button[fui-button]", inputs: ["variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MultiFactorAuthAssertionFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-multi-factor-auth-assertion-form",
+                    standalone: true,
+                    imports: [CommonModule, SmsMultiFactorAssertionFormComponent, TotpMultiFactorAssertionFormComponent, ButtonComponent],
+                    template: `
+    <div class="fui-content">
+      @if (selectedHint()) {
+        @if (selectedHint()!.factorId === phoneFactorId()) {
+          <fui-sms-multi-factor-assertion-form [hint]="selectedHint()!" />
+        } @else if (selectedHint()!.factorId === totpFactorId()) {
+          <fui-totp-multi-factor-assertion-form [hint]="selectedHint()!" />
+        }
+      } @else {
+        <p>TODO: Select a multi-factor authentication method</p>
+        @for (hint of resolver().hints; track hint.factorId) {
+          @if (hint.factorId === totpFactorId()) {
+            <button fui-button (click)="selectHint(hint)">
+              {{ totpVerificationLabel() }}
+            </button>
+          } @else if (hint.factorId === phoneFactorId()) {
+            <button fui-button (click)="selectHint(hint)">
+              {{ smsVerificationLabel() }}
+            </button>
+          }
+        }
+      }
+    </div>
+  `,
+                }]
+        }] });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class CountrySelectorComponent {
+    countries = injectCountries();
+    defaultCountry = injectDefaultCountry();
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    selected = computed(() => {
+        if (!this.value()) {
+            return this.defaultCountry();
+        }
+        return this.countries().find((c) => c.code === this.value()) || this.defaultCountry();
+    }, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    handleCountryChange(code) {
+        const country = this.countries().find((c) => c.code === code);
+        if (country) {
+            this.value.update(() => country.code);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CountrySelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: CountrySelectorComponent, isStandalone: true, selector: "fui-country-selector", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: `
+    <div class="fui-country-selector">
+      <div class="fui-country-selector__wrapper">
+        <span class="fui-country-selector__flag">{{ selected().emoji }}</span>
+        <div class="fui-country-selector__select-wrapper">
+          <span class="fui-country-selector__dial-code">{{ selected().dialCode }}</span>
+          <select
+            class="fui-country-selector__select"
+            [ngModel]="selected().code"
+            (ngModelChange)="handleCountryChange($event)"
+          >
+            @for (country of countries(); track country.code) {
+              <option [value]="country.code">{{ country.dialCode }} ({{ country.name }})</option>
+            }
+          </select>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CountrySelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-country-selector",
+                    standalone: true,
+                    imports: [CommonModule, FormsModule],
+                    template: `
+    <div class="fui-country-selector">
+      <div class="fui-country-selector__wrapper">
+        <span class="fui-country-selector__flag">{{ selected().emoji }}</span>
+        <div class="fui-country-selector__select-wrapper">
+          <span class="fui-country-selector__dial-code">{{ selected().dialCode }}</span>
+          <select
+            class="fui-country-selector__select"
+            [ngModel]="selected().code"
+            (ngModelChange)="handleCountryChange($event)"
+          >
+            @for (country of countries(); track country.code) {
+              <option [value]="country.code">{{ country.dialCode }} ({{ country.name }})</option>
+            }
+          </select>
+        </div>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class PhoneNumberFormComponent {
+    ui = injectUI();
+    formSchema = injectPhoneAuthFormSchema();
+    onSubmit = output();
+    country = signal(countryData[0].code, ...(ngDevMode ? [{ debugName: "country" }] : []));
+    phoneNumberLabel = injectTranslation("labels", "phoneNumber");
+    sendCodeLabel = injectTranslation("labels", "sendCode");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    recaptchaContainer = viewChild.required("recaptchaContainer");
+    recaptchaVerifier = injectRecaptchaVerifier(() => this.recaptchaContainer());
+    form = injectForm({
+        defaultValues: {
+            phoneNumber: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    constructor() {
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        const selectedCountry = countryData.find((c) => c.code === this.country());
+                        const formattedNumber = formatPhoneNumber(value.phoneNumber, selectedCountry);
+                        try {
+                            const verifier = this.recaptchaVerifier();
+                            if (!verifier) {
+                                return this.unknownErrorLabel();
+                            }
+                            const verificationId = await verifyPhoneNumber(this.ui(), formattedNumber, verifier);
+                            this.onSubmit.emit({ verificationId, phoneNumber: formattedNumber });
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+        effect((onCleanup) => {
+            const verifier = this.recaptchaVerifier();
+            onCleanup(() => {
+                if (verifier) {
+                    verifier.clear();
+                }
+            });
+        });
+    }
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PhoneNumberFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.7", type: PhoneNumberFormComponent, isStandalone: true, selector: "fui-phone-number-form", outputs: { onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "recaptchaContainer", first: true, predicate: ["recaptchaContainer"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-country-selector [(value)]="country"></fui-country-selector>
+        <fui-form-input
+          name="phoneNumber"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ phoneNumberLabel() }}"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <div class="fui-recaptcha-container" #recaptchaContainer></div>
+      </fieldset>
+      <fui-policies />
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ sendCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }, { kind: "component", type: CountrySelectorComponent, selector: "fui-country-selector", inputs: ["value"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PhoneNumberFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-phone-number-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        PoliciesComponent,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                        CountrySelectorComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-country-selector [(value)]="country"></fui-country-selector>
+        <fui-form-input
+          name="phoneNumber"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ phoneNumberLabel() }}"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <div class="fui-recaptcha-container" #recaptchaContainer></div>
+      </fieldset>
+      <fui-policies />
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ sendCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { onSubmit: [{ type: i0.Output, args: ["onSubmit"] }], recaptchaContainer: [{ type: i0.ViewChild, args: ["recaptchaContainer", { isSignal: true }] }] } });
+class VerificationFormComponent {
+    ui = injectUI();
+    formSchema = injectPhoneAuthVerifyFormSchema();
+    verificationId = input.required(...(ngDevMode ? [{ debugName: "verificationId" }] : []));
+    signIn = output();
+    verificationCodeLabel = injectTranslation("labels", "verificationCode");
+    verifyCodeLabel = injectTranslation("labels", "verifyCode");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    form = injectForm({
+        defaultValues: {
+            verificationId: "",
+            verificationCode: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    constructor() {
+        effect(() => {
+            this.form.setFieldValue("verificationId", this.verificationId());
+        });
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            const credential = await confirmPhoneNumber(this.ui(), this.verificationId(), value.verificationCode);
+                            this.signIn.emit(credential);
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    async handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: VerificationFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: VerificationFormComponent, isStandalone: true, selector: "fui-verification-form", inputs: { verificationId: { classPropertyName: "verificationId", publicName: "verificationId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { signIn: "signIn" }, ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="verificationCode"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ verificationCodeLabel() }}"
+        ></fui-form-input>
+      </fieldset>
+
+      <fui-policies />
+
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ verifyCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: VerificationFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-verification-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        PoliciesComponent,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="verificationCode"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ verificationCodeLabel() }}"
+        ></fui-form-input>
+      </fieldset>
+
+      <fui-policies />
+
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ verifyCodeLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+    </form>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { verificationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "verificationId", required: true }] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+class PhoneAuthFormComponent {
+    verificationId = signal(null, ...(ngDevMode ? [{ debugName: "verificationId" }] : []));
+    signIn = output();
+    handlePhoneSubmit(data) {
+        this.verificationId.set(data.verificationId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PhoneAuthFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: PhoneAuthFormComponent, isStandalone: true, selector: "fui-phone-auth-form", outputs: { signIn: "signIn" }, ngImport: i0, template: `
+    <div class="fui-form-container">
+      @if (verificationId()) {
+        <fui-verification-form [verificationId]="verificationId()!" (signIn)="signIn.emit($event)" />
+      } @else {
+        <fui-phone-number-form (onSubmit)="handlePhoneSubmit($event)" />
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PhoneNumberFormComponent, selector: "fui-phone-number-form", outputs: ["onSubmit"] }, { kind: "component", type: VerificationFormComponent, selector: "fui-verification-form", inputs: ["verificationId"], outputs: ["signIn"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PhoneAuthFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-phone-auth-form",
+                    standalone: true,
+                    imports: [CommonModule, PhoneNumberFormComponent, VerificationFormComponent],
+                    template: `
+    <div class="fui-form-container">
+      @if (verificationId()) {
+        <fui-verification-form [verificationId]="verificationId()!" (signIn)="signIn.emit($event)" />
+      } @else {
+        <fui-phone-number-form (onSubmit)="handlePhoneSubmit($event)" />
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class SignInAuthFormComponent {
+    ui = injectUI();
+    formSchema = injectSignInAuthFormSchema();
+    emailLabel = injectTranslation("labels", "emailAddress");
+    passwordLabel = injectTranslation("labels", "password");
+    forgotPasswordLabel = injectTranslation("labels", "forgotPassword");
+    signInLabel = injectTranslation("labels", "signIn");
+    noAccountLabel = injectTranslation("prompts", "noAccount");
+    signUpLabel = injectTranslation("labels", "signUp");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    forgotPassword = output();
+    signUp = output();
+    signIn = output();
+    form = injectForm({
+        defaultValues: {
+            email: "",
+            password: "",
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    constructor() {
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onChange: this.formSchema(),
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            const credential = await signInWithEmailAndPassword(this.ui(), value.email, value.password);
+                            this.signIn?.emit(credential);
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignInAuthFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: SignInAuthFormComponent, isStandalone: true, selector: "fui-sign-in-auth-form", outputs: { forgotPassword: "forgotPassword", signUp: "signUp", signIn: "signIn" }, ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="email"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ emailLabel() }}"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <fui-form-input
+          name="password"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ passwordLabel() }}"
+          type="password"
+        >
+          @if (forgotPassword) {
+            <button ngProjectAs="input-action" fui-form-action (click)="forgotPassword.emit()">
+              {{ forgotPasswordLabel() }}
+            </button>
+          }
+        </fui-form-input>
+      </fieldset>
+
+      <fui-policies />
+
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ signInLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+
+      @if (signUp) {
+        <button fui-form-action (click)="signUp.emit()">{{ noAccountLabel() }} {{ signUpLabel() }}</button>
+      }
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }, { kind: "component", type: FormActionComponent, selector: "button[fui-form-action]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignInAuthFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sign-in-auth-form",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        PoliciesComponent,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                        FormActionComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      <fieldset>
+        <fui-form-input
+          name="email"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ emailLabel() }}"
+        ></fui-form-input>
+      </fieldset>
+      <fieldset>
+        <fui-form-input
+          name="password"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ passwordLabel() }}"
+          type="password"
+        >
+          @if (forgotPassword) {
+            <button ngProjectAs="input-action" fui-form-action (click)="forgotPassword.emit()">
+              {{ forgotPasswordLabel() }}
+            </button>
+          }
+        </fui-form-input>
+      </fieldset>
+
+      <fui-policies />
+
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ signInLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+
+      @if (signUp) {
+        <button fui-form-action (click)="signUp.emit()">{{ noAccountLabel() }} {{ signUpLabel() }}</button>
+      }
+    </form>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { forgotPassword: [{ type: i0.Output, args: ["forgotPassword"] }], signUp: [{ type: i0.Output, args: ["signUp"] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class SignUpAuthFormComponent {
+    ui = injectUI();
+    formSchema = injectSignUpAuthFormSchema();
+    requireDisplayNameField = computed(() => {
+        return hasBehavior(this.ui(), "requireDisplayName");
+    }, ...(ngDevMode ? [{ debugName: "requireDisplayNameField" }] : []));
+    emailLabel = injectTranslation("labels", "emailAddress");
+    displayNameLabel = injectTranslation("labels", "displayName");
+    passwordLabel = injectTranslation("labels", "password");
+    createAccountLabel = injectTranslation("labels", "createAccount");
+    haveAccountLabel = injectTranslation("prompts", "haveAccount");
+    signInLabel = injectTranslation("labels", "signIn");
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    signUp = output();
+    signIn = output();
+    form = injectForm({
+        defaultValues: {
+            email: "",
+            password: "",
+            displayName: this.requireDisplayNameField() ? "" : undefined,
+        },
+    });
+    state = injectStore(this.form, (state) => state);
+    handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.form.handleSubmit();
+    }
+    constructor() {
+        effect(() => {
+            this.form.update({
+                validators: {
+                    onBlur: this.formSchema(),
+                    onSubmit: this.formSchema(),
+                    onSubmitAsync: async ({ value }) => {
+                        try {
+                            const credential = await createUserWithEmailAndPassword(this.ui(), value.email, value.password, value.displayName);
+                            this.signUp?.emit(credential);
+                            return;
+                        }
+                        catch (error) {
+                            if (error instanceof FirebaseUIError) {
+                                return error.message;
+                            }
+                            return this.unknownErrorLabel();
+                        }
+                    },
+                },
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignUpAuthFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: SignUpAuthFormComponent, isStandalone: true, selector: "fui-sign-up-auth-form", outputs: { signUp: "signUp", signIn: "signIn" }, ngImport: i0, template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      @if (requireDisplayNameField()) {
+        <fieldset>
+          <fui-form-input
+            name="displayName"
+            tanstack-app-field
+            [tanstackField]="form"
+            label="{{ displayNameLabel() }}"
+          />
+        </fieldset>
+      }
+      <fieldset>
+        <fui-form-input name="email" tanstack-app-field [tanstackField]="form" label="{{ emailLabel() }}" />
+      </fieldset>
+      <fieldset>
+        <fui-form-input
+          name="password"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ passwordLabel() }}"
+          type="password"
+        />
+      </fieldset>
+      <fui-policies />
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ createAccountLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+
+      @if (signIn) {
+        <button fui-form-action (click)="signIn.emit()">{{ haveAccountLabel() }} {{ signInLabel() }} &rarr;</button>
+      }
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TanStackField, selector: "[tanstackField]", inputs: ["name", "defaultValue", "asyncDebounceMs", "asyncAlways", "tanstackField", "validators", "listeners", "defaultMeta", "mode", "disableErrorFlat"], exportAs: ["field"] }, { kind: "directive", type: TanStackAppField, selector: "[tanstack-app-field]" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: FormInputComponent, selector: "fui-form-input", inputs: ["label", "type"] }, { kind: "component", type: FormSubmitComponent, selector: "fui-form-submit", inputs: ["class", "state"] }, { kind: "component", type: FormErrorMessageComponent, selector: "fui-form-error-message", inputs: ["state"] }, { kind: "component", type: FormActionComponent, selector: "button[fui-form-action]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignUpAuthFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sign-up-auth-form",
+                    imports: [
+                        CommonModule,
+                        TanStackField,
+                        TanStackAppField,
+                        PoliciesComponent,
+                        FormInputComponent,
+                        FormSubmitComponent,
+                        FormErrorMessageComponent,
+                        FormActionComponent,
+                    ],
+                    template: `
+    <form (submit)="handleSubmit($event)" class="fui-form">
+      @if (requireDisplayNameField()) {
+        <fieldset>
+          <fui-form-input
+            name="displayName"
+            tanstack-app-field
+            [tanstackField]="form"
+            label="{{ displayNameLabel() }}"
+          />
+        </fieldset>
+      }
+      <fieldset>
+        <fui-form-input name="email" tanstack-app-field [tanstackField]="form" label="{{ emailLabel() }}" />
+      </fieldset>
+      <fieldset>
+        <fui-form-input
+          name="password"
+          tanstack-app-field
+          [tanstackField]="form"
+          label="{{ passwordLabel() }}"
+          type="password"
+        />
+      </fieldset>
+      <fui-policies />
+      <fieldset>
+        <fui-form-submit [state]="state()">
+          {{ createAccountLabel() }}
+        </fui-form-submit>
+        <fui-form-error-message [state]="state()" />
+      </fieldset>
+
+      @if (signIn) {
+        <button fui-form-action (click)="signIn.emit()">{{ haveAccountLabel() }} {{ signInLabel() }} &rarr;</button>
+      }
+    </form>
+  `,
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { signUp: [{ type: i0.Output, args: ["signUp"] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class OAuthButtonComponent {
+    ui = injectUI();
+    unknownErrorLabel = injectTranslation("errors", "unknownError");
+    provider = input.required(...(ngDevMode ? [{ debugName: "provider" }] : []));
+    error = signal(undefined, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    async handleOAuthSignIn() {
+        this.error.set(undefined);
+        try {
+            await signInWithProvider(this.ui(), this.provider());
+        }
+        catch (error) {
+            if (error instanceof FirebaseUIError) {
+                this.error.set(error.message);
+                return;
+            }
+            console.error(error);
+            this.error.set(this.unknownErrorLabel());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: OAuthButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: OAuthButtonComponent, isStandalone: true, selector: "fui-oauth-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div>
+      <button
+        fui-button
+        type="button"
+        (click)="handleOAuthSignIn()"
+        [disabled]="ui().state !== 'idle'"
+        [attr.data-provider]="provider().providerId"
+        class="fui-provider__button"
+      >
+        <ng-content></ng-content>
+      </button>
+
+      @if (error()) {
+        <div class="fui-form__error">{{ error() }}</div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[fui-button]", inputs: ["variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: OAuthButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-oauth-button",
+                    standalone: true,
+                    imports: [CommonModule, ButtonComponent],
+                    template: `
+    <div>
+      <button
+        fui-button
+        type="button"
+        (click)="handleOAuthSignIn()"
+        [disabled]="ui().state !== 'idle'"
+        [attr.data-provider]="provider().providerId"
+        class="fui-provider__button"
+      >
+        <ng-content></ng-content>
+      </button>
+
+      @if (error()) {
+        <div class="fui-form__error">{{ error() }}</div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: true }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// GENERATED BY generate-logos.ts
+class GoogleLogoComponent {
+    width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
+    height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
+    className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GoogleLogoComponent, isStandalone: true, selector: "fui-google-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
+      <path
+        fill="#FFC107"
+        d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
+      />
+      <path
+        fill="#FF3D00"
+        d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
+      />
+      <path
+        fill="#4CAF50"
+        d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
+      />
+      <path
+        fill="#1976D2"
+        d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-google-logo",
+                    standalone: true,
+                    template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
+      <path
+        fill="#FFC107"
+        d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
+      />
+      <path
+        fill="#FF3D00"
+        d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
+      />
+      <path
+        fill="#4CAF50"
+        d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
+      />
+      <path
+        fill="#1976D2"
+        d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
+      />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GoogleSignInButtonComponent {
+    ui = injectUI();
+    signInWithGoogleLabel = injectTranslation("labels", "signInWithGoogle");
+    defaultProvider = new GoogleAuthProvider();
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
+    get googleProvider() {
+        return this.provider() || this.defaultProvider;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GoogleSignInButtonComponent, isStandalone: true, selector: "fui-google-sign-in-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <fui-oauth-button [provider]="googleProvider">
+      <fui-google-logo />
+      <span>{{ signInWithGoogleLabel() }}</span>
+    </fui-oauth-button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider"] }, { kind: "component", type: GoogleLogoComponent, selector: "fui-google-logo", inputs: ["width", "height", "className"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleSignInButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-google-sign-in-button",
+                    standalone: true,
+                    imports: [CommonModule, OAuthButtonComponent, GoogleLogoComponent],
+                    template: `
+    <fui-oauth-button [provider]="googleProvider">
+      <fui-google-logo />
+      <span>{{ signInWithGoogleLabel() }}</span>
+    </fui-oauth-button>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// GENERATED BY generate-logos.ts
+class FacebookLogoComponent {
+    width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
+    height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
+    className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FacebookLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: FacebookLogoComponent, isStandalone: true, selector: "fui-facebook-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
+      <path
+        fill="currentColor"
+        d="M25,3C12.85,3,3,12.85,3,25c0,11.03,8.125,20.137,18.712,21.728V30.831h-5.443v-5.783h5.443v-3.848 c0-6.371,3.104-9.168,8.399-9.168c2.536,0,3.877,0.188,4.512,0.274v5.048h-3.612c-2.248,0-3.033,2.131-3.033,4.533v3.161h6.588 l-0.894,5.783h-5.694v15.944C38.716,45.318,47,36.137,47,25C47,12.85,37.15,3,25,3z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FacebookLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-facebook-logo",
+                    standalone: true,
+                    template: `
+    <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
+      <path
+        fill="currentColor"
+        d="M25,3C12.85,3,3,12.85,3,25c0,11.03,8.125,20.137,18.712,21.728V30.831h-5.443v-5.783h5.443v-3.848 c0-6.371,3.104-9.168,8.399-9.168c2.536,0,3.877,0.188,4.512,0.274v5.048h-3.612c-2.248,0-3.033,2.131-3.033,4.533v3.161h6.588 l-0.894,5.783h-5.694v15.944C38.716,45.318,47,36.137,47,25C47,12.85,37.15,3,25,3z"
+      />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FacebookSignInButtonComponent {
+    ui = injectUI();
+    signInWithFacebookLabel = injectTranslation("labels", "signInWithFacebook");
+    defaultProvider = new FacebookAuthProvider();
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
+    get facebookProvider() {
+        return this.provider() || this.defaultProvider;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FacebookSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: FacebookSignInButtonComponent, isStandalone: true, selector: "fui-facebook-sign-in-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <fui-oauth-button [provider]="facebookProvider">
+      <fui-facebook-logo />
+      <span>{{ signInWithFacebookLabel() }}</span>
+    </fui-oauth-button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider"] }, { kind: "component", type: FacebookLogoComponent, selector: "fui-facebook-logo", inputs: ["width", "height", "className"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: FacebookSignInButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-facebook-sign-in-button",
+                    standalone: true,
+                    imports: [CommonModule, OAuthButtonComponent, FacebookLogoComponent],
+                    template: `
+    <fui-oauth-button [provider]="facebookProvider">
+      <fui-facebook-logo />
+      <span>{{ signInWithFacebookLabel() }}</span>
+    </fui-oauth-button>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// GENERATED BY generate-logos.ts
+class AppleLogoComponent {
+    width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
+    height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
+    className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: AppleLogoComponent, isStandalone: true, selector: "fui-apple-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
+      <path
+        fill="currentColor"
+        d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-apple-logo",
+                    standalone: true,
+                    template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="fui-provider__icon">
+      <path
+        fill="currentColor"
+        d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z"
+      />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class AppleSignInButtonComponent {
+    ui = injectUI();
+    signInWithAppleLabel = injectTranslation("labels", "signInWithApple");
+    defaultProvider = new OAuthProvider("apple.com");
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
+    get appleProvider() {
+        return this.provider() || this.defaultProvider;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: AppleSignInButtonComponent, isStandalone: true, selector: "fui-apple-sign-in-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <fui-oauth-button [provider]="appleProvider">
+      <fui-apple-logo />
+      <span>{{ signInWithAppleLabel() }}</span>
+    </fui-oauth-button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider"] }, { kind: "component", type: AppleLogoComponent, selector: "fui-apple-logo", inputs: ["width", "height", "className"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AppleSignInButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-apple-sign-in-button",
+                    standalone: true,
+                    imports: [CommonModule, OAuthButtonComponent, AppleLogoComponent],
+                    template: `
+    <fui-oauth-button [provider]="appleProvider">
+      <fui-apple-logo />
+      <span>{{ signInWithAppleLabel() }}</span>
+    </fui-oauth-button>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// GENERATED BY generate-logos.ts
+class MicrosoftLogoComponent {
+    width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
+    height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
+    className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MicrosoftLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: MicrosoftLogoComponent, isStandalone: true, selector: "fui-microsoft-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
+      <path fill="#ff5722" d="M6 6H22V22H6z" transform="rotate(-180 14 14)" />
+      <path fill="#4caf50" d="M26 6H42V22H26z" transform="rotate(-180 34 14)" />
+      <path fill="#ffc107" d="M26 26H42V42H26z" transform="rotate(-180 34 34)" />
+      <path fill="#03a9f4" d="M6 26H22V42H6z" transform="rotate(-180 14 34)" />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MicrosoftLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-microsoft-logo",
+                    standalone: true,
+                    template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="fui-provider__icon">
+      <path fill="#ff5722" d="M6 6H22V22H6z" transform="rotate(-180 14 14)" />
+      <path fill="#4caf50" d="M26 6H42V22H26z" transform="rotate(-180 34 14)" />
+      <path fill="#ffc107" d="M26 26H42V42H26z" transform="rotate(-180 34 34)" />
+      <path fill="#03a9f4" d="M6 26H22V42H6z" transform="rotate(-180 14 34)" />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class MicrosoftSignInButtonComponent {
+    signInWithMicrosoftLabel = injectTranslation("labels", "signInWithMicrosoft");
+    defaultProvider = new OAuthProvider("microsoft.com");
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
+    get microsoftProvider() {
+        return this.provider() || this.defaultProvider;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MicrosoftSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: MicrosoftSignInButtonComponent, isStandalone: true, selector: "fui-microsoft-sign-in-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <fui-oauth-button [provider]="microsoftProvider">
+      <fui-microsoft-logo />
+      <span>{{ signInWithMicrosoftLabel() }}</span>
+    </fui-oauth-button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider"] }, { kind: "component", type: MicrosoftLogoComponent, selector: "fui-microsoft-logo", inputs: ["width", "height", "className"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MicrosoftSignInButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-microsoft-sign-in-button",
+                    standalone: true,
+                    imports: [CommonModule, OAuthButtonComponent, MicrosoftLogoComponent],
+                    template: `
+    <fui-oauth-button [provider]="microsoftProvider">
+      <fui-microsoft-logo />
+      <span>{{ signInWithMicrosoftLabel() }}</span>
+    </fui-oauth-button>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// GENERATED BY generate-logos.ts
+class TwitterLogoComponent {
+    width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
+    height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
+    className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TwitterLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: TwitterLogoComponent, isStandalone: true, selector: "fui-twitter-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
+      <path
+        d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TwitterLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-twitter-logo",
+                    standalone: true,
+                    template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
+      <path
+        d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"
+      />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TwitterSignInButtonComponent {
+    signInWithTwitterLabel = injectTranslation("labels", "signInWithTwitter");
+    defaultProvider = new TwitterAuthProvider();
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
+    get twitterProvider() {
+        return this.provider() || this.defaultProvider;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TwitterSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: TwitterSignInButtonComponent, isStandalone: true, selector: "fui-twitter-sign-in-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <fui-oauth-button [provider]="twitterProvider">
+      <fui-twitter-logo />
+      <span>{{ signInWithTwitterLabel() }}</span>
+    </fui-oauth-button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider"] }, { kind: "component", type: TwitterLogoComponent, selector: "fui-twitter-logo", inputs: ["width", "height", "className"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TwitterSignInButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-twitter-sign-in-button",
+                    standalone: true,
+                    imports: [CommonModule, OAuthButtonComponent, TwitterLogoComponent],
+                    template: `
+    <fui-oauth-button [provider]="twitterProvider">
+      <fui-twitter-logo />
+      <span>{{ signInWithTwitterLabel() }}</span>
+    </fui-oauth-button>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// GENERATED BY generate-logos.ts
+class GithubLogoComponent {
+    width = input("1em", ...(ngDevMode ? [{ debugName: "width" }] : []));
+    height = input("1em", ...(ngDevMode ? [{ debugName: "height" }] : []));
+    className = input("", ...(ngDevMode ? [{ debugName: "className" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GithubLogoComponent, isStandalone: true, selector: "fui-github-logo", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
+      <path
+        d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
+      />
+    </svg>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-github-logo",
+                    standalone: true,
+                    template: `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="currentColor" class="fui-provider__icon">
+      <path
+        d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"
+      />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class GithubSignInButtonComponent {
+    signInWithGithubLabel = injectTranslation("labels", "signInWithGithub");
+    defaultProvider = new GithubAuthProvider();
+    provider = input(...(ngDevMode ? [undefined, { debugName: "provider" }] : []));
+    get githubProvider() {
+        return this.provider() || this.defaultProvider;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubSignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.7", type: GithubSignInButtonComponent, isStandalone: true, selector: "fui-github-sign-in-button", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <fui-oauth-button [provider]="githubProvider">
+      <fui-github-logo />
+      <span>{{ signInWithGithubLabel() }}</span>
+    </fui-oauth-button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OAuthButtonComponent, selector: "fui-oauth-button", inputs: ["provider"] }, { kind: "component", type: GithubLogoComponent, selector: "fui-github-logo", inputs: ["width", "height", "className"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GithubSignInButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-github-sign-in-button",
+                    standalone: true,
+                    imports: [CommonModule, OAuthButtonComponent, GithubLogoComponent],
+                    template: `
+    <fui-oauth-button [provider]="githubProvider">
+      <fui-github-logo />
+      <span>{{ signInWithGithubLabel() }}</span>
+    </fui-oauth-button>
+  `,
+                }]
+        }], propDecorators: { provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class CardComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: CardComponent, isStandalone: true, selector: "fui-card", ngImport: i0, template: `
+    <div class="fui-card">
+      <ng-content select="fui-card-header"></ng-content>
+      <ng-content select="fui-card-content"></ng-content>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-card",
+                    standalone: true,
+                    imports: [],
+                    template: `
+    <div class="fui-card">
+      <ng-content select="fui-card-header"></ng-content>
+      <ng-content select="fui-card-content"></ng-content>
+    </div>
+  `,
+                }]
+        }] });
+class CardHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: CardHeaderComponent, isStandalone: true, selector: "fui-card-header", ngImport: i0, template: `
+    <div class="fui-card__header">
+      <ng-content select="fui-card-title"></ng-content>
+      <ng-content select="fui-card-subtitle"></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-card-header",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div class="fui-card__header">
+      <ng-content select="fui-card-title"></ng-content>
+      <ng-content select="fui-card-subtitle"></ng-content>
+    </div>
+  `,
+                }]
+        }] });
+class CardTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: CardTitleComponent, isStandalone: true, selector: "fui-card-title", ngImport: i0, template: `
+    <h2 class="fui-card__title">
+      <ng-content></ng-content>
+    </h2>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-card-title",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <h2 class="fui-card__title">
+      <ng-content></ng-content>
+    </h2>
+  `,
+                }]
+        }] });
+class CardSubtitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: CardSubtitleComponent, isStandalone: true, selector: "fui-card-subtitle", ngImport: i0, template: `
+    <p class="fui-card__subtitle">
+      <ng-content></ng-content>
+    </p>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardSubtitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-card-subtitle",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <p class="fui-card__subtitle">
+      <ng-content></ng-content>
+    </p>
+  `,
+                }]
+        }] });
+class CardContentComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: CardContentComponent, isStandalone: true, selector: "fui-card-content", ngImport: i0, template: `
+    <div class="fui-card__content">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CardContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-card-content",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div class="fui-card__content">
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }] });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class RedirectErrorComponent {
+    error = injectRedirectError();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: RedirectErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: RedirectErrorComponent, isStandalone: true, selector: "fui-redirect-error", ngImport: i0, template: `
+    @if (error()) {
+      <div class="fui-form__error">{{ error() }}</div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: RedirectErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-redirect-error",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    @if (error()) {
+      <div class="fui-form__error">{{ error() }}</div>
+    }
+  `,
+                }]
+        }] });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class EmailLinkAuthScreenComponent {
+    titleText = injectTranslation("labels", "signIn");
+    subtitleText = injectTranslation("prompts", "signInToAccount");
+    emailSent = output();
+    signIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: EmailLinkAuthScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: EmailLinkAuthScreenComponent, isStandalone: true, selector: "fui-email-link-auth-screen", outputs: { emailSent: "emailSent", signIn: "signIn" }, ngImport: i0, template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          <fui-email-link-auth-form (emailSent)="emailSent.emit()" (signIn)="signIn.emit($event)" />
+          <fui-redirect-error />
+          <ng-content></ng-content>
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "fui-card" }, { kind: "component", type: CardHeaderComponent, selector: "fui-card-header" }, { kind: "component", type: CardTitleComponent, selector: "fui-card-title" }, { kind: "component", type: CardSubtitleComponent, selector: "fui-card-subtitle" }, { kind: "component", type: CardContentComponent, selector: "fui-card-content" }, { kind: "component", type: EmailLinkAuthFormComponent, selector: "fui-email-link-auth-form", outputs: ["emailSent", "signIn"] }, { kind: "component", type: RedirectErrorComponent, selector: "fui-redirect-error" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: EmailLinkAuthScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-email-link-auth-screen",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleComponent,
+                        CardSubtitleComponent,
+                        CardContentComponent,
+                        EmailLinkAuthFormComponent,
+                        RedirectErrorComponent,
+                    ],
+                    template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          <fui-email-link-auth-form (emailSent)="emailSent.emit()" (signIn)="signIn.emit($event)" />
+          <fui-redirect-error />
+          <ng-content></ng-content>
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `,
+                }]
+        }], propDecorators: { emailSent: [{ type: i0.Output, args: ["emailSent"] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ForgotPasswordAuthScreenComponent {
+    titleText = injectTranslation("labels", "resetPassword");
+    subtitleText = injectTranslation("prompts", "enterEmailToReset");
+    passwordSent = output();
+    backToSignIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ForgotPasswordAuthScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: ForgotPasswordAuthScreenComponent, isStandalone: true, selector: "fui-forgot-password-auth-screen", outputs: { passwordSent: "passwordSent", backToSignIn: "backToSignIn" }, ngImport: i0, template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          <fui-forgot-password-auth-form (passwordSent)="passwordSent.emit()" (backToSignIn)="backToSignIn.emit()" />
+          <fui-redirect-error />
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "fui-card" }, { kind: "component", type: CardHeaderComponent, selector: "fui-card-header" }, { kind: "component", type: CardTitleComponent, selector: "fui-card-title" }, { kind: "component", type: CardSubtitleComponent, selector: "fui-card-subtitle" }, { kind: "component", type: CardContentComponent, selector: "fui-card-content" }, { kind: "component", type: ForgotPasswordAuthFormComponent, selector: "fui-forgot-password-auth-form", outputs: ["passwordSent", "backToSignIn"] }, { kind: "component", type: RedirectErrorComponent, selector: "fui-redirect-error" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ForgotPasswordAuthScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-forgot-password-auth-screen",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleComponent,
+                        CardSubtitleComponent,
+                        CardContentComponent,
+                        ForgotPasswordAuthFormComponent,
+                        RedirectErrorComponent,
+                    ],
+                    template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          <fui-forgot-password-auth-form (passwordSent)="passwordSent.emit()" (backToSignIn)="backToSignIn.emit()" />
+          <fui-redirect-error />
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `,
+                }]
+        }], propDecorators: { passwordSent: [{ type: i0.Output, args: ["passwordSent"] }], backToSignIn: [{ type: i0.Output, args: ["backToSignIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DividerComponent {
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: DividerComponent, isStandalone: true, selector: "fui-divider", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="fui-divider my-6">
+      <div class="fui-divider__line"></div>
+      @if (label()) {
+        <div class="fui-divider__text">{{ label() }}</div>
+        <div class="fui-divider__line"></div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: DividerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-divider",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div class="fui-divider my-6">
+      <div class="fui-divider__line"></div>
+      @if (label()) {
+        <div class="fui-divider__text">{{ label() }}</div>
+        <div class="fui-divider__line"></div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ContentComponent {
+    dividerOrLabel = injectTranslation("messages", "dividerOr");
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: ContentComponent, isStandalone: true, selector: "fui-content", ngImport: i0, template: `
+    <fui-divider [label]="dividerOrLabel()" />
+    <div class="fui-screen__children">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: DividerComponent, selector: "fui-divider", inputs: ["label"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-content",
+                    standalone: true,
+                    imports: [DividerComponent],
+                    template: `
+    <fui-divider [label]="dividerOrLabel()" />
+    <div class="fui-screen__children">
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }] });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class OAuthScreenComponent {
+    ui = injectUI();
+    mfaResolver = computed(() => this.ui().multiFactorResolver, ...(ngDevMode ? [{ debugName: "mfaResolver" }] : []));
+    titleText = injectTranslation("labels", "signIn");
+    subtitleText = injectTranslation("prompts", "signInToAccount");
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: OAuthScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: OAuthScreenComponent, isStandalone: true, selector: "fui-oauth-screen", ngImport: i0, template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-content>
+              <ng-content></ng-content>
+            </fui-content>
+            <fui-redirect-error />
+            <fui-policies />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "fui-card" }, { kind: "component", type: CardHeaderComponent, selector: "fui-card-header" }, { kind: "component", type: CardTitleComponent, selector: "fui-card-title" }, { kind: "component", type: CardSubtitleComponent, selector: "fui-card-subtitle" }, { kind: "component", type: CardContentComponent, selector: "fui-card-content" }, { kind: "component", type: PoliciesComponent, selector: "fui-policies" }, { kind: "component", type: ContentComponent, selector: "fui-content" }, { kind: "component", type: MultiFactorAuthAssertionFormComponent, selector: "fui-multi-factor-auth-assertion-form" }, { kind: "component", type: RedirectErrorComponent, selector: "fui-redirect-error" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: OAuthScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-oauth-screen",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleComponent,
+                        CardSubtitleComponent,
+                        CardContentComponent,
+                        PoliciesComponent,
+                        ContentComponent,
+                        MultiFactorAuthAssertionFormComponent,
+                        RedirectErrorComponent,
+                    ],
+                    template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-content>
+              <ng-content></ng-content>
+            </fui-content>
+            <fui-redirect-error />
+            <fui-policies />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `,
+                }]
+        }] });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class PhoneAuthScreenComponent {
+    ui = injectUI();
+    mfaResolver = computed(() => this.ui().multiFactorResolver, ...(ngDevMode ? [{ debugName: "mfaResolver" }] : []));
+    titleText = injectTranslation("labels", "signIn");
+    subtitleText = injectTranslation("prompts", "signInToAccount");
+    resendDelay = input(30, ...(ngDevMode ? [{ debugName: "resendDelay" }] : []));
+    signIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PhoneAuthScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: PhoneAuthScreenComponent, isStandalone: true, selector: "fui-phone-auth-screen", inputs: { resendDelay: { classPropertyName: "resendDelay", publicName: "resendDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signIn: "signIn" }, ngImport: i0, template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-phone-auth-form (signIn)="signIn.emit($event)" />
+            <fui-redirect-error />
+            <ng-content />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "fui-card" }, { kind: "component", type: CardHeaderComponent, selector: "fui-card-header" }, { kind: "component", type: CardTitleComponent, selector: "fui-card-title" }, { kind: "component", type: CardSubtitleComponent, selector: "fui-card-subtitle" }, { kind: "component", type: CardContentComponent, selector: "fui-card-content" }, { kind: "component", type: PhoneAuthFormComponent, selector: "fui-phone-auth-form", outputs: ["signIn"] }, { kind: "component", type: MultiFactorAuthAssertionFormComponent, selector: "fui-multi-factor-auth-assertion-form" }, { kind: "component", type: RedirectErrorComponent, selector: "fui-redirect-error" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: PhoneAuthScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-phone-auth-screen",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleComponent,
+                        CardSubtitleComponent,
+                        CardContentComponent,
+                        PhoneAuthFormComponent,
+                        MultiFactorAuthAssertionFormComponent,
+                        RedirectErrorComponent,
+                    ],
+                    template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-phone-auth-form (signIn)="signIn.emit($event)" />
+            <fui-redirect-error />
+            <ng-content />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `,
+                }]
+        }], propDecorators: { resendDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "resendDelay", required: false }] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class SignInAuthScreenComponent {
+    ui = injectUI();
+    mfaResolver = computed(() => this.ui().multiFactorResolver, ...(ngDevMode ? [{ debugName: "mfaResolver" }] : []));
+    titleText = injectTranslation("labels", "signIn");
+    subtitleText = injectTranslation("prompts", "signInToAccount");
+    forgotPassword = output();
+    signUp = output();
+    signIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignInAuthScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: SignInAuthScreenComponent, isStandalone: true, selector: "fui-sign-in-auth-screen", outputs: { forgotPassword: "forgotPassword", signUp: "signUp", signIn: "signIn" }, ngImport: i0, template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-sign-in-auth-form
+              (forgotPassword)="forgotPassword.emit()"
+              (signUp)="signUp.emit()"
+              (signIn)="signIn.emit($event)"
+            />
+            <fui-redirect-error />
+            <ng-content />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "fui-card" }, { kind: "component", type: CardHeaderComponent, selector: "fui-card-header" }, { kind: "component", type: CardTitleComponent, selector: "fui-card-title" }, { kind: "component", type: CardSubtitleComponent, selector: "fui-card-subtitle" }, { kind: "component", type: CardContentComponent, selector: "fui-card-content" }, { kind: "component", type: SignInAuthFormComponent, selector: "fui-sign-in-auth-form", outputs: ["forgotPassword", "signUp", "signIn"] }, { kind: "component", type: MultiFactorAuthAssertionFormComponent, selector: "fui-multi-factor-auth-assertion-form" }, { kind: "component", type: RedirectErrorComponent, selector: "fui-redirect-error" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignInAuthScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sign-in-auth-screen",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleComponent,
+                        CardSubtitleComponent,
+                        CardContentComponent,
+                        SignInAuthFormComponent,
+                        MultiFactorAuthAssertionFormComponent,
+                        RedirectErrorComponent,
+                    ],
+                    template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-sign-in-auth-form
+              (forgotPassword)="forgotPassword.emit()"
+              (signUp)="signUp.emit()"
+              (signIn)="signIn.emit($event)"
+            />
+            <fui-redirect-error />
+            <ng-content />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `,
+                }]
+        }], propDecorators: { forgotPassword: [{ type: i0.Output, args: ["forgotPassword"] }], signUp: [{ type: i0.Output, args: ["signUp"] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class SignUpAuthScreenComponent {
+    ui = injectUI();
+    mfaResolver = computed(() => this.ui().multiFactorResolver, ...(ngDevMode ? [{ debugName: "mfaResolver" }] : []));
+    titleText = injectTranslation("labels", "signUp");
+    subtitleText = injectTranslation("prompts", "enterDetailsToCreate");
+    signUp = output();
+    signIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignUpAuthScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: SignUpAuthScreenComponent, isStandalone: true, selector: "fui-sign-up-auth-screen", outputs: { signUp: "signUp", signIn: "signIn" }, ngImport: i0, template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-sign-up-auth-form (signIn)="signIn.emit()" (signUp)="signUp.emit($event)" />
+            <fui-redirect-error />
+            <ng-content />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "fui-card" }, { kind: "component", type: CardHeaderComponent, selector: "fui-card-header" }, { kind: "component", type: CardTitleComponent, selector: "fui-card-title" }, { kind: "component", type: CardSubtitleComponent, selector: "fui-card-subtitle" }, { kind: "component", type: CardContentComponent, selector: "fui-card-content" }, { kind: "component", type: SignUpAuthFormComponent, selector: "fui-sign-up-auth-form", outputs: ["signUp", "signIn"] }, { kind: "component", type: MultiFactorAuthAssertionFormComponent, selector: "fui-multi-factor-auth-assertion-form" }, { kind: "component", type: RedirectErrorComponent, selector: "fui-redirect-error" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SignUpAuthScreenComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "fui-sign-up-auth-screen",
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardTitleComponent,
+                        CardSubtitleComponent,
+                        CardContentComponent,
+                        SignUpAuthFormComponent,
+                        MultiFactorAuthAssertionFormComponent,
+                        RedirectErrorComponent,
+                    ],
+                    template: `
+    <div class="fui-screen">
+      <fui-card>
+        <fui-card-header>
+          <fui-card-title>{{ titleText() }}</fui-card-title>
+          <fui-card-subtitle>{{ subtitleText() }}</fui-card-subtitle>
+        </fui-card-header>
+        <fui-card-content>
+          @if (mfaResolver()) {
+            <fui-multi-factor-auth-assertion-form />
+          } @else {
+            <fui-sign-up-auth-form (signIn)="signIn.emit()" (signUp)="signUp.emit($event)" />
+            <fui-redirect-error />
+            <ng-content />
+          }
+        </fui-card-content>
+      </fui-card>
+    </div>
+  `,
+                }]
+        }], propDecorators: { signUp: [{ type: i0.Output, args: ["signUp"] }], signIn: [{ type: i0.Output, args: ["signIn"] }] } });
+
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+if (!isDevMode()) {
+    const pkgJson = require("../package.json");
+    registerFramework("angular", pkgJson.version);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppleSignInButtonComponent, ButtonComponent, CardComponent, ContentComponent, CountrySelectorComponent, DividerComponent, EmailLinkAuthFormComponent, EmailLinkAuthScreenComponent, FacebookSignInButtonComponent, ForgotPasswordAuthFormComponent, ForgotPasswordAuthScreenComponent, GithubSignInButtonComponent, GoogleSignInButtonComponent, MicrosoftSignInButtonComponent, MultiFactorAuthAssertionFormComponent, OAuthButtonComponent, OAuthScreenComponent, PhoneAuthFormComponent, PhoneAuthScreenComponent, PoliciesComponent, RedirectErrorComponent, SignInAuthFormComponent, SignInAuthScreenComponent, SignUpAuthFormComponent, SignUpAuthScreenComponent, SmsMultiFactorAssertionFormComponent, SmsMultiFactorAssertionPhoneFormComponent, SmsMultiFactorAssertionVerifyFormComponent, TotpMultiFactorAssertionFormComponent, TwitterSignInButtonComponent, injectCountries, injectDefaultCountry, injectEmailLinkAuthFormSchema, injectForgotPasswordAuthFormSchema, injectMultiFactorPhoneAuthNumberFormSchema, injectMultiFactorPhoneAuthVerifyFormSchema, injectMultiFactorTotpAuthNumberFormSchema, injectMultiFactorTotpAuthVerifyFormSchema, injectPhoneAuthFormSchema, injectPhoneAuthVerifyFormSchema, injectPolicies, injectRecaptchaVerifier, injectRedirectError, injectSignInAuthFormSchema, injectSignUpAuthFormSchema, injectTranslation, injectUI, provideFirebaseUI, provideFirebaseUIPolicies };
+//# sourceMappingURL=firebase-oss-ui-angular.mjs.map