@opensite/ui 0.5.4 → 0.5.6

package/dist/navbar-centered-menu.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';
 
 /**

package/dist/navbar-centered-menu.js

@@ -1,9 +1,9 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
@@ -1257,13 +1257,13 @@ var NavbarCenteredMenu = ({
   navigationMenuClassName,
   actionsClassName,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "sm",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1285,8 +1285,8 @@ var NavbarCenteredMenu = ({
         ]
       }
     );
-  };
-  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) => {
@@ -1313,17 +1313,17 @@ var NavbarCenteredMenu = ({
         index
       );
     });
-  };
-  const renderMenu = () => {
+  }, [authActionsSlot, authActions]);
+  const renderMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map((item) => renderMenuItem(item));
-  };
-  const renderMobileMenu = () => {
+  }, [menuSlot, menu]);
+  const renderMobileMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map((item) => renderMobileMenuItem(item));
-  };
+  }, [menuSlot, menu]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1349,20 +1349,20 @@ var NavbarCenteredMenu = ({
           {
             className: cn("hidden justify-between lg:flex", desktopNavClassName),
             children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
                 NavigationMenuWithoutViewport,
                 {
                   className: navigationMenuClassName,
-                  children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
+                  children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "relative", children: renderMenu })
                 }
               ) }) }),
-              /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
+              /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions })
             ]
           }
         ),
         /* @__PURE__ */ jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
+          renderLogo,
           /* @__PURE__ */ jsxs(Sheet, { children: [
             /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Pressable,
@@ -1376,7 +1376,7 @@ 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: renderLogo }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
                 /* @__PURE__ */ jsx(
                   Accordion,
@@ -1384,10 +1384,10 @@ var NavbarCenteredMenu = ({
                     type: "single",
                     collapsible: true,
                     className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    children: renderMobileMenu
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions })
               ] })
             ] })
           ] })

package/dist/navbar-dark-icons.cjs

@@ -1252,11 +1252,11 @@ var NavbarDarkIcons = ({
   navigationSlot,
   authActions,
   authActionsSlot,
-  githubUrl = "https://github.com/opensite-ai/opensite-ui",
+  githubUrl,
   githubSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1283,7 +1283,7 @@ var NavbarDarkIcons = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1308,8 +1308,8 @@ var NavbarDarkIcons = ({
         ]
       }
     );
-  };
-  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) => {
@@ -1336,8 +1336,8 @@ var NavbarDarkIcons = ({
         index
       );
     });
-  };
-  const renderNavigation = () => {
+  }, [authActionsSlot, authActions]);
+  const renderNavigation = React.useMemo(() => {
     if (navigationSlot) return navigationSlot;
     if (!navigation || navigation.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1348,12 +1348,12 @@ var NavbarDarkIcons = ({
       },
       `desktop-link-${index}`
     )) });
-  };
-  const renderGithubStars = () => {
+  }, [navigationSlot, navigation]);
+  const renderGithubStars = React.useMemo(() => {
     if (githubSlot) return githubSlot;
     if (!githubUrl) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(GithubStars, { repoUrl: githubUrl });
-  };
+  }, [githubSlot, githubUrl]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1382,18 +1382,18 @@ var NavbarDarkIcons = ({
               navClassName
             ),
             children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenu,
                 {
                   className: cn("hidden lg:flex", navigationMenuClassName),
                   viewport: false,
-                  children: renderNavigation()
+                  children: renderNavigation
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4", actionsClassName), children: [
-                renderGithubStars(),
-                renderAuthActions(),
+                renderGithubStars,
+                renderAuthActions,
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                   Pressable,
                   {
@@ -1490,7 +1490,7 @@ var MobileNavigationMenu = ({
   authActions,
   authActionsSlot
 }) => {
-  const renderMobileAuthActions = () => {
+  const renderMobileAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1517,7 +1517,7 @@ var MobileNavigationMenu = ({
         index
       );
     });
-  };
+  }, [authActionsSlot, authActions]);
   return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
     SheetContent,
     {
@@ -1530,7 +1530,7 @@ var MobileNavigationMenu = ({
           /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
             (item, index) => renderMobileMenuItem(item, index)
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions() })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
         ] })
       ] }) })
     }

package/dist/navbar-dark-icons.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 MenuLink {

package/dist/navbar-dark-icons.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 MenuLink {

package/dist/navbar-dark-icons.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1228,11 +1228,11 @@ var NavbarDarkIcons = ({
   navigationSlot,
   authActions,
   authActionsSlot,
-  githubUrl = "https://github.com/opensite-ai/opensite-ui",
+  githubUrl,
   githubSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1259,7 +1259,7 @@ var NavbarDarkIcons = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1284,8 +1284,8 @@ var NavbarDarkIcons = ({
         ]
       }
     );
-  };
-  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) => {
@@ -1312,8 +1312,8 @@ var NavbarDarkIcons = ({
         index
       );
     });
-  };
-  const renderNavigation = () => {
+  }, [authActionsSlot, authActions]);
+  const renderNavigation = useMemo(() => {
     if (navigationSlot) return navigationSlot;
     if (!navigation || navigation.length === 0) return null;
     return /* @__PURE__ */ jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsx(
@@ -1324,12 +1324,12 @@ var NavbarDarkIcons = ({
       },
       `desktop-link-${index}`
     )) });
-  };
-  const renderGithubStars = () => {
+  }, [navigationSlot, navigation]);
+  const renderGithubStars = useMemo(() => {
     if (githubSlot) return githubSlot;
     if (!githubUrl) return null;
     return /* @__PURE__ */ jsx(GithubStars, { repoUrl: githubUrl });
-  };
+  }, [githubSlot, githubUrl]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1358,18 +1358,18 @@ var NavbarDarkIcons = ({
               navClassName
             ),
             children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsx(
                 NavigationMenu,
                 {
                   className: cn("hidden lg:flex", navigationMenuClassName),
                   viewport: false,
-                  children: renderNavigation()
+                  children: renderNavigation
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", actionsClassName), children: [
-                renderGithubStars(),
-                renderAuthActions(),
+                renderGithubStars,
+                renderAuthActions,
                 /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
                   Pressable,
                   {
@@ -1466,7 +1466,7 @@ var MobileNavigationMenu = ({
   authActions,
   authActionsSlot
 }) => {
-  const renderMobileAuthActions = () => {
+  const renderMobileAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1493,7 +1493,7 @@ var MobileNavigationMenu = ({
         index
       );
     });
-  };
+  }, [authActionsSlot, authActions]);
   return /* @__PURE__ */ jsx(Sheet, { open, children: /* @__PURE__ */ jsx(
     SheetContent,
     {
@@ -1506,7 +1506,7 @@ var MobileNavigationMenu = ({
           /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
             (item, index) => renderMobileMenuItem(item, index)
           ) }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions() })
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
         ] })
       ] }) })
     }

package/dist/navbar-dropdown-menu.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var img = require('@page-speed/img');
@@ -34,7 +34,7 @@ var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrim
 var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
 var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
 
-// lib/utils.ts
+// components/blocks/navbars/navbar-dropdown-menu.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -1320,13 +1320,13 @@ var NavbarDropdownMenu = ({
   navigationMenuClassName,
   actionsClassName,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "sm",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1348,8 +1348,8 @@ var NavbarDropdownMenu = ({
         ]
       }
     );
-  };
-  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) => {
@@ -1376,17 +1376,17 @@ var NavbarDropdownMenu = ({
         index
       );
     });
-  };
-  const renderMenu = () => {
+  }, [authActionsSlot, authActions]);
+  const renderMenu = React.useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map((item) => renderMenuItem(item, optixFlowConfig));
-  };
-  const renderMobileMenu = () => {
+  }, [menuSlot, menu, optixFlowConfig]);
+  const renderMobileMenu = React.useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map((item) => renderMobileMenuItem(item, optixFlowConfig));
-  };
+  }, [menuSlot, menu, optixFlowConfig]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1416,15 +1416,15 @@ var NavbarDropdownMenu = ({
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
-                renderLogo(),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: navigationMenuClassName, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: renderMenu() }) }) })
+                renderLogo,
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: navigationMenuClassName, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: renderMenu }) }) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions })
             ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
+          renderLogo,
           /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
@@ -1438,7 +1438,7 @@ var NavbarDropdownMenu = ({
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Accordion,
@@ -1446,10 +1446,10 @@ var NavbarDropdownMenu = ({
                     type: "single",
                     collapsible: true,
                     className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    children: renderMobileMenu
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions })
               ] })
             ] })
           ] })

package/dist/navbar-dropdown-menu.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';
 
 /**

package/dist/navbar-dropdown-menu.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';
 
 /**

package/dist/navbar-dropdown-menu.js

@@ -1,8 +1,8 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
@@ -10,7 +10,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 
-// lib/utils.ts
+// components/blocks/navbars/navbar-dropdown-menu.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -1296,13 +1296,13 @@ var NavbarDropdownMenu = ({
   navigationMenuClassName,
   actionsClassName,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "sm",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1324,8 +1324,8 @@ var NavbarDropdownMenu = ({
         ]
       }
     );
-  };
-  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) => {
@@ -1352,17 +1352,17 @@ var NavbarDropdownMenu = ({
         index
       );
     });
-  };
-  const renderMenu = () => {
+  }, [authActionsSlot, authActions]);
+  const renderMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map((item) => renderMenuItem(item, optixFlowConfig));
-  };
-  const renderMobileMenu = () => {
+  }, [menuSlot, menu, optixFlowConfig]);
+  const renderMobileMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map((item) => renderMobileMenuItem(item, optixFlowConfig));
-  };
+  }, [menuSlot, menu, optixFlowConfig]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1392,15 +1392,15 @@ var NavbarDropdownMenu = ({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
-                renderLogo(),
-                /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(NavigationMenu, { className: navigationMenuClassName, children: /* @__PURE__ */ jsx(NavigationMenuList, { children: renderMenu() }) }) })
+                renderLogo,
+                /* @__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() })
+              /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions })
             ]
           }
         ),
         /* @__PURE__ */ jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
+          renderLogo,
           /* @__PURE__ */ jsxs(Sheet, { children: [
             /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
               Pressable,
@@ -1414,7 +1414,7 @@ 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: renderLogo }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
                 /* @__PURE__ */ jsx(
                   Accordion,
@@ -1422,10 +1422,10 @@ var NavbarDropdownMenu = ({
                     type: "single",
                     collapsible: true,
                     className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    children: renderMobileMenu
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions })
               ] })
             ] })
           ] })