negodesign 0.0.42 → 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/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/package.json

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