@opensite/ui 0.9.5 → 0.9.6

package/dist/registry.js

@@ -57167,6 +57167,66 @@ function SheetDescription({
     }
   );
 }
+var NavbarLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsx(Fragment$1, { 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$1, { 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)
+      )
+    }
+  );
+};
 
 // components/blocks/navbars/layout-variant-utils.ts
 function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks", customClasses) {
@@ -57279,26 +57339,6 @@ var NavbarDropdownMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const renderLogo = useMemo$1(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsx(
-      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 dark:invert", 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 renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -57366,7 +57406,15 @@ var NavbarDropdownMenu = ({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
-                renderLogo,
+                /* @__PURE__ */ jsx(
+                  NavbarLogo,
+                  {
+                    logo,
+                    logoSlot,
+                    logoClassName,
+                    optixFlowConfig
+                  }
+                ),
                 /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(NavigationMenu, { className: navigationMenuClassName, children: /* @__PURE__ */ jsx(NavigationMenuList, { children: renderMenu }) }) })
               ] }),
               /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions })
@@ -57374,7 +57422,15 @@ var NavbarDropdownMenu = ({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo,
+          /* @__PURE__ */ jsx(
+            NavbarLogo,
+            {
+              logo,
+              logoSlot,
+              logoClassName,
+              optixFlowConfig
+            }
+          ),
           /* @__PURE__ */ jsxs(Sheet, { children: [
             /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Pressable,
@@ -57388,7 +57444,15 @@ var NavbarDropdownMenu = ({
               }
             ) }),
             /* @__PURE__ */ jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: renderLogo }) }),
+              /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ) }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
                 /* @__PURE__ */ jsx(
                   Accordion,
@@ -57498,26 +57562,6 @@ var NavbarCenteredMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const renderLogo = useMemo$1(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsx(
-      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 renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -57584,7 +57628,15 @@ var NavbarCenteredMenu = ({
               desktopNavClassName
             ),
             children: [
-              renderLogo,
+              /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
                 NavigationMenuWithoutViewport,
                 {
@@ -57597,7 +57649,15 @@ var NavbarCenteredMenu = ({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo,
+          /* @__PURE__ */ jsx(
+            NavbarLogo,
+            {
+              logo,
+              logoSlot,
+              logoClassName,
+              optixFlowConfig
+            }
+          ),
           /* @__PURE__ */ jsxs(Sheet, { children: [
             /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Pressable,
@@ -57611,7 +57671,15 @@ var NavbarCenteredMenu = ({
               }
             ) }),
             /* @__PURE__ */ jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: renderLogo }) }),
+              /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ) }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
                 /* @__PURE__ */ jsx(
                   Accordion,
@@ -57840,43 +57908,6 @@ 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 renderActions = () => {
     if (!actions || actions.length === 0) return null;
@@ -57929,7 +57960,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,
                   {
@@ -58115,32 +58154,6 @@ var NavbarEnterpriseMega = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = useMemo$1(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn(
-          "flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter",
-          logoClassName
-        ),
-        children: [
-          logo.src && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              alt: logo.alt || "Logo",
-              className: cn("inline-block size-6", logo.className),
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderActions = useMemo$1(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -58191,7 +58204,15 @@ var NavbarEnterpriseMega = ({
               navClassName
             ),
             children: [
-              renderLogo,
+              /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsx(
                 NavigationMenu,
                 {
@@ -58925,29 +58946,6 @@ var NavbarFeatureGrid = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const renderLogo = useMemo$1(() => {
-    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 renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -58991,7 +58989,15 @@ var NavbarFeatureGrid = ({
         {
           className: cn("flex items-center justify-between", navClassName),
           children: [
-            renderLogo,
+            /* @__PURE__ */ jsx(
+              NavbarLogo,
+              {
+                logo,
+                logoSlot,
+                logoClassName,
+                optixFlowConfig
+              }
+            ),
             /* @__PURE__ */ jsx(
               NavigationMenu,
               {
@@ -59036,7 +59042,15 @@ var NavbarFeatureGrid = ({
                 }
               ) }),
               /* @__PURE__ */ jsxs(SheetContent, { side: "top", className: "max-h-screen overflow-auto", children: [
-                /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: renderLogo }) }),
+                /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: /* @__PURE__ */ jsx(
+                  NavbarLogo,
+                  {
+                    logo,
+                    logoSlot,
+                    logoClassName,
+                    optixFlowConfig
+                  }
+                ) }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-4", children: [
                   features && features.length > 0 && /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "mt-4 mb-2", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "solutions", className: "border-none", children: [
                     /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-base hover:no-underline", children: "Features" }),
@@ -59094,29 +59108,6 @@ var NavbarFloatingPill = ({
 }) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [openDropdown, setOpenDropdown] = useState(null);
-  const renderLogo = useMemo$1(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn("flex shrink-0 items-center gap-2", logoClassName),
-        children: [
-          logo.src && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              className: cn("w-10", 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 renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -59185,7 +59176,15 @@ var NavbarFloatingPill = ({
                   pillWrapperClassName
                 ),
                 children: [
-                  renderLogo,
+                  /* @__PURE__ */ jsx(
+                    NavbarLogo,
+                    {
+                      logo,
+                      logoSlot,
+                      logoClassName,
+                      optixFlowConfig
+                    }
+                  ),
                   /* @__PURE__ */ jsx(
                     NavigationMenu,
                     {
@@ -59357,29 +59356,6 @@ var NavbarPlatformResources = ({
   optixFlowConfig
 }) => {
   const [open, setOpen] = useState(false);
-  const renderLogo = useMemo$1(() => {
-    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 renderDropdownContent3 = (link) => {
     const layout = link.layout || "simple-list";
@@ -59666,7 +59642,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,
                 {
@@ -60264,32 +60248,6 @@ var NavbarDarkIcons = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = useMemo$1(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn(
-          "flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter",
-          logoClassName
-        ),
-        children: [
-          logo.src && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              alt: logo.alt || "Logo",
-              className: cn("inline-block size-8 invert", logo.className),
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -60363,7 +60321,15 @@ var NavbarDarkIcons = ({
               navClassName
             ),
             children: [
-              renderLogo,
+              /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsx(
                 NavigationMenu,
                 {
@@ -60627,32 +60593,6 @@ var NavbarAnimatedPreview = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = useMemo$1(() => {
-    if (logoSlot) return logoSlot;
-    if (!logo) return null;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        href: logo.url || "/",
-        className: cn(
-          "flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter",
-          logoClassName
-        ),
-        children: [
-          logo.src && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              alt: logo.alt || "Logo",
-              className: cn("inline-block size-6", logo.className),
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderActions = useMemo$1(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -60728,7 +60668,15 @@ var NavbarAnimatedPreview = ({
               "relative z-999 grid w-full grid-cols-2 items-center justify-between gap-8 xl:grid-cols-3"
             ),
             children: [
-              renderLogo,
+              /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsx("div", { className: cn("hidden xl:flex", navClassName), children: renderNavigation }),
               /* @__PURE__ */ jsxs("div", { className: cn("justify-self-end", actionsClassName), children: [
                 /* @__PURE__ */ jsx("div", { className: "hidden xl:block", children: renderActions }),
@@ -62043,29 +61991,6 @@ var NavbarEducationPlatform = ({
   optixFlowConfig
 }) => {
   const [isOpen, setIsOpen] = useState(false);
-  const renderLogo = useMemo$1(() => {
-    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,
-              alt: logo.alt || "Logo",
-              className: cn("h-8 dark:invert", logo.className),
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -62117,7 +62042,15 @@ var NavbarEducationPlatform = ({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-9", children: [
-                renderLogo,
+                /* @__PURE__ */ jsx(
+                  NavbarLogo,
+                  {
+                    logo,
+                    logoSlot,
+                    logoClassName,
+                    optixFlowConfig
+                  }
+                ),
                 /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -62952,29 +62885,6 @@ var NavbarSimpleLinks = ({
     window.addEventListener("resize", updateIndicator);
     return () => window.removeEventListener("resize", updateIndicator);
   }, [activeItem]);
-  const renderLogo = useMemo$1(() => {
-    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$1(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
@@ -63046,7 +62956,15 @@ var NavbarSimpleLinks = ({
             navClassName
           ),
           children: [
-            renderLogo,
+            /* @__PURE__ */ jsx(
+              NavbarLogo,
+              {
+                logo,
+                logoSlot,
+                logoClassName,
+                optixFlowConfig
+              }
+            ),
             /* @__PURE__ */ jsx(
               NavigationMenu,
               {
@@ -63372,29 +63290,6 @@ var NavbarIconLinks = ({
 }) => {
   const [activeItem, setActiveItem] = useState(navItems?.[0]?.title || "");
   const [isOpen, setIsOpen] = useState(false);
-  const renderLogo = useMemo$1(() => {
-    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("h-8", logo.className),
-              alt: logo.alt || "Logo",
-              optixFlowConfig
-            }
-          ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: logo.title }) : logo.title)
-        ]
-      }
-    );
-  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderAuthActions = useMemo$1(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -63458,7 +63353,15 @@ var NavbarIconLinks = ({
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
-              renderLogo,
+              /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ),
               /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
                 NavigationMenu,
                 {
@@ -63844,29 +63747,6 @@ var NavbarFullscreenMenu = ({
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const toggleMenu = () => setIsOpen(!isOpen);
-  const renderLogo = useMemo$1(() => {
-    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("h-9", 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 renderMenuItems = useMemo$1(() => {
     if (menuSlot) return menuSlot;
     if (!menuItems || menuItems.length === 0) return null;
@@ -63930,7 +63810,15 @@ var NavbarFullscreenMenu = ({
               headerClassName
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "z-50", children: renderLogo }),
+              /* @__PURE__ */ jsx("div", { className: "z-50", children: /* @__PURE__ */ jsx(
+                NavbarLogo,
+                {
+                  logo,
+                  logoSlot,
+                  logoClassName,
+                  optixFlowConfig
+                }
+              ) }),
               /* @__PURE__ */ jsx("div", { className: "z-50", children: /* @__PURE__ */ jsxs(
                 "button",
                 {