negodesign 0.0.73 → 0.0.74

package/dist/components/pages/product-details/shared/ProductDetailPrice.svelte

@@ -11,7 +11,8 @@
 </script>
 
 <script lang="ts">
-  import CardStartPrice from "../../../core/card/promotion/CardPromotionPrice.svelte";
+  import CardPromotionPrice from "../../../ui/card/core/promotion/CardPromotionPrice.svelte";
+
   import Skeleton from "../../../ui/skeleton/skeleton.svelte";
 
   let {
@@ -39,6 +40,6 @@
   <Skeleton class="h-7 w-28 rounded-md" />
 {:else if formatted || oldPrice}
   <div class="flex items-end gap-3">
-    <CardStartPrice newPrice={formatted} {oldPrice} />
+    <CardPromotionPrice newPrice={formatted} {oldPrice} />
   </div>
 {/if}

package/dist/components/pages/product-details/shared/ProductDetailRating.svelte

@@ -11,7 +11,8 @@
 </script>
 
 <script lang="ts">
-  import CardStarRating from "../../../core/card/shared/CardStarRating.svelte";
+  import CardStarRating from "../../../ui/card/core/shared/CardStarRating.svelte";
+
   import Skeleton from "../../../ui/skeleton/skeleton.svelte";
 
   let {

package/dist/components/pages/product-details/shared/ProductDetailReviews.svelte

@@ -11,7 +11,8 @@
 </script>
 
 <script lang="ts">
-  import CardStarRating from "../../../core/card/shared/CardStarRating.svelte";
+  import CardStarRating from "../../../ui/card/core/shared/CardStarRating.svelte";
+
   import Skeleton from "../../../ui/skeleton/skeleton.svelte";
   import type { ProductDetailsReviewProps } from "../types";
 

package/dist/components/pages/product-details/shared/ProductDetailTags.svelte

@@ -11,7 +11,8 @@
 </script>
 
 <script lang="ts">
-  import CardTags from "../../../core/card/shared/CardTags.svelte";
+  import CardTags from "../../../ui/card/core/shared/CardTags.svelte";
+
   import Skeleton from "../../../ui/skeleton/skeleton.svelte";
   import type { ProductDetailsTag } from "../types";
 
@@ -31,5 +32,5 @@
     {/each}
   </div>
 {:else if tags?.length}
-  <CardTags tags={tags} isWrap />
+  <CardTags {tags} isWrap />
 {/if}

package/dist/components/pages/product-details/shared/ProductPromotionDetails.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import CardPromotionPrice from "../../../core/card/promotion/CardPromotionPrice.svelte";
+  import CardPromotionPrice from "../../../ui/card/core/promotion/CardPromotionPrice.svelte";
   import Skeleton from "../../../ui/skeleton/skeleton.svelte";
   import type { ProductPromotionDetailsProps } from "../types";
 

package/dist/components/pages/profile-user/shared/ProfileUserAddress.svelte

@@ -1,83 +1,83 @@
-<script lang="ts" module>
-	/**
-	 * Lista de moradas do utilizador com opção de adicionar e badge para default.
-	 * Extraído da variante 1. Todos os textos são parametrizáveis com defaults via i18n.
-	 * @component
-	 */
-</script>
-
-<script lang="ts">
-	import { MapPin, PlusSignIcon } from "@hugeicons/core-free-icons";
-	import { HugeiconsIcon } from "@hugeicons/svelte";
-	import Badge from "../../../ui/badge/badge.svelte";
-	import Button from "../../../ui/button/button.svelte";
-	import Skeleton from "../../../ui/skeleton/skeleton.svelte";
-	import { cn } from "../../../../utils.js";
-	import { t } from "../../../../i18n";
-	import type { ProfileUserAddress, ProfileUserAddressProps } from "../types";
-
-	let {
-		addresses,
-		isLoading = false,
-		onAddAddress,
-		className,
-		title = $t("profile-user.variant1.addresses.title"),
-		addLabel = $t("profile-user.variant1.addresses.add"),
-		defaultBadge = $t("profile-user.variant1.addresses.defaultBadge"),
-		emptyText = $t("profile-user.variant1.addresses.empty"),
-	}: ProfileUserAddressProps & {
-		addresses?: ProfileUserAddress[];
-		isLoading?: boolean;
-	} = $props();
-</script>
-
-<section
-	class={cn("rounded-lg border bg-card p-6", className)}
-	data-slot="profile-user-address"
->
-	<div class="mb-6 flex items-center justify-between">
-		<h3 class="text-lg font-semibold">{title}</h3>
-		<Button variant="ghost" size="sm" onclick={onAddAddress}>
-			<HugeiconsIcon icon={PlusSignIcon} class="size-4" />
-			{addLabel}
-		</Button>
-	</div>
-
-	{#if isLoading}
-		<div class="grid gap-4 md:grid-cols-2">
-			{#each Array.from({ length: 2 }) as _, i (i)}
-				<Skeleton class="h-32 w-full rounded-md" />
-			{/each}
-		</div>
-	{:else if addresses && addresses.length > 0}
-		<div class="grid gap-4 md:grid-cols-2">
-			{#each addresses as address (address.id)}
-				<div
-					class={cn(
-						"rounded-md border p-4 transition-colors",
-						address.isDefault ? "border-primary bg-primary/5" : ""
-					)}
-				>
-					<div class="mb-2 flex items-center justify-between">
-						<span class="font-medium">{address.label}</span>
-						{#if address.isDefault}
-							<Badge>{defaultBadge}</Badge>
-						{/if}
-					</div>
-					<div class="flex flex-col gap-1 text-sm text-muted-foreground">
-						<p class="flex items-start gap-1.5">
-							<HugeiconsIcon icon={MapPin} class="mt-0.5 size-4 shrink-0" />
-							{address.street}
-							{#if address.apartment}, {address.apartment}{/if}
-						</p>
-						{#if address.state || address.zip}
-							<p class="pl-5.5">{address.state ?? ""} {address.zip ?? ""}</p>
-						{/if}
-					</div>
-				</div>
-			{/each}
-		</div>
-	{:else}
-		<p class="text-sm text-muted-foreground">{emptyText}</p>
-	{/if}
-</section>
+<script lang="ts" module>
+	/**
+	 * Lista de moradas do utilizador com opção de adicionar e badge para default.
+	 * Extraído da variante 1. Todos os textos são parametrizáveis com defaults via i18n.
+	 * @component
+	 */
+</script>
+
+<script lang="ts">
+	import { MapPin, PlusSignIcon } from "@hugeicons/core-free-icons";
+	import { HugeiconsIcon } from "@hugeicons/svelte";
+	import Badge from "../../../ui/badge/badge.svelte";
+	import Button from "../../../ui/button/button.svelte";
+	import Skeleton from "../../../ui/skeleton/skeleton.svelte";
+	import { cn } from "../../../../utils.js";
+	import { t } from "../../../../i18n";
+	import type { ProfileUserAddress, ProfileUserAddressProps } from "../types";
+
+	let {
+		addresses,
+		isLoading = false,
+		onAddAddress,
+		className,
+		title = $t("profile-user.variant1.addresses.title"),
+		addLabel = $t("profile-user.variant1.addresses.add"),
+		defaultBadge = $t("profile-user.variant1.addresses.defaultBadge"),
+		emptyText = $t("profile-user.variant1.addresses.empty"),
+	}: ProfileUserAddressProps & {
+		addresses?: ProfileUserAddress[];
+		isLoading?: boolean;
+	} = $props();
+</script>
+
+<section
+	class={cn("rounded-lg border bg-card p-6", className)}
+	data-slot="profile-user-address"
+>
+	<div class="mb-6 flex items-center justify-between">
+		<h3 class="text-lg font-semibold">{title}</h3>
+		<Button variant="ghost" size="sm" onclick={onAddAddress}>
+			<HugeiconsIcon icon={PlusSignIcon} class="size-4" />
+			{addLabel}
+		</Button>
+	</div>
+
+	{#if isLoading}
+		<div class="grid gap-4 md:grid-cols-2">
+			{#each Array.from({ length: 2 }) as _, i (i)}
+				<Skeleton class="h-32 w-full rounded-md" />
+			{/each}
+		</div>
+	{:else if addresses && addresses.length > 0}
+		<div class="grid gap-4 md:grid-cols-2">
+			{#each addresses as address (address.id)}
+				<div
+					class={cn(
+						"rounded-md border p-4 transition-colors",
+						address.isDefault ? "border-primary bg-primary/5" : ""
+					)}
+				>
+					<div class="mb-2 flex items-center justify-between">
+						<span class="font-medium">{address.label}</span>
+						{#if address.isDefault}
+							<Badge>{defaultBadge}</Badge>
+						{/if}
+					</div>
+					<div class="flex flex-col gap-1 text-sm text-muted-foreground">
+						<p class="flex items-start gap-1.5">
+							<HugeiconsIcon icon={MapPin} class="mt-0.5 size-4 shrink-0" />
+							{address.street}
+							{#if address.apartment}, {address.apartment}{/if}
+						</p>
+						{#if address.state || address.zip}
+							<p class="pl-5.5">{address.state ?? ""} {address.zip ?? ""}</p>
+						{/if}
+					</div>
+				</div>
+			{/each}
+		</div>
+	{:else}
+		<p class="text-sm text-muted-foreground">{emptyText}</p>
+	{/if}
+</section>

package/dist/components/pages/profile-user/shared/ProfileUserTabs.svelte

@@ -1,80 +1,80 @@
-<script lang="ts" module>
-	/**
-	 * Barra de tabs reutilizável para as variantes de perfil.
-	 * Suporta loading state, tabs customizadas, active tab controlável
-	 * e estilos variantes (underline vs pill).
-	 * @component
-	 */
-	export type ProfileUserTabItem = { id: string; label: string };
-	export type ProfileUserTabsStyle = "underline" | "pill";
-</script>
-
-<script lang="ts">
-	import Skeleton from "../../../ui/skeleton/skeleton.svelte";
-	import { cn } from "../../../../utils.js";
-
-	let {
-		tabs,
-		activeTab = $bindable(),
-		style = "underline",
-		isLoading = false,
-		className,
-		onchange,
-	}: {
-		tabs: ProfileUserTabItem[];
-		activeTab?: string;
-		style?: ProfileUserTabsStyle;
-		isLoading?: boolean;
-		className?: string;
-		onchange?: (id: string) => void;
-	} = $props();
-
-	const currentTab = $derived(activeTab ?? tabs[0]?.id ?? "");
-
-	const handleSelect = (id: string) => {
-		activeTab = id;
-		onchange?.(id);
-	};
-</script>
-
-<div
-	class={cn(
-		"mb-6 flex gap-1 border-b overflow-x-auto",
-		style === "pill"
-			? "-mt-12 mb-6 rounded-t-lg border border-t bg-background px-2 py-1 shadow-sm border-b"
-			: "",
-		className
-	)}
-	data-slot="profile-user-tabs"
->
-	{#if isLoading}
-		{#each tabs as tab (tab.id)}
-			<Skeleton class="h-9 w-32 shrink-0 rounded-t-md" />
-		{/each}
-	{:else}
-		{#each tabs as tab (tab.id)}
-			<button
-				type="button"
-				onclick={() => handleSelect(tab.id)}
-				class={cn(
-					"shrink-0 px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
-					style === "underline"
-						? cn(
-								"border-b-2",
-								currentTab === tab.id
-									? "border-foreground text-foreground"
-									: "border-transparent text-muted-foreground hover:text-foreground"
-							)
-						: cn(
-								"rounded-md",
-								currentTab === tab.id
-									? "bg-primary/10 text-primary"
-									: "text-muted-foreground hover:bg-muted hover:text-foreground"
-							)
-				)}
-			>
-				{tab.label}
-			</button>
-		{/each}
-	{/if}
-</div>
+<script lang="ts" module>
+	/**
+	 * Barra de tabs reutilizável para as variantes de perfil.
+	 * Suporta loading state, tabs customizadas, active tab controlável
+	 * e estilos variantes (underline vs pill).
+	 * @component
+	 */
+	export type ProfileUserTabItem = { id: string; label: string };
+	export type ProfileUserTabsStyle = "underline" | "pill";
+</script>
+
+<script lang="ts">
+	import Skeleton from "../../../ui/skeleton/skeleton.svelte";
+	import { cn } from "../../../../utils.js";
+
+	let {
+		tabs,
+		activeTab = $bindable(),
+		style = "underline",
+		isLoading = false,
+		className,
+		onchange,
+	}: {
+		tabs: ProfileUserTabItem[];
+		activeTab?: string;
+		style?: ProfileUserTabsStyle;
+		isLoading?: boolean;
+		className?: string;
+		onchange?: (id: string) => void;
+	} = $props();
+
+	const currentTab = $derived(activeTab ?? tabs[0]?.id ?? "");
+
+	const handleSelect = (id: string) => {
+		activeTab = id;
+		onchange?.(id);
+	};
+</script>
+
+<div
+	class={cn(
+		"mb-6 flex gap-1 border-b overflow-x-auto",
+		style === "pill"
+			? "-mt-12 mb-6 rounded-t-lg border border-t bg-background px-2 py-1 shadow-sm border-b"
+			: "",
+		className
+	)}
+	data-slot="profile-user-tabs"
+>
+	{#if isLoading}
+		{#each tabs as tab (tab.id)}
+			<Skeleton class="h-9 w-32 shrink-0 rounded-t-md" />
+		{/each}
+	{:else}
+		{#each tabs as tab (tab.id)}
+			<button
+				type="button"
+				onclick={() => handleSelect(tab.id)}
+				class={cn(
+					"shrink-0 px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
+					style === "underline"
+						? cn(
+								"border-b-2",
+								currentTab === tab.id
+									? "border-foreground text-foreground"
+									: "border-transparent text-muted-foreground hover:text-foreground"
+							)
+						: cn(
+								"rounded-md",
+								currentTab === tab.id
+									? "bg-primary/10 text-primary"
+									: "text-muted-foreground hover:bg-muted hover:text-foreground"
+							)
+				)}
+			>
+				{tab.label}
+			</button>
+		{/each}
+	{/if}
+</div>

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

@@ -10,7 +10,7 @@
 
 <script lang="ts">
   import LanguageSwitcher from "../../../../../ui/language-switcher/language-switcher.svelte";
-  import ButtonBack from "../../../../../core/button/ButtonBack.svelte";
+  import ButtonBack from "../../../../../ui/button/ButtonBack.svelte";
   import type { Snippet } from "svelte";
   import { LightSwitch } from "../../../../../ui/light-switch";
   import { t } from "../../../../../../i18n";
@@ -19,7 +19,7 @@
     ForgetPasswordVariant,
   } from "../../types";
   import FormForgetPassword from "./FormForgetPassword.svelte";
-  import TabUnderline from "../../../../../core/tabs/ui/tab-underline.svelte";
+  import TabUnderline from "../../../../../ui/tabs/ui/tab-underline.svelte";
 
   type Props = {
     formType?: ForgetPasswordVariant;

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

@@ -9,12 +9,12 @@
 </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 InputEmail from "../../../../../ui/form/ui/input-email.svelte";
+  import InputPhone from "../../../../../ui/form/ui/input-phone.svelte";
+  import InputEmailOrPhone from "../../../../../ui/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 "../../../../../ui/button/ButtonSend.svelte";
 
   type Props = {
     variant?: ForgetPasswordVariant;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import ForgetPasswordCard from "./ForgetPasswordCard.svelte";
-  import LeftHero from "../../../../../core/panel/LeftHero.svelte";
+  import LeftHero from "../../../../../ui/panel/LeftHero.svelte";
   import type { PageForgetPasswordProps } from "../../types";
   import { t } from "../../../../../../i18n";
 
@@ -49,7 +49,7 @@
     </defs>
   </svg>
   <div class="hidden md:block md:w-8/12">
-    <LeftHero {title} varient={varient ?? "POINTER"} items={carouselItems} />
+    <LeftHero {title} type={varient ?? "POINTER"} items={carouselItems} />
   </div>
   <div class="w-full md:px-0 md:w-4/12 border-gray-900">
     {#if children}

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

@@ -9,24 +9,24 @@
 </script>
 
 <script lang="ts">
-  import InputEmail from "../../../../../core/form/ui/input-email.svelte";
-  import InputUsername from "../../../../../core/form/ui/input-username.svelte";
-  import InputPhone from "../../../../../core/form/ui/input-phone.svelte";
-  import InputPassword from "../../../../../core/form/ui/input-password.svelte";
-  import ButtonLogin from "../../../../../core/button/ButtonLogin.svelte";
-  import LinkForgetPassword from "../../../../../core/link/link-forget-password.svelte";
-  import LabelOr from "../../../../../core/label/LabelOr.svelte";
-  import ButtonLoginWith from "../../../../../core/button/ButtonLoginWith.svelte";
+  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 } from "../../types";
+  import type { LoginRequestDto, LoginVariant, LinkProps, SocialLoginItem } from "../../types";
 
   type Props = {
     variant: LoginVariant;
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
   };
 
-  let { variant, onSubmit, forgetPassword }: Props = $props();
+  let { variant, onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
   let data = $state("");
   let password = $state("");
 
@@ -56,7 +56,6 @@
 
   <div class="flex flex-col gap-1">
     <ButtonLogin type="submit" />
-    <LabelOr variant="SEPARATOR" />
-    <ButtonLoginWith icon="GOOGLE" />
+    <SocialLogin items={socialLogins} />
   </div>
 </form>

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

@@ -1,8 +1,9 @@
-import type { LoginRequestDto, LoginVariant, LinkProps } from "../../types";
+import type { LoginRequestDto, LoginVariant, LinkProps, SocialLoginItem } from "../../types";
 type Props = {
     variant: LoginVariant;
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
 };
 declare const FormLogin: import("svelte").Component<Props, {}, "">;
 type FormLogin = ReturnType<typeof FormLogin>;

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

@@ -10,14 +10,15 @@
 
 <script lang="ts">
   import FormLogin from "./FormLogin.svelte";
-  import type { LoginRequestDto, LinkProps } from "../../types";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
 
   type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
   };
 
-  let { onSubmit, forgetPassword }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
 </script>
 
-<FormLogin variant="EMAIL" {onSubmit} {forgetPassword} />
+<FormLogin variant="EMAIL" {onSubmit} {forgetPassword} {socialLogins} />

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

@@ -1,7 +1,8 @@
-import type { LoginRequestDto, LinkProps } from "../../types";
+import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
 type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
 };
 declare const FormLoginEmailPassword: import("svelte").Component<Props, {}, "">;
 type FormLoginEmailPassword = ReturnType<typeof FormLoginEmailPassword>;

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

@@ -10,14 +10,15 @@
 
 <script lang="ts">
   import FormLogin from "./FormLogin.svelte";
-  import type { LoginRequestDto, LinkProps } from "../../types";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
 
   type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
   };
 
-  let { onSubmit, forgetPassword }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
 </script>
 
-<FormLogin variant="PHONE" {onSubmit} {forgetPassword} />
+<FormLogin variant="PHONE" {onSubmit} {forgetPassword} {socialLogins} />

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

@@ -1,7 +1,8 @@
-import type { LoginRequestDto, LinkProps } from "../../types";
+import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
 type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
 };
 declare const FormLoginPhonePassword: import("svelte").Component<Props, {}, "">;
 type FormLoginPhonePassword = ReturnType<typeof FormLoginPhonePassword>;

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

@@ -10,14 +10,15 @@
 
 <script lang="ts">
   import FormLogin from "./FormLogin.svelte";
-  import type { LoginRequestDto, LinkProps } from "../../types";
+  import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
 
   type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
   };
 
-  let { onSubmit, forgetPassword }: Props = $props();
+  let { onSubmit, forgetPassword, socialLogins = [] }: Props = $props();
 </script>
 
-<FormLogin variant="USERNAME" {onSubmit} {forgetPassword} />
+<FormLogin variant="USERNAME" {onSubmit} {forgetPassword} {socialLogins} />

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

@@ -1,7 +1,8 @@
-import type { LoginRequestDto, LinkProps } from "../../types";
+import type { LoginRequestDto, LinkProps, SocialLoginItem } from "../../types";
 type Props = {
     onSubmit?: (credential: LoginRequestDto) => void;
     forgetPassword?: LinkProps;
+    socialLogins?: SocialLoginItem[];
 };
 declare const FormLoginUsernamePassword: import("svelte").Component<Props, {}, "">;
 type FormLoginUsernamePassword = ReturnType<typeof FormLoginUsernamePassword>;