@opensite/ui 0.9.1 → 0.9.3

package/dist/navbar-centered-menu.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-centered-menu.js

@@ -1178,7 +1178,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-dark-icons.cjs

@@ -1234,7 +1234,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-dark-icons.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 interface MenuLink {

package/dist/navbar-dark-icons.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 interface MenuLink {

package/dist/navbar-dark-icons.js

@@ -1210,7 +1210,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-dropdown-menu.cjs

@@ -1249,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-dropdown-menu.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-dropdown-menu.js

@@ -1225,7 +1225,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-education-platform.cjs

@@ -1302,7 +1302,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-education-platform.js

@@ -1278,7 +1278,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-enterprise-mega.cjs

@@ -1234,7 +1234,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
@@ -1413,6 +1413,7 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
+        setOpen,
         menuLinks: menuLinks ?? [],
         actionsClassName,
         actions,
@@ -1432,7 +1433,7 @@ var DesktopMenuItem = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0! left-0! right-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-8 pt-6 pb-12 max-w-screen-2xl mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
       ) }) }) })
@@ -1530,7 +1531,7 @@ var SolutionsMenu = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-64 lg:pl-0 xl:max-w-96", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-80 lg:pl-0 xl:max-w-[30rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
             src: featuredHeroCard.image,
@@ -1621,7 +1622,7 @@ var ProductsMenu = ({
   featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-12 lg:flex lg:space-x-8", children: [
-  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
+  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full shrink-0 lg:max-w-[24rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
       href: featuredHeroCard.href,
@@ -1630,7 +1631,7 @@ var ProductsMenu = ({
         featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full flex-col text-left", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-2/1 max-h-44 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-2/1 max-h-64 w-full flex-1 justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
             src: featuredHeroCard.image,
@@ -1664,12 +1665,12 @@ var ProductsMenu = ({
         href: product.href,
         className: "group flex flex-row items-center space-x-6 border-b border-border py-5 text-left sm:py-7 lg:space-x-4 lg:border-0 lg:py-2",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-square w-6 shrink-0 items-center justify-center overflow-clip rounded md:size-9 md:p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex aspect-square w-16 shrink-0 items-center justify-center overflow-clip rounded md:size-20 md:p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
               src: product.image,
               alt: product.title,
-              className: "dark:invert",
+              className: "object-cover",
               optixFlowConfig
             }
           ) }),
@@ -1996,6 +1997,7 @@ var renderMobileDropdownContent = (item) => {
 };
 var MobileNavigationMenu = ({
   open,
+  setOpen,
   menuLinks,
   actionsClassName,
   actions,
@@ -2030,12 +2032,12 @@ var MobileNavigationMenu = ({
       );
     });
   }, [actionsSlot, actions]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(
     SheetContent,
     {
       "aria-describedby": void 0,
       side: "top",
-      className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
+      className: "inset-0 z-998 h-dvh w-full bg-background pt-16",
       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 }),

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.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-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.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-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-enterprise-mega.js

@@ -1210,7 +1210,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",
@@ -1389,6 +1389,7 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
+        setOpen,
         menuLinks: menuLinks ?? [],
         actionsClassName,
         actions,
@@ -1408,7 +1409,7 @@ var DesktopMenuItem = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsx("div", { className: "container", children: renderDropdownContent(
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0! left-0! right-0!", children: /* @__PURE__ */ jsx("div", { className: "w-full px-8 pt-6 pb-12 max-w-screen-2xl mx-auto", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
       ) }) }) })
@@ -1506,7 +1507,7 @@ var SolutionsMenu = ({
           ] }),
           /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-primary-foreground/85", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-64 lg:pl-0 xl:max-w-96", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "relative aspect-2/1 overflow-clip rounded-t pl-6 lg:max-w-80 lg:pl-0 xl:max-w-[30rem]", children: /* @__PURE__ */ jsx(
           Img,
           {
             src: featuredHeroCard.image,
@@ -1597,7 +1598,7 @@ var ProductsMenu = ({
   featuredHeroCard,
   optixFlowConfig
 }) => /* @__PURE__ */ jsxs("div", { className: "grid gap-y-12 lg:flex lg:space-x-8", children: [
-  featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "w-full shrink-0 lg:max-w-[18rem]", children: /* @__PURE__ */ jsx(
+  featuredHeroCard && /* @__PURE__ */ jsx("div", { className: "w-full shrink-0 lg:max-w-[24rem]", children: /* @__PURE__ */ jsx(
     Pressable,
     {
       href: featuredHeroCard.href,
@@ -1606,7 +1607,7 @@ var ProductsMenu = ({
         featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex w-full flex-col text-left", children: [
-        /* @__PURE__ */ jsx("div", { className: "relative flex aspect-2/1 max-h-44 w-full flex-1 justify-center", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "relative flex aspect-2/1 max-h-64 w-full flex-1 justify-center", children: /* @__PURE__ */ jsx(
           Img,
           {
             src: featuredHeroCard.image,
@@ -1640,12 +1641,12 @@ var ProductsMenu = ({
         href: product.href,
         className: "group flex flex-row items-center space-x-6 border-b border-border py-5 text-left sm:py-7 lg:space-x-4 lg:border-0 lg:py-2",
         children: [
-          /* @__PURE__ */ jsx("div", { className: "relative flex aspect-square w-6 shrink-0 items-center justify-center overflow-clip rounded md:size-9 md:p-2", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "relative flex aspect-square w-16 shrink-0 items-center justify-center overflow-clip rounded md:size-20 md:p-2", children: /* @__PURE__ */ jsx(
             Img,
             {
               src: product.image,
               alt: product.title,
-              className: "dark:invert",
+              className: "object-cover",
               optixFlowConfig
             }
           ) }),
@@ -1972,6 +1973,7 @@ var renderMobileDropdownContent = (item) => {
 };
 var MobileNavigationMenu = ({
   open,
+  setOpen,
   menuLinks,
   actionsClassName,
   actions,
@@ -2006,12 +2008,12 @@ var MobileNavigationMenu = ({
       );
     });
   }, [actionsSlot, actions]);
-  return /* @__PURE__ */ jsx(Sheet, { open, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
     SheetContent,
     {
       "aria-describedby": void 0,
       side: "top",
-      className: "inset-0 z-998 h-dvh w-full bg-background pt-16 [&>button]:hidden",
+      className: "inset-0 z-998 h-dvh w-full bg-background pt-16",
       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 }),

package/dist/navbar-feature-grid.cjs

@@ -1249,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-feature-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-feature-grid.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-feature-grid.js

@@ -1225,7 +1225,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-floating-pill.cjs

@@ -1101,7 +1101,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-floating-pill.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 interface DropdownItem {

package/dist/navbar-floating-pill.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 interface DropdownItem {

package/dist/navbar-floating-pill.js

@@ -1079,7 +1079,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-fullscreen-menu.cjs

@@ -856,7 +856,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 interface MenuItem {

package/dist/navbar-fullscreen-menu.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 interface MenuItem {

package/dist/navbar-fullscreen-menu.js

@@ -835,7 +835,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-icon-links.cjs

@@ -1182,7 +1182,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-icon-links.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-ChOWQaTt.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-icon-links.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-SXMu6Qj2.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-icon-links.js

@@ -1158,7 +1158,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",

package/dist/navbar-image-preview.cjs

@@ -1299,7 +1299,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Navigation wrapper classes (for border and shadow)
     navWrapperClasses: cn(
       "w-full",
-      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm"
+      isFloatingBar ? "border border-border/50 shadow-sm rounded-full" : "border-b border-border/50 shadow-sm  flex justify-center"
     ),
     // Section container configuration for full-width navbars
     sectionContainerClassName: "px-0 sm:px-0 lg:px-0",