@opensite/ui 0.9.1 → 0.9.4

package/dist/navbar-enterprise-mega.cjs

@@ -1234,7 +1234,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
@@ -1413,6 +1413,7 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
+        setOpen,
         menuLinks: menuLinks ?? [],
         actionsClassName,
         actions,
@@ -1432,7 +1433,7 @@ var DesktopMenuItem = ({
   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: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "!rounded-xl !border-0 !p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
       ) }) }) })
@@ -1530,7 +1531,7 @@ var SolutionsMenu = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-64 lg:pl-0 xl:max-w-96", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-80 lg:pl-0 xl:max-w-[30rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
             src: featuredHeroCard.image,
@@ -1621,7 +1622,7 @@ var ProductsMenu = ({
   featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-12 lg:flex lg:space-x-8", children: [
-  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
+  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[24rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
       href: featuredHeroCard.href,
@@ -1630,7 +1631,7 @@ var ProductsMenu = ({
         featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col text-left", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-2/1 max-h-44 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-2/1 max-h-64 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
             src: featuredHeroCard.image,
@@ -1664,12 +1665,12 @@ var ProductsMenu = ({
         href: product.href,
         className: "group flex flex-row items-center space-x-6 border-b border-border py-5 text-left sm:py-7 lg:space-x-4 lg:border-0 lg:py-2",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-square w-6 shrink-0 items-center justify-center overflow-clip rounded md:size-9 md:p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-square w-16 shrink-0 items-center justify-center overflow-clip rounded md:size-20 md:p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
               src: product.image,
               alt: product.title,
-              className: "dark:invert",
+              className: "object-cover",
               optixFlowConfig
             }
           ) }),
@@ -1996,6 +1997,7 @@ var renderMobileDropdownContent = (item) => {
 };
 var MobileNavigationMenu = ({
   open,
+  setOpen,
   menuLinks,
   actionsClassName,
   actions,
@@ -2030,12 +2032,12 @@ var MobileNavigationMenu = ({
       );
     });
   }, [actionsSlot, actions]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(
     SheetContent,
     {
       "aria-describedby": void 0,
       side: "top",
-      className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
+      className: "inset-0 z-998 h-dvh w-full bg-background pt-16",
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-y-auto pt-4 pb-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4", actionsClassName), children: renderActions }),

package/dist/navbar-enterprise-mega.js

@@ -1210,7 +1210,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
@@ -1389,6 +1389,7 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
+        setOpen,
         menuLinks: menuLinks ?? [],
         actionsClassName,
         actions,
@@ -1408,7 +1409,7 @@ var DesktopMenuItem = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ 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__ */ jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsx("div", { className: "container", children: renderDropdownContent(
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "!rounded-xl !border-0 !p-0", children: /* @__PURE__ */ jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsx("div", { className: "container", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
       ) }) }) })
@@ -1506,7 +1507,7 @@ var SolutionsMenu = ({
           ] }),
           /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-64 lg:pl-0 xl:max-w-96", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-80 lg:pl-0 xl:max-w-[30rem]", children: /* @__PURE__ */ jsx(
           Img,
           {
             src: featuredHeroCard.image,
@@ -1597,7 +1598,7 @@ var ProductsMenu = ({
   featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxs("div", { className: "grid gap-y-12 lg:flex lg:space-x-8", children: [
-  featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsx(
+  featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "w-full shrink-0 lg:max-w-[24rem]", children: /* @__PURE__ */ jsx(
     Pressable,
     {
       href: featuredHeroCard.href,
@@ -1606,7 +1607,7 @@ var ProductsMenu = ({
         featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex w-full flex-col text-left", children: [
-        /* @__PURE__ */ jsx("div", { className: "relative flex aspect-2/1 max-h-44 w-full flex-1 justify-center", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "relative flex aspect-2/1 max-h-64 w-full flex-1 justify-center", children: /* @__PURE__ */ jsx(
           Img,
           {
             src: featuredHeroCard.image,
@@ -1640,12 +1641,12 @@ var ProductsMenu = ({
         href: product.href,
         className: "group flex flex-row items-center space-x-6 border-b border-border py-5 text-left sm:py-7 lg:space-x-4 lg:border-0 lg:py-2",
         children: [
-          /* @__PURE__ */ jsx("div", { className: "relative flex aspect-square w-6 shrink-0 items-center justify-center overflow-clip rounded md:size-9 md:p-2", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "relative flex aspect-square w-16 shrink-0 items-center justify-center overflow-clip rounded md:size-20 md:p-2", children: /* @__PURE__ */ jsx(
             Img,
             {
               src: product.image,
               alt: product.title,
-              className: "dark:invert",
+              className: "object-cover",
               optixFlowConfig
             }
           ) }),
@@ -1972,6 +1973,7 @@ var renderMobileDropdownContent = (item) => {
 };
 var MobileNavigationMenu = ({
   open,
+  setOpen,
   menuLinks,
   actionsClassName,
   actions,
@@ -2006,12 +2008,12 @@ var MobileNavigationMenu = ({
       );
     });
   }, [actionsSlot, actions]);
-  return /* @__PURE__ */ jsx(Sheet, { open, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
     SheetContent,
     {
       "aria-describedby": void 0,
       side: "top",
-      className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
+      className: "inset-0 z-998 h-dvh w-full bg-background pt-16",
       children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto pt-4 pb-20", children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
         /* @__PURE__ */ jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
         /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4", actionsClassName), children: renderActions }),

package/dist/navbar-feature-grid.cjs

@@ -1249,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-feature-grid.js

@@ -1225,7 +1225,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-floating-pill.cjs

@@ -1101,7 +1101,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-floating-pill.js

@@ -1079,7 +1079,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-fullscreen-menu.cjs

@@ -856,7 +856,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-fullscreen-menu.js

@@ -835,7 +835,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-icon-links.cjs

@@ -1182,7 +1182,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-icon-links.js

@@ -1158,7 +1158,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-image-preview.cjs

@@ -1299,7 +1299,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-image-preview.js

@@ -1276,7 +1276,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-mega-menu.cjs

@@ -1102,7 +1102,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
@@ -1316,13 +1316,16 @@ var NavbarMegaMenu = ({
       Pressable,
       {
         href: logo.url || "/",
-        className: cn("flex items-center gap-2", logoClassName),
+        className: cn("flex items-center h-16 py-2", logoClassName),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
               src: logo.desktopSrc,
-              className: cn("hidden h-7 dark:invert md:block", logo.className),
+              className: cn(
+                "hidden h-full w-auto object-contain dark:invert md:block",
+                logo.className
+              ),
               alt: logo.alt || "Logo",
               optixFlowConfig
             }
@@ -1331,7 +1334,10 @@ var NavbarMegaMenu = ({
             img.Img,
             {
               src: logo.mobileSrc,
-              className: cn("h-7 dark:invert md:hidden", logo.className),
+              className: cn(
+                "h-full w-auto object-contain dark:invert md:hidden",
+                logo.className
+              ),
               alt: logo.alt || "Logo",
               optixFlowConfig
             }
@@ -1486,7 +1492,13 @@ var NavbarMegaMenu = ({
                           onClick: () => setSubmenuIndex(index),
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: link.label }),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+                              DynamicIcon,
+                              {
+                                name: "lucide/chevron-right",
+                                size: 16
+                              }
+                            ) })
                           ]
                         },
                         `mobile-menu-link-${index}`

package/dist/navbar-mega-menu.js

@@ -1080,7 +1080,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
@@ -1294,13 +1294,16 @@ var NavbarMegaMenu = ({
       Pressable,
       {
         href: logo.url || "/",
-        className: cn("flex items-center gap-2", logoClassName),
+        className: cn("flex items-center h-16 py-2", logoClassName),
         children: [
           /* @__PURE__ */ jsx(
             Img,
             {
               src: logo.desktopSrc,
-              className: cn("hidden h-7 dark:invert md:block", logo.className),
+              className: cn(
+                "hidden h-full w-auto object-contain dark:invert md:block",
+                logo.className
+              ),
               alt: logo.alt || "Logo",
               optixFlowConfig
             }
@@ -1309,7 +1312,10 @@ var NavbarMegaMenu = ({
             Img,
             {
               src: logo.mobileSrc,
-              className: cn("h-7 dark:invert md:hidden", logo.className),
+              className: cn(
+                "h-full w-auto object-contain dark:invert md:hidden",
+                logo.className
+              ),
               alt: logo.alt || "Logo",
               optixFlowConfig
             }
@@ -1464,7 +1470,13 @@ var NavbarMegaMenu = ({
                           onClick: () => setSubmenuIndex(index),
                           children: [
                             /* @__PURE__ */ jsx("span", { className: "flex-1", children: link.label }),
-                            /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 }) })
+                            /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+                              DynamicIcon,
+                              {
+                                name: "lucide/chevron-right",
+                                size: 16
+                              }
+                            ) })
                           ]
                         },
                         `mobile-menu-link-${index}`

package/dist/navbar-multi-column-groups.cjs

@@ -1234,7 +1234,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-multi-column-groups.js

@@ -1210,7 +1210,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-platform-resources.cjs

@@ -1168,7 +1168,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-platform-resources.js

@@ -1145,7 +1145,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-search-focused.cjs

@@ -1134,7 +1134,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-search-focused.js

@@ -1111,7 +1111,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-sidebar-mobile.cjs

@@ -1239,7 +1239,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-sidebar-mobile.js

@@ -1215,7 +1215,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-simple-links.cjs

@@ -1090,7 +1090,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-simple-links.js

@@ -1067,7 +1067,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-split-cta.cjs

@@ -1177,7 +1177,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-split-cta.js

@@ -1154,7 +1154,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-sticky-compact.cjs

@@ -1177,7 +1177,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-sticky-compact.js

@@ -1154,7 +1154,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-tabbed-sections.cjs

@@ -1237,7 +1237,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-tabbed-sections.js

@@ -1213,7 +1213,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-transparent-overlay.cjs

@@ -1058,7 +1058,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-transparent-overlay.js

@@ -1036,7 +1036,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",