negodesign 0.0.81 → 0.0.82

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/login/types.d.ts

@@ -40,4 +40,5 @@ export type PageLoginProps = {
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
 };

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

@@ -1,76 +1,78 @@
-<script lang="ts" module>
-  /**
-   * @component PageRegister01
-   * Variant 01 of the register page. Split layout: hero on the left, auth card on the right.
-   *
-   * @example svelte
-   * <PageRegister01 fields={{ isName: true, isEmail: true }} onSubmit={(data) => register(data)} />
-   */
-</script>
-
-<script lang="ts">
-  import RegisterCard01 from "./RegisterCard01.svelte";
-  import PageAuth01 from "../../../auth/PageAuth01.svelte";
-  import { t } from "../../../../../../i18n";
-  import type { PageRegisterProps } from "../../../../../../types";
-
-  let {
-    carousel,
-    type,
-    title,
-    fields,
-    children,
-    onSubmit,
-    login,
-    privacyPolicy,
-    termsOfService,
-    socialLogins = [],
-  }: PageRegisterProps = $props();
-
-  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"),
-    },
-    {
-      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"),
-    },
-    {
-      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"),
-    },
-  ]);
-
-  const carouselItems = $derived(carousel ?? defaultCarousel);
-</script>
-
-<PageAuth01 {title} {type} carousel={carouselItems}>
-  {#if children}
-    {@render children()}
-  {:else}
-    <RegisterCard01
-      {fields}
-      {onSubmit}
-      {login}
-      {privacyPolicy}
-      {termsOfService}
-      {socialLogins}
-    />
-  {/if}
-</PageAuth01>
+<script lang="ts" module>
+  /**
+   * @component PageRegister01
+   * Variant 01 of the register page. Split layout: hero on the left, auth card on the right.
+   *
+   * @example svelte
+   * <PageRegister01 fields={{ isName: true, isEmail: true }} onSubmit={(data) => register(data)} />
+   */
+</script>
+
+<script lang="ts">
+  import RegisterCard01 from "./RegisterCard01.svelte";
+  import PageAuth01 from "../../../auth/PageAuth01.svelte";
+  import { t } from "../../../../../../i18n";
+  import type { PageRegisterProps } from "../../../../../../types";
+
+  let {
+    carousel,
+    type,
+    title,
+    fields,
+    children,
+    onSubmit,
+    login,
+    privacyPolicy,
+    termsOfService,
+    socialLogins = [],
+    isLoading,
+  }: PageRegisterProps = $props();
+
+  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"),
+    },
+    {
+      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"),
+    },
+    {
+      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"),
+    },
+  ]);
+
+  const carouselItems = $derived(carousel ?? defaultCarousel);
+</script>
+
+<PageAuth01 {title} {type} carousel={carouselItems}>
+  {#if children}
+    {@render children()}
+  {:else}
+    <RegisterCard01
+      {fields}
+      {onSubmit}
+      {login}
+      {privacyPolicy}
+      {termsOfService}
+      {socialLogins}
+      {isLoading}
+    />
+  {/if}
+</PageAuth01>

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

@@ -1,104 +1,107 @@
-<script lang="ts" module>
-  /**
-   * @component RegisterCard
-   * Authentication card for registration with back button, light switch, and link footer.
-   *
-   * @example svelte
-   * <RegisterCard fields={{ isName: true, isEmail: true, isPassword: true }} onSubmit={(data) => register(data)} />
-   */
-</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 ButtonBack from "../../../../../ui/button/ButtonBack.svelte";
-  import LabelOr from "../../../../../ui/label/core/LabelOr.svelte";
-  import { LightSwitch } from "../../../../../ui/light-switch";
-  import { t } from "../../../../../../i18n";
-  import type {
-    RegisterFormFields,
-    RegisterRequestDto,
-    LinkProps,
-    SocialLoginItem,
-  } from "../../types";
-  import SocialLogin from "../../../../../ui/social-login/social-login.svelte";
-  import FormRegister from "../../FormRegister.svelte";
-
-  type Props = {
-    fields?: RegisterFormFields;
-    onSubmit?: (data: RegisterRequestDto) => void;
-    login?: LinkProps;
-    privacyPolicy?: LinkProps;
-    termsOfService?: LinkProps;
-    socialLogins?: SocialLoginItem[];
-  };
-
-  let {
-    fields,
-    onSubmit,
-    login,
-    privacyPolicy,
-    termsOfService,
-    socialLogins = [],
-  }: Props = $props();
-</script>
-
-<div class="flex-1 flex flex-col justify-between h-screen">
-  <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 md:border-none rounded-tl-[35px] rounded-tr-[35px]"
-  >
-    <div class="space-y-4">
-      <div class="space-y-1">
-        <h1 class="text-2xl font-bold text-white">{$t("label.register")}</h1>
-        <p class="text-sm text-white/90">{$t("text.register")}</p>
-      </div>
-
-      <FormRegister
-        {fields}
-        {onSubmit}
-        inputLabelClass="text-white"
-        inputClass="text-white/90 placeholder:text-white/50"
-        placeholderClass="text-white/50"
-      />
-
-      {#if socialLogins.length > 0}
-        <SocialLogin items={socialLogins} />
-      {/if}
-
-      <p class="text-center text-sm">
-        {$t("text.login.has-account")}
-        <a
-          href={login?.url ?? "/login"}
-          onclick={login?.onclick}
-          class="font-semibold hover:underline"
-        >
-          {$t("text.login.sign-in")}
-        </a>
-      </p>
-    </div>
-
-    <!-- Footer Terms -->
-    <div class="text-[11px] flex justify-center gap-2 relative my-3 pb-5">
-      <LinkPrivacyPolity
-        href={privacyPolicy?.url}
-        onclick={privacyPolicy?.onclick}
-      />
-      <LabelOr />
-      <LinkTermsOfService
-        href={termsOfService?.url}
-        onclick={termsOfService?.onclick}
-      />
-    </div>
-  </div>
-</div>
+<script lang="ts" module>
+  /**
+   * @component RegisterCard
+   * Authentication card for registration with back button, light switch, and link footer.
+   *
+   * @example svelte
+   * <RegisterCard fields={{ isName: true, isEmail: true, isPassword: true }} onSubmit={(data) => register(data)} />
+   */
+</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 ButtonBack from "../../../../../ui/button/ButtonBack.svelte";
+  import LabelOr from "../../../../../ui/label/core/LabelOr.svelte";
+  import { LightSwitch } from "../../../../../ui/light-switch";
+  import { t } from "../../../../../../i18n";
+  import type {
+    RegisterFormFields,
+    RegisterRequestDto,
+    LinkProps,
+    SocialLoginItem,
+  } from "../../types";
+  import SocialLogin from "../../../../../ui/social-login/social-login.svelte";
+  import FormRegister from "../../FormRegister.svelte";
+
+  type Props = {
+    fields?: RegisterFormFields;
+    onSubmit?: (data: RegisterRequestDto) => void;
+    login?: LinkProps;
+    privacyPolicy?: LinkProps;
+    termsOfService?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
+  };
+
+  let {
+    fields,
+    onSubmit,
+    login,
+    privacyPolicy,
+    termsOfService,
+    socialLogins = [],
+    isLoading,
+  }: Props = $props();
+</script>
+
+<div class="flex-1 flex flex-col justify-between h-screen">
+  <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 md:border-none rounded-tl-[35px] rounded-tr-[35px]"
+  >
+    <div class="space-y-4">
+      <div class="space-y-1">
+        <h1 class="text-2xl font-bold text-white">{$t("label.register")}</h1>
+        <p class="text-sm text-white/90">{$t("text.register")}</p>
+      </div>
+
+      <FormRegister
+        {fields}
+        {onSubmit}
+        {isLoading}
+        inputLabelClass="text-white"
+        inputClass="text-white/90 placeholder:text-white/50"
+        placeholderClass="text-white/50"
+      />
+
+      {#if socialLogins.length > 0}
+        <SocialLogin items={socialLogins} />
+      {/if}
+
+      <p class="text-center text-sm">
+        {$t("text.login.has-account")}
+        <a
+          href={login?.url ?? "/login"}
+          onclick={login?.onclick}
+          class="font-semibold hover:underline"
+        >
+          {$t("text.login.sign-in")}
+        </a>
+      </p>
+    </div>
+
+    <!-- Footer Terms -->
+    <div class="text-[11px] flex justify-center gap-2 relative my-3 pb-5">
+      <LinkPrivacyPolity
+        href={privacyPolicy?.url}
+        onclick={privacyPolicy?.onclick}
+      />
+      <LabelOr />
+      <LinkTermsOfService
+        href={termsOfService?.url}
+        onclick={termsOfService?.onclick}
+      />
+    </div>
+  </div>
+</div>

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

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

package/dist/components/pages/security/register/02/ui/PageRegister02.svelte

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

package/dist/components/pages/security/register/02/ui/RegisterCard02.svelte

@@ -28,6 +28,7 @@
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
   };
 
   let {
@@ -37,6 +38,7 @@
     privacyPolicy,
     termsOfService,
     socialLogins = [],
+    isLoading,
   }: Props = $props();
 </script>
 
@@ -59,7 +61,7 @@
         </p>
       </div>
 
-      <FormRegister {fields} {onSubmit} />
+      <FormRegister {fields} {onSubmit} {isLoading} />
 
       {#if socialLogins.length > 0}
         <SocialLogin items={socialLogins} />

package/dist/components/pages/security/register/02/ui/RegisterCard02.svelte.d.ts

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

package/dist/components/pages/security/register/03/ui/PageRegister03.svelte

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

package/dist/components/pages/security/register/03/ui/RegisterCard03.svelte

@@ -28,6 +28,7 @@
     privacyPolicy?: LinkProps;
     termsOfService?: LinkProps;
     socialLogins?: SocialLoginItem[];
+    isLoading?: boolean;
   };
 
   let {
@@ -37,6 +38,7 @@
     privacyPolicy,
     termsOfService,
     socialLogins = [],
+    isLoading,
   }: Props = $props();
 </script>
 
@@ -62,7 +64,7 @@
         </p>
       </div>
 
-      <FormRegister {fields} {onSubmit} />
+      <FormRegister {fields} {onSubmit} {isLoading} />
 
       {#if socialLogins.length > 0}
         <SocialLogin items={socialLogins} />

package/dist/components/pages/security/register/03/ui/RegisterCard03.svelte.d.ts

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