negodesign 0.0.41 → 0.0.43

package/dist/components/core/card/product/01/CardProduct01.svelte

@@ -86,6 +86,12 @@
         onerror={(e) =>
           ((e.target as HTMLImageElement).src = ImgPlaceHolderGallery)}
       />
+    {:else}
+      <img
+        src={ImgPlaceHolderGallery}
+        alt="Not Found"
+        class="rounded-lg h-36 md:h-44 w-full object-cover object-center"
+      />
     {/if}
     <div class="absolute inset-0 bg-black/5 rounded-sm h-full w-full"></div>
   </aside>

package/dist/components/core/card/product/02/CardProduct02.svelte

@@ -85,6 +85,12 @@
         onerror={(e) =>
           ((e.target as HTMLImageElement).src = ImgPlaceHolderGallery)}
       />
+    {:else}
+      <img
+        src={ImgPlaceHolderGallery}
+        alt="Not Found"
+        class="rounded-lg h-36 md:h-44 w-full object-cover object-center"
+      />
     {/if}
     <div class="absolute inset-0 bg-black/5 rounded-sm h-full w-full"></div>
   </aside>

package/dist/components/core/card/product/data.js

@@ -2,7 +2,7 @@ import { GlobalIcon, MapPin, NecklaceIcon } from "@hugeicons/core-free-icons";
 const items = [
     {
         id: 1,
-        imageUrl: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        //imageUrl: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
         title: "Hotel Baía Azul",
         content: "Acomodação premium de frente para o mar com quartos luxuosos, restaurante internacional, piscina aquecida e serviço de transfer exclusivo para hóspedes.",
         isFavorite: true,

package/dist/components/core/carousel/hero/CarouselHero.svelte

@@ -13,6 +13,7 @@
     intervalMs = 5000,
     transitionMs = 1200,
     indicatorShow = false,
+    sectionClass,
   }: CarouselHeroProps & {
     children?: Snippet;
     intervalMs?: number;
@@ -110,7 +111,7 @@
       <NavMenu {...navMenu} />
 
       <section
-        class="flex flex-col justify-center items-center flex-1 w-full h-auto text-center px-4"
+        class="flex flex-col justify-center items-center flex-1 w-full h-auto text-center px-4 {sectionClass}"
       >
         {#key selected.title}
           <div

package/dist/components/core/carousel/types.d.ts

@@ -91,4 +91,5 @@ export interface CarouselHeroProps {
     titleClass?: string;
     /** Classe CSS personalizada para a descrição */
     descriptionClass?: string;
+    sectionClass?: string;
 }

package/dist/components/core/footer/ui/01/Footer01.svelte

@@ -16,16 +16,7 @@
     onSubscribe,
   }: FooterProps = $props();
 
-  let email = $state("");
   const year = new Date().getFullYear();
-
-  function handleSubscribe(e: SubmitEvent) {
-    e.preventDefault();
-    const value = email.trim();
-    if (!value) return;
-    onSubscribe?.(value);
-    email = "";
-  }
 </script>
 
 <footer class="p-10">

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

@@ -12,16 +12,23 @@
 </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";
+  import type { PrivacyPolicyOrTermsOfUseProps } from "../types";
 
-  let { data }: { data: DocPageData } = $props();
+  let {
+    breadcrumb,
+    sections,
+    title,
+    lastUpdated,
+    isVisibleMenuLeft = true,
+    isVisibleMenuRight,
+  }: PrivacyPolicyOrTermsOfUseProps = $props();
 
-  const toc = $derived(buildToc(data.sections));
+  const toc = $derived(buildToc(sections));
 
   /** Currently visible section, for highlighting in the TOC (simple scroll-spy). */
   let activeId = $state<string | undefined>(undefined);
@@ -48,26 +55,29 @@
 
 <div class="mx-auto max-w-7xl px-6 py-10">
   <div class="flex gap-10">
-    <DocsSidebar sections={data.sections} {activeId} />
+    {#if isVisibleMenuLeft}
+      <DocsSidebar {sections} {activeId} />
+    {/if}
 
     <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>
+          <h1 class="text-3xl font-bold tracking-tight">{title}</h1>
           <p class="mt-1 text-sm text-muted-foreground">
-            Latest update: {data.lastUpdated}
+            Latest update: {lastUpdated}
           </p>
         </div>
-        <PrivacyPolicyOrTermsOfUseBreadcrumb items={data.breadcrumb} />
+        <PrivacyPolicyOrTermsOfUseBreadcrumb items={breadcrumb} />
       </header>
 
       <div class="flex flex-col gap-10">
-        {#each data.sections as section (section.id)}
+        {#each sections as section (section.id)}
           <DocSectionView {section} />
         {/each}
       </div>
     </main>
-
-    <TableOfContents items={toc} {activeId} />
+    {#if isVisibleMenuRight}
+      <TableOfContents items={toc} {activeId} />
+    {/if}
   </div>
 </div>

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

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

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

@@ -11,14 +11,14 @@
 </script>
 
 <script lang="ts">
-  import type { DocPageData } from "../types";
   import DocsPageHero from "./DocsPageHero.svelte";
+  import type { PrivacyPolicyOrTermsOfUseProps } from "../types";
 
-  let { data }: { data: DocPageData } = $props();
+  let { ...data }: PrivacyPolicyOrTermsOfUseProps = $props();
 </script>
 
 <svelte:head>
   <title>{data.title}</title>
 </svelte:head>
 
-<DocsPageHero data={data} />
+<DocsPageHero {data} />

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

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

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

@@ -8,10 +8,10 @@
    * @component
    * @example
    * ```svelte
-    * <!-- Variant 1 (default) — docs layout with sidebar -->
+   * <!-- Variant 1 (default) — docs layout with sidebar -->
    * <PrivacyPolicyOrTermsOfUse variant={1} data={pageData} />
    *
-    * <!-- Variant 2 — layout with hero -->
+   * <!-- Variant 2 — layout with hero -->
    * <PrivacyPolicyOrTermsOfUse variant={2} data={pageData} />
    * ```
    */
@@ -22,11 +22,11 @@
   import PrivacyPolicyOrTermsOfUse01 from "./01/PrivacyPolicyOrTermsOfUse01.svelte";
   import PrivacyPolicyOrTermsOfUse02 from "./02/PrivacyPolicyOrTermsOfUse02.svelte";
 
-  let { variant = 1, data }: PrivacyPolicyOrTermsOfUseProps = $props();
+  let { variant = 1, ...data }: PrivacyPolicyOrTermsOfUseProps = $props();
 </script>
 
 {#if variant === 2}
-  <PrivacyPolicyOrTermsOfUse02 {data} />
+  <PrivacyPolicyOrTermsOfUse02 {...data} />
 {:else}
-  <PrivacyPolicyOrTermsOfUse01 {data} />
+  <PrivacyPolicyOrTermsOfUse01 {...data} />
 {/if}

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

@@ -37,17 +37,6 @@ export interface DocSection {
     /** 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;
@@ -57,6 +46,14 @@ export interface TocItem {
 export interface PrivacyPolicyOrTermsOfUseProps {
     /** Variante do layout: 1 = sidebar+TOC, 2 = hero+coluna. */
     variant?: 1 | 2;
-    /** Dados completos da página de documento. */
-    data: 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[];
+    isVisibleMenuLeft?: boolean;
+    isVisibleMenuRight?: boolean;
 }

package/dist/index.d.ts

@@ -19,6 +19,8 @@ import PageOtpVerification from "./components/pages/security/otp-verification/Pa
 import PageForgetPassword from "./components/pages/security/forget-password/PageForgetPassword.svelte";
 import PageResetPassword from "./components/pages/security/reset-password/PageResetPassword.svelte";
 import TabUnderline from "./components/core/tabs/ui/tab-underline.svelte";
+import CarouselGridPromotion from "./components/core/carousel/grid/promotion/ui/CarouselGridPromotion.svelte";
+import CarouselGridProduct from "./components/core/carousel/grid/product/ui/CarouselGridProduct.svelte";
 import CarouselGridProfile from "./components/core/carousel/grid/profile/ui/CarouselGridProfile.svelte";
 import CarouselHighlights from "./components/core/carousel/highlights/ui/CarouselHighlights.svelte";
 import CarouselGridMedia from "./components/core/carousel/grid/media/ui/CarouselGridMedia.svelte";
@@ -120,6 +122,18 @@ CarouselGridMedia,
  * @see CarouselProfileProps
  */
 CarouselGridProfile, 
+/**
+ * Layout em grid responsivo de cards de produto (imagens ou vídeos).
+ * Em telas mobile transforma-se num carousel com swipe.
+ * @see CarouselProductProps
+ */
+CarouselGridProduct, 
+/**
+* Layout em grid responsivo de cards de produto in promotion (imagens ou vídeos).
+ * Em telas mobile transforma-se num carousel com swipe.
+ * @see CarouselGridPromotion
+ */
+CarouselGridPromotion, 
 /**
  * Componente de abas com estilo underline. Troca o conteúdo (Snippet)
  * conforme a aba selecionada.

package/dist/index.js

@@ -19,6 +19,8 @@ import PageOtpVerification from "./components/pages/security/otp-verification/Pa
 import PageForgetPassword from "./components/pages/security/forget-password/PageForgetPassword.svelte";
 import PageResetPassword from "./components/pages/security/reset-password/PageResetPassword.svelte";
 import TabUnderline from "./components/core/tabs/ui/tab-underline.svelte";
+import CarouselGridPromotion from "./components/core/carousel/grid/promotion/ui/CarouselGridPromotion.svelte";
+import CarouselGridProduct from "./components/core/carousel/grid/product/ui/CarouselGridProduct.svelte";
 import CarouselGridProfile from "./components/core/carousel/grid/profile/ui/CarouselGridProfile.svelte";
 import CarouselHighlights from "./components/core/carousel/highlights/ui/CarouselHighlights.svelte";
 import CarouselGridMedia from "./components/core/carousel/grid/media/ui/CarouselGridMedia.svelte";
@@ -120,6 +122,18 @@ CarouselGridMedia,
  * @see CarouselProfileProps
  */
 CarouselGridProfile, 
+/**
+ * Layout em grid responsivo de cards de produto (imagens ou vídeos).
+ * Em telas mobile transforma-se num carousel com swipe.
+ * @see CarouselProductProps
+ */
+CarouselGridProduct, 
+/**
+* Layout em grid responsivo de cards de produto in promotion (imagens ou vídeos).
+ * Em telas mobile transforma-se num carousel com swipe.
+ * @see CarouselGridPromotion
+ */
+CarouselGridPromotion, 
 /**
  * Componente de abas com estilo underline. Troca o conteúdo (Snippet)
  * conforme a aba selecionada.

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@ import type { OtpVerificationRequestDto, PageOtpVerificationProps } from "../com
 import type { NavMenuLinksProps, NavMenuLogoProps, NavMenuActionsProps, NavMenuProps } from "../components/core/nav/data/nav-menu";
 import type { NavMenuSidebarProps, NavMenuAndSubmenuSidebarProps, GroupMenuSidebarProps, SubMenuSidebarProps, NavMenuItem } from "../components/core/nav/data/nav-menu-sidebar";
 import type { NavUserSidebarProps } from "../components/core/nav/data/nav-user-sidebar";
-import type { CardMediaProps, CardProfileProps, CardPromotionProps, CardHighlightProps, CardTagsProps } from "../components/core/card/types";
+import type { CardMediaProps, CardProfileProps, CardPromotionProps, CardHighlightProps, CardTagsProps, CardProductProps } from "../components/core/card/types";
 import type { CarouselGridMediaProps } from "../components/core/carousel/grid/media/types";
 import type { CarouselGridProfileProps } from "../components/core/carousel/grid/profile/types";
 import type { CarouselHighlightsProps } from "../components/core/carousel/highlights/types";
@@ -25,6 +25,8 @@ import type { ProductDetailsProps, ProductDetailsData, ProductDetailsBreadcrumbI
 import type { PrivacyPolicyOrTermsOfUseProps, DocPageData, DocSection, ContentBlock, BreadcrumbItem, TocItem } from "../components/pages/privacy-policy-or-terms-of-use/types";
 import type { InputLabelProps } from "../components/core/form/data/InputLabel.svelte";
 import type { NegoDesignProps } from "../components/types";
+import type { CarouselGridPromotionProps } from "../components/core/carousel/grid/promotion/types";
+import type { CarouselGridProductProps } from "../components/core/carousel/grid/product/types";
 export type { 
 /** Props de um link individual no menu de navegação. @see NavMenuLinksProps */
 NavMenuLinksProps, 
@@ -56,6 +58,8 @@ CardProfileProps,
 CardPromotionProps, 
 /** Props do CardHighlight — card de destaque/organização com botão de ação. @see CardHighlightProps */
 CardHighlightProps, 
+/** Props do CardProduct — card de produto com preço antigo/novo e botão comprar. @see CardProductProps */
+CardProductProps, 
 /** Props do cabeçalho de carousel (título, descrição, botão "Ver tudo"). @see CarouselHeaderProps */
 CarouselHeaderProps, 
 /** Props do slot/container de carousel (botões navegação, plugins, bordas). @see CarouselSlotProps */
@@ -76,6 +80,10 @@ CarouselGridProfileProps,
 CarouselHighlightsProps, 
 /** Props do CarouselPromotion — carousel de cards de promoção com preços. @see CarouselPromotionProps */
 CarouselPromotionProps, 
+/** Props do CarouselGridPromotion — grid de cards de produto em promoção. @see CarouselGridPromotionProps */
+CarouselGridPromotionProps, 
+/** Props do CarouselGridProduct — grid de cards de produto @see CarouselGridProductProps */
+CarouselGridProductProps, 
 /** Props base do banner de anúncio (AdCardBanner). @see BannerProps */
 BannerProps, 
 /** Alias para BannerProps — props do componente AdCardBanner. @see AdCardBannerProps */

package/package.json

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