negodesign 0.0.7 → 0.0.9

package/dist/components/NegoDesign.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { ModeWatcher } from "mode-watcher";
+  import { setUserTranslations } from "../i18n/config";
+
+  type Translations = Record<string, Record<string, string>>;
+
+  let {
+    translations,
+    children,
+  }: {
+    /** Traduções customizadas por idioma. São mergeadas com as traduções base da lib. */
+    translations?: Translations;
+    children: any;
+  } = $props();
+
+  $effect(() => {
+    if (translations) {
+      setUserTranslations(translations);
+    }
+  });
+</script>
+
+<ModeWatcher />
+{@render children()}

package/dist/components/NegoDesign.svelte.d.ts

@@ -0,0 +1,9 @@
+type Translations = Record<string, Record<string, string>>;
+type $$ComponentProps = {
+    /** Traduções customizadas por idioma. São mergeadas com as traduções base da lib. */
+    translations?: Translations;
+    children: any;
+};
+declare const NegoDesign: import("svelte").Component<$$ComponentProps, {}, "">;
+type NegoDesign = ReturnType<typeof NegoDesign>;
+export default NegoDesign;

package/dist/components/core/button/ButtonSend.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import Button, {
+    type ButtonProps,
+  } from "../../ui/button/button.svelte";
+  import { t } from "../../../i18n";
+  import { Login02Icon } from "@hugeicons/core-free-icons";
+  import { HugeiconsIcon } from "@hugeicons/svelte";
+
+  let { ...restProps }: ButtonProps = $props();
+</script>
+
+<Button class="w-full flex items-center gap-2" {...restProps}>
+  <HugeiconsIcon icon={Login02Icon} size={16} />
+  {$t("button.send")}
+</Button>

package/dist/components/core/button/ButtonSend.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from "../../ui/button/button.svelte";
+declare const ButtonSend: import("svelte").Component<ButtonProps, {}, "">;
+type ButtonSend = ReturnType<typeof ButtonSend>;
+export default ButtonSend;

package/dist/components/core/datatable/ui/DataTableActions.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="T">
     import type { CellContext } from "@tanstack/table-core";
     import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
-    import Button from "../../../button.svelte";
+    import Button from "../../../ui/button/button.svelte";
     import { MoreHorizontalIcon } from "@hugeicons/core-free-icons";
     import { HugeiconsIcon } from "@hugeicons/svelte";
 

package/dist/components/core/datatable/ui/DataTableListFilter.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T">
-    import Button from "../../../button.svelte";
+    import Button from "../../../ui/button/button.svelte";
     import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
     import { Input } from "../../../ui/input/index.js";
     import { ArrowDown01Icon } from "@hugeicons/core-free-icons";

package/dist/components/core/datatable/ui/DataTableListPagination.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T">
-    import Button from "../../../button.svelte";
+    import Button from "../../../ui/button/button.svelte";
     import type { Table } from "@tanstack/table-core";
 
     type Props = {

package/dist/components/core/form/ui/input-code-otp.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import * as InputOTP from "../../../ui/input-otp/index.js";
+  import type { InputLabelProps } from "../data/InputLabel.svelte";
+  import { Label } from "../../../ui/label";
+  import { t } from "../../../../i18n";
+
+  /** Campo de input para código OTP com caixas configuráveis. */
+  let {
+    label,
+    isLabel,
+    placeholder,
+    length = 6,
+    separator = true,
+    value = $bindable(""),
+  }: InputLabelProps & {
+    /** Quantidade de caixas do código OTP. Padrão: 6 */
+    length?: number;
+    /** Exibir separador entre os grupos. Padrão: true */
+    separator?: boolean;
+  } = $props();
+
+  const half = $derived(Math.ceil(length / 2));
+</script>
+
+{#snippet otpInput()}
+  <InputOTP.Root maxlength={length} bind:value placeholder={placeholder || $t("input.otp.placeholder")}>
+    {#snippet children({ cells })}
+      {#if separator}
+        <InputOTP.Group>
+          {#each cells.slice(0, half) as cell, i (i)}
+            <InputOTP.Slot {cell} />
+          {/each}
+        </InputOTP.Group>
+        <InputOTP.Separator />
+        <InputOTP.Group>
+          {#each cells.slice(half, length) as cell, i (i)}
+            <InputOTP.Slot {cell} />
+          {/each}
+        </InputOTP.Group>
+      {:else}
+        <InputOTP.Group>
+          {#each cells as cell, i (i)}
+            <InputOTP.Slot {cell} />
+          {/each}
+        </InputOTP.Group>
+      {/if}
+    {/snippet}
+  </InputOTP.Root>
+{/snippet}
+
+{#if isLabel}
+  <div class="flex flex-col gap-3 w-full">
+    <Label>{label ?? $t("input.otp.label")}</Label>
+    {@render otpInput()}
+  </div>
+{:else}
+  {@render otpInput()}
+{/if}

package/dist/components/core/form/ui/input-code-otp.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { InputLabelProps } from "../data/InputLabel.svelte";
+type $$ComponentProps = InputLabelProps & {
+    /** Quantidade de caixas do código OTP. Padrão: 6 */
+    length?: number;
+    /** Exibir separador entre os grupos. Padrão: true */
+    separator?: boolean;
+};
+declare const InputCodeOtp: import("svelte").Component<$$ComponentProps, {}, "value">;
+type InputCodeOtp = ReturnType<typeof InputCodeOtp>;
+export default InputCodeOtp;

package/dist/components/core/form/ui/input-email-or-phone.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { InputLabelProps } from "../data/InputLabel.svelte";
+  import InputBase from "./input-base.svelte";
+  import { t } from "../../../../i18n";
+
+  /** Campo de input para email com ícone e label. */
+  let {
+    label,
+    placeholder,
+    value = $bindable(""),
+    ...restProps
+  }: InputLabelProps = $props();
+</script>
+
+<InputBase
+  type="text"
+  label={label || $t("input.email-or-phone.label")}
+  placeholder={placeholder || $t("input.email-or-phone.placeholder")}
+  isLabel
+  isIcon
+  bind:value
+  {...restProps}
+/>

package/dist/components/core/form/ui/input-email-or-phone.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputLabelProps } from "../data/InputLabel.svelte";
+declare const InputEmailOrPhone: import("svelte").Component<InputLabelProps, {}, "value">;
+type InputEmailOrPhone = ReturnType<typeof InputEmailOrPhone>;
+export default InputEmailOrPhone;

package/dist/components/core/form/ui/input-phone.svelte

@@ -1,23 +1,33 @@
 <script lang="ts">
+  import { PhoneInput } from "../../../ui/phone-input";
   import type { InputLabelProps } from "../data/InputLabel.svelte";
-  import InputBase from "./input-base.svelte";
+  import { Label } from "../../../ui/label";
   import { t } from "../../../../i18n";
 
   /** Campo de input para telefone com ícone e label. */
   let {
     label,
+    isLabel,
     placeholder,
     value = $bindable(""),
-    ...restProps
   }: InputLabelProps = $props();
 </script>
 
-<InputBase
-  type="text"
-  label={label || $t("input.phone.label")}
-  placeholder={placeholder || $t("input.phone.placeholder")}
-  isLabel
-  isIcon
-  bind:value
-  {...restProps}
-/>
+{#if isLabel}
+  <div class="flex flex-col gap-3 w-full">
+    {#if label}
+      <Label>{label}</Label>
+    {:else}
+      <Label>{$t("input.email-or-phone.label")}</Label>
+    {/if}
+    <PhoneInput
+      placeholder={placeholder || $t("input.email-or-phone.placeholder")}
+      bind:value
+    />
+  </div>
+{:else}
+  <PhoneInput
+    placeholder={placeholder || $t("input.email-or-phone.placeholder")}
+    bind:value
+  />
+{/if}

package/dist/components/{pages/login/01/ui → core/panel}/LeftHero.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { HugeiconsIcon } from "@hugeicons/svelte";
   import { ArrowRight01Icon } from "@hugeicons/core-free-icons";
-  import type { CarouselProps } from "../../../../core/carousel/data/CarouselModel";
+  import type { CarouselProps } from "../carousel/data/CarouselModel";
   import type { Snippet } from "svelte";
-  import Button from "../../../../ui/button/button.svelte";
-  import { t } from "../../../../../i18n";
-  import Logo from "../../../../../assets/login-01-admin.webp";
+  import Button from "../../ui/button/button.svelte";
+  import { t } from "../../../i18n";
+  import Logo from "../../../assets/login-01-admin.webp";
 
   type Props = {
     title?: string | Snippet;
@@ -53,7 +53,7 @@
   </div>
 
   <section class="flex flex-col gap-5">
-    <div class="my-auto max-w-sm md:max-w-md">
+    <div class="my-auto max-w-sm md:max-w-md lg:max-w-[430px]">
       {#if currentItem}
         {#key currentIndex}
           <div
@@ -106,7 +106,11 @@
   <aside
     class="hidden z-50 lg:block lg:absolute lg:right-0 lg:-bottom-3 lg:w-105 lg:h-105"
   >
-    <img src={Logo} alt="" class="shadow rounded-tl-lg rounded-bl-lg" />
+    <img
+      src={Logo}
+      alt=""
+      class="shadow rounded-tl-lg rounded-bl-lg lg:w-105 lg:h-105"
+    />
   </aside>
 </div>
 

package/dist/components/{pages/login/01/ui → core/panel}/LeftHero.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { CarouselProps } from "../../../../core/carousel/data/CarouselModel";
+import type { CarouselProps } from "../carousel/data/CarouselModel";
 import type { Snippet } from "svelte";
 type Props = {
     title?: string | Snippet;

package/dist/components/core/tabs/data/TabModel.d.ts

@@ -5,5 +5,5 @@ export interface TabItem {
 }
 export interface TabProps {
     item: TabItem;
-    children: Snippet;
+    children?: Snippet;
 }

package/dist/components/core/tabs/ui/tab-underline.svelte

@@ -37,5 +37,7 @@
       {/each}
     </UnderlineTabs.List>
   </UnderlineTabs.Root>
-  {@render selected.children()}
+  {#if selected.children}
+    {@render selected.children()}
+  {/if}
 {/if}

package/dist/components/pages/forget-password/01/ui/ForgetPasswordCard.svelte

@@ -0,0 +1,59 @@
+<script lang="ts">
+  import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
+  import ButtonBack from "../../../../core/button/ButtonBack.svelte";
+  import type { Snippet } from "svelte";
+  import { LightSwitch } from "../../../../ui/light-switch";
+  import { t } from "../../../../../i18n";
+  import type {
+    ForgetPasswordRequestDto,
+    ForgetPasswordVariant,
+  } from "../../types";
+  import FormForgetPassword from "./FormForgetPassword.svelte";
+  import TabUnderline from "../../../../core/tabs/ui/tab-underline.svelte";
+
+  /**
+   * Card de recuperação de senha.
+   * @property {ForgetPasswordVariant} formType - Tipo do input (EMAIL, PHONE)
+   * @property {(req: ForgetPasswordRequestDto) => void} onSubmit - Callback ao submeter
+   */
+  type Props = {
+    formType?: ForgetPasswordVariant;
+    onSubmit?: (request: ForgetPasswordRequestDto) => void;
+    children?: Snippet;
+  };
+
+  let { formType, onSubmit, children }: 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.forget-password"),
+            value: "forget-password",
+          },
+        },
+      ]}
+    />
+
+    {#if children}
+      {@render children()}
+    {:else}
+      <FormForgetPassword variant={formType} {onSubmit} />
+    {/if}
+  </div>
+</div>

package/dist/components/pages/forget-password/01/ui/ForgetPasswordCard.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from "svelte";
+import type { ForgetPasswordRequestDto, ForgetPasswordVariant } from "../../types";
+/**
+ * Card de recuperação de senha.
+ * @property {ForgetPasswordVariant} formType - Tipo do input (EMAIL, PHONE)
+ * @property {(req: ForgetPasswordRequestDto) => void} onSubmit - Callback ao submeter
+ */
+type Props = {
+    formType?: ForgetPasswordVariant;
+    onSubmit?: (request: ForgetPasswordRequestDto) => void;
+    children?: Snippet;
+};
+declare const ForgetPasswordCard: import("svelte").Component<Props, {}, "">;
+type ForgetPasswordCard = ReturnType<typeof ForgetPasswordCard>;
+export default ForgetPasswordCard;

package/dist/components/pages/forget-password/01/ui/FormForgetPassword.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import InputEmail from "../../../../core/form/ui/input-email.svelte";
+  import InputPhone from "../../../../core/form/ui/input-phone.svelte";
+  import InputEmailOrPhone from "../../../../core/form/ui/input-email-or-phone.svelte";
+  import { t } from "../../../../../i18n";
+  import type { ForgetPasswordRequestDto, ForgetPasswordVariant } from "../../types";
+  import ButtonSend from "../../../../core/button/ButtonSend.svelte";
+
+  type Props = {
+    variant?: ForgetPasswordVariant;
+    onSubmit?: (request: ForgetPasswordRequestDto) => void;
+  };
+
+  let { variant = "EMAIL", onSubmit }: Props = $props();
+  let data = $state("");
+
+  function handleSubmit(e: Event) {
+    e.preventDefault();
+    onSubmit?.({ data, variant });
+  }
+</script>
+
+<form class="w-full space-y-4" onsubmit={handleSubmit}>
+  <p class="text-[13px] py-3">{$t("text.forget-password")}</p>
+
+  <div class="space-y-1">
+    {#if variant === "EMAIL"}
+      <InputEmail bind:value={data} />
+    {:else if variant === "PHONE"}
+      <InputPhone bind:value={data} />
+    {:else if variant === "PHONE_EMAIL"}
+      <InputEmailOrPhone bind:value={data} />
+    {/if}
+  </div>
+
+  <ButtonSend type="submit" />
+</form>

package/dist/components/pages/forget-password/01/ui/FormForgetPassword.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ForgetPasswordRequestDto, ForgetPasswordVariant } from "../../types";
+type Props = {
+    variant?: ForgetPasswordVariant;
+    onSubmit?: (request: ForgetPasswordRequestDto) => void;
+};
+declare const FormForgetPassword: import("svelte").Component<Props, {}, "">;
+type FormForgetPassword = ReturnType<typeof FormForgetPassword>;
+export default FormForgetPassword;

package/dist/components/pages/forget-password/01/ui/PageForgetPassword01.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+  import ForgetPasswordCard from "./ForgetPasswordCard.svelte";
+  import LeftHero from "../../../../core/panel/LeftHero.svelte";
+  import type { PageForgetPasswordProps } from "../../types";
+  import { t } from "../../../../../i18n";
+
+  /**
+   * Variante 01 da página de esquecimento de senha.
+   * Layout split: hero à esquerda (reutiliza do login), card de recuperação à direita.
+   * @property {CarouselItem[]} carousel - Itens do carousel (opcional, usa valores padrão)
+   * @property {string} title - Título do hero
+   */
+  let {
+    carousel,
+    varient,
+    title,
+    children,
+    formType,
+    onSubmit,
+  }: PageForgetPasswordProps = $props();
+
+  const defaultCarousel = $derived([
+    {
+      buttonText: $t("label.next"),
+      title: $t("carousel.forget-password.slide1.title"),
+      description: $t("carousel.forget-password.slide1.description"),
+    },
+    {
+      buttonText: $t("label.next"),
+      title: $t("carousel.forget-password.slide2.title"),
+      description: $t("carousel.forget-password.slide2.description"),
+    },
+    {
+      buttonText: $t("label.next"),
+      title: $t("carousel.forget-password.slide3.title"),
+      description: $t("carousel.forget-password.slide3.description"),
+    },
+  ]);
+
+  const carouselItems = $derived(carousel ?? defaultCarousel);
+</script>
+
+<main class="h-screen w-screen flex items-center">
+  <svg width="0" height="0" class="absolute">
+    <defs>
+      <clipPath id="grid-curve-clip" clipPathUnits="objectBoundingBox">
+        <path d="M0.35,0 L1,0 C0.85,0.3 1,0.6 0.4,1 L1,1 Z" />
+      </clipPath>
+    </defs>
+  </svg>
+  <div class="hidden md:block md:w-8/12">
+    <LeftHero {title} varient={varient ?? "POINTER"} items={carouselItems} />
+  </div>
+  <div class="w-full md:px-0 md:w-4/12 border-gray-900">
+    {#if children}
+      {@render children()}
+    {:else}
+      <ForgetPasswordCard {formType} {onSubmit} />
+    {/if}
+  </div>
+</main>
+
+<style>
+  :global(.grid-pattern) {
+    background-size: 40px 40px;
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.1) 1px,
+        transparent 1px
+      ),
+      linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
+    clip-path: url(#grid-curve-clip);
+  }
+</style>

package/dist/components/pages/forget-password/01/ui/PageForgetPassword01.svelte.d.ts

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

package/dist/components/pages/forget-password/PageForgetPassword.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { PageForgetPasswordProps } from "./types";
+  import PageForgetPassword01 from "./01/ui/PageForgetPassword01.svelte";
+
+  /**
+   * Página de recuperação de senha.
+   * @property {"01"} varient - Variante do layout
+   * @property {CarouselItem[]} carousel - Itens do carousel hero
+   * @property {string} title - Título do hero
+   * @property {(req: ForgetPasswordRequestDto) => void} onSubmit - Callback ao submeter email
+   */
+  type Props = {
+    varient?: "01";
+  };
+
+  let { ...props }: PageForgetPasswordProps & Props = $props();
+</script>
+
+<PageForgetPassword01 {...props} />

package/dist/components/pages/forget-password/PageForgetPassword.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { PageForgetPasswordProps } from "./types";
+/**
+ * Página de recuperação de senha.
+ * @property {"01"} varient - Variante do layout
+ * @property {CarouselItem[]} carousel - Itens do carousel hero
+ * @property {string} title - Título do hero
+ * @property {(req: ForgetPasswordRequestDto) => void} onSubmit - Callback ao submeter email
+ */
+type Props = {
+    varient?: "01";
+};
+type $$ComponentProps = PageForgetPasswordProps & Props;
+declare const PageForgetPassword: import("svelte").Component<$$ComponentProps, {}, "">;
+type PageForgetPassword = ReturnType<typeof PageForgetPassword>;
+export default PageForgetPassword;

package/dist/components/pages/forget-password/types.d.ts

@@ -0,0 +1,15 @@
+import type { CarouselItem, CarouselItemType } from "../../core/carousel/data/CarouselModel";
+import type { Snippet } from "svelte";
+export type ForgetPasswordVariant = "EMAIL" | "PHONE" | "PHONE_EMAIL";
+export type ForgetPasswordRequestDto = {
+    data: string;
+    variant: ForgetPasswordVariant;
+};
+export type PageForgetPasswordProps = {
+    carousel?: CarouselItem[];
+    varient?: CarouselItemType;
+    title?: string;
+    children?: Snippet;
+    formType?: ForgetPasswordVariant;
+    onSubmit?: (request: ForgetPasswordRequestDto) => void;
+};

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

@@ -8,19 +8,21 @@
   import LabelOr from "../../../../core/label/LabelOr.svelte";
   import ButtonLoginWith from "../../../../core/button/ButtonLoginWith.svelte";
   import { t } from "../../../../../i18n";
-  import type { Credential, LoginVariant } from "../data/page-props";
+  import type { LoginRequestDto, LoginVariant, LinkProps } from "../../types";
 
   /**
    * Formulário de login reutilizável.
    * @property {LoginVariant} variant - Tipo do input de dados (EMAIL, USERNAME, PHONE)
    * @property {(cred: Credential) => void} onSubmit - Callback ao submeter { data, password }
+   * @property {LinkProps} forgetPassword - Config do link de esquecimento de senha { url, onclick }
    */
   type Props = {
     variant: LoginVariant;
-    onSubmit?: (credential: Credential) => void;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
   };
 
-  let { variant, onSubmit }: Props = $props();
+  let { variant, onSubmit, forgetPassword }: Props = $props();
   let data = $state("");
   let password = $state("");
 
@@ -45,7 +47,7 @@
 
   <div class="space-y-1 relative">
     <InputPassword bind:value={password} />
-    <LinkForgetPassword />
+    <LinkForgetPassword href={forgetPassword?.url} onclick={forgetPassword?.onclick} />
   </div>
 
   <div class="flex flex-col gap-1">

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

@@ -1,12 +1,14 @@
-import type { Credential, LoginVariant } from "../data/page-props";
+import type { LoginRequestDto, LoginVariant, LinkProps } from "../../types";
 /**
  * Formulário de login reutilizável.
  * @property {LoginVariant} variant - Tipo do input de dados (EMAIL, USERNAME, PHONE)
  * @property {(cred: Credential) => void} onSubmit - Callback ao submeter { data, password }
+ * @property {LinkProps} forgetPassword - Config do link de esquecimento de senha { url, onclick }
  */
 type Props = {
     variant: LoginVariant;
-    onSubmit?: (credential: Credential) => void;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
 };
 declare const FormLogin: import("svelte").Component<Props, {}, "">;
 type FormLogin = ReturnType<typeof FormLogin>;

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

@@ -1,13 +1,14 @@
 <script lang="ts">
   import FormLogin from "./FormLogin.svelte";
-  import type { Credential } from "../data/page-props";
+  import type { LoginRequestDto, LinkProps } from "../../types";
 
   /** Form de login com email e senha. Wrapper fino de FormLogin variant="EMAIL". */
   type Props = {
-    onSubmit?: (credential: Credential) => void;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
   };
 
-  let { onSubmit }: Props = $props();
+  let { onSubmit, forgetPassword }: Props = $props();
 </script>
 
-<FormLogin variant="EMAIL" {onSubmit} />
+<FormLogin variant="EMAIL" {onSubmit} {forgetPassword} />

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

@@ -1,7 +1,8 @@
-import type { Credential } from "../data/page-props";
+import type { LoginRequestDto, LinkProps } from "../../types";
 /** Form de login com email e senha. Wrapper fino de FormLogin variant="EMAIL". */
 type Props = {
-    onSubmit?: (credential: Credential) => void;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
 };
 declare const FormLoginEmailPassword: import("svelte").Component<Props, {}, "">;
 type FormLoginEmailPassword = ReturnType<typeof FormLoginEmailPassword>;