negodesign 0.0.41 → 0.0.42

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/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.42",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [