negodesign 0.0.11 → 0.0.12

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

@@ -1,5 +1,4 @@
 import type { LoginRequestDto, LinkProps } from "../../types";
-/** Form de login com username e senha. Wrapper fino de FormLogin variant="USERNAME". */
 type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import InputPasswordConfirm from "../../../../core/form/ui/input-password-confirm.svelte";
-  import InputPassword from "../../../../core/form/ui/input-password.svelte";
-  import InputEmail from "../../../../core/form/ui/input-email.svelte";
-  import ButtonLogin from "../../../../core/button/ButtonLogin.svelte";
-  import { t } from "../../../../../i18n";
+  import InputPasswordConfirm from "../../../../../core/form/ui/input-password-confirm.svelte";
+  import InputPassword from "../../../../../core/form/ui/input-password.svelte";
+  import InputEmail from "../../../../../core/form/ui/input-email.svelte";
+  import ButtonLogin from "../../../../../core/button/ButtonLogin.svelte";
+  import { t } from "../../../../../../i18n";
 
   let email = $state("");
   let password = $state("");

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

@@ -1,28 +1,30 @@
+<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 "../../../../core/link/link-terms-of-service.svelte";
-  import LinkPrivacyPolity from "../../../../core/link/link-privacy-polity.svelte";
-  import TabUnderline from "../../../../core/tabs/ui/tab-underline.svelte";
-  import ButtonBack from "../../../../core/button/ButtonBack.svelte";
-  import LabelOr from "../../../../core/label/LabelOr.svelte";
+  import LanguageSwitcher from "../../../../../ui/language-switcher/language-switcher.svelte";
+  import LinkTermsOfService from "../../../../../core/link/link-terms-of-service.svelte";
+  import LinkPrivacyPolity from "../../../../../core/link/link-privacy-polity.svelte";
+  import TabUnderline from "../../../../../core/tabs/ui/tab-underline.svelte";
+  import ButtonBack from "../../../../../core/button/ButtonBack.svelte";
+  import LabelOr from "../../../../../core/label/LabelOr.svelte";
   import type { Snippet } from "svelte";
-  import { LightSwitch } from "../../../../ui/light-switch";
-  import { t } from "../../../../../i18n";
-  import type { AuthFormType, LoginRequestDto, LinkProps } from "../../types";
+  import { LightSwitch } from "../../../../../ui/light-switch";
+  import { t } from "../../../../../../i18n";
+  import type { LoginFormType, LoginRequestDto, LinkProps } from "../../types";
   import FormLoginEmailPassword from "./FormLoginEmailPassword.svelte";
   import FormLoginUsernamePassword from "./FormLoginUsernamePassword.svelte";
   import FormLoginPhonePassword from "./FormLoginPhonePassword.svelte";
 
-  /**
-   * Card de autenticação com abas login/register.
-   * @property {AuthFormType} formType - Tipo do form (EMAIL_PASSWORD, USERNAME_PASSWORD, PHONE_PASSWORD)
-   * @property {(cred: Credential) => void} onSubmit - Callback ao submeter credenciais
-   * @property {Snippet} register - Snippet do form de registro (opcional, exibe aba Register)
-   * @property {LinkProps} privacyPolicy - Config do link de privacidade { url, onclick }
-   * @property {LinkProps} termsOfService - Config do link de termos { url, onclick }
-   */
   type Props = {
-    formType?: AuthFormType;
+    formType?: LoginFormType;
     onSubmit?: (credential: LoginRequestDto) => void;
     register?: Snippet;
     forgetPassword?: LinkProps;
@@ -30,8 +32,14 @@
     termsOfService?: LinkProps;
   };
 
-  let { formType, onSubmit, register, forgetPassword, privacyPolicy, termsOfService }: Props =
-    $props();
+  let {
+    formType,
+    onSubmit,
+    register,
+    forgetPassword,
+    privacyPolicy,
+    termsOfService,
+  }: Props = $props();
 </script>
 
 <div class="flex-1 flex flex-col justify-between h-screen bg-gradient-right">

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

@@ -0,0 +1,13 @@
+import type { Snippet } from "svelte";
+import type { LoginFormType, LoginRequestDto, LinkProps } from "../../types";
+type Props = {
+    formType?: LoginFormType;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    register?: Snippet;
+    forgetPassword?: LinkProps;
+    privacyPolicy?: LinkProps;
+    termsOfService?: LinkProps;
+};
+declare const LoginCard: import("svelte").Component<Props, {}, "">;
+type LoginCard = ReturnType<typeof LoginCard>;
+export default LoginCard;

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

@@ -1,18 +1,19 @@
+<script lang="ts" module>
+  /**
+   * @component PageLogin01
+   * Variant 01 of the login page. Split layout: hero on the left, auth card on the right.
+   *
+   * @example svelte
+   * <PageLogin01 formType="USERNAME_PASSWORD" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
 <script lang="ts">
   import AuthCard from "./LoginCard.svelte";
-  import LeftHero from "../../../../core/panel/LeftHero.svelte";
+  import LeftHero from "../../../../../core/panel/LeftHero.svelte";
   import type { PageLoginProps } from "../../types";
-  import { t } from "../../../../../i18n";
+  import { t } from "../../../../../../i18n";
 
-  /**
-   * Variante 01 da página de login.
-   * Layout split: hero à esquerda, auth card à direita.
-   * @property {CarouselItem[]} carousel - Itens do carousel (opcional, usa valores padrão)
-   * @property {string} title - Título do hero
-   * @property {AuthFormType} formType - Tipo do form de login
-   * @property {LinkProps} privacyPolicy - Config do link de privacidade
-   * @property {LinkProps} termsOfService - Config do link de termos
-   */
   let {
     carousel,
     varient,

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

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+  /**
+   * @component PageLogin
+   * Main login page. Routes to the specified layout variant.
+   *
+   * @example svelte
+   * <PageLogin varient="01" formType="EMAIL_PASSWORD" onSubmit={(cred) => login(cred)} />
+   */
+</script>
+
+<script lang="ts">
+  import type { PageLoginProps } from "./types";
+  import PageLogin01 from "./01/ui/PageLogin01.svelte";
+
+  type Props = {
+    variant?: 1;
+  };
+
+  let { ...props }: PageLoginProps & Props = $props();
+</script>
+
+<PageLogin01 {...props} />

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

@@ -0,0 +1,8 @@
+import type { PageLoginProps } from "./types";
+type Props = {
+    variant?: 1;
+};
+type $$ComponentProps = PageLoginProps & Props;
+declare const PageLogin: import("svelte").Component<$$ComponentProps, {}, "">;
+type PageLogin = ReturnType<typeof PageLogin>;
+export default PageLogin;

package/dist/components/pages/security/login/types.d.ts

@@ -0,0 +1,33 @@
+import type { Snippet } from "svelte";
+export type LoginFormType = "EMAIL_PASSWORD" | "PHONE_PASSWORD" | "USERNAME_PASSWORD";
+export type LoginCarouselItemType = "NUMBER" | "DOT" | "POINTER";
+export type LoginVariant = "EMAIL" | "USERNAME" | "PHONE";
+export interface LoginCarouselItem {
+    title: string;
+    description: string;
+    buttonText: string;
+    buttonUrl?: string;
+}
+export interface LoginCarouselProps {
+    items: LoginCarouselItem[];
+    varient: LoginCarouselItemType;
+}
+export type LoginRequestDto = {
+    password: string;
+    data: string;
+};
+export type LinkProps = {
+    url?: string;
+    onclick?: () => void;
+};
+export type PageLoginProps = {
+    carousel?: LoginCarouselItem[];
+    varient?: LoginCarouselItemType;
+    title?: string;
+    children?: Snippet;
+    formType?: LoginFormType;
+    onSubmit?: (credential: LoginRequestDto) => void;
+    forgetPassword?: LinkProps;
+    privacyPolicy?: LinkProps;
+    termsOfService?: LinkProps;
+};

package/dist/components/pages/security/login/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/pages/{otp-verification → security/otp-verification}/01/ui/FormOtpVerification.svelte

@@ -1,7 +1,17 @@
+<script lang="ts" module>
+  /**
+   * @component FormOtpVerification
+   * OTP verification form with code input and submit button.
+   *
+   * @example svelte
+   * <FormOtpVerification otpLength={6} onSubmit={(req) => verify(req)} />
+   */
+</script>
+
 <script lang="ts">
-  import InputCodeOtp from "../../../../core/form/ui/input-code-otp.svelte";
-  import ButtonSend from "../../../../core/button/ButtonSend.svelte";
-  import { t } from "../../../../../i18n";
+  import InputCodeOtp from "../../../../../core/form/ui/input-code-otp.svelte";
+  import ButtonSend from "../../../../../core/button/ButtonSend.svelte";
+  import { t } from "../../../../../../i18n";
   import type { OtpVerificationRequestDto } from "../../types";
 
   type Props = {

package/dist/components/pages/{otp-verification → security/otp-verification}/01/ui/OtpVerificationCard.svelte

@@ -1,18 +1,23 @@
+<script lang="ts" module>
+  /**
+   * @component OtpVerificationCard
+   * OTP verification card with tabs, back button, and light switch.
+   *
+   * @example svelte
+   * <OtpVerificationCard otpLength={6} onSubmit={(req) => verify(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 { OtpVerificationRequestDto } from "../../types";
   import FormOtpVerification from "./FormOtpVerification.svelte";
-  import TabUnderline from "../../../../core/tabs/ui/tab-underline.svelte";
+  import TabUnderline from "../../../../../core/tabs/ui/tab-underline.svelte";
 
-  /**
-   * Card de verificação OTP.
-   * @property {number} otpLength - Quantidade de caixas do código OTP
-   * @property {(req: OtpVerificationRequestDto) => void} onSubmit - Callback ao submeter
-   */
   type Props = {
     otpLength?: number;
     onSubmit?: (request: OtpVerificationRequestDto) => void;

package/dist/components/pages/{otp-verification → security/otp-verification}/01/ui/OtpVerificationCard.svelte.d.ts

@@ -1,10 +1,5 @@
 import type { Snippet } from "svelte";
 import type { OtpVerificationRequestDto } from "../../types";
-/**
- * Card de verificação OTP.
- * @property {number} otpLength - Quantidade de caixas do código OTP
- * @property {(req: OtpVerificationRequestDto) => void} onSubmit - Callback ao submeter
- */
 type Props = {
     otpLength?: number;
     onSubmit?: (request: OtpVerificationRequestDto) => void;

package/dist/components/pages/{otp-verification → security/otp-verification}/01/ui/PageOtpVerification01.svelte

@@ -1,13 +1,19 @@
+<script lang="ts" module>
+  /**
+   * @component PageOtpVerification01
+   * Variant 01 of the OTP verification page. Split layout: hero on the left, card on the right.
+   *
+   * @example svelte
+   * <PageOtpVerification01 otpLength={6} onSubmit={(req) => verify(req)} />
+   */
+</script>
+
 <script lang="ts">
   import OtpVerificationCard from "./OtpVerificationCard.svelte";
-  import LeftHero from "../../../../core/panel/LeftHero.svelte";
+  import LeftHero from "../../../../../core/panel/LeftHero.svelte";
   import type { PageOtpVerificationProps } from "../../types";
-  import { t } from "../../../../../i18n";
+  import { t } from "../../../../../../i18n";
 
-  /**
-   * Variante 01 da página de verificação OTP.
-   * Layout split: hero à esquerda (reutiliza do login), card de verificação à direita.
-   */
   let {
     carousel,
     varient,

package/dist/components/pages/{otp-verification → security/otp-verification}/PageOtpVerification.svelte

@@ -1,11 +1,17 @@
+<script lang="ts" module>
+  /**
+   * @component PageOtpVerification
+   * OTP verification page. Routes to the specified layout variant.
+   *
+   * @example svelte
+   * <PageOtpVerification varient="01" otpLength={6} onSubmit={(req) => verify(req)} />
+   */
+</script>
+
 <script lang="ts">
   import type { PageOtpVerificationProps } from "./types";
   import PageOtpVerification01 from "./01/ui/PageOtpVerification01.svelte";
 
-  /**
-   * Página de verificação OTP.
-   * @property {"01"} varient - Variante do layout
-   */
   type Props = {
     varient?: "01";
   };

package/dist/components/pages/{otp-verification → security/otp-verification}/PageOtpVerification.svelte.d.ts

@@ -1,8 +1,4 @@
 import type { PageOtpVerificationProps } from "./types";
-/**
- * Página de verificação OTP.
- * @property {"01"} varient - Variante do layout
- */
 type Props = {
     varient?: "01";
 };

package/dist/components/pages/{otp-verification → security/otp-verification}/types.d.ts

@@ -1,11 +1,11 @@
-import type { CarouselItem, CarouselItemType } from "../../core/carousel/data/CarouselModel";
+import type { LoginCarouselItem, LoginCarouselItemType } from "../login/types";
 import type { Snippet } from "svelte";
 export type OtpVerificationRequestDto = {
     code: string;
 };
 export type PageOtpVerificationProps = {
-    carousel?: CarouselItem[];
-    varient?: CarouselItemType;
+    carousel?: LoginCarouselItem[];
+    varient?: LoginCarouselItemType;
     title?: string;
     children?: Snippet;
     otpLength?: number;

package/dist/components/pages/security/otp-verification/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/pages/{reset-password → security/reset-password}/01/ui/FormResetPassword.svelte

@@ -1,9 +1,19 @@
+<script lang="ts" module>
+  /**
+   * @component FormResetPassword
+   * Password reset form with OTP, password, and password confirmation.
+   *
+   * @example svelte
+   * <FormResetPassword otpLength={6} onSubmit={(req) => reset(req)} />
+   */
+</script>
+
 <script lang="ts">
-  import InputCodeOtp from "../../../../core/form/ui/input-code-otp.svelte";
-  import InputPassword from "../../../../core/form/ui/input-password.svelte";
-  import InputPasswordConfirm from "../../../../core/form/ui/input-password-confirm.svelte";
-  import ButtonSend from "../../../../core/button/ButtonSend.svelte";
-  import { t } from "../../../../../i18n";
+  import InputCodeOtp from "../../../../../core/form/ui/input-code-otp.svelte";
+  import InputPassword from "../../../../../core/form/ui/input-password.svelte";
+  import InputPasswordConfirm from "../../../../../core/form/ui/input-password-confirm.svelte";
+  import ButtonSend from "../../../../../core/button/ButtonSend.svelte";
+  import { t } from "../../../../../../i18n";
   import type { ResetPasswordRequestDto } from "../../types";
 
   type Props = {

package/dist/components/pages/{reset-password → security/reset-password}/01/ui/PageResetPassword01.svelte

@@ -1,13 +1,19 @@
+<script lang="ts" module>
+  /**
+   * @component PageResetPassword01
+   * Variant 01 of the password reset page. Split layout: hero on the left, card on the right.
+   *
+   * @example svelte
+   * <PageResetPassword01 otpLength={6} onSubmit={(req) => reset(req)} />
+   */
+</script>
+
 <script lang="ts">
   import ResetPasswordCard from "./ResetPasswordCard.svelte";
-  import LeftHero from "../../../../core/panel/LeftHero.svelte";
+  import LeftHero from "../../../../../core/panel/LeftHero.svelte";
   import type { PageResetPasswordProps } from "../../types";
-  import { t } from "../../../../../i18n";
+  import { t } from "../../../../../../i18n";
 
-  /**
-   * Variante 01 da página de redefinição de senha.
-   * Layout split: hero à esquerda (reutiliza do login), card de redefinição à direita.
-   */
   let {
     carousel,
     varient,

package/dist/components/pages/{reset-password → security/reset-password}/01/ui/ResetPasswordCard.svelte

@@ -1,18 +1,23 @@
+<script lang="ts" module>
+  /**
+   * @component ResetPasswordCard
+   * Password reset card with tabs, back button, and light switch.
+   *
+   * @example svelte
+   * <ResetPasswordCard otpLength={6} onSubmit={(req) => reset(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 { ResetPasswordRequestDto } from "../../types";
   import FormResetPassword from "./FormResetPassword.svelte";
-  import TabUnderline from "../../../../core/tabs/ui/tab-underline.svelte";
+  import TabUnderline from "../../../../../core/tabs/ui/tab-underline.svelte";
 
-  /**
-   * Card de redefinição de senha.
-   * @property {number} otpLength - Quantidade de caixas do código OTP
-   * @property {(req: ResetPasswordRequestDto) => void} onSubmit - Callback ao submeter
-   */
   type Props = {
     otpLength?: number;
     onSubmit?: (request: ResetPasswordRequestDto) => void;

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

@@ -1,10 +1,5 @@
 import type { Snippet } from "svelte";
 import type { ResetPasswordRequestDto } from "../../types";
-/**
- * Card de redefinição de senha.
- * @property {number} otpLength - Quantidade de caixas do código OTP
- * @property {(req: ResetPasswordRequestDto) => void} onSubmit - Callback ao submeter
- */
 type Props = {
     otpLength?: number;
     onSubmit?: (request: ResetPasswordRequestDto) => void;

package/dist/components/pages/{reset-password → security/reset-password}/PageResetPassword.svelte

@@ -1,11 +1,17 @@
+<script lang="ts" module>
+  /**
+   * @component PageResetPassword
+   * Password reset page. Routes to the specified layout variant.
+   *
+   * @example svelte
+   * <PageResetPassword varient="01" otpLength={6} onSubmit={(req) => reset(req)} />
+   */
+</script>
+
 <script lang="ts">
   import type { PageResetPasswordProps } from "./types";
   import PageResetPassword01 from "./01/ui/PageResetPassword01.svelte";
 
-  /**
-   * Página de redefinição de senha.
-   * @property {"01"} varient - Variante do layout
-   */
   type Props = {
     varient?: "01";
   };

package/dist/components/pages/{reset-password → security/reset-password}/PageResetPassword.svelte.d.ts

@@ -1,8 +1,4 @@
 import type { PageResetPasswordProps } from "./types";
-/**
- * Página de redefinição de senha.
- * @property {"01"} varient - Variante do layout
- */
 type Props = {
     varient?: "01";
 };

package/dist/components/pages/{reset-password → security/reset-password}/types.d.ts

@@ -1,4 +1,4 @@
-import type { CarouselItem, CarouselItemType } from "../../core/carousel/data/CarouselModel";
+import type { LoginCarouselItem, LoginCarouselItemType } from "../login/types";
 import type { Snippet } from "svelte";
 export type ResetPasswordRequestDto = {
     code: string;
@@ -6,8 +6,8 @@ export type ResetPasswordRequestDto = {
     confirmPassword: string;
 };
 export type PageResetPasswordProps = {
-    carousel?: CarouselItem[];
-    varient?: CarouselItemType;
+    carousel?: LoginCarouselItem[];
+    varient?: LoginCarouselItemType;
     title?: string;
     children?: Snippet;
     otpLength?: number;

package/dist/components/pages/security/reset-password/types.js

@@ -0,0 +1 @@
+export {};