negodesign 0.0.80 → 0.0.82

package/dist/components/pages/security/login/02/ui/FormLoginPhonePassword02.svelte

@@ -1,26 +1,27 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginPhonePassword02
-   * Variant 02 form with phone and password. Wrapper of FormLogin02 variant="PHONE".
-   *
-   * @example svelte
-   * <FormLoginPhonePassword02 onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin02 from "./FormLogin02.svelte";
-  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
-
-  type Props = {
-    onSubmit?: (credential: LoginRequestDto) => void;
-    forgetPassword?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-    inputLabelClass?: string;
-    inputClass?: string;
-  };
-
-  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
-</script>
-
-<FormLogin02 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginPhonePassword02
+   * Variant 02 form with phone and password. Wrapper of FormLogin02 variant="PHONE".
+   *
+   * @example svelte
+   * <FormLoginPhonePassword02 onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin02 from "./FormLogin02.svelte";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    isLoading?: boolean;
+  };
+
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass, isLoading }: Props = $props();
+</script>
+
+<FormLogin02 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} {isLoading} />

package/dist/components/pages/security/login/02/ui/FormLoginPhonePassword02.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     socialLogins?: SocialLoginItem[];
     inputLabelClass?: string;
     inputClass?: string;
+    isLoading?: boolean;
 };
 declare const FormLoginPhonePassword02: import("svelte").Component<Props, {}, "">;
 type FormLoginPhonePassword02 = ReturnType<typeof FormLoginPhonePassword02>;

package/dist/components/pages/security/login/02/ui/FormLoginUsernamePassword02.svelte

@@ -1,26 +1,27 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginUsernamePassword02
-   * Variant 02 form with username and password. Wrapper of FormLogin02 variant="USERNAME".
-   *
-   * @example svelte
-   * <FormLoginUsernamePassword02 onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin02 from "./FormLogin02.svelte";
-  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
-
-  type Props = {
-    onSubmit?: (credential: LoginRequestDto) => void;
-    forgetPassword?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-    inputLabelClass?: string;
-    inputClass?: string;
-  };
-
-  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
-</script>
-
-<FormLogin02 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginUsernamePassword02
+   * Variant 02 form with username and password. Wrapper of FormLogin02 variant="USERNAME".
+   *
+   * @example svelte
+   * <FormLoginUsernamePassword02 onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin02 from "./FormLogin02.svelte";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    isLoading?: boolean;
+  };
+
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass, isLoading }: Props = $props();
+</script>
+
+<FormLogin02 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} {isLoading} />

package/dist/components/pages/security/login/02/ui/FormLoginUsernamePassword02.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     socialLogins?: SocialLoginItem[];
     inputLabelClass?: string;
     inputClass?: string;
+    isLoading?: boolean;
 };
 declare const FormLoginUsernamePassword02: import("svelte").Component<Props, {}, "">;
 type FormLoginUsernamePassword02 = ReturnType<typeof FormLoginUsernamePassword02>;

package/dist/components/pages/security/login/02/ui/LoginCard02.svelte

@@ -30,6 +30,7 @@
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
   };
 
   let {
@@ -40,6 +41,7 @@
     privacyPolicy,
     termsOfService,
     socialLogins = [],
+    isLoading,
   }: Props = $props();
 </script>
 
@@ -63,15 +65,26 @@
       </div>
 
       {#if formType == "EMAIL_PASSWORD"}
-        <FormLoginEmailPassword02 {onSubmit} {forgetPassword} {socialLogins} />
+        <FormLoginEmailPassword02
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          {isLoading}
+        />
       {:else if formType == "USERNAME_PASSWORD"}
         <FormLoginUsernamePassword02
           {onSubmit}
           {forgetPassword}
           {socialLogins}
+          {isLoading}
         />
       {:else if formType == "PHONE_PASSWORD"}
-        <FormLoginPhonePassword02 {onSubmit} {forgetPassword} {socialLogins} />
+        <FormLoginPhonePassword02
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          {isLoading}
+        />
       {/if}
 
       <p class="text-center text-sm text-gray-600">

package/dist/components/pages/security/login/02/ui/LoginCard02.svelte.d.ts

@@ -7,6 +7,7 @@ type Props = {
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
 };
 declare const LoginCard02: import("svelte").Component<Props, {}, "">;
 type LoginCard02 = ReturnType<typeof LoginCard02>;

package/dist/components/pages/security/login/02/ui/PageLogin02.svelte

@@ -25,6 +25,7 @@
     privacyPolicy,
     termsOfService,
     socialLogins = [],
+    isLoading,
   }: PageLoginProps = $props();
 
   const defaultCarousel = $derived([
@@ -59,6 +60,7 @@
       {privacyPolicy}
       {termsOfService}
       {socialLogins}
+      {isLoading}
     />
   {/if}
 </PageAuth02>

package/dist/components/pages/security/login/03/ui/FormLogin03.svelte

@@ -1,91 +1,94 @@
-<script lang="ts" module>
-  /**
-   * @component FormLogin03
-   * Variant 03 login form with input variants (EMAIL, USERNAME, PHONE).
-   *
-   * @example svelte
-   * <FormLogin03 variant="EMAIL" onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import InputEmail from "../../../../../ui/form/ui/input-email.svelte";
-  import InputUsername from "../../../../../ui/form/ui/input-username.svelte";
-  import InputPhone from "../../../../../ui/form/ui/input-phone.svelte";
-  import InputPassword from "../../../../../ui/form/ui/input-password.svelte";
-  import LinkForgetPassword from "../../../../../ui/link/link-forget-password.svelte";
-  import SocialLogin from "../../../../../ui/social-login/social-login.svelte";
-  import { t } from "../../../../../../i18n";
-  import type {
-    LoginRequestDto,
-    LoginVariant,
-    LinkProps,
-    SocialLoginItem,
-  } from "../../types";
-
-  type Props = {
-    variant: LoginVariant;
-    onSubmit?: (credential: LoginRequestDto) => void;
-    forgetPassword?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-    inputLabelClass?: string;
-    inputClass?: string;
-  };
-
-  let {
-    variant,
-    onSubmit,
-    forgetPassword,
-    socialLogins = [],
-    inputLabelClass,
-    inputClass,
-  }: Props = $props();
-  let data = $state("");
-  let password = $state("");
-  let rememberMe = $state(false);
-
-  function handleSubmit(e: Event) {
-    e.preventDefault();
-    onSubmit?.({ data, password });
-  }
-</script>
-
-<form class="w-full space-y-4" onsubmit={handleSubmit}>
-  <div class="space-y-1">
-    {#if variant === "EMAIL"}
-      <InputEmail labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
-    {:else if variant === "USERNAME"}
-      <InputUsername labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
-    {:else if variant === "PHONE"}
-      <InputPhone labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
-    {/if}
-  </div>
-
-  <div class="space-y-1">
-    <InputPassword labelClass={inputLabelClass} inputClass={inputClass} bind:value={password} />
-  </div>
-
-  <div class="flex items-center justify-between">
-    <label class="flex items-center gap-2 text-sm text-gray-600 cursor-pointer">
-      <input
-        type="checkbox"
-        bind:checked={rememberMe}
-        class="w-4 h-4 rounded border-gray-300 text-primary focus:ring-primary"
-      />
-      {$t("label.remember.me")}
-    </label>
-    <LinkForgetPassword
-      href={forgetPassword?.url}
-      onclick={forgetPassword?.onclick}
-    />
-  </div>
-
-  <button
-    type="submit"
-    class="w-full flex items-center justify-center gap-2 px-4 py-2.5 bg-primary text-white rounded-lg text-sm font-semibold transition-colors hover:opacity-90"
-  >
-    {$t("label.login")}
-  </button>
-
-  <SocialLogin items={socialLogins} />
-</form>
+<script lang="ts" module>
+  /**
+   * @component FormLogin03
+   * Variant 03 login form with input variants (EMAIL, USERNAME, PHONE).
+   *
+   * @example svelte
+   * <FormLogin03 variant="EMAIL" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import InputEmail from "../../../../../ui/form/ui/input-email.svelte";
+  import InputUsername from "../../../../../ui/form/ui/input-username.svelte";
+  import InputPhone from "../../../../../ui/form/ui/input-phone.svelte";
+  import InputPassword from "../../../../../ui/form/ui/input-password.svelte";
+  import LinkForgetPassword from "../../../../../ui/link/link-forget-password.svelte";
+  import SocialLogin from "../../../../../ui/social-login/social-login.svelte";
+  import { t } from "../../../../../../i18n";
+  import type {
+    LoginRequestDto,
+    LoginVariant,
+    LinkProps,
+    SocialLoginItem,
+  } from "../../types";
+
+  type Props = {
+    variant: LoginVariant;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    isLoading?: boolean;
+  };
+
+  let {
+    variant,
+    onSubmit,
+    forgetPassword,
+    socialLogins = [],
+    inputLabelClass,
+    inputClass,
+    isLoading = false,
+  }: Props = $props();
+  let data = $state("");
+  let password = $state("");
+  let rememberMe = $state(false);
+
+  function handleSubmit(e: Event) {
+    e.preventDefault();
+    onSubmit?.({ data, password });
+  }
+</script>
+
+<form class="w-full space-y-4" onsubmit={handleSubmit}>
+  <div class="space-y-1">
+    {#if variant === "EMAIL"}
+      <InputEmail labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
+    {:else if variant === "USERNAME"}
+      <InputUsername labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
+    {:else if variant === "PHONE"}
+      <InputPhone labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
+    {/if}
+  </div>
+
+  <div class="space-y-1">
+    <InputPassword labelClass={inputLabelClass} inputClass={inputClass} bind:value={password} />
+  </div>
+
+  <div class="flex items-center justify-between">
+    <label class="flex items-center gap-2 text-sm text-gray-600 cursor-pointer">
+      <input
+        type="checkbox"
+        bind:checked={rememberMe}
+        class="w-4 h-4 rounded border-gray-300 text-primary focus:ring-primary"
+      />
+      {$t("label.remember.me")}
+    </label>
+    <LinkForgetPassword
+      href={forgetPassword?.url}
+      onclick={forgetPassword?.onclick}
+    />
+  </div>
+
+  <button
+    type="submit"
+    disabled={isLoading}
+    class="w-full flex items-center justify-center gap-2 px-4 py-2.5 bg-primary text-white rounded-lg text-sm font-semibold transition-colors hover:opacity-90 disabled:pointer-events-none disabled:opacity-50"
+  >
+    {$t("label.login")}
+  </button>
+
+  <SocialLogin items={socialLogins} />
+</form>

package/dist/components/pages/security/login/03/ui/FormLogin03.svelte.d.ts

@@ -6,6 +6,7 @@ type Props = {
     socialLogins?: SocialLoginItem[];
     inputLabelClass?: string;
     inputClass?: string;
+    isLoading?: boolean;
 };
 declare const FormLogin03: import("svelte").Component<Props, {}, "">;
 type FormLogin03 = ReturnType<typeof FormLogin03>;

package/dist/components/pages/security/login/03/ui/FormLoginEmailPassword03.svelte

@@ -1,26 +1,27 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginEmailPassword03
-   * Variant 03 form with email and password. Wrapper of FormLogin03 variant="EMAIL".
-   *
-   * @example svelte
-   * <FormLoginEmailPassword03 onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin03 from "./FormLogin03.svelte";
-  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
-
-  type Props = {
-    onSubmit?: (credential: LoginRequestDto) => void;
-    forgetPassword?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-    inputLabelClass?: string;
-    inputClass?: string;
-  };
-
-  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
-</script>
-
-<FormLogin03 variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginEmailPassword03
+   * Variant 03 form with email and password. Wrapper of FormLogin03 variant="EMAIL".
+   *
+   * @example svelte
+   * <FormLoginEmailPassword03 onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin03 from "./FormLogin03.svelte";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    isLoading?: boolean;
+  };
+
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass, isLoading }: Props = $props();
+</script>
+
+<FormLogin03 variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} {isLoading} />

package/dist/components/pages/security/login/03/ui/FormLoginEmailPassword03.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     socialLogins?: SocialLoginItem[];
     inputLabelClass?: string;
     inputClass?: string;
+    isLoading?: boolean;
 };
 declare const FormLoginEmailPassword03: import("svelte").Component<Props, {}, "">;
 type FormLoginEmailPassword03 = ReturnType<typeof FormLoginEmailPassword03>;

package/dist/components/pages/security/login/03/ui/FormLoginPhonePassword03.svelte

@@ -1,26 +1,27 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginPhonePassword03
-   * Variant 03 form with phone and password. Wrapper of FormLogin03 variant="PHONE".
-   *
-   * @example svelte
-   * <FormLoginPhonePassword03 onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin03 from "./FormLogin03.svelte";
-  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
-
-  type Props = {
-    onSubmit?: (credential: LoginRequestDto) => void;
-    forgetPassword?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-    inputLabelClass?: string;
-    inputClass?: string;
-  };
-
-  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
-</script>
-
-<FormLogin03 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginPhonePassword03
+   * Variant 03 form with phone and password. Wrapper of FormLogin03 variant="PHONE".
+   *
+   * @example svelte
+   * <FormLoginPhonePassword03 onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin03 from "./FormLogin03.svelte";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    isLoading?: boolean;
+  };
+
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass, isLoading }: Props = $props();
+</script>
+
+<FormLogin03 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} {isLoading} />

package/dist/components/pages/security/login/03/ui/FormLoginPhonePassword03.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     socialLogins?: SocialLoginItem[];
     inputLabelClass?: string;
     inputClass?: string;
+    isLoading?: boolean;
 };
 declare const FormLoginPhonePassword03: import("svelte").Component<Props, {}, "">;
 type FormLoginPhonePassword03 = ReturnType<typeof FormLoginPhonePassword03>;

package/dist/components/pages/security/login/03/ui/FormLoginUsernamePassword03.svelte

@@ -1,26 +1,27 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginUsernamePassword03
-   * Variant 03 form with username and password. Wrapper of FormLogin03 variant="USERNAME".
-   *
-   * @example svelte
-   * <FormLoginUsernamePassword03 onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin03 from "./FormLogin03.svelte";
-  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
-
-  type Props = {
-    onSubmit?: (credential: LoginRequestDto) => void;
-    forgetPassword?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-    inputLabelClass?: string;
-    inputClass?: string;
-  };
-
-  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
-</script>
-
-<FormLogin03 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginUsernamePassword03
+   * Variant 03 form with username and password. Wrapper of FormLogin03 variant="USERNAME".
+   *
+   * @example svelte
+   * <FormLoginUsernamePassword03 onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin03 from "./FormLogin03.svelte";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    isLoading?: boolean;
+  };
+
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass, isLoading }: Props = $props();
+</script>
+
+<FormLogin03 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} {isLoading} />

package/dist/components/pages/security/login/03/ui/FormLoginUsernamePassword03.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     socialLogins?: SocialLoginItem[];
     inputLabelClass?: string;
     inputClass?: string;
+    isLoading?: boolean;
 };
 declare const FormLoginUsernamePassword03: import("svelte").Component<Props, {}, "">;
 type FormLoginUsernamePassword03 = ReturnType<typeof FormLoginUsernamePassword03>;

package/dist/components/pages/security/login/03/ui/LoginCard03.svelte

@@ -30,6 +30,7 @@
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
   };
 
   let {
@@ -40,6 +41,7 @@
     privacyPolicy,
     termsOfService,
     socialLogins = [],
+    isLoading,
   }: Props = $props();
 </script>
 
@@ -66,15 +68,26 @@
       </div>
 
       {#if formType == "EMAIL_PASSWORD"}
-        <FormLoginEmailPassword03 {onSubmit} {forgetPassword} {socialLogins} />
+        <FormLoginEmailPassword03
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          {isLoading}
+        />
       {:else if formType == "USERNAME_PASSWORD"}
         <FormLoginUsernamePassword03
           {onSubmit}
           {forgetPassword}
           {socialLogins}
+          {isLoading}
         />
       {:else if formType == "PHONE_PASSWORD"}
-        <FormLoginPhonePassword03 {onSubmit} {forgetPassword} {socialLogins} />
+        <FormLoginPhonePassword03
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          {isLoading}
+        />
       {/if}
 
       <div class="flex flex-col space-y-2">

package/dist/components/pages/security/login/03/ui/LoginCard03.svelte.d.ts

@@ -7,6 +7,7 @@ type Props = {
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
 };
 declare const LoginCard03: import("svelte").Component<Props, {}, "">;
 type LoginCard03 = ReturnType<typeof LoginCard03>;

package/dist/components/pages/security/login/03/ui/PageLogin03.svelte

@@ -25,6 +25,7 @@
     privacyPolicy,
     termsOfService,
     socialLogins = [],
+    isLoading,
   }: PageLoginProps = $props();
 
   const defaultCarousel = $derived([
@@ -59,6 +60,7 @@
       {privacyPolicy}
       {termsOfService}
       {socialLogins}
+      {isLoading}
     />
   {/if}
 </PageAuth03>