@opensite/ui 1.0.5 → 1.0.7

package/dist/navbar-animated-preview.cjs

@@ -1159,7 +1159,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1448,21 +1448,21 @@ var NavbarAnimatedPreview = ({
     "h-full max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
     navigationMenuClassName
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Section,
-    {
-      background,
-      spacing: spacingOverride ?? spacing,
-      className: cn(
-        "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
-        sectionClasses
-      ),
-      pattern,
-      patternOpacity,
-      containerClassName: sectionContainerClassName,
-      containerMaxWidth: sectionContainerMaxWidth,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: baseNavWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: innerContainerClasses, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: navWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Section,
+      {
+        background,
+        spacing: spacingOverride ?? spacing,
+        className: cn(
+          "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
+          sectionClasses
+        ),
+        pattern,
+        patternOpacity,
+        containerClassName: sectionContainerClassName,
+        containerMaxWidth: sectionContainerMaxWidth,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: baseNavWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: navWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
@@ -1489,14 +1489,7 @@ var NavbarAnimatedPreview = ({
                     size: "icon",
                     asButton: true,
                     onClick: handleMobileMenu,
-                    children: open ? /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
-                      {
-                        name: "lucide/x",
-                        size: 22,
-                        className: "stroke-foreground"
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
                       DynamicIcon,
                       {
                         name: "lucide/menu",
@@ -1509,20 +1502,20 @@ var NavbarAnimatedPreview = ({
               ] })
             ]
           }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MobileNavigationMenu,
-          {
-            open,
-            setOpen,
-            menuLinks: menuLinks ?? [],
-            actions,
-            actionsSlot
-          }
-        )
-      ] }) }) })
-    }
-  );
+        ) }) }) }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MobileNavigationMenu,
+      {
+        open,
+        setOpen,
+        menuLinks: menuLinks ?? [],
+        actions,
+        actionsSlot
+      }
+    )
+  ] });
 };
 var DesktopMenuItem = ({
   item,
@@ -1847,11 +1840,8 @@ var MobileNavigationMenu = ({
       open,
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
-      contentClassName: "pt-4 pb-20",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map(
-          (item, index) => renderMobileMenuItem(item, index)
-        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map((item, index) => renderMobileMenuItem(item, index)) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex flex-col gap-2", children: renderMobileActions })
       ] })
     }

package/dist/navbar-animated-preview.js

@@ -1134,7 +1134,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1423,21 +1423,21 @@ var NavbarAnimatedPreview = ({
     "h-full max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
     navigationMenuClassName
   );
-  return /* @__PURE__ */ jsx(
-    Section,
-    {
-      background,
-      spacing: spacingOverride ?? spacing,
-      className: cn(
-        "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
-        sectionClasses
-      ),
-      pattern,
-      patternOpacity,
-      containerClassName: sectionContainerClassName,
-      containerMaxWidth: sectionContainerMaxWidth,
-      children: /* @__PURE__ */ jsx("div", { className: containerWrapperClasses, children: /* @__PURE__ */ jsx("div", { className: baseNavWrapperClasses, children: /* @__PURE__ */ jsxs("div", { className: innerContainerClasses, children: [
-        /* @__PURE__ */ jsx(NavigationMenu, { className: navWrapperClasses, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Section,
+      {
+        background,
+        spacing: spacingOverride ?? spacing,
+        className: cn(
+          "pointer-events-auto fixed top-0 z-999 flex w-full items-center justify-center",
+          sectionClasses
+        ),
+        pattern,
+        patternOpacity,
+        containerClassName: sectionContainerClassName,
+        containerMaxWidth: sectionContainerMaxWidth,
+        children: /* @__PURE__ */ jsx("div", { className: containerWrapperClasses, children: /* @__PURE__ */ jsx("div", { className: baseNavWrapperClasses, children: /* @__PURE__ */ jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsx(NavigationMenu, { className: navWrapperClasses, children: /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
@@ -1464,14 +1464,7 @@ var NavbarAnimatedPreview = ({
                     size: "icon",
                     asButton: true,
                     onClick: handleMobileMenu,
-                    children: open ? /* @__PURE__ */ jsx(
-                      DynamicIcon,
-                      {
-                        name: "lucide/x",
-                        size: 22,
-                        className: "stroke-foreground"
-                      }
-                    ) : /* @__PURE__ */ jsx(
+                    children: /* @__PURE__ */ jsx(
                       DynamicIcon,
                       {
                         name: "lucide/menu",
@@ -1484,20 +1477,20 @@ var NavbarAnimatedPreview = ({
               ] })
             ]
           }
-        ) }),
-        /* @__PURE__ */ jsx(
-          MobileNavigationMenu,
-          {
-            open,
-            setOpen,
-            menuLinks: menuLinks ?? [],
-            actions,
-            actionsSlot
-          }
-        )
-      ] }) }) })
-    }
-  );
+        ) }) }) }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MobileNavigationMenu,
+      {
+        open,
+        setOpen,
+        menuLinks: menuLinks ?? [],
+        actions,
+        actionsSlot
+      }
+    )
+  ] });
 };
 var DesktopMenuItem = ({
   item,
@@ -1822,11 +1815,8 @@ var MobileNavigationMenu = ({
       open,
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
-      contentClassName: "pt-4 pb-20",
       children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
-        /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map(
-          (item, index) => renderMobileMenuItem(item, index)
-        ) }),
+        /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map((item, index) => renderMobileMenuItem(item, index)) }),
         /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-col gap-2", children: renderMobileActions })
       ] })
     }

package/dist/navbar-centered-menu.cjs

@@ -1107,7 +1107,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1284,11 +1284,11 @@ var renderMobileMenuItem = (item) => {
   if (item.items) {
     return /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: item.title, className: "border-b-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: item.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto space-y-2", children: item.items.map((subItem) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: item.items.map((subItem) => /* @__PURE__ */ jsxRuntime.jsxs(
         Pressable,
         {
           href: subItem.url,
-          className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
+          className: "flex items-center gap-2 pl-2 text-sm text-muted-foreground hover:text-foreground",
           children: [
             subItem.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subItem.icon, size: 14 }),
             subItem.title
@@ -1443,16 +1443,8 @@ var NavbarCenteredMenu = ({
             open,
             onClose: () => setOpen(false),
             title: "Mobile Navigation",
-            contentClassName: "pt-10 pb-20",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Accordion,
-                {
-                  type: "multiple",
-                  className: "w-full",
-                  children: renderMobileMenu
-                }
-              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: renderMobileMenu }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {

package/dist/navbar-centered-menu.js

@@ -1084,7 +1084,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1261,11 +1261,11 @@ var renderMobileMenuItem = (item) => {
   if (item.items) {
     return /* @__PURE__ */ jsxs(AccordionItem, { value: item.title, className: "border-b-0", children: [
       /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: item.title }),
-      /* @__PURE__ */ jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto space-y-2", children: item.items.map((subItem) => /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: item.items.map((subItem) => /* @__PURE__ */ jsxs(
         Pressable,
         {
           href: subItem.url,
-          className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
+          className: "flex items-center gap-2 pl-2 text-sm text-muted-foreground hover:text-foreground",
           children: [
             subItem.icon && /* @__PURE__ */ jsx(DynamicIcon, { name: subItem.icon, size: 14 }),
             subItem.title
@@ -1420,16 +1420,8 @@ var NavbarCenteredMenu = ({
             open,
             onClose: () => setOpen(false),
             title: "Mobile Navigation",
-            contentClassName: "pt-10 pb-20",
             children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
-              /* @__PURE__ */ jsx(
-                Accordion,
-                {
-                  type: "multiple",
-                  className: "w-full",
-                  children: renderMobileMenu
-                }
-              ),
+              /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: renderMobileMenu }),
               /* @__PURE__ */ jsx(
                 "div",
                 {

package/dist/navbar-dark-icons.cjs

@@ -1154,7 +1154,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1555,11 +1555,8 @@ var MobileNavigationMenu = ({
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
       className: "dark",
-      contentClassName: "pt-4",
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
-          (item, index) => renderMobileMenuItem(item, index)
-        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map((item, index) => renderMobileMenuItem(item, index)) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
       ] }) })
     }

package/dist/navbar-dark-icons.js

@@ -1131,7 +1131,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1532,11 +1532,8 @@ var MobileNavigationMenu = ({
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
       className: "dark",
-      contentClassName: "pt-4",
       children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
-        /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
-          (item, index) => renderMobileMenuItem(item, index)
-        ) }),
+        /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map((item, index) => renderMobileMenuItem(item, index)) }),
         /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
       ] }) })
     }

package/dist/navbar-dropdown-menu.cjs

@@ -1154,7 +1154,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className

package/dist/navbar-dropdown-menu.js

@@ -1131,7 +1131,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className

package/dist/navbar-enterprise-mega.cjs

@@ -1154,7 +1154,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1928,8 +1928,15 @@ var renderDropdownContent = (item, optixFlowConfig) => {
 var renderMobileDropdownContent = (item) => {
   switch (item.layout) {
     case "solutions-with-platform":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: solution.href, className: "mb-2 text-sm font-medium", children: solution.title }),
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            href: solution.href,
+            className: "block pb-2 text-sm font-medium",
+            children: solution.title
+          }
+        ),
         solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
           Pressable,
           {
@@ -2022,7 +2029,6 @@ var MobileNavigationMenu = ({
       open,
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
-      contentClassName: "pt-10 pb-20",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map((item, index) => {
           const hasDropdown = Boolean(item.layout);
@@ -2034,7 +2040,7 @@ var MobileNavigationMenu = ({
                 className: "border-b-0",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto", children: renderMobileDropdownContent(item) })
+                  /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: renderMobileDropdownContent(item) })
                 ]
               },
               typeof item.label === "string" ? item.label : `nav-${index}`

package/dist/navbar-enterprise-mega.js

@@ -1131,7 +1131,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1905,8 +1905,15 @@ var renderDropdownContent = (item, optixFlowConfig) => {
 var renderMobileDropdownContent = (item) => {
   switch (item.layout) {
     case "solutions-with-platform":
-      return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(Pressable, { href: solution.href, className: "mb-2 text-sm font-medium", children: solution.title }),
+      return /* @__PURE__ */ jsx("div", { className: "relative", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            href: solution.href,
+            className: "block pb-2 text-sm font-medium",
+            children: solution.title
+          }
+        ),
         solution.subpages.map((subpage) => /* @__PURE__ */ jsxs(
           Pressable,
           {
@@ -1999,7 +2006,6 @@ var MobileNavigationMenu = ({
       open,
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
-      contentClassName: "pt-10 pb-20",
       children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
         /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map((item, index) => {
           const hasDropdown = Boolean(item.layout);
@@ -2011,7 +2017,7 @@ var MobileNavigationMenu = ({
                 className: "border-b-0",
                 children: [
                   /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
-                  /* @__PURE__ */ jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto", children: renderMobileDropdownContent(item) })
+                  /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: renderMobileDropdownContent(item) })
                 ]
               },
               typeof item.label === "string" ? item.label : `nav-${index}`

package/dist/navbar-feature-grid.cjs

@@ -1154,7 +1154,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1415,36 +1415,28 @@ var NavbarFeatureGrid = ({
                 open,
                 onClose: () => setOpen(false),
                 title: "Mobile Navigation",
-                contentClassName: "pt-10 pb-20",
                 children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(Accordion, { type: "multiple", className: "w-full", children: [
-                    features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
-                      {
-                        value: "features",
-                        className: "border-b-0",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: "Features" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                            Pressable,
-                            {
-                              href: feature.href,
-                              className: "flex items-start gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
-                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
-                              ] })
-                            },
-                            index
-                          )) })
-                        ]
-                      }
-                    ),
+                    features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "features", className: "border-b-0", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal hover:no-underline", children: "Features" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                        Pressable,
+                        {
+                          href: feature.href,
+                          className: "flex items-start gap-2 pl-4 text-sm",
+                          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: feature.title }),
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: feature.description })
+                          ] })
+                        },
+                        index
+                      )) })
+                    ] }),
                     menu?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.url,
-                        className: "flex h-15 items-center text-base font-normal text-foreground",
+                        className: "flex h-15 items-center text-base font-normal",
                         children: item.title
                       },
                       index
@@ -1453,10 +1445,7 @@ var NavbarFeatureGrid = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: cn(
-                        "mt-6 flex flex-col gap-4",
-                        actionsClassName
-                      ),
+                      className: cn("mt-6 flex flex-col gap-4", actionsClassName),
                       children: renderAuthActions
                     }
                   )

package/dist/navbar-feature-grid.js

@@ -1131,7 +1131,7 @@ var NavbarMobileMenu = ({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-[998] flex flex-col bg-background",
+        "fixed inset-0 z-998 flex flex-col bg-background",
         "animate-in slide-in-from-top duration-300",
         "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=closed]:duration-300",
         className
@@ -1392,36 +1392,28 @@ var NavbarFeatureGrid = ({
                 open,
                 onClose: () => setOpen(false),
                 title: "Mobile Navigation",
-                contentClassName: "pt-10 pb-20",
                 children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsxs(Accordion, { type: "multiple", className: "w-full", children: [
-                    features && features.length > 0 && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "features",
-                        className: "border-b-0",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: "Features" }),
-                          /* @__PURE__ */ jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsx(
-                            Pressable,
-                            {
-                              href: feature.href,
-                              className: "flex items-start gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                              children: /* @__PURE__ */ jsxs("div", { children: [
-                                /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
-                                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
-                              ] })
-                            },
-                            index
-                          )) })
-                        ]
-                      }
-                    ),
+                    features && features.length > 0 && /* @__PURE__ */ jsxs(AccordionItem, { value: "features", className: "border-b-0", children: [
+                      /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal hover:no-underline", children: "Features" }),
+                      /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: features.map((feature, index) => /* @__PURE__ */ jsx(
+                        Pressable,
+                        {
+                          href: feature.href,
+                          className: "flex items-start gap-2 pl-4 text-sm",
+                          children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ jsx("p", { className: "font-semibold", children: feature.title }),
+                            /* @__PURE__ */ jsx("p", { className: "text-sm", children: feature.description })
+                          ] })
+                        },
+                        index
+                      )) })
+                    ] }),
                     menu?.map((item, index) => /* @__PURE__ */ jsx(
                       Pressable,
                       {
                         href: item.url,
-                        className: "flex h-15 items-center text-base font-normal text-foreground",
+                        className: "flex h-15 items-center text-base font-normal",
                         children: item.title
                       },
                       index
@@ -1430,10 +1422,7 @@ var NavbarFeatureGrid = ({
                   /* @__PURE__ */ jsx(
                     "div",
                     {
-                      className: cn(
-                        "mt-6 flex flex-col gap-4",
-                        actionsClassName
-                      ),
+                      className: cn("mt-6 flex flex-col gap-4", actionsClassName),
                       children: renderAuthActions
                     }
                   )

package/dist/navbar-floating-pill.cjs

@@ -1174,8 +1174,8 @@ var NavbarFloatingPill = ({
   menuSlot,
   authActions,
   authActionsSlot,
-  className,
-  containerClassName,
+  className = "px-4 md:px-0",
+  containerClassName = "container px-0 sm:px-0 lg:px-0",
   pillWrapperClassName,
   navigationMenuClassName,
   actionsClassName,
@@ -1244,7 +1244,7 @@ var NavbarFloatingPill = ({
         "nav",
         {
           className: cn(
-            "absolute border top-4 left-1/2 z-50 w-[min(90%,700px)] -translate-x-1/2 rounded-full bg-background/70 backdrop-blur-md lg:top-6",
+            "container absolute border top-4 left-1/2 z-50 w-[min(90%,700px)] -translate-x-1/2 rounded-full bg-background/70 backdrop-blur-md lg:top-6",
             navWrapperClasses
           ),
           children: [