@opensite/ui 0.9.5 → 0.9.7

package/dist/navbar-mega-menu.js

@@ -910,6 +910,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 NavigationMenu({
   className,
   children,
@@ -1156,61 +1216,126 @@ var DesktopMenuItem = ({
       ] }) })
     ] }, `desktop-menu-item-${index}`);
   }
-  if (layout === "simple-grid" && link.links) {
+  if (layout === "simple-grid" && (link.links || link.dropdownGroups)) {
+    const allLinks = link.dropdownGroups ? link.dropdownGroups.flatMap((group) => group.links || []) : link.links || [];
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { 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: link.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: /* @__PURE__ */ jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
-        NavigationMenuLink,
-        {
-          href: getLinkUrl(item),
-          className: "flex w-full flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
-          children: [
-            item.image && /* @__PURE__ */ jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
-              Img,
-              {
-                src: item.image,
-                alt: typeof item.label === "string" ? item.label : "Menu item",
-                className: "h-full w-full object-cover object-center",
-                optixFlowConfig
-              }
-            ) }),
-            !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
-              item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
-            ] })
-          ]
-        },
-        `grid-item-${itemIndex}`
-      )) }) })
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: link.dropdownGroups ? (
+        // Render with group headers
+        /* @__PURE__ */ jsx("div", { className: "space-y-6", children: link.dropdownGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
+          group.label && /* @__PURE__ */ jsx("div", { className: "mb-3 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
+          /* @__PURE__ */ jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: (group.links || []).map((item, itemIndex) => /* @__PURE__ */ jsxs(
+            NavigationMenuLink,
+            {
+              href: getLinkUrl(item),
+              className: "flex w-full flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
+              children: [
+                item.image && /* @__PURE__ */ jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: item.image,
+                    alt: typeof item.label === "string" ? item.label : "Menu item",
+                    className: "h-full w-full object-cover object-center",
+                    optixFlowConfig
+                  }
+                ) }),
+                !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
+                  item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
+                ] })
+              ]
+            },
+            `grid-item-${groupIndex}-${itemIndex}`
+          )) })
+        ] }, `group-${groupIndex}`)) })
+      ) : (
+        // Render without groups
+        /* @__PURE__ */ jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: allLinks.map((item, itemIndex) => /* @__PURE__ */ jsxs(
+          NavigationMenuLink,
+          {
+            href: getLinkUrl(item),
+            className: "flex w-full flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
+            children: [
+              item.image && /* @__PURE__ */ jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: item.image,
+                  alt: typeof item.label === "string" ? item.label : "Menu item",
+                  className: "h-full w-full object-cover object-center",
+                  optixFlowConfig
+                }
+              ) }),
+              !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
+                item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
+              ] })
+            ]
+          },
+          `grid-item-${itemIndex}`
+        )) })
+      ) })
     ] }, `desktop-menu-item-${index}`);
   }
-  if (layout === "list-with-icons" && link.links) {
+  if (layout === "list-with-icons" && (link.links || link.dropdownGroups)) {
+    const allLinks = link.dropdownGroups ? link.dropdownGroups.flatMap((group) => group.links || []) : link.links || [];
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { 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: link.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxs(
-        NavigationMenuLink,
-        {
-          href: getLinkUrl(item),
-          className: "flex w-full items-start gap-3 rounded-lg p-3 hover:bg-muted",
-          children: [
-            item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
-              Img,
-              {
-                src: item.image,
-                alt: typeof item.label === "string" ? item.label : "Menu item",
-                className: "h-full w-full object-cover object-center",
-                optixFlowConfig
-              }
-            ) }),
-            !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
-              item.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
-            ] })
-          ]
-        }
-      ) }, `list-item-${itemIndex}`)) }) })
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: link.dropdownGroups ? (
+        // Render with group headers
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: link.dropdownGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
+          group.label && /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
+          /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: (group.links || []).map((item, itemIndex) => /* @__PURE__ */ jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxs(
+            NavigationMenuLink,
+            {
+              href: getLinkUrl(item),
+              className: "flex w-full items-start gap-3 rounded-lg p-3 hover:bg-muted",
+              children: [
+                item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: item.image,
+                    alt: typeof item.label === "string" ? item.label : "Menu item",
+                    className: "h-full w-full object-cover object-center",
+                    optixFlowConfig
+                  }
+                ) }),
+                !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
+                  item.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
+                ] })
+              ]
+            }
+          ) }, `list-item-${groupIndex}-${itemIndex}`)) })
+        ] }, `group-${groupIndex}`)) })
+      ) : (
+        // Render without groups
+        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: allLinks.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxs(
+          NavigationMenuLink,
+          {
+            href: getLinkUrl(item),
+            className: "flex w-full items-start gap-3 rounded-lg p-3 hover:bg-muted",
+            children: [
+              item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: item.image,
+                  alt: typeof item.label === "string" ? item.label : "Menu item",
+                  className: "h-full w-full object-cover object-center",
+                  optixFlowConfig
+                }
+              ) }),
+              !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
+                item.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: item.description })
+              ] })
+            ]
+          }
+        ) }, `list-item-${itemIndex}`)) })
+      ) })
     ] }, `desktop-menu-item-${index}`);
   }
   if (link.href) {
@@ -1287,44 +1412,9 @@ var NavbarMegaMenu = ({
   const [open, setOpen] = useState(false);
   const [submenuIndex, setSubmenuIndex] = useState(null);
   const activeSubmenu = submenuIndex !== null ? menuLinks?.[submenuIndex] : null;
-  const renderLogo = () => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn("flex items-center h-16 py-2", logoClassName),
-        children: [
-          /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.desktopSrc,
-              className: cn(
-                "hidden h-full w-auto object-contain dark:invert md:block",
-                logo.className
-              ),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.mobileSrc,
-              className: cn(
-                "h-full w-auto object-contain dark:invert md:hidden",
-                logo.className
-              ),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          )
-        ]
-      }
-    );
-  };
-  const hasDropdownItems = (link) => Boolean(link.links?.length || link.dropdownGroups?.length);
+  const hasDropdownItems = (link) => Boolean(
+    link.links && link.links.length > 0 || link.dropdownGroups && link.dropdownGroups.length > 0
+  );
   const renderActions = () => {
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -1376,7 +1466,15 @@ var NavbarMegaMenu = ({
           children: [
             /* @__PURE__ */ jsxs("div", { className: navWrapperClasses, children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                (!open || submenuIndex === null) && renderLogo(),
+                (!open || submenuIndex === null) && /* @__PURE__ */ jsx(
+                  NavbarLogo,
+                  {
+                    logo,
+                    logoSlot,
+                    logoClassName,
+                    optixFlowConfig
+                  }
+                ),
                 open && submenuIndex !== null && /* @__PURE__ */ jsxs(
                   Pressable,
                   {

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-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.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-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface MenuLink {

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
 }) {
@@ -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.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-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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-tmd_MRJv.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.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-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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-DRE-f6cS.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

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
 }) {
@@ -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.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-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.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-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface NavItem {

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-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface SubMenuItem {