@opensite/ui 1.0.6 → 1.0.7

package/dist/navbar-animated-preview.cjs

@@ -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,

package/dist/navbar-animated-preview.js

@@ -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,

package/dist/navbar-centered-menu.cjs

@@ -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

package/dist/navbar-centered-menu.js

@@ -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

package/dist/navbar-enterprise-mega.cjs

@@ -1928,7 +1928,7 @@ 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: [
+      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,
           {
@@ -2040,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

@@ -1905,7 +1905,7 @@ 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: [
+      return /* @__PURE__ */ jsx("div", { className: "relative", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx(
           Pressable,
           {
@@ -2017,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

@@ -1418,15 +1418,15 @@ var NavbarFeatureGrid = ({
                 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(
+                      /* @__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 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 })
+                          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
@@ -1436,7 +1436,7 @@ var NavbarFeatureGrid = ({
                       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

package/dist/navbar-feature-grid.js

@@ -1395,15 +1395,15 @@ var NavbarFeatureGrid = ({
                 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(
+                      /* @__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 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 })
+                          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
@@ -1413,7 +1413,7 @@ var NavbarFeatureGrid = ({
                       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

package/dist/navbar-image-preview.cjs

@@ -1388,7 +1388,7 @@ var NavbarImagePreview = ({
                     {
                       className: cn("flex items-center gap-3.5", actionsClassName),
                       children: [
-                        renderAuthActions,
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3.5", children: renderAuthActions }),
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                           Pressable,
                           {
@@ -1412,7 +1412,7 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation: mobileNavigation ?? [],
+            mobileNavigation: mobileNavigation ?? navigation ?? [],
             mobileNavigationSlot,
             socialLinks: socialLinks ?? [],
             socialLinksSlot,

package/dist/navbar-image-preview.js

@@ -1366,7 +1366,7 @@ var NavbarImagePreview = ({
                     {
                       className: cn("flex items-center gap-3.5", actionsClassName),
                       children: [
-                        renderAuthActions,
+                        /* @__PURE__ */ jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3.5", children: renderAuthActions }),
                         /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
                           Pressable,
                           {
@@ -1390,7 +1390,7 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation: mobileNavigation ?? [],
+            mobileNavigation: mobileNavigation ?? navigation ?? [],
             mobileNavigationSlot,
             socialLinks: socialLinks ?? [],
             socialLinksSlot,