negodesign 0.0.56 → 0.0.57

package/dist/types/index.d.ts

@@ -3,9 +3,9 @@ import type { LoginVariant, LoginRequestDto, LinkProps, PageLoginProps } from ".
 import type { ForgetPasswordVariant, ForgetPasswordRequestDto, PageForgetPasswordProps } from "../components/pages/security/forget-password/types";
 import type { ResetPasswordRequestDto, PageResetPasswordProps } from "../components/pages/security/reset-password/types";
 import type { OtpVerificationRequestDto, PageOtpVerificationProps } from "../components/pages/security/otp-verification/types";
-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 { NavMenuLinksProps, NavMenuLogoProps, NavMenuActionsProps, SimpleMenuProps } from "../components/core/nav/data/nav-menu";
+import type { NavMenuSidebarProps, NavMenuAndSubmenuSidebarProps, GroupMenuSidebarProps, SubMenuSidebarProps, NavMenuItem } from "../components/core/sidebar/data/nav-menu-sidebar";
+import type { NavUserSidebarProps } from "../components/core/sidebar/data/nav-user-sidebar";
 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";
@@ -29,16 +29,18 @@ 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";
 import type { CompanyProfileProps } from "../components/pages/company-profile/types";
-import type { MenuProps } from "../components/core/nav/ui/shared/types";
-export type { MenuProps, 
+import type { ComplexMenuProps } from "../components/core/nav/data/types";
+export type { 
 /** Props de um link individual no menu de navegação. @see NavMenuLinksProps */
 NavMenuLinksProps, 
 /** Props do logotipo no NavMenu. @see NavMenuLogoProps */
 NavMenuLogoProps, 
 /** Props de um item de ação (botão ou link) no menu de navegação. @see NavMenuActionsProps */
 NavMenuActionsProps, 
-/** Props do componente NavMenu — barra de navegação principal. @see NavMenuProps */
-NavMenuProps, 
+/** Props do componente NavMenu — barra de navegação principal. @see SimpleMenuProps */
+SimpleMenuProps, 
+/** Props do componente NavMenu — barra de navegação complexa. @see ComplexMenuProps */
+ComplexMenuProps, 
 /** Item de menu principal da sidebar. @see NavMenuSidebarProps */
 NavMenuSidebarProps, 
 /** Item de menu com submenus aninhados na sidebar. @see NavMenuAndSubmenuSidebarProps */

package/package.json

@@ -1,114 +1,114 @@
-{
-	"name": "negodesign",
-	"version": "0.0.56",
-	"type": "module",
-	"license": "MIT",
-	"sideEffects": [
-		"**/*.css"
-	],
-	"files": [
-		"dist"
-	],
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"default": "./dist/index.js"
-		},
-		"./types": {
-			"types": "./dist/types/index.d.ts",
-			"default": "./dist/types/index.js"
-		},
-		"./i18n": {
-			"types": "./dist/i18n/index.d.ts",
-			"svelte": "./dist/i18n/index.js",
-			"default": "./dist/i18n/index.js"
-		},
-		"./styles.css": "./dist/globals.css",
-		"./*.svelte": "./dist/*.svelte",
-		"./*": {
-			"types": "./dist/*.d.ts",
-			"svelte": "./dist/*.js",
-			"default": "./dist/*.js"
-		}
-	},
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"package": "svelte-kit sync && svelte-package && tailwindcss -i ./src/lib/styles/globals.css -o ./dist/globals.css",
-		"prepublishOnly": "npm run package",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint .",
-		"test:unit": "vitest",
-		"test": "npm run test:unit -- --run"
-	},
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"dependencies": {
-		"@dnd-kit-svelte/svelte": "^0.1.6",
-		"@dnd-kit/abstract": "^0.5.0",
-		"@dnd-kit/helpers": "^0.5.0",
-		"@internationalized/date": "^3.12.2",
-		"@tanstack/table-core": "^8.21.3",
-		"@types/country-flag-icons": "^1.2.2",
-		"@types/d3-scale": "^4.0.9",
-		"@types/d3-shape": "^3.1.8",
-		"bits-ui": "^2.18.1",
-		"country-flag-icons": "^1.6.20",
-		"d3-scale": "^4.0.2",
-		"d3-shape": "^3.2.0",
-		"embla-carousel-autoplay": "^8.6.0",
-		"embla-carousel-svelte": "^8.6.0",
-		"layerchart": "^2.0.0-next.48",
-		"mode-watcher": "^1.1.0",
-		"runed": "^0.37.1",
-		"svelte-sonner": "^1.1.1",
-		"svelte-tel-input": "^4.3.2",
-		"svelte-toolbelt": "^0.10.6",
-		"tailwind-variants": "^3.3.0",
-		"vaul-svelte": "^1.0.0-next.7",
-		"zod": "^4.4.3"
-	},
-	"devDependencies": {
-		"@eslint/js": "^10.0.1",
-		"@fontsource-variable/figtree": "^5.3.0",
-		"@hugeicons/core-free-icons": "^4.2.3",
-		"@hugeicons/svelte": "^1.1.4",
-		"@lucide/svelte": "^1.28.0",
-		"@sveltejs/adapter-auto": "^7.0.1",
-		"@sveltejs/adapter-node": "^5.5.7",
-		"@sveltejs/kit": "^2.63.0",
-		"@sveltejs/package": "^2.5.8",
-		"@sveltejs/vite-plugin-svelte": "^7.1.2",
-		"@tailwindcss/cli": "^4.3.0",
-		"@tailwindcss/forms": "^0.5.11",
-		"@tailwindcss/typography": "^0.5.19",
-		"@tailwindcss/vite": "^4.3.0",
-		"@types/node": "^22",
-		"@vitest/browser-playwright": "^4.1.8",
-		"bits-ui": "^2.18.1",
-		"clsx": "^2.1.1",
-		"country-flag-icons": "^1.6.20",
-		"eslint": "^10.4.1",
-		"eslint-plugin-svelte": "^3.19.0",
-		"globals": "^17.6.0",
-		"playwright": "^1.60.0",
-		"shadcn-svelte": "^1.4.2",
-		"svelte": "^5.56.8",
-		"svelte-check": "^4.6.0",
-		"svelte-preprocess": "^6.0.5",
-		"svelte-tel-input": "^4.3.2",
-		"tailwind-merge": "^3.6.0",
-		"tailwindcss": "^4.3.0",
-		"tw-animate-css": "^1.4.0",
-		"typescript": "^6.0.3",
-		"typescript-eslint": "^8.60.1",
-		"vite": "^8.0.16",
-		"vitest": "^4.1.8",
-		"vitest-browser-svelte": "^2.1.1"
-	}
+{
+	"name": "negodesign",
+	"version": "0.0.57",
+	"type": "module",
+	"license": "MIT",
+	"sideEffects": [
+		"**/*.css"
+	],
+	"files": [
+		"dist"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./types": {
+			"types": "./dist/types/index.d.ts",
+			"default": "./dist/types/index.js"
+		},
+		"./i18n": {
+			"types": "./dist/i18n/index.d.ts",
+			"svelte": "./dist/i18n/index.js",
+			"default": "./dist/i18n/index.js"
+		},
+		"./styles.css": "./dist/globals.css",
+		"./*.svelte": "./dist/*.svelte",
+		"./*": {
+			"types": "./dist/*.d.ts",
+			"svelte": "./dist/*.js",
+			"default": "./dist/*.js"
+		}
+	},
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"package": "svelte-kit sync && svelte-package && tailwindcss -i ./src/lib/styles/globals.css -o ./dist/globals.css",
+		"prepublishOnly": "npm run package",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "eslint .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"dependencies": {
+		"@dnd-kit-svelte/svelte": "^0.1.6",
+		"@dnd-kit/abstract": "^0.5.0",
+		"@dnd-kit/helpers": "^0.5.0",
+		"@internationalized/date": "^3.12.2",
+		"@tanstack/table-core": "^8.21.3",
+		"@types/country-flag-icons": "^1.2.2",
+		"@types/d3-scale": "^4.0.9",
+		"@types/d3-shape": "^3.1.8",
+		"bits-ui": "^2.18.1",
+		"country-flag-icons": "^1.6.20",
+		"d3-scale": "^4.0.2",
+		"d3-shape": "^3.2.0",
+		"embla-carousel-autoplay": "^8.6.0",
+		"embla-carousel-svelte": "^8.6.0",
+		"layerchart": "^2.0.0-next.48",
+		"mode-watcher": "^1.1.0",
+		"runed": "^0.37.1",
+		"svelte-sonner": "^1.1.1",
+		"svelte-tel-input": "^4.3.2",
+		"svelte-toolbelt": "^0.10.6",
+		"tailwind-variants": "^3.3.0",
+		"vaul-svelte": "^1.0.0-next.7",
+		"zod": "^4.4.3"
+	},
+	"devDependencies": {
+		"@eslint/js": "^10.0.1",
+		"@fontsource-variable/figtree": "^5.3.0",
+		"@hugeicons/core-free-icons": "^4.2.3",
+		"@hugeicons/svelte": "^1.1.4",
+		"@lucide/svelte": "^1.28.0",
+		"@sveltejs/adapter-auto": "^7.0.1",
+		"@sveltejs/adapter-node": "^5.5.7",
+		"@sveltejs/kit": "^2.63.0",
+		"@sveltejs/package": "^2.5.8",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"@tailwindcss/cli": "^4.3.0",
+		"@tailwindcss/forms": "^0.5.11",
+		"@tailwindcss/typography": "^0.5.19",
+		"@tailwindcss/vite": "^4.3.0",
+		"@types/node": "^22",
+		"@vitest/browser-playwright": "^4.1.8",
+		"bits-ui": "^2.18.1",
+		"clsx": "^2.1.1",
+		"country-flag-icons": "^1.6.20",
+		"eslint": "^10.4.1",
+		"eslint-plugin-svelte": "^3.19.0",
+		"globals": "^17.6.0",
+		"playwright": "^1.60.0",
+		"shadcn-svelte": "^1.4.2",
+		"svelte": "^5.56.8",
+		"svelte-check": "^4.6.0",
+		"svelte-preprocess": "^6.0.5",
+		"svelte-tel-input": "^4.3.2",
+		"tailwind-merge": "^3.6.0",
+		"tailwindcss": "^4.3.0",
+		"tw-animate-css": "^1.4.0",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.60.1",
+		"vite": "^8.0.16",
+		"vitest": "^4.1.8",
+		"vitest-browser-svelte": "^2.1.1"
+	}
 }

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

@@ -1,122 +0,0 @@
-<script lang="ts">
-  import { Button } from "../../../ui/button/index.js";
-  import { HugeiconsIcon } from "@hugeicons/svelte";
-  import type { NavMenuProps } from "../data/nav-menu";
-  import LightSwitch from "../../../ui/light-switch/light-switch.svelte";
-  import LanguageSwitcher from "../../../ui/language-switcher/language-switcher.svelte";
-  import { t } from "../../../../i18n";
-  import { Login03Icon, User03Icon } from "@hugeicons/core-free-icons";
-  import { useDevice } from "../../../../hooks/responsive.svelte";
-  import NavMenuDrawer from "./mobile/nav-menu-drawer.svelte";
-  import MenuLinks from "./shared/MenuLinks.svelte";
-
-  let {
-    logo,
-    links,
-    actions,
-    menuKey,
-    activeClass,
-    navClass = "w-full",
-    linkClass = "",
-    groupClass = "",
-    buttonClass = "",
-    align = "LINK_SEPARATED_ACTIONS",
-    isLightSwitch = false,
-    isLanguageSwitcher = false,
-    onclickButtonLogin,
-    onclickButtonRegister,
-  }: NavMenuProps = $props();
-
-  const responsive = useDevice();
-</script>
-
-{#snippet actionButtons()}
-  <div class="flex items-center gap-2">
-    {#if isLightSwitch}
-      <LightSwitch />
-    {/if}
-    {#if isLanguageSwitcher}
-      <LanguageSwitcher />
-    {/if}
-    {#each actions ?? [] as item (item.label)}
-      <Button
-        variant={item.type === "LINK" ? "ghost" : "outline"}
-        class={item.className}
-        onclick={item.onclick}
-      >
-        {#if item.icon}
-          <HugeiconsIcon icon={item.icon} />
-        {/if}
-        {item.label}
-      </Button>
-    {/each}
-    {#if onclickButtonRegister}
-      <Button
-        variant="outline"
-        onclick={onclickButtonRegister}
-        class={buttonClass}
-      >
-        <HugeiconsIcon icon={User03Icon} />
-        {$t("label.register")}
-      </Button>
-    {/if}
-    {#if onclickButtonLogin}
-      <Button
-        variant="outline"
-        onclick={onclickButtonLogin}
-        class={buttonClass}
-      >
-        <HugeiconsIcon icon={Login03Icon} />
-        {$t("label.login")}
-      </Button>
-    {/if}
-  </div>
-{/snippet}
-
-<nav
-  class={`flex items-center justify-between container py-5 md:px-5 ${navClass}`}
->
-  {#if logo}
-    <div>
-      {#if logo.img}
-        <img
-          src={logo.img}
-          alt="logo of site"
-          class={`max-h-50 ${logo.className}`}
-        />
-      {:else if logo.label}
-        <span class={logo.className}>{logo.label}</span>
-      {/if}
-    </div>
-  {:else}
-    <div>
-      <span class="hidden">Logo</span>
-    </div>
-  {/if}
-
-  {#if responsive.isMobile}
-    <NavMenuDrawer {links} {onclickButtonLogin} {onclickButtonRegister} />
-  {:else if align === "LINK_SEPARATED_ACTIONS"}
-    <MenuLinks
-      {menuKey}
-      {activeClass}
-      {links}
-      {linkClass}
-      {groupClass}
-      orientation="horizontal"
-    />
-    {@render actionButtons()}
-  {:else if align === "LINK_INTO_ACTIONS"}
-    <div class="flex items-center gap-2">
-      <MenuLinks
-        {menuKey}
-        {activeClass}
-        {links}
-        {linkClass}
-        {groupClass}
-        orientation="vertical"
-      />
-      {@render actionButtons()}
-    </div>
-  {/if}
-</nav>

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

@@ -1,4 +0,0 @@
-import type { NavMenuProps } from "../data/nav-menu";
-declare const NavMenu: import("svelte").Component<NavMenuProps, {}, "">;
-type NavMenu = ReturnType<typeof NavMenu>;
-export default NavMenu;

package/dist/components/core/nav/ui/mobile/nav-menu-drawer.svelte

@@ -1,85 +0,0 @@
-<script lang="ts">
-    import * as Drawer from "../../../../ui/drawer/index.js";
-    import { Button } from "../../../../ui/button/index.js";
-    import type { NavMenuLinksProps } from "../../data/nav-menu";
-    import { buttonVariants } from "../../../../ui/button/index.js";
-    import { cn } from "../../../../../utils.js";
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import { Login03Icon, Menu, User03Icon } from "@hugeicons/core-free-icons";
-    import MenuLinks from "../shared/MenuLinks.svelte";
-    import LightSwitch from "../../../../ui/light-switch/light-switch.svelte";
-    import LanguageSwitcher from "../../../../ui/language-switcher/language-switcher.svelte";
-    import { t } from "../../../../../i18n";
-
-    type Props = {
-        links: NavMenuLinksProps[];
-        onclickButtonLogin?: () => void;
-        onclickButtonRegister?: () => void;
-    };
-
-    const { links, onclickButtonLogin, onclickButtonRegister }: Props =
-        $props();
-</script>
-
-<div class="flex flex-wrap gap-2">
-    <Drawer.Root direction="right">
-        <Drawer.Trigger
-            class={cn(buttonVariants({ variant: "outline" }), "capitalize")}
-        >
-            <HugeiconsIcon icon={Menu} />
-        </Drawer.Trigger>
-        <Drawer.Content
-            class="data-[vaul-drawer-direction=bottom]:max-h-[50vh] data-[vaul-drawer-direction=top]:max-h-[50vh]"
-        >
-            <Drawer.Header>
-                <Drawer.Title>{$t("label.menu")}</Drawer.Title>
-                <Drawer.Description>
-                    {$t("label.navigation.text")}
-                </Drawer.Description>
-            </Drawer.Header>
-            <div class="no-scrollbar overflow-y-auto px-4">
-                <nav>
-                    <div class="mt-5 mb-4 font-semibold">{$t("label.navigation")}</div>
-                    <MenuLinks
-                        {links}
-                        groupClass="space-y-3"
-                        orientation="vertical"
-                    />
-                </nav>
-
-                <div class="mt-5">
-                    <div class="mt-5 mb-4 font-semibold">{$t("label.action")}</div>
-                    <section >
-                        {#if onclickButtonRegister}
-                            <Button
-                                variant="outline"
-                                onclick={onclickButtonRegister}
-                            >
-                                <HugeiconsIcon icon={User03Icon} />
-                                {$t("label.register")}
-                            </Button>
-                        {/if}
-                        {#if onclickButtonLogin}
-                            <Button
-                                variant="outline"
-                                onclick={onclickButtonLogin}
-                            >
-                                <HugeiconsIcon icon={Login03Icon} />
-                                {$t("label.login")}
-                            </Button>
-                        {/if}
-                    </section>
-                </div>
-            </div>
-            <Drawer.Footer>
-                <div class="flex justify-center gap-5 py-5">
-                    <LightSwitch />
-                    <LanguageSwitcher />
-                </div>
-                <Drawer.Close class={buttonVariants({ variant: "outline" })}>
-                    {$t("label.close")}
-                </Drawer.Close>
-            </Drawer.Footer>
-        </Drawer.Content>
-    </Drawer.Root>
-</div>

package/dist/components/core/carousel/hero/{CarouselHero.svelte.d.ts → ui/CarouselHero.svelte.d.ts}

@@ -1,5 +1,5 @@
-import type { CarouselHeroProps } from "../types";
 import type { Snippet } from "svelte";
+import type { CarouselHeroProps } from "../types";
 type $$ComponentProps = CarouselHeroProps & {
     children?: Snippet;
     intervalMs?: number;