negodesign 0.0.77 → 0.0.79

package/dist/components/pages/security/login/01/ui/{LoginCard.svelte → LoginCard01.svelte}

@@ -1,109 +1,132 @@
-<script lang="ts" module>
-  /**
-   * @component LoginCard
-   * Authentication card with login/register tabs, back button, light switch, and link footer.
-   *
-   * @example svelte
-   * <LoginCard formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import LanguageSwitcher from "../../../../../ui/language-switcher/language-switcher.svelte";
-  import LinkTermsOfService from "../../../../../ui/link/link-terms-of-service.svelte";
-  import LinkPrivacyPolity from "../../../../../ui/link/link-privacy-polity.svelte";
-  import TabUnderline from "../../../../../ui/tabs/ui/tab-underline.svelte";
-  import ButtonBack from "../../../../../ui/button/ButtonBack.svelte";
-  import LabelOr from "../../../../../ui/label/core/LabelOr.svelte";
-  import type { Snippet } from "svelte";
-  import { LightSwitch } from "../../../../../ui/light-switch";
-  import { t } from "../../../../../../i18n";
-  import type { LoginFormType, LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
-  import FormLoginEmailPassword from "./FormLoginEmailPassword.svelte";
-  import FormLoginUsernamePassword from "./FormLoginUsernamePassword.svelte";
-  import FormLoginPhonePassword from "./FormLoginPhonePassword.svelte";
-
-  type Props = {
-    formType?: LoginFormType;
-    onSubmit?: (credential: LoginRequestDto) => void;
-    register?: Snippet;
-    forgetPassword?: LinkProps;
-    privacyPolicy?: LinkProps;
-    termsOfService?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-  };
-
-  let {
-    formType,
-    onSubmit,
-    register,
-    forgetPassword,
-    privacyPolicy,
-    termsOfService,
-    socialLogins = [],
-  }: Props = $props();
-</script>
-
-<div class="flex-1 flex flex-col justify-between h-screen bg-gradient-right">
-  <nav class="flex justify-between p-5 md:bg-transparent">
-    <div>
-      <ButtonBack />
-    </div>
-    <div class="flex gap-2">
-      <LightSwitch />
-      <LanguageSwitcher />
-    </div>
-  </nav>
-
-  <div
-    class="p-5 h-full border-t-2 bg-background md:border-none rounded-tl-[35px] rounded-tr-[35px]"
-  >
-    <TabUnderline
-      items={[
-        {
-          item: { label: $t("label.login"), value: "login" },
-          children: loginSnippet,
-        },
-        ...(register
-          ? [
-              {
-                item: { label: $t("label.register"), value: "register" },
-                children: registerSnippet,
-              },
-            ]
-          : []),
-      ]}
-    />
-
-    {#snippet loginSnippet()}
-      {#if formType == "EMAIL_PASSWORD"}
-        <FormLoginEmailPassword {onSubmit} {forgetPassword} {socialLogins} />
-      {:else if formType == "USERNAME_PASSWORD"}
-        <FormLoginUsernamePassword {onSubmit} {forgetPassword} {socialLogins} />
-      {:else if formType == "PHONE_PASSWORD"}
-        <FormLoginPhonePassword {onSubmit} {forgetPassword} {socialLogins} />
-      {/if}
-    {/snippet}
-
-    {#snippet registerSnippet()}
-      {#if register}
-        {@render register()}
-      {/if}
-    {/snippet}
-  </div>
-
-  <!-- Footer Terms -->
-  <div
-    class="text-[11px] text-slate-400 py-2 flex justify-center gap-2 bg-background"
-  >
-    <LinkPrivacyPolity
-      href={privacyPolicy?.url}
-      onclick={privacyPolicy?.onclick}
-    />
-    <LabelOr />
-    <LinkTermsOfService
-      href={termsOfService?.url}
-      onclick={termsOfService?.onclick}
-    />
-  </div>
-</div>
+<script lang="ts" module>
+  /**
+   * @component LoginCard
+   * Authentication card with login/register tabs, back button, light switch, and link footer.
+   *
+   * @example svelte
+   * <LoginCard formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import LanguageSwitcher from "../../../../../ui/language-switcher/language-switcher.svelte";
+  import LinkTermsOfService from "../../../../../ui/link/link-terms-of-service.svelte";
+  import LinkPrivacyPolity from "../../../../../ui/link/link-privacy-polity.svelte";
+  import TabUnderline from "../../../../../ui/tabs/ui/tab-underline.svelte";
+  import ButtonBack from "../../../../../ui/button/ButtonBack.svelte";
+  import LabelOr from "../../../../../ui/label/core/LabelOr.svelte";
+  import type { Snippet } from "svelte";
+  import { LightSwitch } from "../../../../../ui/light-switch";
+  import { t } from "../../../../../../i18n";
+  import type {
+    LoginFormType,
+    LoginRequestDto,
+    LinkProps,
+    SocialLoginItem,
+  } from "../../types";
+  import FormLoginEmailPassword from "./FormLoginEmailPassword.svelte";
+  import FormLoginUsernamePassword from "./FormLoginUsernamePassword.svelte";
+  import FormLoginPhonePassword from "./FormLoginPhonePassword.svelte";
+
+  type Props = {
+    formType?: LoginFormType;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    register?: Snippet;
+    forgetPassword?: LinkProps;
+    privacyPolicy?: LinkProps;
+    termsOfService?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+  };
+
+  let {
+    formType,
+    onSubmit,
+    register,
+    forgetPassword,
+    privacyPolicy,
+    termsOfService,
+    socialLogins = [],
+  }: Props = $props();
+</script>
+
+<div class="flex-1 flex flex-col justify-between h-screen bg-gradient-right">
+  <nav class="flex justify-between p-5 md:bg-transparent">
+    <div>
+      <ButtonBack />
+    </div>
+    <div class="flex gap-2">
+      <LightSwitch />
+      <LanguageSwitcher />
+    </div>
+  </nav>
+
+  <div
+    class="p-5 h-full border-t-2 bg-background md:border-none rounded-tl-[35px] rounded-tr-[35px]"
+  >
+    <TabUnderline
+      items={[
+        {
+          item: { label: $t("label.login"), value: "login" },
+          children: loginSnippet,
+        },
+        ...(register
+          ? [
+              {
+                item: { label: $t("label.register"), value: "register" },
+                children: registerSnippet,
+              },
+            ]
+          : []),
+      ]}
+    />
+
+    {#snippet loginSnippet()}
+      {#if formType == "EMAIL_PASSWORD"}
+        <FormLoginEmailPassword
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          inputLabelClass="text-white"
+          inputClass="text-white/90 placeholder:text-white/50"
+        />
+      {:else if formType == "USERNAME_PASSWORD"}
+        <FormLoginUsernamePassword
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          inputLabelClass="text-white"
+          inputClass="text-white/90 placeholder:text-white/50"
+        />
+      {:else if formType == "PHONE_PASSWORD"}
+        <FormLoginPhonePassword
+          {onSubmit}
+          {forgetPassword}
+          {socialLogins}
+          inputLabelClass="text-white"
+          inputClass="text-white/90 placeholder:text-white/50"
+        />
+      {/if}
+    {/snippet}
+
+    {#snippet registerSnippet()}
+      {#if register}
+        {@render register()}
+      {/if}
+    {/snippet}
+  </div>
+
+  <!-- Footer Terms -->
+  <div
+    class="text-[11px] text-slate-400 py-2 flex justify-center gap-2 bg-background"
+  >
+    <LinkPrivacyPolity
+      href={privacyPolicy?.url}
+      onclick={privacyPolicy?.onclick}
+    />
+    <LabelOr />
+    <LinkTermsOfService
+      href={termsOfService?.url}
+      onclick={termsOfService?.onclick}
+    />
+  </div>
+</div>

package/dist/components/pages/security/login/01/ui/{LoginCard.svelte.d.ts → LoginCard01.svelte.d.ts}

@@ -9,6 +9,6 @@ type Props = {
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
 };
-declare const LoginCard: import("svelte").Component<Props, {}, "">;
-type LoginCard = ReturnType<typeof LoginCard>;
-export default LoginCard;
+declare const LoginCard01: import("svelte").Component<Props, {}, "">;
+type LoginCard01 = ReturnType<typeof LoginCard01>;
+export default LoginCard01;

package/dist/components/pages/security/login/01/ui/PageLogin01.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <script lang="ts">
-  import AuthCard from "./LoginCard.svelte";
+  import LoginCard01 from "./LoginCard01.svelte";
   import PageAuth01 from "../../../auth/PageAuth01.svelte";
   import type { PageLoginProps } from "../../types";
   import { t } from "../../../../../../i18n";
@@ -52,7 +52,7 @@
   {#if children}
     {@render children()}
   {:else}
-    <AuthCard
+    <LoginCard01
       {formType}
       {onSubmit}
       {forgetPassword}

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

@@ -22,9 +22,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { variant, onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { variant, onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
   let data = $state("");
   let password = $state("");
 
@@ -37,16 +39,16 @@
 <form class="w-full space-y-4" onsubmit={handleSubmit}>
   <div class="space-y-1">
     {#if variant === "EMAIL"}
-      <InputEmail bind:value={data} />
+      <InputEmail labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
     {:else if variant === "USERNAME"}
-      <InputUsername bind:value={data} />
+      <InputUsername labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
     {:else if variant === "PHONE"}
-      <InputPhone bind:value={data} />
+      <InputPhone labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
     {/if}
   </div>
 
   <div class="space-y-1">
-    <InputPassword bind:value={password} />
+    <InputPassword labelClass={inputLabelClass} inputClass={inputClass} bind:value={password} />
   </div>
 
   <div class="flex justify-end">

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

@@ -4,6 +4,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLogin02: import("svelte").Component<Props, {}, "">;
 type FormLogin02 = ReturnType<typeof FormLogin02>;

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

@@ -16,9 +16,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
 </script>
 
-<FormLogin02 variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} />
+<FormLogin02 variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />

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

@@ -3,6 +3,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLoginEmailPassword02: import("svelte").Component<Props, {}, "">;
 type FormLoginEmailPassword02 = ReturnType<typeof FormLoginEmailPassword02>;

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

@@ -16,9 +16,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
 </script>
 
-<FormLogin02 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} />
+<FormLogin02 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />

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

@@ -3,6 +3,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLoginPhonePassword02: import("svelte").Component<Props, {}, "">;
 type FormLoginPhonePassword02 = ReturnType<typeof FormLoginPhonePassword02>;

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

@@ -16,9 +16,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
 </script>
 
-<FormLogin02 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} />
+<FormLogin02 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />

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

@@ -3,6 +3,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLoginUsernamePassword02: import("svelte").Component<Props, {}, "">;
 type FormLoginUsernamePassword02 = ReturnType<typeof FormLoginUsernamePassword02>;

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

@@ -28,6 +28,8 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
   let {
@@ -35,6 +37,8 @@
     onSubmit,
     forgetPassword,
     socialLogins = [],
+    inputLabelClass,
+    inputClass,
   }: Props = $props();
   let data = $state("");
   let password = $state("");
@@ -49,16 +53,16 @@
 <form class="w-full space-y-4" onsubmit={handleSubmit}>
   <div class="space-y-1">
     {#if variant === "EMAIL"}
-      <InputEmail bind:value={data} />
+      <InputEmail labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
     {:else if variant === "USERNAME"}
-      <InputUsername bind:value={data} />
+      <InputUsername labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
     {:else if variant === "PHONE"}
-      <InputPhone bind:value={data} />
+      <InputPhone labelClass={inputLabelClass} inputClass={inputClass} bind:value={data} />
     {/if}
   </div>
 
   <div class="space-y-1">
-    <InputPassword bind:value={password} />
+    <InputPassword labelClass={inputLabelClass} inputClass={inputClass} bind:value={password} />
   </div>
 
   <div class="flex items-center justify-between">

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

@@ -4,6 +4,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLogin03: import("svelte").Component<Props, {}, "">;
 type FormLogin03 = ReturnType<typeof FormLogin03>;

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

@@ -16,9 +16,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
 </script>
 
-<FormLogin03 variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} />
+<FormLogin03 variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />

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

@@ -3,6 +3,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLoginEmailPassword03: import("svelte").Component<Props, {}, "">;
 type FormLoginEmailPassword03 = ReturnType<typeof FormLoginEmailPassword03>;

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

@@ -16,9 +16,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
 </script>
 
-<FormLogin03 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} />
+<FormLogin03 variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />

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

@@ -3,6 +3,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLoginPhonePassword03: import("svelte").Component<Props, {}, "">;
 type FormLoginPhonePassword03 = ReturnType<typeof FormLoginPhonePassword03>;

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

@@ -16,9 +16,11 @@
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
   };
 
-  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [], inputLabelClass, inputClass }: Props = $props();
 </script>
 
-<FormLogin03 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} />
+<FormLogin03 variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />

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

@@ -3,6 +3,8 @@ type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
 };
 declare const FormLoginUsernamePassword03: import("svelte").Component<Props, {}, "">;
 type FormLoginUsernamePassword03 = ReturnType<typeof FormLoginUsernamePassword03>;

package/dist/components/pages/security/login/PageLogin.svelte

@@ -1,30 +1,30 @@
-<script lang="ts" module>
-  /**
-   * @component PageLogin
-   * Main login page. Routes to the specified layout variant.
-   *
-   * @example svelte
-   * <PageLogin variant={3} formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import type { PageLoginProps } from "./types";
-  import PageLogin01 from "./01/ui/PageLogin01.svelte";
-  import PageLogin02 from "./02/ui/PageLogin02.svelte";
-  import PageLogin03 from "./03/ui/PageLogin03.svelte";
-
-  type Props = {
-    variant?: 1 | 2 | 3;
-  };
-
-  let { variant = 1, ...props }: PageLoginProps & Props = $props();
-</script>
-
-{#if variant === 3}
-  <PageLogin03 {...props} />
-{:else if variant === 2}
-  <PageLogin02 {...props} />
-{:else}
-  <PageLogin01 {...props} />
-{/if}
+<script lang="ts" module>
+  /**
+   * @component PageLogin
+   * Main login page. Routes to the specified layout variant.
+   *
+   * @example svelte
+   * <PageLogin variant={3} formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import type { PageLoginProps } from "./types";
+  import PageLogin01 from "./01/ui/PageLogin01.svelte";
+  import PageLogin02 from "./02/ui/PageLogin02.svelte";
+  import PageLogin03 from "./03/ui/PageLogin03.svelte";
+
+  type Props = {
+    variant?: 1 | 2 | 3;
+  };
+
+  let { variant = 1, ...props }: PageLoginProps & Props = $props();
+</script>
+
+{#if variant === 3}
+  <PageLogin03 {...props} />
+{:else if variant === 2}
+  <PageLogin02 {...props} />
+{:else}
+  <PageLogin01 {...props} />
+{/if}

package/dist/components/pages/security/register/01/ui/PageRegister01.svelte

@@ -9,10 +9,10 @@
 </script>
 
 <script lang="ts">
-  import AuthCard from "./RegisterCard.svelte";
+  import RegisterCard01 from "./RegisterCard01.svelte";
   import PageAuth01 from "../../../auth/PageAuth01.svelte";
-  import type { PageRegisterProps } from "../types";
   import { t } from "../../../../../../i18n";
+  import type { PageRegisterProps } from "../../../../../../types";
 
   let {
     carousel,
@@ -30,18 +30,30 @@
   const defaultCarousel = $derived([
     {
       buttonText: $t("label.next"),
-      title: $t("carousel.register.slide1.title") ?? $t("carousel.login.slide1.title"),
-      description: $t("carousel.register.slide1.description") ?? $t("carousel.login.slide1.description"),
+      title:
+        $t("carousel.register.slide1.title") ??
+        $t("carousel.login.slide1.title"),
+      description:
+        $t("carousel.register.slide1.description") ??
+        $t("carousel.login.slide1.description"),
     },
     {
       buttonText: $t("label.next"),
-      title: $t("carousel.register.slide2.title") ?? $t("carousel.login.slide2.title"),
-      description: $t("carousel.register.slide2.description") ?? $t("carousel.login.slide2.description"),
+      title:
+        $t("carousel.register.slide2.title") ??
+        $t("carousel.login.slide2.title"),
+      description:
+        $t("carousel.register.slide2.description") ??
+        $t("carousel.login.slide2.description"),
     },
     {
       buttonText: $t("label.next"),
-      title: $t("carousel.register.slide3.title") ?? $t("carousel.login.slide3.title"),
-      description: $t("carousel.register.slide3.description") ?? $t("carousel.login.slide3.description"),
+      title:
+        $t("carousel.register.slide3.title") ??
+        $t("carousel.login.slide3.title"),
+      description:
+        $t("carousel.register.slide3.description") ??
+        $t("carousel.login.slide3.description"),
     },
   ]);
 
@@ -52,7 +64,7 @@
   {#if children}
     {@render children()}
   {:else}
-    <AuthCard
+    <RegisterCard01
       {fields}
       {onSubmit}
       {login}

package/dist/components/pages/security/register/01/ui/PageRegister01.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { PageRegisterProps } from "../../../../../../types";
 declare const PageRegister01: import("svelte").Component<PageRegisterProps, {}, "">;
 type PageRegister01 = ReturnType<typeof PageRegister01>;
 export default PageRegister01;