@opensite/ui 1.1.1 → 1.1.3

package/dist/navbar-animated-preview.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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-animated-preview.js

@@ -1155,10 +1155,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1311,7 +1314,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)
@@ -1738,7 +1741,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
               className: "m-auto stroke-white"
             }
           ) : null }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-white text-shadow-lg", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col  text-white text-shadow-lg", children: [
             /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: link.label }),
             /* @__PURE__ */ jsx("div", { className: "font-medium", children: link.description })
           ] })
@@ -1842,10 +1845,10 @@ var renderMobileMenuItem = (item, index) => {
         className: "border-b-0",
         children: [
           /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
-          /* @__PURE__ */ jsxs(AccordionContent, { className: "flex flex-col py-6 px-4", children: [
-            item.featuredLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
-            item.links && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.links.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
-            item.groupLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs(AccordionContent, { className: "flex flex-col py-6 px-0", children: [
+            item.featuredLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
+            item.links && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.links.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
+            item.groupLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
               group.label && /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
               /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { link }) }, `group-link-${groupIdx}-${linkIdx}`)) })
             ] }, `group-link-${groupIdx}`)) })

package/dist/navbar-centered-menu.cjs

@@ -1128,10 +1128,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1222,7 +1225,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-centered-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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-centered-menu.js

@@ -1105,10 +1105,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1199,7 +1202,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-dark-icons.cjs

@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1269,7 +1272,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface MenuLink {

package/dist/navbar-dark-icons.js

@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1246,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-dropdown-menu.cjs

@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1269,7 +1272,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-dropdown-menu.js

@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1246,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-education-platform.cjs

@@ -1257,10 +1257,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1291,7 +1294,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-education-platform.js

@@ -1233,10 +1233,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1267,7 +1270,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-enterprise-mega.cjs

@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1269,7 +1272,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-enterprise-mega.js

@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1246,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-feature-grid.cjs

@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1269,7 +1272,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-feature-grid.js

@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
               "button",
               {
                 onClick: onClose,
-                className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                className: cn(
+                  "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                  closeIconClassName
+                ),
                 "aria-label": "Close mobile menu",
                 children: [
-                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -1246,7 +1249,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

package/dist/navbar-floating-pill.cjs

@@ -1140,7 +1140,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)

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-r_NhxVet.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-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.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-DmVsuoHE.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-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface DropdownItem {

package/dist/navbar-floating-pill.js

@@ -1118,7 +1118,7 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     // Section wrapper classes - always full width for non-floating variants
     sectionClasses: cn(
       "inset-x-0 z-20",
-      isFloatingBar ? "sticky top-4" : "top-0",
+      isFloatingBar ? "sticky top-4" : "fixed top-0",
       customClasses?.className
     ),
     // Outer container wrapper (only for floating bar - this containerizes the entire navbar)