@opensite/ui 1.1.3 → 1.1.5

package/dist/registry.cjs

@@ -58039,11 +58039,13 @@ var NavbarMegaMenu = ({
                 open,
                 onClose: () => setOpen(false),
                 title: "Mobile Navigation",
-                contentClassName: "pt-10 pb-20",
                 children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks?.map((link, index) => {
                     if (hasDropdownItems(link)) {
-                      const items = link.links || [];
+                      const hasGroups = link.dropdownGroups && link.dropdownGroups.length > 0;
+                      const items = hasGroups ? link.dropdownGroups.flatMap(
+                        (group) => group.links || []
+                      ) : link.links || [];
                       return /* @__PURE__ */ jsxRuntime.jsxs(
                         AccordionItem,
                         {
@@ -58051,24 +58053,63 @@ var NavbarMegaMenu = ({
                           className: "border-b-0",
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: link.label }),
-                            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-                              Pressable,
-                              {
-                                href: getLinkUrl(item),
-                                className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                                children: [
-                                  (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
-                                    DynamicIcon,
-                                    {
-                                      name: item.iconName,
-                                      size: 14
-                                    }
-                                  ) : null),
-                                  item.label
-                                ]
-                              },
-                              `mobile-link-${index}-${itemIndex}`
-                            )) })
+                            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: hasGroups ? (
+                              // Render with group headers
+                              link.dropdownGroups.map(
+                                (group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "div",
+                                  {
+                                    className: "mb-4",
+                                    children: [
+                                      group.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 pl-4 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
+                                      (group.links || []).map(
+                                        (item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                          Pressable,
+                                          {
+                                            href: getLinkUrl(item),
+                                            onClick: () => setOpen(false),
+                                            className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+                                            children: [
+                                              (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+                                                DynamicIcon,
+                                                {
+                                                  name: item.iconName,
+                                                  size: 14
+                                                }
+                                              ) : null),
+                                              item.label
+                                            ]
+                                          },
+                                          `mobile-group-link-${groupIndex}-${itemIndex}`
+                                        )
+                                      )
+                                    ]
+                                  },
+                                  `mobile-group-${groupIndex}`
+                                )
+                              )
+                            ) : (
+                              // Render flat list
+                              items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                Pressable,
+                                {
+                                  href: getLinkUrl(item),
+                                  onClick: () => setOpen(false),
+                                  className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+                                  children: [
+                                    (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+                                      DynamicIcon,
+                                      {
+                                        name: item.iconName,
+                                        size: 14
+                                      }
+                                    ) : null),
+                                    item.label
+                                  ]
+                                },
+                                `mobile-link-${index}-${itemIndex}`
+                              ))
+                            ) })
                           ]
                         },
                         `mobile-menu-link-${index}`
@@ -58081,6 +58122,7 @@ var NavbarMegaMenu = ({
                       Pressable,
                       {
                         href: link.href,
+                        onClick: () => setOpen(false),
                         className: "flex h-15 items-center text-base font-normal text-foreground",
                         children: link.label
                       },
@@ -58960,11 +59002,11 @@ var NavbarFeatureGrid = ({
                 children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { children: [
                   features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Features" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-[600px] grid-cols-2 space-x-4 space-y-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
                       NavigationMenuLink,
                       {
                         href: feature.href,
-                        className: "rounded-md p-3 transition-colors hover:bg-muted/70",
+                        className: "w-full justify-start rounded-md p-3 transition-colors hover:bg-muted/70",
                         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
@@ -59015,12 +59057,12 @@ var NavbarFeatureGrid = ({
                   /* @__PURE__ */ jsxRuntime.jsxs(Accordion, { type: "multiple", className: "w-full", children: [
                     features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "features", className: "border-b-0", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal hover:no-underline", children: "Features" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none space-y-4", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
                         Pressable,
                         {
                           href: feature.href,
                           className: "flex items-start gap-2 pl-4 text-sm",
-                          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0", children: [
                             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: feature.title }),
                             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: feature.description })
                           ] })
@@ -59884,65 +59926,55 @@ var NavbarImagePreview = ({
       containerClassName: sectionContainerClassName,
       containerMaxWidth: sectionContainerMaxWidth,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("z-500 w-full", containerWrapperClasses), ref: navRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: navWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
-              "fixed top-0 z-500 w-full bg-transparent transition-colors duration-500",
-              containerWrapperClasses
+              "flex items-center justify-between gap-3.5 py-5",
+              navClassName
             ),
-            ref: navRef,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: navWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn(
-                  "flex items-center justify-between gap-3.5 py-5",
-                  navClassName
-                ),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    NavbarLogo,
-                    {
-                      logo,
-                      logoSlot,
-                      logoClassName,
-                      optixFlowConfig
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    NavigationMenu,
-                    {
-                      className: cn(
-                        "hidden lg:flex [&>div:nth-child(2)]:left-1/2 [&>div:nth-child(2)]:-translate-x-1/2",
-                        navigationMenuClassName
-                      ),
-                      children: renderNavigation
-                    }
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationMenu,
+                {
+                  className: cn(
+                    "hidden lg:flex [&>div:nth-child(2)]:left-1/2 [&>div:nth-child(2)]:-translate-x-1/2",
+                    navigationMenuClassName
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "div",
-                    {
-                      className: cn("flex items-center gap-3.5", actionsClassName),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3.5", children: renderAuthActions }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          Pressable,
-                          {
-                            variant: "ghost",
-                            size: "icon",
-                            asButton: true,
-                            onClick: handleMobileMenu,
-                            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 22 })
-                          }
-                        ) })
-                      ]
-                    }
-                  )
-                ]
-              }
-            ) }) })
+                  children: renderNavigation
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn("flex items-center gap-3.5", actionsClassName),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3.5", children: renderAuthActions }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        asButton: true,
+                        onClick: handleMobileMenu,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 22 })
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ]
           }
-        ),
+        ) }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           MobileNavigationMenu2,
           {
@@ -60093,61 +60125,77 @@ var MobileNavigationMenu2 = ({
     }) });
   }, [authActionsSlot, authActions, handleClose]);
   if (mobileNavigationSlot) {
-    return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Mobile Navigation", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-      mobileNavigationSlot,
-      renderSocialLinks,
-      renderMobileAuthActions
-    ] }) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Mobile Navigation", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: mobileNavigation.map((item, index) => {
-      if (item.links && item.links.length > 0) {
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          AccordionItem,
-          {
-            value: `nav-${index}`,
-            className: "border-b-0",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-                Pressable,
-                {
-                  href: getLinkUrl(link),
-                  className: "flex min-h-12 items-center gap-2 rounded-lg px-4 text-muted-foreground transition-colors duration-300 hover:bg-muted hover:text-foreground",
-                  onClick: handleClose,
-                  children: [
-                    link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
-                      {
-                        name: link.iconName,
-                        size: 16,
-                        className: "stroke-muted-foreground"
-                      }
-                    ) : null,
-                    link.label
-                  ]
-                },
-                `mobile-link-${linkIndex}`
-              )) })
-            ]
-          },
-          `nav-item-${index}`
-        );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavbarMobileMenu,
+      {
+        open,
+        onClose: handleClose,
+        title: "Mobile Navigation",
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+          mobileNavigationSlot,
+          renderSocialLinks,
+          renderMobileAuthActions
+        ] }) })
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: item.url,
-          className: "flex h-15 items-center rounded-md p-0 px-4 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all hover:bg-muted focus-visible:ring-4 focus-visible:outline-1",
-          onClick: handleClose,
-          children: item.title
-        },
-        `nav-link-${index}`
-      );
-    }) }),
-    renderSocialLinks,
-    renderMobileAuthActions
-  ] }) }) });
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavbarMobileMenu,
+    {
+      open,
+      onClose: handleClose,
+      title: "Mobile Navigation",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: mobileNavigation.map((item, index) => {
+          if (item.links && item.links.length > 0) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              AccordionItem,
+              {
+                value: `nav-${index}`,
+                className: "border-b-0",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    Pressable,
+                    {
+                      href: getLinkUrl(link),
+                      className: "flex min-h-12 items-center gap-2 rounded-lg px-4 text-muted-foreground transition-colors duration-300 hover:bg-muted hover:text-foreground",
+                      onClick: handleClose,
+                      children: [
+                        link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+                          DynamicIcon,
+                          {
+                            name: link.iconName,
+                            size: 16,
+                            className: "stroke-muted-foreground"
+                          }
+                        ) : null,
+                        link.label
+                      ]
+                    },
+                    `mobile-link-${linkIndex}`
+                  )) })
+                ]
+              },
+              `nav-item-${index}`
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: item.url,
+              className: "flex h-15 items-center rounded-md p-0 px-4 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all hover:bg-muted focus-visible:ring-4 focus-visible:outline-1",
+              onClick: handleClose,
+              children: item.title
+            },
+            `nav-link-${index}`
+          );
+        }) }),
+        renderSocialLinks,
+        renderMobileAuthActions
+      ] }) })
+    }
+  );
 };
 var MOBILE_BREAKPOINT3 = 1024;
 var NavbarDarkIcons = ({
@@ -60420,7 +60468,7 @@ var MobileNavigationMenu3 = ({
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
       className: "dark",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map((item, index) => renderMobileMenuItem3(item, index)) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
       ] }) })
@@ -60438,7 +60486,7 @@ var renderMobileMenuItem3 = (item, index) => {
     Pressable,
     {
       href: item.url,
-      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1 nth-last-1:border-0",
+      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1",
       children: item.title
     },
     `nav-link-${index}`
@@ -60668,7 +60716,7 @@ var DesktopMenuItem5 = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent2(item, optixFlowConfig) }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent2(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -60823,9 +60871,9 @@ var GroupLinks = ({ groupLinks }) => {
   };
   if (!groupLinks) return null;
   let linkIndex = 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-4 w-full", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs", children: group.label }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-4", children: group.links.map((link, index2) => {
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-4 w-full", children: group.links.map((link, index2) => {
       const idx = linkIndex++;
       return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
         NavLink,
@@ -62172,7 +62220,7 @@ var DesktopMenuItem7 = ({
                 Pressable,
                 {
                   href: link.href,
-                  className: "group flex cursor-pointer flex-row gap-3",
+                  className: "group flex cursor-pointer justify-start! flex-row gap-3",
                   children: [
                     link.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md border border-border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 20 }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
@@ -62383,7 +62431,7 @@ var NavbarStickyCompact = ({
           NavigationMenuTrigger,
           {
             className: cn(
-              "transition-all duration-300",
+              "transition-all duration-300 bg-transparent hover:bg-muted",
               isScrolled ? "h-8 text-sm" : "h-10"
             ),
             children: item.title
@@ -62393,7 +62441,7 @@ var NavbarStickyCompact = ({
           Pressable,
           {
             href: subItem.url,
-            className: "flex items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-accent",
+            className: "flex items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-muted",
             children: [
               subItem.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subItem.icon, size: 16 }),
               subItem.title
@@ -62406,7 +62454,7 @@ var NavbarStickyCompact = ({
           asChild: true,
           className: cn(
             navigationMenuTriggerStyle(),
-            "transition-all duration-300",
+            "transition-all duration-300 bg-transparent hover:bg-muted",
             isScrolled ? "h-8 text-sm" : "h-10"
           ),
           children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: item.url, children: item.title })
@@ -62537,7 +62585,7 @@ var MobileNavigationMenu9 = ({
       );
     }) });
   }, [authActionsSlot, authActions]);
-  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuSlot ? menuSlot : menu.map(
       (item, index) => item.items ? /* @__PURE__ */ jsxRuntime.jsxs(
         AccordionItem,
@@ -62823,7 +62871,7 @@ var MobileNavigationMenu10 = ({
       );
     }) });
   }, [mobileMenuActionsSlot, mobileMenuActions]);
-  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0", children: [
     navigationSlot ?? /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex flex-col", children: navItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       Pressable,
       {
@@ -63307,7 +63355,7 @@ var NavbarSplitCta = ({
                       index
                     )
                   ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 mt-6", children: renderAuthActions })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 mt-0", children: renderAuthActions })
                 ] }) })
               }
             )
@@ -63565,13 +63613,13 @@ var NavbarTabbedSections = ({
     if (!menu || menu.length === 0) return null;
     return menu.map(
       (item, index) => item.tabs ? /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: item.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent hover:bg-muted", children: item.title }),
         /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: item.tabs[0]?.id, className: "w-[600px]", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "h-auto bg-transparent p-0", children: item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b-2 px-4 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "h-auto bg-transparent p-0", children: item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
             TabsTrigger,
             {
               value: tab.id,
-              className: "rounded-none border-b-2 border-transparent px-4 py-2 data-[state=active]:border-b-primary hover:border-b-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+              className: "rounded-none border-b-2 border-transparent px-4 py-2 data-[state=active]:border-b-primary data-[state=active]:text-primary hover:border-b-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 tab.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: tab.icon, size: 16 }),
                 tab.title
@@ -63580,20 +63628,28 @@ var NavbarTabbedSections = ({
             tab.id
           )) }) }),
           item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: tab.id, className: "mt-0 p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 space-y-1", children: tab.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 grid grid-cols-2 space-y-2 space-x-4", children: tab.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationMenuLink,
               {
-                href: link.url,
-                className: "flex items-start gap-3 rounded-md p-3 hover:bg-muted",
-                children: [
-                  link.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-muted bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 16 }) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: link.title }),
-                    link.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: link.description })
-                  ] })
-                ]
-              }
-            ) }, linkIndex)) }),
+                asChild: true,
+                className: "w-full justify-start",
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  Pressable,
+                  {
+                    href: link.url,
+                    className: "w-full flex items-start justify-start gap-3 rounded-md p-3 hover:bg-muted",
+                    children: [
+                      link.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 16 }) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: link.title }),
+                        link.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: link.description })
+                      ] })
+                    ]
+                  }
+                )
+              },
+              linkIndex
+            )) }),
             tab.featured && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[200px] shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
               Pressable,
               {
@@ -63631,39 +63687,58 @@ var NavbarTabbedSections = ({
   const renderMobileMenu = React52.useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
-    return menu.map(
-      (item, index) => item.tabs ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold", children: item.title }),
-        item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 pl-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
-            tab.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: tab.icon, size: 14 }),
-            tab.title
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1 pl-4", children: tab.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-            Pressable,
-            {
-              href: link.url,
-              className: "flex items-center gap-2 rounded-md py-1.5 text-sm",
-              onClick: () => setIsOpen(false),
-              children: [
-                link.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 14 }),
-                link.title
-              ]
-            },
-            linkIndex
-          )) })
-        ] }, tab.id))
-      ] }, index) : /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menu.map((item, index) => {
+      if (item.tabs && item.tabs.length > 0) {
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          AccordionItem,
+          {
+            value: `nav-${index}`,
+            className: "border-b-0",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+                AccordionItem,
+                {
+                  value: tab.id,
+                  className: "border-b-0",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                      tab.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: tab.icon, size: 14 }),
+                      tab.title
+                    ] }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1 pl-4", children: tab.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: link.url,
+                        className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm hover:bg-muted",
+                        onClick: () => setIsOpen(false),
+                        children: [
+                          link.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 14 }),
+                          link.title
+                        ]
+                      },
+                      linkIndex
+                    )) }) })
+                  ]
+                },
+                tab.id
+              )) }) })
+            ]
+          },
+          `nav-item-${index}`
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
           href: item.url,
-          className: "text-sm font-medium",
+          className: "flex h-15 items-center px-4 text-base font-normal text-muted-foreground hover:bg-muted",
           onClick: () => setIsOpen(false),
           children: item.title
         },
-        index
-      )
-    );
+        `nav-link-${index}`
+      );
+    }) });
   }, [menuSlot, menu]);
   const {
     sectionClasses,