negodesign 0.0.36 → 0.0.38

package/dist/components/pages/company-profile/types.d.ts

@@ -1,4 +1,5 @@
 import type { IconSvgElement } from "@hugeicons/svelte";
+import type { CardProductProps } from "../../core/card/types";
 /**
  * Item de estatística exibido na faixa de dados do banner
  * (ex: "Setor de atuação", "Anos de Atuação", "Localização").
@@ -75,6 +76,26 @@ export interface ProfileGalleryData {
     /** Lista de imagens/vídeos da galeria. */
     images: ProfileImage[];
 }
+/**
+ * Dados da secção "Produtos".
+ */
+export interface ProfileProductsData {
+    /** Título da secção (padrão: "Produtos"). */
+    title?: string;
+    /** Descrição da secção de produtos. */
+    description?: string;
+    /** Lista de produtos/serviços da empresa. */
+    items: CardProductProps[];
+    /**
+     * Estado de carregamento.
+     * Quando true, todos os blocos exibem Skeletons no lugar do conteúdo.
+     * @default false
+     */
+    isLoading?: boolean;
+    /** Variante do CardProduct (1 ou 2). */
+    variant?: 1 | 2;
+    varient?: 1 | 2;
+}
 /**
  * Dados completos apresentados na página de perfil da empresa/fábrica.
  */
@@ -87,15 +108,13 @@ export interface CompanyProfileData {
     about: ProfileAboutData;
     /** Dados da secção "Galeria". */
     gallery: ProfileGalleryData;
+    /** Dados da secção "Produtos". */
+    products?: ProfileProductsData;
 }
 /**
  * Propriedades do componente principal CompanyProfile.
  */
 export interface CompanyProfileProps {
-    address?: string;
-    category?: string;
-    website?: string;
-    yearFounded?: string;
     /** Dados completos do perfil a serem exibidos. */
     data?: CompanyProfileData;
     /**
@@ -105,7 +124,8 @@ export interface CompanyProfileProps {
      */
     isLoading?: boolean;
     onWhatsapp?: (id: string | number) => void;
-    onEmail?: (id: string | number) => void; /** Callback executado quando o utilizador clica em copiar link. */
+    onEmail?: (id: string | number) => void;
+    /** Callback executado quando o utilizador clica em copiar link. */
     onCopyLink?: (id: string | number) => void;
     /** Callback executado quando o utilizador clica em partilhar. */
     onShare?: (id: string | number) => void;

package/dist/components/ui/empty/empty-content.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-content"
+	class={cn(
+		"gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/empty/empty-content.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const EmptyContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type EmptyContent = ReturnType<typeof EmptyContent>;
+export default EmptyContent;

package/dist/components/ui/empty/empty-description.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-description"
+	class={cn(
+		"text-sm/relaxed text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/empty/empty-description.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const EmptyDescription: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type EmptyDescription = ReturnType<typeof EmptyDescription>;
+export default EmptyDescription;

package/dist/components/ui/empty/empty-header.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-header"
+	class={cn("gap-2 flex max-w-sm flex-col items-center", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/empty/empty-header.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const EmptyHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type EmptyHeader = ReturnType<typeof EmptyHeader>;
+export default EmptyHeader;

package/dist/components/ui/empty/empty-media.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+
+	export const emptyMediaVariants = tv({
+		base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		variants: {
+			variant: {
+				default: "bg-transparent",
+				icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type EmptyMediaVariant = VariantProps<typeof emptyMediaVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		variant = "default",
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { variant?: EmptyMediaVariant } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-icon"
+	data-variant={variant}
+	class={cn(emptyMediaVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/empty/empty-media.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const emptyMediaVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: "bg-transparent";
+        icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6";
+    };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variant: {
+        default: "bg-transparent";
+        icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    variant: {
+        default: "bg-transparent";
+        icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6";
+    };
+}, undefined>>;
+export type EmptyMediaVariant = VariantProps<typeof emptyMediaVariants>["variant"];
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    variant?: EmptyMediaVariant;
+};
+declare const EmptyMedia: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type EmptyMedia = ReturnType<typeof EmptyMedia>;
+export default EmptyMedia;

package/dist/components/ui/empty/empty-title.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-title"
+	class={cn("text-lg font-medium tracking-tight", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/empty/empty-title.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const EmptyTitle: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type EmptyTitle = ReturnType<typeof EmptyTitle>;
+export default EmptyTitle;

package/dist/components/ui/empty/empty.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty"
+	class={cn(
+		"gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/empty/empty.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const Empty: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type Empty = ReturnType<typeof Empty>;
+export default Empty;

package/dist/components/ui/empty/index.d.ts

@@ -0,0 +1,7 @@
+import Content from "./empty-content.svelte";
+import Description from "./empty-description.svelte";
+import Header from "./empty-header.svelte";
+import Media from "./empty-media.svelte";
+import Title from "./empty-title.svelte";
+import Root from "./empty.svelte";
+export { Root, Header, Media, Title, Description, Content, Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent, };

package/dist/components/ui/empty/index.js

@@ -0,0 +1,9 @@
+import Content from "./empty-content.svelte";
+import Description from "./empty-description.svelte";
+import Header from "./empty-header.svelte";
+import Media from "./empty-media.svelte";
+import Title from "./empty-title.svelte";
+import Root from "./empty.svelte";
+export { Root, Header, Media, Title, Description, Content, 
+//
+Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent, };

package/dist/globals.css

@@ -369,6 +369,9 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
+  .bottom-3 {
+    bottom: calc(var(--spacing) * 3);
+  }
   .-left-8 {
     left: calc(var(--spacing) * -8);
   }
@@ -594,6 +597,9 @@
   .ml-0 {
     margin-left: 0px;
   }
+  .ml-1 {
+    margin-left: var(--spacing);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -817,6 +823,9 @@
   .h-75 {
     height: calc(var(--spacing) * 75);
   }
+  .h-\[65px\] {
+    height: 65px;
+  }
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -877,6 +886,9 @@
   .w-1 {
     width: var(--spacing);
   }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
   .w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
@@ -1859,6 +1871,12 @@
       background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
     }
   }
+  .bg-white\/50 {
+    background-color: color-mix(in srgb, #fff 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
+    }
+  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -1942,6 +1960,9 @@
   .p-10 {
     padding: calc(var(--spacing) * 10);
   }
+  .p-12 {
+    padding: calc(var(--spacing) * 12);
+  }
   .p-\[3px\] {
     padding: 3px;
   }
@@ -2128,6 +2149,10 @@
     font-size: var(--text-sm);
     line-height: calc(var(--spacing) * 6);
   }
+  .text-sm\/relaxed {
+    font-size: var(--text-sm);
+    line-height: var(--leading-relaxed);
+  }
   .text-xl {
     font-size: var(--text-xl);
     line-height: var(--tw-leading, var(--text-xl--line-height));
@@ -2209,6 +2234,9 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
+  .text-balance {
+    text-wrap: balance;
+  }
   .wrap-break-word {
     overflow-wrap: break-word;
   }
@@ -2620,6 +2648,10 @@
     --tw-duration: 500ms;
     transition-duration: 500ms;
   }
+  .duration-700 {
+    --tw-duration: 700ms;
+    transition-duration: 700ms;
+  }
   .duration-1000 {
     --tw-duration: 1000ms;
     transition-duration: 1000ms;
@@ -4101,6 +4133,12 @@
     .md\:px-5 {
       padding-inline: calc(var(--spacing) * 5);
     }
+    .md\:pt-10 {
+      padding-top: calc(var(--spacing) * 10);
+    }
+    .md\:pb-10 {
+      padding-bottom: calc(var(--spacing) * 10);
+    }
     .md\:pl-10 {
       padding-left: calc(var(--spacing) * 10);
     }
@@ -4201,6 +4239,9 @@
     .lg\:h-24 {
       height: calc(var(--spacing) * 24);
     }
+    .lg\:h-40 {
+      height: calc(var(--spacing) * 40);
+    }
     .lg\:h-44 {
       height: calc(var(--spacing) * 44);
     }
@@ -4216,6 +4257,9 @@
     .lg\:w-32 {
       width: calc(var(--spacing) * 32);
     }
+    .lg\:w-40 {
+      width: calc(var(--spacing) * 40);
+    }
     .lg\:w-105 {
       width: calc(var(--spacing) * 105);
     }
@@ -4246,6 +4290,9 @@
     .lg\:px-8 {
       padding-inline: calc(var(--spacing) * 8);
     }
+    .lg\:pt-20 {
+      padding-top: calc(var(--spacing) * 20);
+    }
     .lg\:pl-12 {
       padding-left: calc(var(--spacing) * 12);
     }
@@ -4710,6 +4757,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
     color: var(--muted-foreground);
   }
@@ -4843,6 +4894,15 @@
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
   }
+  .\[\&\>a\]\:underline > a {
+    text-decoration-line: underline;
+  }
+  .\[\&\>a\]\:underline-offset-4 > a {
+    text-underline-offset: 4px;
+  }
+  .\[\&\>a\:hover\]\:text-primary > a:hover {
+    color: var(--primary);
+  }
   .\[\&\>button\]\:hidden > button {
     display: none;
   }

package/dist/i18n/langs/en.d.ts

@@ -186,6 +186,21 @@ declare const _default: {
     "profile-user.variant3.media.empty": string;
     "profile-user.variant3.highlights.title": string;
     "profile-user.variant3.highlights.empty": string;
+    "empty.title": string;
+    "empty.description": string;
+    "empty.highlights.title": string;
+    "empty.highlights.description": string;
+    "empty.products.title": string;
+    "empty.products.description": string;
+    "empty.promotions.title": string;
+    "empty.promotions.description": string;
+    "empty.media.title": string;
+    "empty.media.description": string;
+    "empty.profiles.title": string;
+    "empty.profiles.description": string;
+    "empty.not_found": string;
+    "empty.support": string;
+    "empty.contact_support": string;
     "language.en": string;
     "language.pt": string;
 };

package/dist/i18n/langs/en.js

@@ -186,6 +186,21 @@ export default {
     "profile-user.variant3.media.empty": "Photos, videos and media gallery will appear here.",
     "profile-user.variant3.highlights.title": "Highlights",
     "profile-user.variant3.highlights.empty": "Achievements and highlights will appear here.",
+    "empty.title": "No items found",
+    "empty.description": "There are no data available to display at this time.",
+    "empty.highlights.title": "No highlights available",
+    "empty.highlights.description": "There are currently no highlighted items to display.",
+    "empty.products.title": "No products available",
+    "empty.products.description": "There are currently no products available to display.",
+    "empty.promotions.title": "No active promotions",
+    "empty.promotions.description": "There are currently no promotions available to display.",
+    "empty.media.title": "No media found",
+    "empty.media.description": "There are currently no photos or videos to display.",
+    "empty.profiles.title": "No profiles found",
+    "empty.profiles.description": "There are currently no profiles found to display.",
+    "empty.not_found": "404 - Not Found",
+    "empty.support": "Need help?",
+    "empty.contact_support": "Contact support",
     "language.en": "English",
     "language.pt": "Portuguese"
 };

package/dist/i18n/langs/pt.d.ts

@@ -186,6 +186,21 @@ declare const _default: {
     "profile-user.variant3.media.empty": string;
     "profile-user.variant3.highlights.title": string;
     "profile-user.variant3.highlights.empty": string;
+    "empty.title": string;
+    "empty.description": string;
+    "empty.highlights.title": string;
+    "empty.highlights.description": string;
+    "empty.products.title": string;
+    "empty.products.description": string;
+    "empty.promotions.title": string;
+    "empty.promotions.description": string;
+    "empty.media.title": string;
+    "empty.media.description": string;
+    "empty.profiles.title": string;
+    "empty.profiles.description": string;
+    "empty.not_found": string;
+    "empty.support": string;
+    "empty.contact_support": string;
     "language.en": string;
     "language.pt": string;
 };

package/dist/i18n/langs/pt.js

@@ -186,6 +186,21 @@ export default {
     "profile-user.variant3.media.empty": "Fotografias, vídeos e galeria multimédia aparecerão aqui.",
     "profile-user.variant3.highlights.title": "Destaques",
     "profile-user.variant3.highlights.empty": "As conquistas e destaques aparecerão aqui.",
+    "empty.title": "Nenhum item encontrado",
+    "empty.description": "Não existem dados disponíveis para apresentação no momento.",
+    "empty.highlights.title": "Nenhum destaque disponível",
+    "empty.highlights.description": "De momento não existem itens em destaque para exibir.",
+    "empty.products.title": "Nenhum produto disponível",
+    "empty.products.description": "De momento não existem produtos disponíveis para exibir.",
+    "empty.promotions.title": "Nenhuma promoção ativa",
+    "empty.promotions.description": "De momento não existem promoções disponíveis para exibir.",
+    "empty.media.title": "Nenhuma mídia encontrada",
+    "empty.media.description": "De momento não existem fotos ou vídeos para exibir.",
+    "empty.profiles.title": "Nenhum perfil encontrado",
+    "empty.profiles.description": "De momento não foram encontrados perfis para exibir.",
+    "empty.not_found": "404 - Não Encontrado",
+    "empty.support": "Precisa de ajuda?",
+    "empty.contact_support": "Contactar suporte",
     "language.en": "Inglês",
     "language.pt": "Português"
 };

package/dist/i18n/translations.d.ts

@@ -187,6 +187,21 @@ declare const _default: {
         "profile-user.variant3.media.empty": string;
         "profile-user.variant3.highlights.title": string;
         "profile-user.variant3.highlights.empty": string;
+        "empty.title": string;
+        "empty.description": string;
+        "empty.highlights.title": string;
+        "empty.highlights.description": string;
+        "empty.products.title": string;
+        "empty.products.description": string;
+        "empty.promotions.title": string;
+        "empty.promotions.description": string;
+        "empty.media.title": string;
+        "empty.media.description": string;
+        "empty.profiles.title": string;
+        "empty.profiles.description": string;
+        "empty.not_found": string;
+        "empty.support": string;
+        "empty.contact_support": string;
         "language.en": string;
         "language.pt": string;
     };
@@ -378,6 +393,21 @@ declare const _default: {
         "profile-user.variant3.media.empty": string;
         "profile-user.variant3.highlights.title": string;
         "profile-user.variant3.highlights.empty": string;
+        "empty.title": string;
+        "empty.description": string;
+        "empty.highlights.title": string;
+        "empty.highlights.description": string;
+        "empty.products.title": string;
+        "empty.products.description": string;
+        "empty.promotions.title": string;
+        "empty.promotions.description": string;
+        "empty.media.title": string;
+        "empty.media.description": string;
+        "empty.profiles.title": string;
+        "empty.profiles.description": string;
+        "empty.not_found": string;
+        "empty.support": string;
+        "empty.contact_support": string;
         "language.en": string;
         "language.pt": string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.36",
+	"version": "0.0.38",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [