negodesign 0.0.63 → 0.0.64

package/dist/components/core/carousel/badge/type.d.ts

@@ -22,6 +22,7 @@ export interface CarouselBadgeProps {
     btnNavClass?: string;
     isBorderInline?: boolean;
     showButton?: boolean;
+    menuKey?: string;
     itemStyle?: 'BORDER' | 'INLINE' | 'DEFAULT';
     onClick?: (value: string | number) => void;
 }

package/dist/components/core/carousel/badge/ui/CarouselBadge.svelte

@@ -18,6 +18,7 @@
     isLoading = false,
     btnNavClass,
     itemClass,
+    menuKey,
     onClick,
   }: CarouselBadgeProps = $props();
 
@@ -31,7 +32,7 @@
   const responsive = useDevice();
   const skeletonCount = $derived(responsive.isMobile ? 2 : 8);
 
-  let selectedValue = $state<unknown>(undefined);
+  let selectedValue = $state<string | undefined>(menuKey ?? "");
 
   function isSelected(item: (typeof items)[number]) {
     return item.value !== undefined && item.value === selectedValue;

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

@@ -1,4 +1,5 @@
-import type { MenuVarientProps } from "../../nav/data/types";
+import type { SimpleMenuProps } from "../../../../types";
+import type { ComplexMenuProps, MenuProps } from "../../nav/data/types";
 /**
  * Item individual do CarouselHero — slide com imagem,
  * título e descrição.
@@ -19,7 +20,9 @@ export interface CarouselHeroProps {
     /** Lista de slides do hero */
     items: CarouselHeroItem[];
     /** Configuração do menu de navegação sobreposto */
-    navMenu: MenuVarientProps;
+    complexMenu?: ComplexMenuProps;
+    simpleMenu?: SimpleMenuProps;
+    menusProps?: MenuProps;
     /** Classe CSS adicional para o container */
     className?: string;
     /** Classe CSS personalizada para o título */

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

@@ -2,10 +2,14 @@
   import type { Snippet } from "svelte";
   import Menu from "../../../nav/ui/Menu.svelte";
   import type { CarouselHeroItem, CarouselHeroProps } from "../types";
+  import SimpleMenu from "../../../nav/ui/SimpleMenu.svelte";
+  import ComplexMenu from "../../../nav/ui/ComplexMenu.svelte";
 
   let {
     items,
-    navMenu,
+    menusProps,
+    simpleMenu,
+    complexMenu,
     children,
     className,
     titleClass,
@@ -110,7 +114,21 @@
     ></div>
 
     <div class="relative z-10 w-full flex flex-col items-center flex-1">
-      <Menu {navMenu} />
+      {#if menusProps}
+        {#if simpleMenu}
+          <Menu navMenu={simpleMenu} {...menusProps} />
+        {/if}
+        {#if complexMenu}
+          <Menu navMenu={complexMenu} {...menusProps} />
+        {/if}
+      {:else}
+        {#if simpleMenu}
+          <SimpleMenu {...simpleMenu} />
+        {/if}
+        {#if complexMenu}
+          <ComplexMenu {...complexMenu} />
+        {/if}
+      {/if}
 
       <section
         class="flex flex-col justify-center items-center flex-1 w-full h-auto text-center px-4 {sectionClass}"

package/dist/components/core/nav/data/types.d.ts

@@ -44,7 +44,6 @@ export type ComplexMenuProps = IMenuProps & {
 export type MenuVarientProps = ComplexMenuProps | SimpleMenuProps;
 export type MenuProps = IMenuProps & {
     logo?: NavMenuLogoProps;
-    navMenu: MenuVarientProps;
     navMenuButton?: NavMenuButtonProps;
     isBorder?: boolean;
     /** Exibe o interruptor de tema (claro/escuro) */

package/dist/components/core/nav/ui/Menu.svelte

@@ -18,7 +18,9 @@
     navMenuButton,
     isLightSwitch,
     isLanguageSwitcher,
-  }: MenuProps = $props();
+  }: MenuProps & {
+    navMenu: MenuVarientProps;
+  } = $props();
 
   function isLinks(item: MenuVarientProps): item is SimpleMenuProps {
     return "links" in item;

package/dist/components/core/nav/ui/Menu.svelte.d.ts

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

package/dist/globals.css

@@ -1395,6 +1395,11 @@
     margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
     margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
   }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
   :where(.space-y-3 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
@@ -4346,6 +4351,9 @@
     .md\:w-3\/5 {
       width: calc(3 / 5 * 100%);
     }
+    .md\:w-4\/5 {
+      width: calc(4 / 5 * 100%);
+    }
     .md\:w-4\/12 {
       width: calc(4 / 12 * 100%);
     }
@@ -4576,12 +4584,18 @@
     .lg\:h-44 {
       height: calc(var(--spacing) * 44);
     }
+    .lg\:h-100 {
+      height: calc(var(--spacing) * 100);
+    }
     .lg\:h-105 {
       height: calc(var(--spacing) * 105);
     }
     .lg\:h-225 {
       height: calc(var(--spacing) * 225);
     }
+    .lg\:w-11\/12 {
+      width: calc(11 / 12 * 100%);
+    }
     .lg\:w-20 {
       width: calc(var(--spacing) * 20);
     }

package/package.json

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