negodesign 0.0.6 → 0.0.8

package/dist/index.d.ts

@@ -3,17 +3,38 @@ import InputUsername from "./components/core/form/ui/input-username.svelte";
 import InputPassword from "./components/core/form/ui/input-password.svelte";
 import InputPhone from "./components/core/form/ui/input-phone.svelte";
 import InputEmail from "./components/core/form/ui/input-email.svelte";
+import InputEmailOrPhone from "./components/core/form/ui/input-email-or-phone.svelte";
+import InputCodeOtp from "./components/core/form/ui/input-code-otp.svelte";
 import DataTableCore from "./components/core/datatable/ui/DataTableCore.svelte";
 import MenuBarSidebar from "./components/core/sidebar/MenuBarSidebar.svelte";
 import AdminContent from "./components/pages/admin/ui/AdminContent.svelte";
 import AdminPanel from "./components/pages/admin/ui/AdminPanel.svelte";
 import PageLogin from "./components/pages/login/PageLogin.svelte";
-import NegoDesignLayout from "./components/pages/NegoDesignLayout.svelte";
+import PageForgetPassword from "./components/pages/forget-password/PageForgetPassword.svelte";
+import PageResetPassword from "./components/pages/reset-password/PageResetPassword.svelte";
+import PageOtpVerification from "./components/pages/otp-verification/PageOtpVerification.svelte";
+import NegoDesign from "./components/NegoDesign.svelte";
+/** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
+export { locale } from "./i18n";
+/** Lista de idiomas disponíveis. Atualizado automaticamente. */
+export { locales } from "./i18n";
+/** Função de tradução reativa. Use `$t("chave")` nos templates. */
+export { t } from "./i18n";
+/** Retorna as traduções mescladas (base + customizadas). */
+export { getMergedTranslations } from "./i18n/config";
+/** Retorna a lista de idiomas disponíveis. */
+export { getLocales } from "./i18n/config";
 export { 
-/** Página de configurações para uma aplicação da negodesign. @see NegoDesignLayout */
-NegoDesignLayout, 
+/** Componente raiz do Negodesign. Configura o tema, idioma e traduções. @property {Record<string, Record<string, string>>} translations - Traduções customizadas @property {Snippet} children - Conteúdo da aplicação */
+NegoDesign, 
 /** Página de login com carousel hero e card de autenticação. @see PageLoginProps */
 PageLogin, 
+/** Página de recuperação de senha com carousel hero e card de recuperação. @see PageForgetPasswordProps */
+PageForgetPassword, 
+/** Página de redefinição de senha com carousel hero e card de redefinição. @see PageResetPasswordProps */
+PageResetPassword, 
+/** Página de verificação OTP com carousel hero e card de verificação. @see PageOtpVerificationProps */
+PageOtpVerification, 
 /** Tabela de dados genérica com paginação, ordenação e filtros. @see DataTableItem */
 DataTableCore, 
 /** Sidebar de navegação com menus, usuário e botões. @see MenuBarSidebar */
@@ -26,6 +47,10 @@ AdminContent,
 InputEmail, 
 /** Campo de input para telefone. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
 InputPhone, 
+/** Campo de input para email ou telefone. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
+InputEmailOrPhone, 
+/** Campo de input para código OTP. @property {number} length - Quantidade de caixas @property {boolean} separator - Exibir separador */
+InputCodeOtp, 
 /** Campo de input para senha. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
 InputPassword, 
 /** Campo de input para nome de usuário. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */

package/dist/index.js

@@ -3,17 +3,38 @@ import InputUsername from "./components/core/form/ui/input-username.svelte";
 import InputPassword from "./components/core/form/ui/input-password.svelte";
 import InputPhone from "./components/core/form/ui/input-phone.svelte";
 import InputEmail from "./components/core/form/ui/input-email.svelte";
+import InputEmailOrPhone from "./components/core/form/ui/input-email-or-phone.svelte";
+import InputCodeOtp from "./components/core/form/ui/input-code-otp.svelte";
 import DataTableCore from "./components/core/datatable/ui/DataTableCore.svelte";
 import MenuBarSidebar from "./components/core/sidebar/MenuBarSidebar.svelte";
 import AdminContent from "./components/pages/admin/ui/AdminContent.svelte";
 import AdminPanel from "./components/pages/admin/ui/AdminPanel.svelte";
 import PageLogin from "./components/pages/login/PageLogin.svelte";
-import NegoDesignLayout from "./components/pages/NegoDesignLayout.svelte";
+import PageForgetPassword from "./components/pages/forget-password/PageForgetPassword.svelte";
+import PageResetPassword from "./components/pages/reset-password/PageResetPassword.svelte";
+import PageOtpVerification from "./components/pages/otp-verification/PageOtpVerification.svelte";
+import NegoDesign from "./components/NegoDesign.svelte";
+/** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
+export { locale } from "./i18n";
+/** Lista de idiomas disponíveis. Atualizado automaticamente. */
+export { locales } from "./i18n";
+/** Função de tradução reativa. Use `$t("chave")` nos templates. */
+export { t } from "./i18n";
+/** Retorna as traduções mescladas (base + customizadas). */
+export { getMergedTranslations } from "./i18n/config";
+/** Retorna a lista de idiomas disponíveis. */
+export { getLocales } from "./i18n/config";
 export { 
-/** Página de configurações para uma aplicação da negodesign. @see NegoDesignLayout */
-NegoDesignLayout, 
+/** Componente raiz do Negodesign. Configura o tema, idioma e traduções. @property {Record<string, Record<string, string>>} translations - Traduções customizadas @property {Snippet} children - Conteúdo da aplicação */
+NegoDesign, 
 /** Página de login com carousel hero e card de autenticação. @see PageLoginProps */
 PageLogin, 
+/** Página de recuperação de senha com carousel hero e card de recuperação. @see PageForgetPasswordProps */
+PageForgetPassword, 
+/** Página de redefinição de senha com carousel hero e card de redefinição. @see PageResetPasswordProps */
+PageResetPassword, 
+/** Página de verificação OTP com carousel hero e card de verificação. @see PageOtpVerificationProps */
+PageOtpVerification, 
 /** Tabela de dados genérica com paginação, ordenação e filtros. @see DataTableItem */
 DataTableCore, 
 /** Sidebar de navegação com menus, usuário e botões. @see MenuBarSidebar */
@@ -26,6 +47,10 @@ AdminContent,
 InputEmail, 
 /** Campo de input para telefone. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
 InputPhone, 
+/** Campo de input para email ou telefone. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
+InputEmailOrPhone, 
+/** Campo de input para código OTP. @property {number} length - Quantidade de caixas @property {boolean} separator - Exibir separador */
+InputCodeOtp, 
 /** Campo de input para senha. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */
 InputPassword, 
 /** Campo de input para nome de usuário. @property {string} value - Valor vinculado @property {string} label - Rótulo personalizado */

package/dist/types/index.d.ts

@@ -0,0 +1,27 @@
+import type { LoginVariant, LoginRequestDto, LinkProps, PageLoginProps } from "../components/pages/login/types";
+import type { ForgetPasswordVariant, ForgetPasswordRequestDto, PageForgetPasswordProps } from "../components/pages/forget-password/types";
+import type { ResetPasswordRequestDto, PageResetPasswordProps } from "../components/pages/reset-password/types";
+import type { OtpVerificationRequestDto, PageOtpVerificationProps } from "../components/pages/otp-verification/types";
+export type { 
+/**  Dados necessários para autenticação de um utilizador. @see LoginRequestDto */
+LoginRequestDto, 
+/** Tipo de formulário de login. @see AuthFormType */
+LoginVariant, 
+/** Configuração de link externo. @see LinkProps */
+LinkProps, 
+/** Props do componente PageLogin. @see PageLoginProps */
+PageLoginProps, 
+/** Variante do formulário de recuperação de senha. @see ForgetPasswordVariant */
+ForgetPasswordVariant, 
+/** Dados necessários para recuperação de senha. @see ForgetPasswordRequestDto */
+ForgetPasswordRequestDto, 
+/** Props do componente PageForgetPassword. @see PageForgetPasswordProps */
+PageForgetPasswordProps, 
+/** Dados necessários para redefinição de senha. @see ResetPasswordRequestDto */
+ResetPasswordRequestDto, 
+/** Props do componente PageResetPassword. @see PageResetPasswordProps */
+PageResetPasswordProps, 
+/** Dados necessários para verificação OTP. @see OtpVerificationRequestDto */
+OtpVerificationRequestDto, 
+/** Props do componente PageOtpVerification. @see PageOtpVerificationProps */
+PageOtpVerificationProps };

package/dist/types/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.6",
+	"version": "0.0.8",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [
@@ -15,6 +15,15 @@
 			"svelte": "./dist/index.js",
 			"default": "./dist/index.js"
 		},
+		"./types": {
+			"types": "./dist/types/index.d.ts",
+			"default": "./dist/types/index.js"
+		},
+		"./i18n": {
+			"types": "./dist/i18n/index.d.ts",
+			"svelte": "./dist/i18n/index.js",
+			"default": "./dist/i18n/index.js"
+		},
 		"./styles.css": "./dist/globals.css",
 		"./*.svelte": "./dist/*.svelte",
 		"./*": {
@@ -46,7 +55,7 @@
 		"@hugeicons/core-free-icons": "^4.2.3",
 		"@hugeicons/svelte": "^1.1.4",
 		"@internationalized/date": "^3.12.2",
-		"@lucide/svelte": "^0.577.0",
+		"@lucide/svelte": "^1.27.0",
 		"@tanstack/table-core": "^8.21.3",
 		"@types/d3-scale": "^4.0.9",
 		"@types/d3-shape": "^3.1.8",
@@ -60,7 +69,7 @@
 		"svelte-sonner": "^1.1.1",
 		"svelte-toolbelt": "^0.10.6",
 		"tailwind-merge": "^3.6.0",
-		"tailwind-variants": "^3.2.2",
+		"tailwind-variants": "^3.3.0",
 		"vaul-svelte": "^1.0.0-next.7",
 		"zod": "^4.4.3"
 	},
@@ -78,6 +87,7 @@
 		"@tailwindcss/vite": "^4.3.0",
 		"@types/node": "^22",
 		"@vitest/browser-playwright": "^4.1.8",
+		"country-flag-icons": "^1.6.20",
 		"eslint": "^10.4.1",
 		"eslint-plugin-svelte": "^3.19.0",
 		"globals": "^17.6.0",
@@ -86,6 +96,7 @@
 		"svelte": "^5.56.8",
 		"svelte-check": "^4.6.0",
 		"svelte-preprocess": "^6.0.5",
+		"svelte-tel-input": "^4.3.2",
 		"tailwindcss": "^4.3.0",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "^6.0.3",

package/dist/components/button.svelte

@@ -1,83 +0,0 @@
-<script lang="ts" module>
-	import type { MouseEventHandler } from 'svelte/elements';
-
-	export type ButtonProps = ButtonPrimitiveProps & {
-		loading?: boolean;
-		onClickPromise?: (
-			e:
-				| Parameters<MouseEventHandler<HTMLButtonElement>>[0]
-				| Parameters<MouseEventHandler<HTMLAnchorElement>>[0]
-		) => Promise<void>;
-	};
-
-	export type Size = 'default' | 'xs' | 'sm' | 'lg';
-
-	/**
-	 * Map sizes to their icon/normal size variant
-	 */
-	export const sizeMap = {
-		default: {
-			icon: 'icon',
-			normal: 'default'
-		},
-		xs: {
-			icon: 'icon-xs',
-			normal: 'xs'
-		},
-		sm: {
-			icon: 'icon-sm',
-			normal: 'sm'
-		},
-		lg: {
-			icon: 'icon-lg',
-			normal: 'lg'
-		}
-	} as const;
-
-	export { type ButtonSize, type ButtonVariant } from './ui/button';
-</script>
-
-<script lang="ts">
-	import { Button, type ButtonProps as ButtonPrimitiveProps } from './ui/button';
-	import { Spinner } from './ui/spinner';
-	import { cn } from '../utils.js';
-
-	let {
-		ref = $bindable(null),
-		loading: loadingProp = false,
-		onClickPromise,
-		onclick,
-		disabled,
-		class: className,
-		children,
-		...restProps
-	}: ButtonProps = $props();
-
-	let pending = $state(false);
-
-	const loading = $derived(loadingProp || pending);
-</script>
-
-<Button
-	bind:ref
-	class={cn(loading && '[&_svg:not([data-loading-icon])]:hidden', className)}
-	disabled={loading || disabled}
-	onclick={async (e) => {
-		onclick?.(e as never);
-
-		if (onClickPromise) {
-			pending = true;
-			try {
-				await onClickPromise(e);
-			} finally {
-				pending = false;
-			}
-		}
-	}}
-	{...restProps}
->
-	{#if loading}
-		<Spinner data-icon="inline-start" data-loading-icon />
-	{/if}
-	{@render children?.()}
-</Button>

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

@@ -1,32 +0,0 @@
-import type { MouseEventHandler } from 'svelte/elements';
-export type ButtonProps = ButtonPrimitiveProps & {
-    loading?: boolean;
-    onClickPromise?: (e: Parameters<MouseEventHandler<HTMLButtonElement>>[0] | Parameters<MouseEventHandler<HTMLAnchorElement>>[0]) => Promise<void>;
-};
-export type Size = 'default' | 'xs' | 'sm' | 'lg';
-/**
- * Map sizes to their icon/normal size variant
- */
-export declare const sizeMap: {
-    readonly default: {
-        readonly icon: "icon";
-        readonly normal: "default";
-    };
-    readonly xs: {
-        readonly icon: "icon-xs";
-        readonly normal: "xs";
-    };
-    readonly sm: {
-        readonly icon: "icon-sm";
-        readonly normal: "sm";
-    };
-    readonly lg: {
-        readonly icon: "icon-lg";
-        readonly normal: "lg";
-    };
-};
-export { type ButtonSize, type ButtonVariant } from './ui/button';
-import { Button, type ButtonProps as ButtonPrimitiveProps } from './ui/button';
-declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
-type Button = ReturnType<typeof Button>;
-export default Button;

package/dist/components/pages/NegoDesignLayout.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { ModeWatcher } from "mode-watcher";
-  let { children } = $props();
-</script>
-
-<ModeWatcher />
-{@render children()}

package/dist/components/pages/NegoDesignLayout.svelte.d.ts

@@ -1,5 +0,0 @@
-declare const NegoDesignLayout: import("svelte").Component<{
-    children: any;
-}, {}, "">;
-type NegoDesignLayout = ReturnType<typeof NegoDesignLayout>;
-export default NegoDesignLayout;