@opensite/ui 0.5.4 → 0.5.6

package/dist/navbar-image-preview.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1305,8 +1305,8 @@ var NavbarImagePreview = ({
   socialLinks,
   socialLinksSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1346,7 +1346,7 @@ var NavbarImagePreview = ({
   const handleMobileMenu = () => {
     setOpen(!open);
   };
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1371,8 +1371,8 @@ var NavbarImagePreview = ({
         ]
       }
     );
-  };
-  const renderNavigation = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  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(
@@ -1384,8 +1384,8 @@ var NavbarImagePreview = ({
       },
       `desktop-link-${index}`
     )) });
-  };
-  const renderAuthActions = () => {
+  }, [navigationSlot, navigation, optixFlowConfig]);
+  const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1412,7 +1412,7 @@ var NavbarImagePreview = ({
         index
       );
     });
-  };
+  }, [authActionsSlot, authActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1449,7 +1449,7 @@ var NavbarImagePreview = ({
                   navClassName
                 ),
                 children: [
-                  renderLogo(),
+                  renderLogo,
                   /* @__PURE__ */ jsx(
                     NavigationMenu,
                     {
@@ -1457,11 +1457,11 @@ var NavbarImagePreview = ({
                         "hidden lg:flex [&>div:nth-child(2)]:left-1/2 [&>div:nth-child(2)]:-translate-x-1/2",
                         navigationMenuClassName
                       ),
-                      children: renderNavigation()
+                      children: renderNavigation
                     }
                   ),
                   /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3.5", actionsClassName), children: [
-                    renderAuthActions(),
+                    renderAuthActions,
                     /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
                       Pressable,
                       {
@@ -1578,7 +1578,7 @@ var MobileNavigationMenu = ({
   authActions,
   authActionsSlot
 }) => {
-  const renderMobileNavigation = () => {
+  const renderMobileNavigation = useMemo(() => {
     if (mobileNavigationSlot) return mobileNavigationSlot;
     if (!mobileNavigation || mobileNavigation.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "grid w-full grid-cols-2 gap-x-4 gap-y-10", children: mobileNavigation.map((item, index) => /* @__PURE__ */ jsxs(
@@ -1605,8 +1605,8 @@ var MobileNavigationMenu = ({
       },
       `mobile-menu-item-${index}`
     )) });
-  };
-  const renderSocialLinks = () => {
+  }, [mobileNavigationSlot, mobileNavigation]);
+  const renderSocialLinks = useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col gap-4", children: [
@@ -1624,8 +1624,8 @@ var MobileNavigationMenu = ({
         `social-link-${index}`
       )) })
     ] });
-  };
-  const renderMobileAuthActions = () => {
+  }, [socialLinksSlot, socialLinks]);
+  const renderMobileAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: authActions.map((action, index) => {
@@ -1652,7 +1652,7 @@ var MobileNavigationMenu = ({
         index
       );
     }) });
-  };
+  }, [authActionsSlot, authActions]);
   return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
     SheetContent,
     {
@@ -1672,9 +1672,9 @@ var MobileNavigationMenu = ({
           }
         ) }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between gap-30 pt-24", children: [
-          renderMobileNavigation(),
-          renderSocialLinks(),
-          renderMobileAuthActions()
+          renderMobileNavigation,
+          renderSocialLinks,
+          renderMobileAuthActions
         ] })
       ] }) })
     }

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

@@ -1,12 +1,12 @@
 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, I as IMenuLink, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
 export { b as ILinkItem, a as IMenuLinkGroup, M as MegaMenuLayout } 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-mega-menu.d.ts

@@ -1,12 +1,12 @@
 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, I as IMenuLink, N as NavbarLayoutVariant } from './types-COVDidbn.js';
 export { b as ILinkItem, a as IMenuLinkGroup, M as MegaMenuLayout } 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-multi-column-groups.cjs

@@ -1255,8 +1255,8 @@ var NavbarMultiColumnGroups = ({
   mobileAuthActions,
   mobileAuthActionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1283,7 +1283,7 @@ var NavbarMultiColumnGroups = ({
   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 NavbarMultiColumnGroups = ({
         ]
       }
     );
-  };
-  const renderNavigation = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  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(
@@ -1320,8 +1320,8 @@ var NavbarMultiColumnGroups = ({
       },
       `desktop-link-${index}`
     )) });
-  };
-  const renderAuthActions = () => {
+  }, [navigationSlot, navigation]);
+  const renderAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1348,7 +1348,7 @@ var NavbarMultiColumnGroups = ({
         index
       );
     });
-  };
+  }, [authActionsSlot, authActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1378,13 +1378,13 @@ var NavbarMultiColumnGroups = ({
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-8", children: [
-                renderLogo(),
+                renderLogo,
                 /* @__PURE__ */ jsxRuntime.jsx(
                   NavigationMenu,
                   {
                     className: cn("hidden xl:flex", navigationMenuClassName),
                     viewport: false,
-                    children: renderNavigation()
+                    children: renderNavigation
                   }
                 )
               ] }),
@@ -1395,7 +1395,7 @@ var NavbarMultiColumnGroups = ({
                     "hidden items-center gap-3 xl:flex",
                     actionsClassName
                   ),
-                  children: renderAuthActions()
+                  children: renderAuthActions
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1483,7 +1483,7 @@ var MobileNavigationMenu = ({
   authActions,
   authActionsSlot
 }) => {
-  const renderMobileAuthActions = () => {
+  const renderMobileAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: authActions.map((action, index) => {
@@ -1510,7 +1510,7 @@ var MobileNavigationMenu = ({
         index
       );
     }) });
-  };
+  }, [authActionsSlot, authActions]);
   return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
     SheetContent,
     {
@@ -1520,7 +1520,7 @@ var MobileNavigationMenu = ({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-y-auto pt-10 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.jsxs("div", { className: "flex flex-col gap-6", children: [
-          renderMobileAuthActions(),
+          renderMobileAuthActions,
           /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
             (item, index) => renderMobileMenuItem(item, index)
           ) })

package/dist/navbar-multi-column-groups.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-multi-column-groups.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-multi-column-groups.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';
@@ -1231,8 +1231,8 @@ var NavbarMultiColumnGroups = ({
   mobileAuthActions,
   mobileAuthActionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1259,7 +1259,7 @@ var NavbarMultiColumnGroups = ({
   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 NavbarMultiColumnGroups = ({
         ]
       }
     );
-  };
-  const renderNavigation = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  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(
@@ -1296,8 +1296,8 @@ var NavbarMultiColumnGroups = ({
       },
       `desktop-link-${index}`
     )) });
-  };
-  const renderAuthActions = () => {
+  }, [navigationSlot, navigation]);
+  const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1324,7 +1324,7 @@ var NavbarMultiColumnGroups = ({
         index
       );
     });
-  };
+  }, [authActionsSlot, authActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1354,13 +1354,13 @@ var NavbarMultiColumnGroups = ({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-8", children: [
-                renderLogo(),
+                renderLogo,
                 /* @__PURE__ */ jsx(
                   NavigationMenu,
                   {
                     className: cn("hidden xl:flex", navigationMenuClassName),
                     viewport: false,
-                    children: renderNavigation()
+                    children: renderNavigation
                   }
                 )
               ] }),
@@ -1371,7 +1371,7 @@ var NavbarMultiColumnGroups = ({
                     "hidden items-center gap-3 xl:flex",
                     actionsClassName
                   ),
-                  children: renderAuthActions()
+                  children: renderAuthActions
                 }
               ),
               /* @__PURE__ */ jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsx(
@@ -1459,7 +1459,7 @@ var MobileNavigationMenu = ({
   authActions,
   authActionsSlot
 }) => {
-  const renderMobileAuthActions = () => {
+  const renderMobileAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: authActions.map((action, index) => {
@@ -1486,7 +1486,7 @@ var MobileNavigationMenu = ({
         index
       );
     }) });
-  };
+  }, [authActionsSlot, authActions]);
   return /* @__PURE__ */ jsx(Sheet, { open, children: /* @__PURE__ */ jsx(
     SheetContent,
     {
@@ -1496,7 +1496,7 @@ var MobileNavigationMenu = ({
       children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto pt-10 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__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-          renderMobileAuthActions(),
+          renderMobileAuthActions,
           /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
             (item, index) => renderMobileMenuItem(item, index)
           ) })

package/dist/navbar-platform-resources.cjs

@@ -1192,7 +1192,7 @@ var NavbarPlatformResources = ({
   optixFlowConfig
 }) => {
   const [open, setOpen] = React.useState(false);
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1214,7 +1214,7 @@ var NavbarPlatformResources = ({
         ]
       }
     );
-  };
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const hasDropdownItems = (link) => Boolean(link.links?.length || link.dropdownGroups?.length);
   const renderDropdownContent = (link) => {
     const layout = link.layout || "simple-list";
@@ -1458,7 +1458,7 @@ var NavbarPlatformResources = ({
       `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
     )) }) });
   };
-  const renderActions = () => {
+  const renderActions = React.useMemo(() => {
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
       const {
@@ -1475,7 +1475,7 @@ var NavbarPlatformResources = ({
         iconAfter
       ] }) }, index);
     });
-  };
+  }, [actions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1501,7 +1501,7 @@ 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(),
+              renderLogo,
               /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenuList,
                 {
@@ -1546,7 +1546,7 @@ var NavbarPlatformResources = ({
                     "hidden items-center gap-4 lg:flex",
                     actionsClassName
                   ),
-                  children: renderActions()
+                  children: renderActions
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1642,7 +1642,7 @@ var NavbarPlatformResources = ({
                         "mx-8 mt-auto flex flex-col gap-4 py-12",
                         actionsClassName
                       ),
-                      children: renderActions()
+                      children: renderActions
                     }
                   )
                 ]

package/dist/navbar-platform-resources.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-platform-resources.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-platform-resources.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';
@@ -1169,7 +1169,7 @@ var NavbarPlatformResources = ({
   optixFlowConfig
 }) => {
   const [open, setOpen] = useState(false);
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1191,7 +1191,7 @@ var NavbarPlatformResources = ({
         ]
       }
     );
-  };
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const hasDropdownItems = (link) => Boolean(link.links?.length || link.dropdownGroups?.length);
   const renderDropdownContent = (link) => {
     const layout = link.layout || "simple-list";
@@ -1435,7 +1435,7 @@ var NavbarPlatformResources = ({
       `${typeof item.label === "string" ? item.label : "item"}-${itemIndex}`
     )) }) });
   };
-  const renderActions = () => {
+  const renderActions = useMemo(() => {
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
       const {
@@ -1452,7 +1452,7 @@ var NavbarPlatformResources = ({
         iconAfter
       ] }) }, index);
     });
-  };
+  }, [actions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1478,7 +1478,7 @@ 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(),
+              renderLogo,
               /* @__PURE__ */ jsx(
                 NavigationMenuList,
                 {
@@ -1523,7 +1523,7 @@ var NavbarPlatformResources = ({
                     "hidden items-center gap-4 lg:flex",
                     actionsClassName
                   ),
-                  children: renderActions()
+                  children: renderActions
                 }
               ),
               /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 lg:hidden", children: /* @__PURE__ */ jsxs(
@@ -1619,7 +1619,7 @@ var NavbarPlatformResources = ({
                         "mx-8 mt-auto flex flex-col gap-4 py-12",
                         actionsClassName
                       ),
-                      children: renderActions()
+                      children: renderActions
                     }
                   )
                 ]

package/dist/navbar-search-focused.cjs

@@ -1155,7 +1155,7 @@ var NavbarSearchFocused = ({
   logoClassName,
   navItems,
   navigationSlot,
-  searchPlaceholder = "Search for anything...",
+  searchPlaceholder,
   onSearch,
   searchSlot,
   authActions,
@@ -1163,14 +1163,14 @@ var NavbarSearchFocused = ({
   mobileMenuActions,
   mobileMenuActionsSlot,
   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(
@@ -1192,7 +1192,7 @@ var NavbarSearchFocused = ({
         ]
       }
     );
-  };
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
   const renderNavigation = (items) => {
     if (navigationSlot) return navigationSlot;
     if (!items || items.length === 0) return null;
@@ -1208,7 +1208,7 @@ var NavbarSearchFocused = ({
       }
     ) }, index)) });
   };
-  const renderAuthActions = () => {
+  const renderAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1237,8 +1237,8 @@ var NavbarSearchFocused = ({
         index
       );
     });
-  };
-  const renderMobileMenuActions = () => {
+  }, [authActionsSlot, authActions]);
+  const renderMobileMenuActions = React.useMemo(() => {
     if (mobileMenuActionsSlot) return mobileMenuActionsSlot;
     if (!mobileMenuActions || mobileMenuActions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: mobileMenuActions.map((action, index) => {
@@ -1257,7 +1257,7 @@ var NavbarSearchFocused = ({
         index
       );
     }) });
-  };
+  }, [mobileMenuActionsSlot, mobileMenuActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1285,7 +1285,7 @@ var NavbarSearchFocused = ({
             navClassName
           ),
           children: [
-            renderLogo(),
+            renderLogo,
             /* @__PURE__ */ jsxRuntime.jsx(
               NavigationMenu,
               {
@@ -1307,7 +1307,7 @@ var NavbarSearchFocused = ({
                   "hidden shrink-0 items-center gap-2 lg:flex",
                   actionsClassName
                 ),
-                children: renderAuthActions()
+                children: renderAuthActions
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
@@ -1341,8 +1341,7 @@ var NavbarSearchFocused = ({
                     },
                     index
                   )) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-4", children: renderMobileMenuActions() }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, href: "#", className: "w-full", children: "Sign in" }) })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-4", children: renderMobileMenuActions })
                 ] })
               ] })
             ] })