@opensite/ui 0.5.4 → 0.5.6

package/dist/navbar-education-platform.cjs

@@ -1322,14 +1322,14 @@ var NavbarEducationPlatform = ({
   authActions,
   authActionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1351,8 +1351,8 @@ var NavbarEducationPlatform = ({
         ]
       }
     );
-  };
-  const renderAuthActions = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  const renderAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1370,7 +1370,7 @@ var NavbarEducationPlatform = ({
         iconAfter
       ] }) }, index);
     });
-  };
+  }, [authActionsSlot, authActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1403,7 +1403,7 @@ var NavbarEducationPlatform = ({
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-9", children: [
-                renderLogo(),
+                renderLogo,
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
@@ -1451,52 +1451,17 @@ var NavbarEducationPlatform = ({
                           ),
                           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
                             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
-                            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                                Pressable,
-                                {
-                                  href: "#",
-                                  className: "flex flex-row items-center gap-3",
-                                  children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx(
-                                      DynamicIcon,
-                                      {
-                                        name: "lucide/book-open",
-                                        size: 16
-                                      }
-                                    ),
-                                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Platform 101" })
-                                  ]
-                                }
-                              ) }),
-                              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                                Pressable,
-                                {
-                                  href: "#",
-                                  className: "flex flex-row items-center gap-3",
-                                  children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
-                                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Find a tutor" })
-                                  ]
-                                }
-                              ) })
-                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx("div", {}),
                             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 mb-3 text-[10px] text-muted-foreground uppercase", children: "LATEST UPDATES" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-primary p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                                img.Img,
-                                {
-                                  src: imagePlaceholders[0],
-                                  alt: "placeholder",
-                                  className: "aspect-video min-w-52 rounded-md object-cover",
-                                  optixFlowConfig
-                                }
-                              ) }),
-                              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3.5 flex flex-col gap-2 px-1", children: [
-                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "One Platform. Every Learner." }),
-                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Personalized learning paths for every student." })
-                              ] })
-                            ] }) })
+                            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-primary p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                              img.Img,
+                              {
+                                src: imagePlaceholders[0],
+                                alt: "placeholder",
+                                className: "aspect-video min-w-52 rounded-md object-cover",
+                                optixFlowConfig
+                              }
+                            ) }) }) })
                           ] })
                         ] }) })
                       ] }),
@@ -1572,7 +1537,7 @@ var NavbarEducationPlatform = ({
                     "hidden items-center gap-2 lg:flex",
                     actionsClassName
                   ),
-                  children: renderAuthActions()
+                  children: renderAuthActions
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1624,35 +1589,7 @@ var NavbarEducationPlatform = ({
                       )) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          Pressable,
-                          {
-                            href: "#",
-                            className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                            onClick: () => setIsOpen(false),
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/book-open", size: 16 }),
-                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Platform 101" })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          Pressable,
-                          {
-                            href: "#",
-                            className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                            onClick: () => setIsOpen(false),
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
-                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Find a tutor" })
-                            ]
-                          }
-                        )
-                      ] })
-                    ] })
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }) })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "support", className: "last:border-b", children: [

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

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

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

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-education-platform.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState } from 'react';
+import React__default, { useState, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1298,14 +1298,14 @@ var NavbarEducationPlatform = ({
   authActions,
   authActionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
   const [isOpen, setIsOpen] = useState(false);
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1327,8 +1327,8 @@ var NavbarEducationPlatform = ({
         ]
       }
     );
-  };
-  const renderAuthActions = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1346,7 +1346,7 @@ var NavbarEducationPlatform = ({
         iconAfter
       ] }) }, index);
     });
-  };
+  }, [authActionsSlot, authActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1379,7 +1379,7 @@ var NavbarEducationPlatform = ({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-9", children: [
-                renderLogo(),
+                renderLogo,
                 /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -1427,52 +1427,17 @@ var NavbarEducationPlatform = ({
                           ),
                           /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
                             /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
-                            /* @__PURE__ */ jsxs("div", { children: [
-                              /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
-                                Pressable,
-                                {
-                                  href: "#",
-                                  className: "flex flex-row items-center gap-3",
-                                  children: [
-                                    /* @__PURE__ */ jsx(
-                                      DynamicIcon,
-                                      {
-                                        name: "lucide/book-open",
-                                        size: 16
-                                      }
-                                    ),
-                                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Platform 101" })
-                                  ]
-                                }
-                              ) }),
-                              /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
-                                Pressable,
-                                {
-                                  href: "#",
-                                  className: "flex flex-row items-center gap-3",
-                                  children: [
-                                    /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
-                                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium whitespace-nowrap", children: "Find a tutor" })
-                                  ]
-                                }
-                              ) })
-                            ] }),
+                            /* @__PURE__ */ jsx("div", {}),
                             /* @__PURE__ */ jsx("p", { className: "mt-5 mb-3 text-[10px] text-muted-foreground uppercase", children: "LATEST UPDATES" }),
-                            /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(Pressable, { href: "#", children: [
-                              /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-primary p-3", children: /* @__PURE__ */ jsx(
-                                Img,
-                                {
-                                  src: imagePlaceholders[0],
-                                  alt: "placeholder",
-                                  className: "aspect-video min-w-52 rounded-md object-cover",
-                                  optixFlowConfig
-                                }
-                              ) }),
-                              /* @__PURE__ */ jsxs("div", { className: "mt-3.5 flex flex-col gap-2 px-1", children: [
-                                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "One Platform. Every Learner." }),
-                                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Personalized learning paths for every student." })
-                              ] })
-                            ] }) })
+                            /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-primary p-3", children: /* @__PURE__ */ jsx(
+                              Img,
+                              {
+                                src: imagePlaceholders[0],
+                                alt: "placeholder",
+                                className: "aspect-video min-w-52 rounded-md object-cover",
+                                optixFlowConfig
+                              }
+                            ) }) }) })
                           ] })
                         ] }) })
                       ] }),
@@ -1548,7 +1513,7 @@ var NavbarEducationPlatform = ({
                     "hidden items-center gap-2 lg:flex",
                     actionsClassName
                   ),
-                  children: renderAuthActions()
+                  children: renderAuthActions
                 }
               ),
               /* @__PURE__ */ jsxs(
@@ -1600,35 +1565,7 @@ var NavbarEducationPlatform = ({
                       )) })
                     ] }),
                     /* @__PURE__ */ jsx(Separator, {}),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }),
-                      /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-                        /* @__PURE__ */ jsxs(
-                          Pressable,
-                          {
-                            href: "#",
-                            className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                            onClick: () => setIsOpen(false),
-                            children: [
-                              /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/book-open", size: 16 }),
-                              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Platform 101" })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxs(
-                          Pressable,
-                          {
-                            href: "#",
-                            className: "flex cursor-pointer flex-row items-center gap-3 rounded-md transition-colors",
-                            onClick: () => setIsOpen(false),
-                            children: [
-                              /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
-                              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Find a tutor" })
-                            ]
-                          }
-                        )
-                      ] })
-                    ] })
+                    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "QUICK START" }) })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsxs(AccordionItem, { value: "support", className: "last:border-b", children: [

package/dist/navbar-enterprise-mega.cjs

@@ -1252,8 +1252,8 @@ var NavbarEnterpriseMega = ({
   actions,
   actionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1275,7 +1275,7 @@ var NavbarEnterpriseMega = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1300,8 +1300,8 @@ var NavbarEnterpriseMega = ({
         ]
       }
     );
-  };
-  const renderActions = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -1319,7 +1319,7 @@ var NavbarEnterpriseMega = ({
         iconAfter
       ] }) }, index);
     });
-  };
+  }, [actionsSlot, actions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1351,7 +1351,7 @@ var NavbarEnterpriseMega = ({
               navClassName
             ),
             children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenu,
                 {
@@ -1369,7 +1369,7 @@ var NavbarEnterpriseMega = ({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", actionsClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions() }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                   Pressable,
                   {
@@ -1994,7 +1994,7 @@ var MobileNavigationMenu = ({
   actionsSlot,
   optixFlowConfig
 }) => {
-  const renderActions = () => {
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -2021,7 +2021,7 @@ var MobileNavigationMenu = ({
         index
       );
     });
-  };
+  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
     SheetContent,
     {
@@ -2030,7 +2030,7 @@ var MobileNavigationMenu = ({
       className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
       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() }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4", actionsClassName), children: renderActions }),
         /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "mt-6 w-full", children: menuLinks.map((item, index) => {
           const hasDropdown = Boolean(item.layout);
           if (hasDropdown) {

package/dist/navbar-enterprise-mega.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { L as LogoConfig, b as ILinkItem, a as IMenuLinkGroup, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

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

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { L as LogoConfig, b as ILinkItem, a as IMenuLinkGroup, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-enterprise-mega.js

@@ -1,10 +1,10 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useEffect, Fragment } from 'react';
+import React__default, { useState, useEffect, useMemo, Fragment as Fragment$1 } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
@@ -1228,8 +1228,8 @@ var NavbarEnterpriseMega = ({
   actions,
   actionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1251,7 +1251,7 @@ var NavbarEnterpriseMega = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1276,8 +1276,8 @@ var NavbarEnterpriseMega = ({
         ]
       }
     );
-  };
-  const renderActions = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -1289,13 +1289,13 @@ var NavbarEnterpriseMega = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
       ] }) }, index);
     });
-  };
+  }, [actionsSlot, actions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1305,7 +1305,7 @@ var NavbarEnterpriseMega = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -1327,7 +1327,7 @@ var NavbarEnterpriseMega = ({
               navClassName
             ),
             children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsx(
                 NavigationMenu,
                 {
@@ -1345,7 +1345,7 @@ var NavbarEnterpriseMega = ({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", actionsClassName), children: [
-                /* @__PURE__ */ jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions() }),
+                /* @__PURE__ */ jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions }),
                 /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
                   Pressable,
                   {
@@ -1970,7 +1970,7 @@ var MobileNavigationMenu = ({
   actionsSlot,
   optixFlowConfig
 }) => {
-  const renderActions = () => {
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -1988,7 +1988,7 @@ var MobileNavigationMenu = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -1997,7 +1997,7 @@ var MobileNavigationMenu = ({
         index
       );
     });
-  };
+  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsx(Sheet, { open, children: /* @__PURE__ */ jsx(
     SheetContent,
     {
@@ -2006,7 +2006,7 @@ var MobileNavigationMenu = ({
       className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
       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() }),
+        /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4", actionsClassName), children: renderActions }),
         /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "mt-6 w-full", children: menuLinks.map((item, index) => {
           const hasDropdown = Boolean(item.layout);
           if (hasDropdown) {