@opensite/ui 0.3.3 → 0.4.0

package/dist/navbar-image-preview.js

@@ -834,6 +834,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1230,111 +1231,6 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultNavigation = [
-  {
-    title: "Products",
-    links: [
-      {
-        label: "Company Blog",
-        description: "Explore the latest insights and updates",
-        url: "#",
-        image: imagePlaceholders[0]
-      },
-      {
-        label: "Our Platform",
-        description: "Innovative tools to empower your workflow",
-        url: "#",
-        image: imagePlaceholders[1]
-      },
-      {
-        label: "Careers at Our Company",
-        description: "Discover open roles and our workplace culture",
-        url: "#",
-        image: imagePlaceholders[2]
-      },
-      {
-        label: "Customer Support",
-        description: "Reach out or browse community help articles",
-        url: "#",
-        image: imagePlaceholders[3]
-      },
-      {
-        label: "Product Documentation",
-        description: "In-depth guides, references, and API docs",
-        url: "#",
-        image: imagePlaceholders[4]
-      }
-    ]
-  },
-  {
-    title: "Company",
-    links: [
-      {
-        label: "About Our Team",
-        url: "#",
-        description: "Learn more about our mission and values",
-        image: imagePlaceholders[5]
-      },
-      {
-        label: "Help & Support Center",
-        url: "#",
-        description: "Search our help center for quick answers",
-        image: imagePlaceholders[6]
-      },
-      {
-        label: "Latest News",
-        url: "#",
-        description: "Stay up to date with product announcements",
-        image: imagePlaceholders[7]
-      }
-    ]
-  },
-  {
-    title: "Contact",
-    url: "#"
-  }
-];
-var defaultMobileNavigation = [
-  {
-    title: "Products",
-    className: "col-span-2",
-    links: [
-      { label: "Company Blog", url: "#" },
-      { label: "Our Platform", url: "#" },
-      { label: "Careers at Our Company", url: "#" },
-      { label: "Customer Support", url: "#" },
-      { label: "Product Documentation", url: "#" }
-    ]
-  },
-  {
-    title: "Company",
-    className: "",
-    links: [
-      { label: "About Our Team", url: "#" },
-      { label: "Help & Support Center", url: "#" },
-      { label: "Latest News", url: "#" }
-    ]
-  },
-  {
-    title: "Community",
-    className: "",
-    links: [
-      { label: "Forum", url: "#" },
-      { label: "Slack Group", url: "#" },
-      { label: "Contributors", url: "#" },
-      { label: "Meetups", url: "#" }
-    ]
-  }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost" },
-  { label: "Sign up", href: "#", variant: "default" }
-];
-var defaultSocialLinks = [
-  { label: "Linkedin", url: "#", iconName: "lucide/linkedin" },
-  { label: "Twitter", url: "#", iconName: "lucide/twitter" },
-  { label: "Facebook", url: "#", iconName: "lucide/facebook" }
-];
 var MOBILE_BREAKPOINT = 1024;
 var NavbarImagePreview = ({
   className,
@@ -1344,19 +1240,17 @@ var NavbarImagePreview = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navigation = defaultNavigation,
+  navigation,
   navigationSlot,
-  mobileNavigation = defaultMobileNavigation,
+  mobileNavigation,
   mobileNavigationSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   socialLinksSlot,
   background = "white",
   spacing = "none",
@@ -1503,9 +1397,9 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation,
+            mobileNavigation: mobileNavigation ?? [],
             mobileNavigationSlot,
-            socialLinks,
+            socialLinks: socialLinks ?? [],
             socialLinksSlot,
             authActions,
             authActionsSlot

package/dist/navbar-mega-menu.cjs

@@ -888,6 +888,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1211,65 +1212,6 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultSolutions = [
-  {
-    title: "Cloud Infrastructure",
-    description: "Scalable cloud solutions built for modern businesses.",
-    href: "#",
-    icon: "lucide/cloud"
-  },
-  {
-    title: "Security & Compliance",
-    description: "Enterprise-grade security with automated compliance.",
-    href: "#",
-    icon: "lucide/lock"
-  },
-  {
-    title: "Identity Management",
-    description: "Advanced authentication and access control systems.",
-    href: "#",
-    icon: "lucide/fingerprint"
-  }
-];
-var defaultUseCases = [
-  { title: "Banking", href: "#", icon: "lucide/building-2" },
-  { title: "Healthcare", href: "#", icon: "lucide/heart-pulse" },
-  { title: "Technology", href: "#", icon: "lucide/cpu" },
-  { title: "Education", href: "#", icon: "lucide/graduation-cap" },
-  { title: "Agriculture", href: "#", icon: "lucide/leaf" },
-  { title: "BaaS", href: "#", icon: "lucide/building" },
-  { title: "Entertainment", href: "#", icon: "lucide/film" },
-  { title: "SaaS", href: "#", icon: "lucide/bar-chart" },
-  { title: "Crypto", href: "#", icon: "lucide/bitcoin" }
-];
-var defaultDocumentationLinks = [
-  { title: "API Reference", href: "#" },
-  { title: "SDK Documentation", href: "#" },
-  { title: "Integration Guides", href: "#" },
-  { title: "Code Examples", href: "#" }
-];
-var defaultResources = [
-  {
-    title: "Blog",
-    description: "Latest insights, tutorials, and industry best practices.",
-    href: "#"
-  },
-  {
-    title: "News",
-    description: "Product updates, announcements, and company news.",
-    href: "#"
-  }
-];
-var defaultAuthActions = [
-  { label: "Login", href: "#", variant: "ghost", asButton: true },
-  {
-    label: "Start now",
-    href: "#",
-    variant: "outline",
-    asButton: true,
-    iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16, className: "ml-1" })
-  }
-];
 var NavbarMegaMenu = ({
   className,
   containerClassName,
@@ -1281,15 +1223,14 @@ var NavbarMegaMenu = ({
   logo = {
     url: "/",
     desktopSrc: logoPlaceholders.darkHorizontalLogo,
-    mobileSrc: logoPlaceholders.logoMark,
-    alt: "Opensite AI"
+    mobileSrc: logoPlaceholders.logoMark
   },
   logoSlot,
-  solutions = defaultSolutions,
-  useCases = defaultUseCases,
-  documentationLinks = defaultDocumentationLinks,
-  resources = defaultResources,
-  authActions = defaultAuthActions,
+  solutions,
+  useCases,
+  documentationLinks,
+  resources,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "none",
@@ -1403,7 +1344,7 @@ var NavbarMegaMenu = ({
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: solutions.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     NavigationMenuLink,
                     {
                       href: solution.href,
@@ -1424,7 +1365,7 @@ var NavbarMegaMenu = ({
               /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-1/2 max-w-[510px]", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Use cases" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: useCases.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: useCases?.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     NavigationMenuLink,
                     {
                       href: useCase.href,
@@ -1470,7 +1411,7 @@ var NavbarMegaMenu = ({
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-1/3 max-w-[404px]", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "Documentation" }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: "Call to action for developers" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: documentationLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: documentationLinks?.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     NavigationMenuLink,
                     {
                       href: link.href,
@@ -1542,7 +1483,7 @@ var NavbarMegaMenu = ({
               /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[900px] p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Resources" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
                     NavigationMenuLink,
                     {
                       href: resource.href,
@@ -1687,7 +1628,7 @@ var NavbarMegaMenu = ({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-          solutions.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
               href: solution.href,
@@ -1705,7 +1646,7 @@ var NavbarMegaMenu = ({
         ] }),
         open && submenu === "usecases" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Use cases" }),
-          useCases.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          useCases?.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
               href: useCase.href,
@@ -1720,7 +1661,7 @@ var NavbarMegaMenu = ({
         ] }),
         open && submenu === "developers" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Documentation" }),
-          documentationLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          documentationLinks?.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
               href: link.href,
@@ -1735,7 +1676,7 @@ var NavbarMegaMenu = ({
         ] }),
         open && submenu === "resources" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Resources" }),
-          resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: resource.href,

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

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface SolutionItem {

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

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface SolutionItem {

package/dist/navbar-mega-menu.js

@@ -866,6 +866,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1189,65 +1190,6 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultSolutions = [
-  {
-    title: "Cloud Infrastructure",
-    description: "Scalable cloud solutions built for modern businesses.",
-    href: "#",
-    icon: "lucide/cloud"
-  },
-  {
-    title: "Security & Compliance",
-    description: "Enterprise-grade security with automated compliance.",
-    href: "#",
-    icon: "lucide/lock"
-  },
-  {
-    title: "Identity Management",
-    description: "Advanced authentication and access control systems.",
-    href: "#",
-    icon: "lucide/fingerprint"
-  }
-];
-var defaultUseCases = [
-  { title: "Banking", href: "#", icon: "lucide/building-2" },
-  { title: "Healthcare", href: "#", icon: "lucide/heart-pulse" },
-  { title: "Technology", href: "#", icon: "lucide/cpu" },
-  { title: "Education", href: "#", icon: "lucide/graduation-cap" },
-  { title: "Agriculture", href: "#", icon: "lucide/leaf" },
-  { title: "BaaS", href: "#", icon: "lucide/building" },
-  { title: "Entertainment", href: "#", icon: "lucide/film" },
-  { title: "SaaS", href: "#", icon: "lucide/bar-chart" },
-  { title: "Crypto", href: "#", icon: "lucide/bitcoin" }
-];
-var defaultDocumentationLinks = [
-  { title: "API Reference", href: "#" },
-  { title: "SDK Documentation", href: "#" },
-  { title: "Integration Guides", href: "#" },
-  { title: "Code Examples", href: "#" }
-];
-var defaultResources = [
-  {
-    title: "Blog",
-    description: "Latest insights, tutorials, and industry best practices.",
-    href: "#"
-  },
-  {
-    title: "News",
-    description: "Product updates, announcements, and company news.",
-    href: "#"
-  }
-];
-var defaultAuthActions = [
-  { label: "Login", href: "#", variant: "ghost", asButton: true },
-  {
-    label: "Start now",
-    href: "#",
-    variant: "outline",
-    asButton: true,
-    iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16, className: "ml-1" })
-  }
-];
 var NavbarMegaMenu = ({
   className,
   containerClassName,
@@ -1259,15 +1201,14 @@ var NavbarMegaMenu = ({
   logo = {
     url: "/",
     desktopSrc: logoPlaceholders.darkHorizontalLogo,
-    mobileSrc: logoPlaceholders.logoMark,
-    alt: "Opensite AI"
+    mobileSrc: logoPlaceholders.logoMark
   },
   logoSlot,
-  solutions = defaultSolutions,
-  useCases = defaultUseCases,
-  documentationLinks = defaultDocumentationLinks,
-  resources = defaultResources,
-  authActions = defaultAuthActions,
+  solutions,
+  useCases,
+  documentationLinks,
+  resources,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "none",
@@ -1381,7 +1322,7 @@ var NavbarMegaMenu = ({
                 ),
                 /* @__PURE__ */ jsxs("div", { className: "max-w-[760px] flex-1", children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: solutions.map((solution, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxs(
                     NavigationMenuLink,
                     {
                       href: solution.href,
@@ -1402,7 +1343,7 @@ var NavbarMegaMenu = ({
               /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4", children: [
                 /* @__PURE__ */ jsxs("div", { className: "w-1/2 max-w-[510px]", children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Use cases" }),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: useCases.map((useCase, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: useCases?.map((useCase, index) => /* @__PURE__ */ jsxs(
                     NavigationMenuLink,
                     {
                       href: useCase.href,
@@ -1448,7 +1389,7 @@ var NavbarMegaMenu = ({
                 /* @__PURE__ */ jsxs("div", { className: "w-1/3 max-w-[404px]", children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "Documentation" }),
                   /* @__PURE__ */ jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: "Call to action for developers" }),
-                  /* @__PURE__ */ jsx("div", { className: "-ml-2.5 space-y-2.5", children: documentationLinks.map((link, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "-ml-2.5 space-y-2.5", children: documentationLinks?.map((link, index) => /* @__PURE__ */ jsxs(
                     NavigationMenuLink,
                     {
                       href: link.href,
@@ -1520,7 +1461,7 @@ var NavbarMegaMenu = ({
               /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-8", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: "Resources" }),
-                  /* @__PURE__ */ jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: resources.map((resource, index) => /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: resources?.map((resource, index) => /* @__PURE__ */ jsx(
                     NavigationMenuLink,
                     {
                       href: resource.href,
@@ -1665,7 +1606,7 @@ var NavbarMegaMenu = ({
             ] })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-          solutions.map((solution, index) => /* @__PURE__ */ jsxs(
+          solutions?.map((solution, index) => /* @__PURE__ */ jsxs(
             Pressable,
             {
               href: solution.href,
@@ -1683,7 +1624,7 @@ var NavbarMegaMenu = ({
         ] }),
         open && submenu === "usecases" && /* @__PURE__ */ jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
           /* @__PURE__ */ jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Use cases" }),
-          useCases.map((useCase, index) => /* @__PURE__ */ jsxs(
+          useCases?.map((useCase, index) => /* @__PURE__ */ jsxs(
             Pressable,
             {
               href: useCase.href,
@@ -1698,7 +1639,7 @@ var NavbarMegaMenu = ({
         ] }),
         open && submenu === "developers" && /* @__PURE__ */ jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
           /* @__PURE__ */ jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Documentation" }),
-          documentationLinks.map((link, index) => /* @__PURE__ */ jsxs(
+          documentationLinks?.map((link, index) => /* @__PURE__ */ jsxs(
             Pressable,
             {
               href: link.href,
@@ -1713,7 +1654,7 @@ var NavbarMegaMenu = ({
         ] }),
         open && submenu === "resources" && /* @__PURE__ */ jsxs("div", { className: cn("fixed inset-0 top-[72px] flex h-[calc(100vh-72px)] w-full flex-col overflow-scroll border-t border-border bg-background lg:hidden", mobileMenuClassName), children: [
           /* @__PURE__ */ jsx("div", { className: "px-8 py-3.5 text-xs tracking-widest text-muted-foreground uppercase", children: "Resources" }),
-          resources.map((resource, index) => /* @__PURE__ */ jsx(
+          resources?.map((resource, index) => /* @__PURE__ */ jsx(
             Pressable,
             {
               href: resource.href,