@opensite/ui 1.1.1 → 1.1.3

package/dist/navbar-sidebar-mobile.js

@@ -1212,10 +1212,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-simple-links.cjs

@@ -1130,10 +1130,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" })
                 ]
               }
@@ -1164,7 +1167,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-simple-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-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-simple-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-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-simple-links.js

@@ -1108,10 +1108,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" })
                 ]
               }
@@ -1142,7 +1145,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-split-cta.cjs

@@ -1173,10 +1173,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" })
                 ]
               }
@@ -1207,7 +1210,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-split-cta.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 SubMenuItem {

package/dist/navbar-split-cta.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 SubMenuItem {

package/dist/navbar-split-cta.js

@@ -1151,10 +1151,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" })
                 ]
               }
@@ -1185,7 +1188,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-sticky-compact.cjs

@@ -1235,10 +1235,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-sticky-compact.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 SubMenuItem {

package/dist/navbar-sticky-compact.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 SubMenuItem {

package/dist/navbar-sticky-compact.js

@@ -1212,10 +1212,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-tabbed-sections.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" })
                 ]
               }
@@ -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-tabbed-sections.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 TabItem {

package/dist/navbar-tabbed-sections.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 TabItem {

package/dist/navbar-tabbed-sections.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" })
                 ]
               }
@@ -1244,7 +1247,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-transparent-overlay.cjs

@@ -1035,10 +1035,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" })
                 ]
               }
@@ -1213,7 +1216,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)
@@ -1401,18 +1404,10 @@ var NavbarTransparentOverlay = ({
                   onClick: () => setIsOpen(true),
                   className: cn(
                     "size-11",
-                    !isScrolled && "hover:bg-white/10"
+                    !isScrolled && "hover:bg-white/10",
+                    isScrolled ? "text-foreground" : "text-white"
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/menu",
-                      size: 16,
-                      className: cn(
-                        isScrolled ? "stroke-foreground" : "stroke-white"
-                      )
-                    }
-                  )
+                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
                 }
               ) })
             ] }) })

package/dist/navbar-transparent-overlay.d.cts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SocialPlatformName } from './social-link-icon.cjs';
-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 './pressable.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface NavItem {

package/dist/navbar-transparent-overlay.d.ts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SocialPlatformName } from './social-link-icon.js';
-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 './pressable.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface NavItem {

package/dist/navbar-transparent-overlay.js

@@ -1013,10 +1013,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" })
                 ]
               }
@@ -1191,7 +1194,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)
@@ -1379,18 +1382,10 @@ var NavbarTransparentOverlay = ({
                   onClick: () => setIsOpen(true),
                   className: cn(
                     "size-11",
-                    !isScrolled && "hover:bg-white/10"
+                    !isScrolled && "hover:bg-white/10",
+                    isScrolled ? "text-foreground" : "text-white"
                   ),
-                  children: /* @__PURE__ */ jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/menu",
-                      size: 16,
-                      className: cn(
-                        isScrolled ? "stroke-foreground" : "stroke-white"
-                      )
-                    }
-                  )
+                  children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
                 }
               ) })
             ] }) })

package/dist/page-hero-banner.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PageHeroBannerProps } from './community-initiatives-Bz_A5vLU.cjs';
+import { P as PageHeroBannerProps } from './community-initiatives-r_NhxVet.cjs';
 import 'react';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/page-hero-banner.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PageHeroBannerProps } from './community-initiatives-Bi_ClKrO.js';
+import { P as PageHeroBannerProps } from './community-initiatives-DmVsuoHE.js';
 import 'react';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/pressable.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { b as buttonVariants } from './button-variants-lRElsmTc.cjs';
+import { b as buttonVariants } from './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 type FallbackComponentType = "span" | "div" | "button";
@@ -127,6 +127,6 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * </Pressable>
  * ```
  */
-declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
+declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
 
 export { Pressable, type PressableProps };

package/dist/pressable.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { b as buttonVariants } from './button-variants-lRElsmTc.js';
+import { b as buttonVariants } from './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 type FallbackComponentType = "span" | "div" | "button";
@@ -127,6 +127,6 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * </Pressable>
  * ```
  */
-declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
+declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
 
 export { Pressable, type PressableProps };

package/dist/process-expandable-timeline.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-expandable-timeline.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-hover-cards.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-hover-cards.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-icon-timeline.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**