negodesign 0.0.54 → 0.0.56

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

@@ -19,4 +19,9 @@ export interface CarouselGridProductProps {
     isLoading?: boolean;
     isDescriptionIcon?: boolean;
     isDescriptionLabel?: boolean;
+    onClickBuy?: (id: string | number) => void;
+    /** Callback ao clicar no botão carrinho */
+    onClickShop?: (id: string | number) => void;
+    /** Callback ao clicar no botão favorito */
+    onClickFavorite?: (id: string | number) => void;
 }

package/dist/components/core/carousel/grid/product/ui/CarouselGridProduct.svelte

@@ -17,6 +17,9 @@
     isLoading = false,
     isDescriptionIcon = false,
     isDescriptionLabel = false,
+    onClickBuy,
+    onClickFavorite,
+    onClickShop,
   }: CarouselGridProductProps = $props();
 
   const responsive = useDevice();
@@ -52,6 +55,9 @@
                 {variant}
                 {isDescriptionIcon}
                 {isDescriptionLabel}
+                {onClickBuy}
+                {onClickFavorite}
+                {onClickShop}
               />
             </Carousel.Item>
           {:else}
@@ -61,6 +67,9 @@
                 {variant}
                 {isDescriptionIcon}
                 {isDescriptionLabel}
+                {onClickBuy}
+                {onClickFavorite}
+                {onClickShop}
               />
             </div>
           {/if}

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { CarouselHeroItem, CarouselHeroProps } from "../types";
-  import NavMenu from "../../nav/ui/nav-menu.svelte";
+  import NavMenu from "../../nav/ui/NavMenu.svelte";
   import type { Snippet } from "svelte";
 
   let {

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

@@ -0,0 +1,66 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../ui/navigation-menu/index.js";
+  import { useDevice } from "../../../../hooks/responsive.svelte";
+  import type {
+    MenuProps,
+    NavigationMenuItemProps,
+    NavigationMenuItemListProps,
+    NavigationMenuItemCardProps,
+    NavigationMenuItemGridProps,
+    NavigationMenuItemsProps,
+  } from "./shared/types";
+  import NavigationMenuItemGrid from "./shared/NavigationMenuItemGrid.svelte";
+  import NavigationMenuItemCard from "./shared/NavigationMenuItemCard.svelte";
+  import NavigationMenuItem from "./shared/NavigationMenuItem.svelte";
+  import NavigationMenuItemList from "./shared/NavigationMenuItemList.svelte";
+  import NavigationMenuItems from "./shared/NavigationMenuItems.svelte";
+
+  const responsive = useDevice();
+
+  let { links }: MenuProps = $props();
+
+  type NavMenuItem =
+    | NavigationMenuItemCardProps
+    | NavigationMenuItemGridProps
+    | NavigationMenuItemListProps
+    | NavigationMenuItemsProps
+    | NavigationMenuItemProps;
+
+  function isCard(item: NavMenuItem): item is NavigationMenuItemCardProps {
+    return "header" in item && "cards" in item;
+  }
+
+  function isGrid(item: NavMenuItem): item is NavigationMenuItemGridProps {
+    return "grids" in item && "label" in item;
+  }
+
+  function isList(item: NavMenuItem): item is NavigationMenuItemListProps {
+    return "list" in item && "label" in item;
+  }
+
+  function isItems(item: NavMenuItem): item is NavigationMenuItemsProps {
+    return "items" in item && "label" in item;
+  }
+
+  function isItem(item: NavMenuItem): item is NavigationMenuItemProps {
+    return "href" in item && "label" in item;
+  }
+</script>
+
+<NavigationMenu.Root viewport={responsive.isMobile}>
+  <NavigationMenu.List class="flex-wrap">
+    {#each links as link, i (i)}
+      {#if isCard(link)}
+        <NavigationMenuItemCard {...link} />
+      {:else if isGrid(link)}
+        <NavigationMenuItemGrid {...link} />
+      {:else if isList(link)}
+        <NavigationMenuItemList {...link} />
+      {:else if isItems(link)}
+        <NavigationMenuItems {...link} />
+      {:else if isItem(link)}
+        <NavigationMenuItem {...link} />
+      {/if}
+    {/each}
+  </NavigationMenu.List>
+</NavigationMenu.Root>

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

@@ -0,0 +1,4 @@
+import type { MenuProps } from "./shared/types";
+declare const Menu: import("svelte").Component<MenuProps, {}, "">;
+type Menu = ReturnType<typeof Menu>;
+export default Menu;

package/dist/components/core/nav/ui/{nav-menu.svelte → NavMenu.svelte}

@@ -8,7 +8,7 @@
   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 "./menu-links.svelte";
+  import MenuLinks from "./shared/MenuLinks.svelte";
 
   let {
     logo,

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

@@ -6,7 +6,7 @@
     import { cn } from "../../../../../utils.js";
     import { HugeiconsIcon } from "@hugeicons/svelte";
     import { Login03Icon, Menu, User03Icon } from "@hugeicons/core-free-icons";
-    import MenuLinks from "../menu-links.svelte";
+    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";

package/dist/components/core/nav/ui/{menu-links.svelte → shared/MenuLinks.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { HugeiconsIcon } from "@hugeicons/svelte";
-  import type { NavMenuLinksProps } from "../data/nav-menu";
+  import type { NavMenuLinksProps } from "../../data/nav-menu";
 
   type Props = {
     links: NavMenuLinksProps[];

package/dist/components/core/nav/ui/{menu-links.svelte.d.ts → shared/MenuLinks.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { NavMenuLinksProps } from "../data/nav-menu";
+import type { NavMenuLinksProps } from "../../data/nav-menu";
 type Props = {
     links: NavMenuLinksProps[];
     linkClass?: string;

package/dist/components/core/nav/ui/shared/MenuListItem.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
+  import { cn } from "../../../../../utils";
+  import type { ListItemProps } from "./types";
+  let {
+    title,
+    content,
+    href,
+    icon,
+    class: className,
+    ...restProps
+  }: ListItemProps = $props();
+</script>
+
+{#snippet header()}
+  <div class="leading-none font-medium">{title}</div>
+{/snippet}
+
+<li>
+  <NavigationMenu.Link>
+    {#snippet child()}
+      <a
+        {href}
+        class={cn(
+          "block space-y-1 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+          className,
+        )}
+        {...restProps}
+      >
+        {#if icon}
+          <div class="flex gap-1 items-center">
+            <div>
+              <i class={`${icon} size-8 md:size-10`}></i>
+            </div>
+            <div class="-mt-1">
+              {@render header()}
+            </div>
+          </div>
+        {:else}
+          {@render header()}
+        {/if}
+        <p class="line-clamp-2 text-sm leading-snug text-muted-foreground">
+          {content}
+        </p>
+      </a>
+    {/snippet}
+  </NavigationMenu.Link>
+</li>

package/dist/components/core/nav/ui/shared/MenuListItem.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ListItemProps } from "./types";
+declare const MenuListItem: import("svelte").Component<ListItemProps, {}, "">;
+type MenuListItem = ReturnType<typeof MenuListItem>;
+export default MenuListItem;

package/dist/components/core/nav/ui/shared/NavigationMenuItem.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemProps } from "./types";
+  import { navigationMenuTriggerStyle } from "../../../../ui/navigation-menu/navigation-menu-trigger.svelte";
+
+  let { label, href }: NavigationMenuItemProps = $props();
+</script>
+
+<NavigationMenu.Item>
+  <NavigationMenu.Link>
+    {#snippet child()}
+      <a {href} class={navigationMenuTriggerStyle()}>{label}</a>
+    {/snippet}
+  </NavigationMenu.Link>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/NavigationMenuItem.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemProps } from "./types";
+declare const NavigationMenuItem: import("svelte").Component<NavigationMenuItemProps, {}, "">;
+type NavigationMenuItem = ReturnType<typeof NavigationMenuItem>;
+export default NavigationMenuItem;

package/dist/components/core/nav/ui/shared/NavigationMenuItemCard.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemCardProps } from "./types";
+  import MenuListItem from "./MenuListItem.svelte";
+
+  let { label, header, cards: items }: NavigationMenuItemCardProps = $props();
+</script>
+
+{#snippet headerSnippet(label: string, description: string)}
+  <div class="mt-4 mb-2 text-lg font-medium {header?.labelClass}">{label}</div>
+  <p
+    class="text-sm leading-tight {header?.descriptionClass ||
+      'text-muted-foreground'}"
+  >
+    {description}
+  </p>
+{/snippet}
+
+<NavigationMenu.Item>
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  <NavigationMenu.Content>
+    <ul class="grid gap-2 p-2 md:w-100 lg:w-125 lg:grid-cols-[.75fr_1fr]">
+      {#if header}
+        <li
+          class="row-span-3 relative"
+          style={header.imgUrl
+            ? `background-image: url(${header.imgUrl}); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 12px;`
+            : ``}
+        >
+          <NavigationMenu.Link
+            class={`flex h-full w-full flex-col justify-end p-4 md:p-6 ${
+              header.imgUrl
+                ? `no-underline outline-hidden select-none`
+                : `bg-linear-to-b from-muted/50 to-muted rounded-md focus:shadow-md`
+            }`}
+          >
+            {#snippet child({ props })}
+              {#if header.imgUrl}
+                <a
+                  {...props}
+                  href={header.href ?? "#"}
+                  class="bg-transparent absolute left-2 bottom-2"
+                >
+                  {@render headerSnippet(header.label, header.description)}
+                </a>
+              {:else}
+                <a {...props} href={header.href ?? "#"}>
+                  {@render headerSnippet(header.label, header.description)}
+                </a>
+              {/if}
+            {/snippet}
+          </NavigationMenu.Link>
+        </li>
+      {/if}
+      {#if items && items.length > 0}
+        {#each items as item, i (i)}
+          <MenuListItem {...item} />
+        {/each}
+      {/if}
+    </ul>
+  </NavigationMenu.Content>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/NavigationMenuItemCard.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemCardProps } from "./types";
+declare const NavigationMenuItemCard: import("svelte").Component<NavigationMenuItemCardProps, {}, "">;
+type NavigationMenuItemCard = ReturnType<typeof NavigationMenuItemCard>;
+export default NavigationMenuItemCard;

package/dist/components/core/nav/ui/shared/NavigationMenuItemGrid.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemGridProps } from "./types";
+  import MenuListItem from "./MenuListItem.svelte";
+
+  let { label, grids: items }: NavigationMenuItemGridProps = $props();
+
+  const cols = (): string => {
+    const len = items?.length ?? 0;
+    if (len > 10) return "md:grid-cols-3 lg:grid-cols-4";
+    if (len > 5) return "md:grid-cols-3";
+    if (len % 3 == 0) return "md:grid-cols-3";
+    if (len % 2 == 0) return "md:grid-cols-2";
+    return "grid-cols-1";
+  };
+</script>
+
+<NavigationMenu.Item>
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  {#if items}
+    {@const gridCols = cols()}
+    <NavigationMenu.Content>
+      <ul
+        class={`grid w-75 gap-2 p-2 sm:w-100 md:w-125 ${gridCols} lg:min-w-150`}
+      >
+        {#each items as item, i (i)}
+          <MenuListItem {...item} />
+        {/each}
+      </ul>
+    </NavigationMenu.Content>
+  {/if}
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/NavigationMenuItemGrid.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemGridProps } from "./types";
+declare const NavigationMenuItemGrid: import("svelte").Component<NavigationMenuItemGridProps, {}, "">;
+type NavigationMenuItemGrid = ReturnType<typeof NavigationMenuItemGrid>;
+export default NavigationMenuItemGrid;

package/dist/components/core/nav/ui/shared/NavigationMenuItemList.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemListProps } from "./types";
+
+  let { label, list }: NavigationMenuItemListProps = $props();
+</script>
+
+<NavigationMenu.Item class="hidden md:block">
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  <NavigationMenu.Content>
+    <ul class="grid w-75 gap-4 p-2">
+      {#each list as item, i (i)}
+        <li>
+          <NavigationMenu.Link href={item.href}>
+            <div class="font-medium">{item.title ?? ""}</div>
+            <div class="text-muted-foreground">
+              {item.content}
+            </div>
+          </NavigationMenu.Link>
+        </li>
+      {/each}
+    </ul>
+  </NavigationMenu.Content>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/NavigationMenuItemList.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemListProps } from "./types";
+declare const NavigationMenuItemList: import("svelte").Component<NavigationMenuItemListProps, {}, "">;
+type NavigationMenuItemList = ReturnType<typeof NavigationMenuItemList>;
+export default NavigationMenuItemList;

package/dist/components/core/nav/ui/shared/NavigationMenuItems.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import * as NavigationMenu from "../../../../ui/navigation-menu/index.js";
+  import type { NavigationMenuItemsProps } from "./types";
+
+  let { label, items }: NavigationMenuItemsProps = $props();
+</script>
+
+<NavigationMenu.Item class="hidden md:block">
+  <NavigationMenu.Trigger>{label}</NavigationMenu.Trigger>
+  <NavigationMenu.Content>
+    <ul class="grid min-w-50 gap-4 p-1 md:p-2">
+      {#each items as item, i (i)}
+        <li>
+          <NavigationMenu.Link href={item.href} class="py-1">
+            {item.title}
+          </NavigationMenu.Link>
+        </li>
+      {/each}
+    </ul>
+  </NavigationMenu.Content>
+</NavigationMenu.Item>

package/dist/components/core/nav/ui/shared/NavigationMenuItems.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationMenuItemsProps } from "./types";
+declare const NavigationMenuItems: import("svelte").Component<NavigationMenuItemsProps, {}, "">;
+type NavigationMenuItems = ReturnType<typeof NavigationMenuItems>;
+export default NavigationMenuItems;

package/dist/components/core/nav/ui/shared/types.d.ts

@@ -0,0 +1,41 @@
+import type { HTMLAttributes } from "svelte/elements";
+export type ListItemProps = HTMLAttributes<HTMLAnchorElement> & {
+    title: string;
+    href: string;
+    content: string;
+    icon?: string;
+};
+export type NavigationMenuItemProps = {
+    label: string;
+    href?: string;
+};
+export type NavigationMenuItemCardProps = {
+    label?: string;
+    header?: {
+        label: string;
+        description: string;
+        href?: string;
+        imgUrl?: string;
+        descriptionClass?: string;
+        labelClass?: string;
+    };
+    cards?: ListItemProps[];
+};
+export type NavigationMenuItemGridProps = {
+    label: string;
+    grids?: ListItemProps[];
+};
+export type NavigationMenuItemListProps = {
+    label: string;
+    list?: ListItemProps[];
+};
+export type NavigationMenuItemsProps = {
+    label: string;
+    items?: {
+        title: string;
+        href: string;
+    }[];
+};
+export type MenuProps = {
+    links: (NavigationMenuItemProps | NavigationMenuItemListProps | NavigationMenuItemCardProps | NavigationMenuItemGridProps | NavigationMenuItemsProps)[];
+};

package/dist/components/core/nav/ui/shared/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/core/sidebar/MenuBarSidebar.svelte

@@ -8,10 +8,10 @@
     NavMenuSidebarProps,
   } from "../nav/data/nav-menu-sidebar";
   import type { Snippet } from "svelte";
-  import NavMenuTopBarSidebar from "../nav/ui/nav-menu-top-bar-sidebar.svelte";
-  import NavMenuBottomSidebar from "../nav/ui/nav-menu-bottom-sidebar.svelte";
-  import NavMenuBarSidebar from "../nav/ui/nav-menu-sidebar.svelte";
-  import NavUserSidebar from "../nav/ui/nav-user-sidebar.svelte";
+  import NavMenuTopBarSidebar from "./ui/navbar/NavMenuTopBarSidebar.svelte";
+  import NavMenuBottomSidebar from "./ui/navbar/NavMenuBottomSidebar.svelte";
+  import NavMenuBarSidebar from "./ui/navbar/NavMenuBarSidebar.svelte";
+  import NavUserSidebar from "./ui/navbar/NavUserSidebar.svelte";
   import { t } from "../../../i18n";
 
   /**

package/dist/components/core/{nav/ui/nav-menu-sidebar.svelte → sidebar/ui/navbar/NavMenuBarSidebar.svelte}

@@ -1,14 +1,14 @@
 <script lang="ts">
   /* eslint-disable @typescript-eslint/no-explicit-any */
-  import * as Collapsible from "../../../ui/collapsible/index.js";
-  import * as Sidebar from "../../../ui/sidebar/index.js";
+  import * as Collapsible from "../../../../ui/collapsible/index.js";
+  import * as Sidebar from "../../../../ui/sidebar/index.js";
   import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
   import { HugeiconsIcon } from "@hugeicons/svelte";
   import type {
     NavMenuAndSubmenuSidebarProps,
     NavMenuItem,
     NavMenuSidebarProps,
-  } from "../data/nav-menu-sidebar";
+  } from "../../../nav/data/nav-menu-sidebar";
 
   let {
     items,

package/dist/components/core/sidebar/ui/navbar/NavMenuBarSidebar.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { NavMenuItem } from "../../../nav/data/nav-menu-sidebar";
+type $$ComponentProps = {
+    items: NavMenuItem[];
+};
+declare const NavMenuBarSidebar: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavMenuBarSidebar = ReturnType<typeof NavMenuBarSidebar>;
+export default NavMenuBarSidebar;

package/dist/components/core/{nav/ui/nav-menu-bottom-sidebar.svelte → sidebar/ui/navbar/NavMenuBottomSidebar.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import * as Sidebar from "../../../ui/sidebar/index.js";
-  import type { WithoutChildren } from "../../../../utils.js";
+  import * as Sidebar from "../../../../ui/sidebar/index.js";
+  import type { WithoutChildren } from "../../../../../utils.js";
   import type { ComponentProps } from "svelte";
   import type { NavMenuSidebarProps } from "../data/nav-menu-sidebar";
   import { HugeiconsIcon } from "@hugeicons/svelte";

package/dist/components/core/{nav/ui/nav-menu-bottom-sidebar.svelte.d.ts → sidebar/ui/navbar/NavMenuBottomSidebar.svelte.d.ts}

@@ -1,5 +1,5 @@
-import * as Sidebar from "../../../ui/sidebar/index.js";
-import type { WithoutChildren } from "../../../../utils.js";
+import * as Sidebar from "../../../../ui/sidebar/index.js";
+import type { WithoutChildren } from "../../../../../utils.js";
 import type { ComponentProps } from "svelte";
 import type { NavMenuSidebarProps } from "../data/nav-menu-sidebar";
 type $$ComponentProps = {

package/dist/components/core/{nav/ui/nav-menu-top-bar-sidebar.svelte → sidebar/ui/navbar/NavMenuTopBarSidebar.svelte}

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
-	import * as Sidebar from "../../../ui/sidebar/index.js";
-	import { useSidebar } from "../../../ui/sidebar/index.js";
-	import type { NavTopBarSidebarItem } from "../data/nav-top-bar-sidebar";
+	import * as DropdownMenu from "../../../../ui/dropdown-menu/index.js";
+	import * as Sidebar from "../../../../ui/sidebar/index.js";
+	import { useSidebar } from "../../../../ui/sidebar/index.js";
+	import type { NavTopBarSidebarItem } from "../../../nav/data/nav-top-bar-sidebar";
 	import { HugeiconsIcon } from "@hugeicons/svelte";
 	import { UnfoldMoreIcon } from "@hugeicons/core-free-icons";
 

package/dist/components/core/{nav/ui/nav-menu-top-bar-sidebar.svelte.d.ts → sidebar/ui/navbar/NavMenuTopBarSidebar.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { NavTopBarSidebarItem } from "../data/nav-top-bar-sidebar";
+import type { NavTopBarSidebarItem } from "../../../nav/data/nav-top-bar-sidebar";
 declare const NavMenuTopBarSidebar: import("svelte").Component<NavTopBarSidebarItem, {}, "">;
 type NavMenuTopBarSidebar = ReturnType<typeof NavMenuTopBarSidebar>;
 export default NavMenuTopBarSidebar;

package/dist/components/core/{nav/ui/nav-user-sidebar.svelte → sidebar/ui/navbar/NavUserSidebar.svelte}

@@ -1,16 +1,16 @@
 <script lang="ts">
-  import * as Avatar from "../../../ui/avatar/index.js";
-  import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
-  import * as Sidebar from "../../../ui/sidebar/index.js";
-  import type { NavUserSidebarProps } from "../data/nav-user-sidebar";
-  import { useSidebar } from "../../../ui/sidebar/index.js";
+  import * as Avatar from "../../../../ui/avatar/index.js";
+  import * as DropdownMenu from "../../../../ui/dropdown-menu/index.js";
+  import * as Sidebar from "../../../../ui/sidebar/index.js";
+  import { useSidebar } from "../../../../ui/sidebar/index.js";
   import { HugeiconsIcon } from "@hugeicons/svelte";
   import {
     UnfoldMoreIcon,
     Logout01Icon,
     SparklesIcon,
   } from "@hugeicons/core-free-icons";
-  import { t } from "../../../../i18n";
+  import { t } from "../../../../../i18n";
+  import type { NavUserSidebarProps } from "../../../../../types";
 
   let { user: userLogged }: { user: NavUserSidebarProps } = $props();
 

package/dist/components/core/{nav/ui/nav-user-sidebar.svelte.d.ts → sidebar/ui/navbar/NavUserSidebar.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { NavUserSidebarProps } from "../data/nav-user-sidebar";
+import type { NavUserSidebarProps } from "../../../../../types";
 type $$ComponentProps = {
     user: NavUserSidebarProps;
 };

package/dist/components/core/{nav/ui → sidebar/ui/navbar}/nav-menu-header-sidebar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
-  import * as Sidebar from "../../../ui/sidebar/index.js";
-  import { useSidebar } from "../../../ui/sidebar/index.js";
+  import * as DropdownMenu from "../../../../ui/dropdown-menu/index.js";
+  import * as Sidebar from "../../../../ui/sidebar/index.js";
+  import { useSidebar } from "../../../../ui/sidebar/index.js";
   import ChevronsUpDownIcon from "@lucide/svelte/icons/chevrons-up-down";
   import PlusIcon from "@lucide/svelte/icons/plus";
 

package/dist/components/ui/navigation-menu/index.d.ts

@@ -0,0 +1,9 @@
+import Content from "./navigation-menu-content.svelte";
+import Indicator from "./navigation-menu-indicator.svelte";
+import Item from "./navigation-menu-item.svelte";
+import Link from "./navigation-menu-link.svelte";
+import List from "./navigation-menu-list.svelte";
+import Trigger from "./navigation-menu-trigger.svelte";
+import Viewport from "./navigation-menu-viewport.svelte";
+import Root from "./navigation-menu.svelte";
+export { Root, Content, Indicator, Item, Link, List, Trigger, Viewport, Root as NavigationMenuRoot, Content as NavigationMenuContent, Indicator as NavigationMenuIndicator, Item as NavigationMenuItem, Link as NavigationMenuLink, List as NavigationMenuList, Trigger as NavigationMenuTrigger, Viewport as NavigationMenuViewport, };

package/dist/components/ui/navigation-menu/index.js

@@ -0,0 +1,11 @@
+import Content from "./navigation-menu-content.svelte";
+import Indicator from "./navigation-menu-indicator.svelte";
+import Item from "./navigation-menu-item.svelte";
+import Link from "./navigation-menu-link.svelte";
+import List from "./navigation-menu-list.svelte";
+import Trigger from "./navigation-menu-trigger.svelte";
+import Viewport from "./navigation-menu-viewport.svelte";
+import Root from "./navigation-menu.svelte";
+export { Root, Content, Indicator, Item, Link, List, Trigger, Viewport, 
+//
+Root as NavigationMenuRoot, Content as NavigationMenuContent, Indicator as NavigationMenuIndicator, Item as NavigationMenuItem, Link as NavigationMenuLink, List as NavigationMenuList, Trigger as NavigationMenuTrigger, Viewport as NavigationMenuViewport, };

package/dist/components/ui/navigation-menu/navigation-menu-content.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: NavigationMenuPrimitive.ContentProps = $props();
+</script>
+
+<NavigationMenuPrimitive.Content
+	bind:ref
+	data-slot="navigation-menu-content"
+	class={cn(
+		"isolate z-50 p-2.5 pr-3 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-2xl group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 top-0 left-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/navigation-menu/navigation-menu-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuContent: import("svelte").Component<NavigationMenuPrimitive.ContentProps, {}, "ref">;
+type NavigationMenuContent = ReturnType<typeof NavigationMenuContent>;
+export default NavigationMenuContent;