negodesign 0.0.81 → 0.0.82

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

@@ -1,63 +1,91 @@
-<script lang="ts" module>
-  /**
-   * @component FormLogin
-   * Reusable login form with input variants (EMAIL, USERNAME, PHONE).
-   *
-   * @example svelte
-   * <FormLogin 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 ButtonLogin from "../../../../../ui/button/ButtonLogin.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("");
-
-  function handleSubmit(e: Event) {
-    e.preventDefault();
-    onSubmit?.({ data, password });
-  }
-</script>
-
-<form class="w-full space-y-4" onsubmit={handleSubmit}>
-  <p class="text-[13px] py-3">{$t("text.login")}</p>
-
-  <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 relative">
-    <InputPassword labelClass={inputLabelClass} inputClass={inputClass} bind:value={password} />
-    <LinkForgetPassword href={forgetPassword?.url} onclick={forgetPassword?.onclick} />
-  </div>
-
-  <div class="flex flex-col gap-1">
-    <ButtonLogin type="submit" />
-    <SocialLogin items={socialLogins} />
-  </div>
-</form>
+<script lang="ts" module>
+  /**
+   * @component FormLogin
+   * Reusable login form with input variants (EMAIL, USERNAME, PHONE).
+   *
+   * @example svelte
+   * <FormLogin 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 ButtonLogin from "../../../../../ui/button/ButtonLogin.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;
+    textClass?: string;
+    isLoading?: boolean;
+  };
+
+  let {
+    variant,
+    onSubmit,
+    forgetPassword,
+    socialLogins = [],
+    inputLabelClass,
+    inputClass,
+    textClass,
+    isLoading = false,
+  }: Props = $props();
+  let data = $state("");
+  let password = $state("");
+
+  function handleSubmit(e: Event) {
+    e.preventDefault();
+    onSubmit?.({ data, password });
+  }
+</script>
+
+<form class="w-full space-y-4" onsubmit={handleSubmit}>
+  <p class="text-[13px] py-3 {textClass}">{$t("text.login")}</p>
+
+  <div class="space-y-1">
+    {#if variant === "EMAIL"}
+      <InputEmail labelClass={inputLabelClass} {inputClass} bind:value={data} />
+    {:else if variant === "USERNAME"}
+      <InputUsername
+        labelClass={inputLabelClass}
+        {inputClass}
+        bind:value={data}
+      />
+    {:else if variant === "PHONE"}
+      <InputPhone labelClass={inputLabelClass} {inputClass} bind:value={data} />
+    {/if}
+  </div>
+
+  <div class="space-y-1 relative">
+    <InputPassword
+      labelClass={inputLabelClass}
+      {inputClass}
+      bind:value={password}
+    />
+    <LinkForgetPassword
+      href={forgetPassword?.url}
+      onclick={forgetPassword?.onclick}
+      class={textClass}
+    />
+  </div>
+
+  <div class="flex flex-col gap-1">
+    <ButtonLogin type="submit" {isLoading} />
+    <SocialLogin items={socialLogins} />
+  </div>
+</form>

package/dist/components/pages/security/login/01/ui/FormLogin.svelte.d.ts

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

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

@@ -1,26 +1,49 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginEmailPassword
-   * Form de login com email e senha. Wrapper fino de FormLogin variant="EMAIL".
-   *
-   * @example svelte
-   * <FormLoginEmailPassword onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin from "./FormLogin.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>
-
-<FormLogin variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginEmailPassword
+   * Form de login com email e senha. Wrapper fino de FormLogin variant="EMAIL".
+   *
+   * @example svelte
+   * <FormLoginEmailPassword onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin from "./FormLogin.svelte";
+  import type {
+    LoginRequestDto,
+    LinkProps,
+    SocialLoginItem,
+  } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    textClass?: string;
+    isLoading?: boolean;
+  };
+
+  let {
+    onSubmit,
+    forgetPassword,
+    socialLogins = [],
+    inputLabelClass,
+    inputClass,
+    textClass,
+    isLoading,
+  }: Props = $props();
+</script>
+
+<FormLogin
+  variant="EMAIL"
+  {onSubmit}
+  {forgetPassword}
+  {socialLogins}
+  {isLoading}
+  {inputLabelClass}
+  {inputClass}
+  {textClass}
+/>

package/dist/components/pages/security/login/01/ui/FormLoginEmailPassword.svelte.d.ts

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

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

@@ -1,26 +1,49 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginPhonePassword
-   * Form de login com telefone e senha. Wrapper fino de FormLogin variant="PHONE".
-   *
-   * @example svelte
-   * <FormLoginPhonePassword onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin from "./FormLogin.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>
-
-<FormLogin variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginPhonePassword
+   * Form de login com telefone e senha. Wrapper fino de FormLogin variant="PHONE".
+   *
+   * @example svelte
+   * <FormLoginPhonePassword onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin from "./FormLogin.svelte";
+  import type {
+    LoginRequestDto,
+    LinkProps,
+    SocialLoginItem,
+  } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    textClass?: string;
+    isLoading?: boolean;
+  };
+
+  let {
+    onSubmit,
+    forgetPassword,
+    socialLogins = [],
+    inputLabelClass,
+    inputClass,
+    textClass,
+    isLoading,
+  }: Props = $props();
+</script>
+
+<FormLogin
+  variant="PHONE"
+  {onSubmit}
+  {forgetPassword}
+  {socialLogins}
+  {isLoading}
+  {inputLabelClass}
+  {inputClass}
+  {textClass}
+/>

package/dist/components/pages/security/login/01/ui/FormLoginPhonePassword.svelte.d.ts

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

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

@@ -1,26 +1,49 @@
-<script lang="ts" module>
-  /**
-   * @component FormLoginUsernamePassword
-   * Form de login com username e senha. Wrapper fino de FormLogin variant="USERNAME".
-   *
-   * @example svelte
-   * <FormLoginUsernamePassword onSubmit={(cred) => login(cred)} />
-   */
-</script>
-
-<script lang="ts">
-  import FormLogin from "./FormLogin.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>
-
-<FormLogin variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} {inputLabelClass} {inputClass} />
+<script lang="ts" module>
+  /**
+   * @component FormLoginUsernamePassword
+   * Form de login com username e senha. Wrapper fino de FormLogin variant="USERNAME".
+   *
+   * @example svelte
+   * <FormLoginUsernamePassword onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import FormLogin from "./FormLogin.svelte";
+  import type {
+    LoginRequestDto,
+    LinkProps,
+    SocialLoginItem,
+  } from "../../types";
+
+  type Props = {
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
+    inputLabelClass?: string;
+    inputClass?: string;
+    textClass?: string;
+    isLoading?: boolean;
+  };
+
+  let {
+    onSubmit,
+    forgetPassword,
+    socialLogins = [],
+    inputLabelClass,
+    inputClass,
+    textClass,
+    isLoading,
+  }: Props = $props();
+</script>
+
+<FormLogin
+  variant="USERNAME"
+  {onSubmit}
+  {forgetPassword}
+  {socialLogins}
+  {isLoading}
+  {inputLabelClass}
+  {inputClass}
+  {textClass}
+/>

package/dist/components/pages/security/login/01/ui/FormLoginUsernamePassword.svelte.d.ts

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