@opensite/ui 1.1.3 → 1.1.5

package/dist/navbar-mega-menu.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, I as IMenuLink, N as NavbarLayoutVariant } from './types-COVDidbn.js';
 export { b as ILinkItem, a as IMenuLinkGroup, M as MegaMenuLayout } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-mega-menu.js

@@ -1617,11 +1617,13 @@ var NavbarMegaMenu = ({
                 open,
                 onClose: () => setOpen(false),
                 title: "Mobile Navigation",
-                contentClassName: "pt-10 pb-20",
                 children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ 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__ */ jsxs(
                         AccordionItem,
                         {
@@ -1629,24 +1631,63 @@ var NavbarMegaMenu = ({
                           className: "border-b-0",
                           children: [
                             /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: link.label }),
-                            /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: items.map((item, itemIndex) => /* @__PURE__ */ 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__ */ jsx(
-                                    DynamicIcon,
-                                    {
-                                      name: item.iconName,
-                                      size: 14
-                                    }
-                                  ) : null),
-                                  item.label
-                                ]
-                              },
-                              `mobile-link-${index}-${itemIndex}`
-                            )) })
+                            /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: hasGroups ? (
+                              // Render with group headers
+                              link.dropdownGroups.map(
+                                (group, groupIndex) => /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    className: "mb-4",
+                                    children: [
+                                      group.label && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(
+                                      DynamicIcon,
+                                      {
+                                        name: item.iconName,
+                                        size: 14
+                                      }
+                                    ) : null),
+                                    item.label
+                                  ]
+                                },
+                                `mobile-link-${index}-${itemIndex}`
+                              ))
+                            ) })
                           ]
                         },
                         `mobile-menu-link-${index}`
@@ -1659,6 +1700,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
                       },

package/dist/navbar-multi-column-groups.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface MenuLink {

package/dist/navbar-multi-column-groups.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface MenuLink {

package/dist/navbar-platform-resources.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, b as ILinkItem, a as IMenuLinkGroup, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-platform-resources.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, b as ILinkItem, a as IMenuLinkGroup, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-search-focused.cjs

@@ -1449,7 +1449,7 @@ var MobileNavigationMenu = ({
       );
     }) });
   }, [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,
       {

package/dist/navbar-search-focused.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface NavItem {

package/dist/navbar-search-focused.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface NavItem {

package/dist/navbar-search-focused.js

@@ -1427,7 +1427,7 @@ var MobileNavigationMenu = ({
       );
     }) });
   }, [mobileMenuActionsSlot, mobileMenuActions]);
-  return /* @__PURE__ */ jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
     navigationSlot ?? /* @__PURE__ */ jsx("nav", { className: "flex flex-col", children: navItems.map((item, index) => /* @__PURE__ */ jsxs(
       Pressable,
       {

package/dist/navbar-sidebar-mobile.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {

package/dist/navbar-sidebar-mobile.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {

package/dist/navbar-simple-links.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-simple-links.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-split-cta.cjs

@@ -1430,7 +1430,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 })
                 ] }) })
               }
             )

package/dist/navbar-split-cta.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {

package/dist/navbar-split-cta.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {

package/dist/navbar-split-cta.js

@@ -1408,7 +1408,7 @@ var NavbarSplitCta = ({
                       index
                     )
                   ) }),
-                  /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 mt-6", children: renderAuthActions })
+                  /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 mt-0", children: renderAuthActions })
                 ] }) })
               }
             )

package/dist/navbar-sticky-compact.cjs

@@ -1366,7 +1366,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
@@ -1376,7 +1376,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
@@ -1389,7 +1389,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 })
@@ -1520,7 +1520,7 @@ var MobileNavigationMenu = ({
       );
     }) });
   }, [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,

package/dist/navbar-sticky-compact.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {

package/dist/navbar-sticky-compact.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {

package/dist/navbar-sticky-compact.js

@@ -1343,7 +1343,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
@@ -1353,7 +1353,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__ */ jsx(DynamicIcon, { name: subItem.icon, size: 16 }),
               subItem.title
@@ -1366,7 +1366,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__ */ jsx(Pressable, { href: item.url, children: item.title })
@@ -1497,7 +1497,7 @@ var MobileNavigationMenu = ({
       );
     }) });
   }, [authActionsSlot, authActions]);
-  return /* @__PURE__ */ jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
     /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: menuSlot ? menuSlot : menu.map(
       (item, index) => item.items ? /* @__PURE__ */ jsxs(
         AccordionItem,