@opensite/ui 0.9.4 → 0.9.6

package/dist/navbar-platform-resources.cjs

@@ -934,6 +934,66 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
+var NavbarLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot });
+  if (!logo) return null;
+  const hasResponsiveSources = logo.desktopSrc || logo.mobileSrc;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Pressable,
+    {
+      href: logo.url || "/",
+      className: cn("flex items-center", logoClassName),
+      children: hasResponsiveSources ? (
+        // Responsive logo with desktop/mobile sources
+        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.desktopSrc || logo.src || "",
+              className: cn(
+                "hidden h-8 w-auto object-contain md:block",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.mobileSrc || logo.src || "",
+              className: cn(
+                "h-8 w-auto object-contain md:hidden",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          )
+        ] })
+      ) : logo.src ? (
+        // Standard single logo image
+        /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: logo.src,
+            className: cn("max-h-8 w-auto object-contain", logo.className),
+            alt: logo.alt || "Logo",
+            optixFlowConfig
+          }
+        )
+      ) : (
+        // Text-based logo (title as string or React element)
+        logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
+      )
+    }
+  );
+};
 function Accordion({
   ...props
 }) {
@@ -1167,14 +1227,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarPlatformResources = ({
@@ -1200,29 +1260,6 @@ var NavbarPlatformResources = ({
   optixFlowConfig
 }) => {
   const [open, setOpen] = React.useState(false);
-  const renderLogo = React.useMemo(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn("flex items-center gap-2", logoClassName),
-        children: [
-          logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: logo.src,
-              className: cn("max-h-8", logo.className),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const hasDropdownItems = (link) => Boolean(link.links?.length || link.dropdownGroups?.length);
   const renderDropdownContent = (link) => {
     const layout = link.layout || "simple-list";
@@ -1509,7 +1546,15 @@ var NavbarPlatformResources = ({
           className: cn("min-w-full", navigationMenuClassName),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
-              renderLogo,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenuList,
                 {

package/dist/navbar-platform-resources.js

@@ -911,6 +911,66 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
+var NavbarLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsx(Fragment, { children: logoSlot });
+  if (!logo) return null;
+  const hasResponsiveSources = logo.desktopSrc || logo.mobileSrc;
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      href: logo.url || "/",
+      className: cn("flex items-center", logoClassName),
+      children: hasResponsiveSources ? (
+        // Responsive logo with desktop/mobile sources
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: logo.desktopSrc || logo.src || "",
+              className: cn(
+                "hidden h-8 w-auto object-contain md:block",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: logo.mobileSrc || logo.src || "",
+              className: cn(
+                "h-8 w-auto object-contain md:hidden",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          )
+        ] })
+      ) : logo.src ? (
+        // Standard single logo image
+        /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: logo.src,
+            className: cn("max-h-8 w-auto object-contain", logo.className),
+            alt: logo.alt || "Logo",
+            optixFlowConfig
+          }
+        )
+      ) : (
+        // Text-based logo (title as string or React element)
+        logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
+      )
+    }
+  );
+};
 function Accordion({
   ...props
 }) {
@@ -1144,14 +1204,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarPlatformResources = ({
@@ -1177,29 +1237,6 @@ var NavbarPlatformResources = ({
   optixFlowConfig
 }) => {
   const [open, setOpen] = useState(false);
-  const renderLogo = useMemo(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn("flex items-center gap-2", logoClassName),
-        children: [
-          logo.src && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              className: cn("max-h-8", logo.className),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const hasDropdownItems = (link) => Boolean(link.links?.length || link.dropdownGroups?.length);
   const renderDropdownContent = (link) => {
     const layout = link.layout || "simple-list";
@@ -1486,7 +1523,15 @@ var NavbarPlatformResources = ({
           className: cn("min-w-full", navigationMenuClassName),
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
-              renderLogo,
+              /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsx(
                 NavigationMenuList,
                 {

package/dist/navbar-search-focused.cjs

@@ -1133,14 +1133,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarSearchFocused = ({

package/dist/navbar-search-focused.js

@@ -1110,14 +1110,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarSearchFocused = ({

package/dist/navbar-sidebar-mobile.cjs

@@ -1238,14 +1238,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarSidebarMobile = ({

package/dist/navbar-sidebar-mobile.js

@@ -1214,14 +1214,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarSidebarMobile = ({

package/dist/navbar-simple-links.cjs

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
-var img = require('@page-speed/img');
 var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
 var PopoverPrimitive = require('@radix-ui/react-popover');
+var img = require('@page-speed/img');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -1059,6 +1059,66 @@ function PopoverContent({
     }
   ) });
 }
+var NavbarLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot });
+  if (!logo) return null;
+  const hasResponsiveSources = logo.desktopSrc || logo.mobileSrc;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Pressable,
+    {
+      href: logo.url || "/",
+      className: cn("flex items-center", logoClassName),
+      children: hasResponsiveSources ? (
+        // Responsive logo with desktop/mobile sources
+        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.desktopSrc || logo.src || "",
+              className: cn(
+                "hidden h-8 w-auto object-contain md:block",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.mobileSrc || logo.src || "",
+              className: cn(
+                "h-8 w-auto object-contain md:hidden",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          )
+        ] })
+      ) : logo.src ? (
+        // Standard single logo image
+        /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: logo.src,
+            className: cn("max-h-8 w-auto object-contain", logo.className),
+            alt: logo.alt || "Logo",
+            optixFlowConfig
+          }
+        )
+      ) : (
+        // Text-based logo (title as string or React element)
+        logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
+      )
+    }
+  );
+};
 
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
@@ -1089,14 +1149,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var AnimatedHamburger = ({ isOpen }) => {
@@ -1225,29 +1285,6 @@ var NavbarSimpleLinks = ({
     window.addEventListener("resize", updateIndicator);
     return () => window.removeEventListener("resize", updateIndicator);
   }, [activeItem]);
-  const renderLogo = React.useMemo(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn("flex items-center gap-2", logoClassName),
-        children: [
-          logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: logo.src,
-              className: cn("max-h-8 w-8", logo.className),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderNavItems = React.useMemo(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
@@ -1319,7 +1356,15 @@ var NavbarSimpleLinks = ({
             navClassName
           ),
           children: [
-            renderLogo,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              NavbarLogo,
+              {
+                logo,
+                logoSlot,
+                logoClassName,
+                optixFlowConfig
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx(
               NavigationMenu,
               {

package/dist/navbar-simple-links.js

@@ -5,9 +5,9 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Img } from '@page-speed/img';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Img } from '@page-speed/img';
 
 // components/blocks/navbars/navbar-simple-links.tsx
 function cn(...inputs) {
@@ -1036,6 +1036,66 @@ function PopoverContent({
     }
   ) });
 }
+var NavbarLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsx(Fragment, { children: logoSlot });
+  if (!logo) return null;
+  const hasResponsiveSources = logo.desktopSrc || logo.mobileSrc;
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      href: logo.url || "/",
+      className: cn("flex items-center", logoClassName),
+      children: hasResponsiveSources ? (
+        // Responsive logo with desktop/mobile sources
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: logo.desktopSrc || logo.src || "",
+              className: cn(
+                "hidden h-8 w-auto object-contain md:block",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: logo.mobileSrc || logo.src || "",
+              className: cn(
+                "h-8 w-auto object-contain md:hidden",
+                logo.className
+              ),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          )
+        ] })
+      ) : logo.src ? (
+        // Standard single logo image
+        /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: logo.src,
+            className: cn("max-h-8 w-auto object-contain", logo.className),
+            alt: logo.alt || "Logo",
+            optixFlowConfig
+          }
+        )
+      ) : (
+        // Text-based logo (title as string or React element)
+        logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
+      )
+    }
+  );
+};
 
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
@@ -1066,14 +1126,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var AnimatedHamburger = ({ isOpen }) => {
@@ -1202,29 +1262,6 @@ var NavbarSimpleLinks = ({
     window.addEventListener("resize", updateIndicator);
     return () => window.removeEventListener("resize", updateIndicator);
   }, [activeItem]);
-  const renderLogo = useMemo(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn("flex items-center gap-2", logoClassName),
-        children: [
-          logo.src && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              className: cn("max-h-8 w-8", logo.className),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderNavItems = useMemo(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
@@ -1296,7 +1333,15 @@ var NavbarSimpleLinks = ({
             navClassName
           ),
           children: [
-            renderLogo,
+            /* @__PURE__ */ jsx(
+              NavbarLogo,
+              {
+                logo,
+                logoSlot,
+                logoClassName,
+                optixFlowConfig
+              }
+            ),
             /* @__PURE__ */ jsx(
               NavigationMenu,
               {

package/dist/navbar-split-cta.cjs

@@ -1176,14 +1176,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarSplitCta = ({

package/dist/navbar-split-cta.js

@@ -1153,14 +1153,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarSplitCta = ({

package/dist/navbar-sticky-compact.cjs

@@ -1176,14 +1176,14 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     ),
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
-      "w-full",
+      "w-full h-16 items-center",
       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",
     sectionContainerMaxWidth: "full",
     // Spacing adjustment for Section component
-    spacingOverride: isFloatingBar ? "none" : void 0
+    spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
 var NavbarStickyCompact = ({