negodesign 0.0.11 → 0.0.13

package/dist/components/pages/privacy-policy-or-terms-of-use/01/PrivacyPolicyOrTermsOfUse01.svelte

@@ -0,0 +1,73 @@
+<script lang="ts" module>
+  /**
+   * Variant 01 of the Privacy Policy / Terms of Use page.
+   * Three-column layout: navigation sidebar, main content, and TOC.
+   * Includes scroll-spy with IntersectionObserver to highlight the active section.
+   * @component
+   * @example
+   * ```svelte
+   * <PrivacyPolicyOrTermsOfUse01 data={pageData} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { DocPageData } from "../types";
+  import { buildToc } from "../shared/toc";
+  import PrivacyPolicyOrTermsOfUseBreadcrumb from "../shared/PrivacyPolicyOrTermsOfUseBreadcrumb.svelte";
+  import DocSectionView from "../shared/DocSectionView.svelte";
+  import DocsSidebar from "./DocsSidebar.svelte";
+  import TableOfContents from "./TableOfContents.svelte";
+
+  let { data }: { data: DocPageData } = $props();
+
+  const toc = $derived(buildToc(data.sections));
+
+  /** Currently visible section, for highlighting in the TOC (simple scroll-spy). */
+  let activeId = $state<string | undefined>(undefined);
+
+  $effect(() => {
+    const headingEls = toc
+      .map((item) => document.getElementById(item.id))
+      .filter((el): el is HTMLElement => el !== null);
+
+    if (headingEls.length === 0) return;
+
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const visible = entries.find((entry) => entry.isIntersecting);
+        if (visible) activeId = visible.target.id;
+      },
+      { rootMargin: "0px 0px -70% 0px", threshold: 0 },
+    );
+
+    headingEls.forEach((el) => observer.observe(el));
+    return () => observer.disconnect();
+  });
+</script>
+
+<div class="mx-auto max-w-7xl px-6 py-10">
+  <div class="flex gap-10">
+    <DocsSidebar sections={data.sections} {activeId} />
+
+    <main class="min-w-0 flex-1 flex flex-col gap-8">
+      <header class="flex flex-col gap-4">
+        <div>
+          <h1 class="text-3xl font-bold tracking-tight">{data.title}</h1>
+          <p class="mt-1 text-sm text-muted-foreground">
+            Latest update: {data.lastUpdated}
+          </p>
+        </div>
+        <PrivacyPolicyOrTermsOfUseBreadcrumb items={data.breadcrumb} />
+      </header>
+
+      <div class="flex flex-col gap-10">
+        {#each data.sections as section (section.id)}
+          <DocSectionView {section} />
+        {/each}
+      </div>
+    </main>
+
+    <TableOfContents items={toc} {activeId} />
+  </div>
+</div>

package/dist/components/pages/privacy-policy-or-terms-of-use/01/PrivacyPolicyOrTermsOfUse01.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { DocPageData } from "../types";
+type $$ComponentProps = {
+    data: DocPageData;
+};
+declare const PrivacyPolicyOrTermsOfUse01: import("svelte").Component<$$ComponentProps, {}, "">;
+type PrivacyPolicyOrTermsOfUse01 = ReturnType<typeof PrivacyPolicyOrTermsOfUse01>;
+export default PrivacyPolicyOrTermsOfUse01;

package/dist/components/pages/privacy-policy-or-terms-of-use/01/TableOfContents.svelte

@@ -0,0 +1,37 @@
+<script lang="ts" module>
+  /**
+   * Table of contents (TOC) panel with scroll-spy.
+   * Displays links to document sections with the active section highlighted.
+   * @component
+   * @example
+   * ```svelte
+   * <TableOfContents items={tocItems} activeId="introduction" />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { TocItem } from "../types";
+
+  let { items, activeId }: { items: TocItem[]; activeId?: string } = $props();
+</script>
+
+<aside class="w-56 shrink-0 hidden xl:block">
+  <nav
+    aria-label="Table of contents"
+    class="sticky top-8 flex flex-col gap-1 text-sm"
+  >
+    {#each items as item (item.id)}
+      <a
+        href="#{item.id}"
+        class="border-l-2 py-1 transition-colors {item.level === 2
+          ? 'pl-6 text-muted-foreground/80'
+          : 'pl-3'} {activeId === item.id
+          ? 'border-foreground text-foreground font-medium'
+          : 'border-border text-muted-foreground hover:text-foreground'}"
+      >
+        {item.label}
+      </a>
+    {/each}
+  </nav>
+</aside>

package/dist/components/pages/privacy-policy-or-terms-of-use/01/TableOfContents.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { TocItem } from "../types";
+type $$ComponentProps = {
+    items: TocItem[];
+    activeId?: string;
+};
+declare const TableOfContents: import("svelte").Component<$$ComponentProps, {}, "">;
+type TableOfContents = ReturnType<typeof TableOfContents>;
+export default TableOfContents;

package/dist/components/pages/privacy-policy-or-terms-of-use/02/DocsPageHero.svelte

@@ -0,0 +1,59 @@
+<script lang="ts" module>
+  /**
+   * Documentation page hero with banner and content sections.
+   * Combines PageHero with document section rendering.
+   * @component
+   * @example
+   * ```svelte
+   * <DocsPageHero data={pageData} accent="#f0400f" />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import DocSectionView from "../shared/DocSectionView.svelte";
+  import type { DocPageData } from "../types";
+  import PageHero from "./PageHero.svelte";
+
+  let {
+    data,
+    accent,
+  }: {
+    /** Page data — uses title, lastUpdated, and sections. */
+    data: Pick<DocPageData, "title" | "lastUpdated" | "sections">;
+    /** Hero banner background color. */
+    accent?: string;
+  } = $props();
+</script>
+
+<div class="min-h-screen bg-background">
+  <PageHero title={data.title} lastUpdated={data.lastUpdated} {accent}>
+    {#snippet action()}
+      <button
+        type="button"
+        aria-label="Search"
+        class="flex h-9 w-9 items-center justify-center rounded-md bg-white/15 hover:bg-white/25 transition-colors"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="h-4 w-4"
+        >
+          <circle cx="11" cy="11" r="8" />
+          <path d="m21 21-4.3-4.3" />
+        </svg>
+      </button>
+    {/snippet}
+  </PageHero>
+
+  <main class="mx-auto max-w-3xl px-6 py-12 flex flex-col gap-10">
+    {#each data.sections as section (section.id)}
+      <DocSectionView {section} />
+    {/each}
+  </main>
+</div>

package/dist/components/pages/privacy-policy-or-terms-of-use/02/DocsPageHero.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { DocPageData } from "../types";
+type $$ComponentProps = {
+    /** Page data — uses title, lastUpdated, and sections. */
+    data: Pick<DocPageData, "title" | "lastUpdated" | "sections">;
+    /** Hero banner background color. */
+    accent?: string;
+};
+declare const DocsPageHero: import("svelte").Component<$$ComponentProps, {}, "">;
+type DocsPageHero = ReturnType<typeof DocsPageHero>;
+export default DocsPageHero;

package/dist/components/pages/privacy-policy-or-terms-of-use/02/PageHero.svelte

@@ -0,0 +1,51 @@
+<script lang="ts" module>
+  /**
+   * Documentation page hero with colored banner and optional action.
+   * Displays title, last update date, and a search button in the top-right corner.
+   * @component
+   * @example
+   * ```svelte
+   * <PageHero title="Privacy Policy" lastUpdated="24 June 2024" accent="#f0400f">
+   *   {#snippet action()}
+   *     <button>Search</button>
+   *   {/snippet}
+   * </PageHero>
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  let {
+    title,
+    lastUpdated,
+    accent = "#f0400f",
+    action,
+  }: {
+    /** Page title. */
+    title: string;
+    /** Last update date of the document. */
+    lastUpdated: string;
+    /** Banner background color. */
+    accent?: string;
+    /** Optional action in the top-right corner (e.g., search button). */
+    action?: Snippet;
+  } = $props();
+</script>
+
+<header
+  class="relative px-6 py-10 sm:px-10 sm:py-14 text-white"
+  style="background-color: {accent}"
+>
+  <div class="mx-auto max-w-3xl">
+    <h1 class="text-3xl sm:text-4xl font-bold tracking-tight">{title}</h1>
+    <p class="mt-2 text-sm text-white/80">Latest update: {lastUpdated}</p>
+  </div>
+
+  {#if action}
+    <div class="absolute right-4 top-4 sm:right-6 sm:top-6">
+      {@render action()}
+    </div>
+  {/if}
+</header>

package/dist/components/pages/privacy-policy-or-terms-of-use/02/PageHero.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    /** Page title. */
+    title: string;
+    /** Last update date of the document. */
+    lastUpdated: string;
+    /** Banner background color. */
+    accent?: string;
+    /** Optional action in the top-right corner (e.g., search button). */
+    action?: Snippet;
+};
+declare const PageHero: import("svelte").Component<$$ComponentProps, {}, "">;
+type PageHero = ReturnType<typeof PageHero>;
+export default PageHero;

package/dist/components/pages/privacy-policy-or-terms-of-use/02/PrivacyPolicyOrTermsOfUse02.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" module>
+  /**
+   * Variant 02 of the Privacy Policy / Terms of Use page.
+   * Simple layout with colored hero and centered content in a single column.
+   * @component
+   * @example
+   * ```svelte
+   * <PrivacyPolicyOrTermsOfUse02 data={pageData} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { DocPageData } from "../types";
+  import DocsPageHero from "./DocsPageHero.svelte";
+
+  let { data }: { data: DocPageData } = $props();
+</script>
+
+<svelte:head>
+  <title>{data.title}</title>
+</svelte:head>
+
+<DocsPageHero data={data} />

package/dist/components/pages/privacy-policy-or-terms-of-use/02/PrivacyPolicyOrTermsOfUse02.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { DocPageData } from "../types";
+type $$ComponentProps = {
+    data: DocPageData;
+};
+declare const PrivacyPolicyOrTermsOfUse02: import("svelte").Component<$$ComponentProps, {}, "">;
+type PrivacyPolicyOrTermsOfUse02 = ReturnType<typeof PrivacyPolicyOrTermsOfUse02>;
+export default PrivacyPolicyOrTermsOfUse02;

package/dist/components/pages/privacy-policy-or-terms-of-use/PrivacyPolicyOrTermsOfUse.svelte

@@ -0,0 +1,32 @@
+<script lang="ts" module>
+  /**
+   * Main Privacy Policy / Terms of Use component.
+   * Allows choosing between two layout variants:
+   * - **1**: Three-column layout with sidebar, content, and TOC (scroll-spy).
+   * - **2**: Simple layout with colored hero and centered content.
+   *
+   * @component
+   * @example
+   * ```svelte
+    * <!-- Variant 1 (default) — docs layout with sidebar -->
+   * <PrivacyPolicyOrTermsOfUse variant={1} data={pageData} />
+   *
+    * <!-- Variant 2 — layout with hero -->
+   * <PrivacyPolicyOrTermsOfUse variant={2} data={pageData} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { PrivacyPolicyOrTermsOfUseProps } from "./types";
+  import PrivacyPolicyOrTermsOfUse01 from "./01/PrivacyPolicyOrTermsOfUse01.svelte";
+  import PrivacyPolicyOrTermsOfUse02 from "./02/PrivacyPolicyOrTermsOfUse02.svelte";
+
+  let { variant = 1, data }: PrivacyPolicyOrTermsOfUseProps = $props();
+</script>
+
+{#if variant === 2}
+  <PrivacyPolicyOrTermsOfUse02 {data} />
+{:else}
+  <PrivacyPolicyOrTermsOfUse01 {data} />
+{/if}

package/dist/components/pages/privacy-policy-or-terms-of-use/PrivacyPolicyOrTermsOfUse.svelte.d.ts

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

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/ContentBlockView.svelte

@@ -0,0 +1,26 @@
+<script lang="ts" module>
+  /**
+   * Renders a content block (paragraph or list).
+   * @component
+   * @example
+   * ```svelte
+   * <ContentBlockView block={{ type: "paragraph", text: "Hello world" }} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { ContentBlock } from "../types";
+
+  let { block }: { block: ContentBlock } = $props();
+</script>
+
+{#if block.type === "paragraph"}
+  <p class="leading-7 text-foreground/90">{block.text}</p>
+{:else if block.type === "list"}
+  <ul class="list-disc pl-6 flex flex-col gap-1.5 text-foreground/90">
+    {#each block.items as item, i (i)}
+      <li class="leading-7">{item}</li>
+    {/each}
+  </ul>
+{/if}

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/ContentBlockView.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { ContentBlock } from "../types";
+type $$ComponentProps = {
+    block: ContentBlock;
+};
+declare const ContentBlockView: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContentBlockView = ReturnType<typeof ContentBlockView>;
+export default ContentBlockView;

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/DocSectionView.svelte

@@ -0,0 +1,44 @@
+<script lang="ts" module>
+  /**
+   * Renders a document section with title, content blocks, and recursive subsections.
+   * @component
+   * @example
+   * ```svelte
+   * <DocSectionView section={sectionData} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { DocSection } from "../types";
+  import ContentBlockView from "./ContentBlockView.svelte";
+
+  let { section }: { section: DocSection } = $props();
+
+  const level = $derived(section.level ?? 1);
+  const heading = $derived(
+    section.number
+      ? `${section.number}. ${section.title}`
+      : section.title,
+  );
+</script>
+
+<section id={section.id} class="scroll-mt-24 flex flex-col gap-4">
+  {#if level === 1}
+    <h2 class="text-2xl font-semibold tracking-tight">{heading}</h2>
+  {:else}
+    <h3 class="text-xl font-semibold tracking-tight">{heading}</h3>
+  {/if}
+
+  {#each section.blocks ?? [] as block, i (i)}
+    <ContentBlockView {block} />
+  {/each}
+
+  {#if section.subsections}
+    <div class="flex flex-col gap-6 mt-2">
+      {#each section.subsections as subsection (subsection.id)}
+        <svelte:self section={subsection} />
+      {/each}
+    </div>
+  {/if}
+</section>

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/DocSectionView.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { DocSection } from "../types";
+type $$ComponentProps = {
+    section: DocSection;
+};
+declare const DocSectionView: import("svelte").Component<$$ComponentProps, {}, "">;
+type DocSectionView = ReturnType<typeof DocSectionView>;
+export default DocSectionView;

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/PrivacyPolicyOrTermsOfUseBreadcrumb.svelte

@@ -0,0 +1,34 @@
+<script lang="ts" module>
+  /**
+   * Renders the breadcrumb navigation (e.g., Blog / Current).
+   * @component
+   * @example
+   * ```svelte
+   * <PrivacyPolicyOrTermsOfUseBreadcrumb items={[{ label: "Blog", href: "/blog" }, { label: "Current" }]} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+  import type { BreadcrumbItem } from "../types";
+
+  let { items }: { items: BreadcrumbItem[] } = $props();
+</script>
+
+<nav
+  aria-label="Breadcrumb"
+  class="flex items-center gap-1.5 text-sm text-muted-foreground"
+>
+  {#each items as item, i (item.label)}
+    {#if item.href}
+      <a href={item.href} class="hover:text-foreground transition-colors"
+        >{item.label}</a
+      >
+    {:else}
+      <span class="text-foreground font-medium">{item.label}</span>
+    {/if}
+    {#if i < items.length - 1}
+      <span class="select-none">/</span>
+    {/if}
+  {/each}
+</nav>

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/PrivacyPolicyOrTermsOfUseBreadcrumb.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { BreadcrumbItem } from "../types";
+type $$ComponentProps = {
+    items: BreadcrumbItem[];
+};
+declare const PrivacyPolicyOrTermsOfUseBreadcrumb: import("svelte").Component<$$ComponentProps, {}, "">;
+type PrivacyPolicyOrTermsOfUseBreadcrumb = ReturnType<typeof PrivacyPolicyOrTermsOfUseBreadcrumb>;
+export default PrivacyPolicyOrTermsOfUseBreadcrumb;

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/toc.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Constrói a tabela de conteúdos (TOC) a partir das secções do documento.
+ * Achata a árvore de secções (com subsections) numa lista plana.
+ * @param sections - Secções do documento
+ * @returns Lista de itens para a TOC
+ */
+import type { DocSection, TocItem } from "../types";
+export declare function buildToc(sections: DocSection[]): TocItem[];

package/dist/components/pages/privacy-policy-or-terms-of-use/shared/toc.js

@@ -0,0 +1,14 @@
+export function buildToc(sections) {
+    const result = [];
+    for (const section of sections) {
+        result.push({
+            id: section.id,
+            label: section.number ? `${section.number}. ${section.title}` : section.title,
+            level: section.level ?? 1,
+        });
+        if (section.subsections) {
+            result.push(...buildToc(section.subsections));
+        }
+    }
+    return result;
+}

package/dist/components/pages/privacy-policy-or-terms-of-use/types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Tipagem partilhada por todos os componentes da página de documentação/política.
+ * @module types
+ */
+/** Um item do breadcrumb no topo da página (ex: Blog / Current). */
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+/**
+ * Um bloco de conteúdo dentro de uma secção: parágrafo de texto
+ * ou lista de pontos (bullets).
+ */
+export type ContentBlock = {
+    type: "paragraph";
+    text: string;
+} | {
+    type: "list";
+    items: string[];
+};
+/**
+ * Uma secção de conteúdo (ex: "1. Introduction", "2.1 Personal Data").
+ * `level` define o tamanho do título (1 = h2, 2 = h3).
+ * `subsections` permite aninhar secções (2 -> 2.1, 2.2, ...).
+ */
+export interface DocSection {
+    /** id único, usado para o link/scroll da sidebar e TOC (#id) */
+    id: string;
+    /** número exibido antes do título, ex: "1", "2.1" */
+    number?: string;
+    /** título da secção */
+    title: string;
+    /** nível do título (1 = h2, 2 = h3). Padrão: 1 */
+    level?: 1 | 2;
+    /** blocos de conteúdo (parágrafos, listas) */
+    blocks?: ContentBlock[];
+    /** subsecções aninhadas */
+    subsections?: DocSection[];
+}
+/** Dados completos de uma página de documentação/política. */
+export interface DocPageData {
+    /** título da página */
+    title: string;
+    /** data da última atualização */
+    lastUpdated: string;
+    /** itens do breadcrumb */
+    breadcrumb: BreadcrumbItem[];
+    /** secções de conteúdo (usadas pela sidebar, TOC e renderização) */
+    sections: DocSection[];
+}
+/** Item derivado automaticamente das secções, para a tabela de conteúdos (TOC). */
+export interface TocItem {
+    id: string;
+    label: string;
+    level: 1 | 2;
+}
+export interface PrivacyPolicyOrTermsOfUseProps {
+    /** Variante do layout: 1 = sidebar+TOC, 2 = hero+coluna. */
+    variant?: 1 | 2;
+    /** Dados completos da página de documento. */
+    data: DocPageData;
+}

package/dist/components/pages/privacy-policy-or-terms-of-use/types.js

@@ -0,0 +1,5 @@
+/**
+ * Tipagem partilhada por todos os componentes da página de documentação/política.
+ * @module types
+ */
+export {};

package/dist/components/pages/{forget-password → security/forget-password}/01/ui/ForgetPasswordCard.svelte

@@ -1,21 +1,26 @@
+<script lang="ts" module>
+  /**
+   * @component ForgetPasswordCard
+   * Password recovery card with tabs, back button, and light switch.
+   *
+   * @example svelte
+   * <ForgetPasswordCard formType="EMAIL" onSubmit={(req) => console.log(req)} />
+   */
+</script>
+
 <script lang="ts">
-  import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
-  import ButtonBack from "../../../../core/button/ButtonBack.svelte";
+  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 { 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";
+  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;

package/dist/components/pages/{forget-password → security/forget-password}/01/ui/ForgetPasswordCard.svelte.d.ts

@@ -1,10 +1,5 @@
 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;

package/dist/components/pages/{forget-password → security/forget-password}/01/ui/FormForgetPassword.svelte

@@ -1,10 +1,20 @@
+<script lang="ts" module>
+  /**
+   * @component FormForgetPassword
+   * Password recovery form with email, phone, or both input.
+   *
+   * @example svelte
+   * <FormForgetPassword variant="EMAIL" onSubmit={(req) => console.log(req)} />
+   */
+</script>
+
 <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 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";
+  import ButtonSend from "../../../../../core/button/ButtonSend.svelte";
 
   type Props = {
     variant?: ForgetPasswordVariant;