@opensite/ui 3.8.0 → 3.8.2

package/dist/navbar-enterprise-mega.cjs

@@ -7,10 +7,10 @@ var tailwindMerge = require('tailwind-merge');
 var pressable = require('@page-speed/pressable');
 var icon = require('@page-speed/icon');
 var jsxRuntime = require('react/jsx-runtime');
+var img = require('@page-speed/img');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
 var classVarianceAuthority = require('class-variance-authority');
-var img = require('@page-speed/img');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -728,6 +728,11 @@ var NavbarLogo = ({
   );
 };
 
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
+
 // components/blocks/navbars/layout-variant-utils.ts
 function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks", customClasses) {
   const isFloatingBar = layoutVariant === "floatingBar";
@@ -763,6 +768,64 @@ function getNavbarLayoutClasses(layoutVariant = "fullScreenContainerizedLinks",
     spacingOverride: isFloatingBar ? "none" : "py-0 md:py-0"
   };
 }
+var PANEL_MAX_WIDTH_CLASS = "max-w-[calc(100vw-4rem)]";
+var hasItems = (items) => Array.isArray(items) && items.length > 0;
+var hasFeaturedHeroCardContent = (card) => Boolean(
+  card && (card.title || card.subtitle || card.description || card.image)
+);
+var FeaturedHeroCardPanel = ({
+  card,
+  optixFlowConfig,
+  className,
+  contentClassName,
+  imageContainerClassName = "relative aspect-video w-full overflow-hidden",
+  imageClassName,
+  contentFirst
+}) => {
+  const image = card.image ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: imageContainerClassName, children: /* @__PURE__ */ jsxRuntime.jsx(
+    img.Img,
+    {
+      src: card.image,
+      alt: card.title,
+      className: cn("h-full w-full object-cover", imageClassName),
+      optixFlowConfig,
+      loading: "eager"
+    }
+  ) }) : null;
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col p-5", contentClassName), children: [
+    card.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 text-xs font-medium tracking-wider uppercase", children: card.subtitle }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
+      card.title,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: "lucide/arrow-right",
+          size: 16,
+          className: "shrink-0 transition-transform group-hover:translate-x-1"
+        }
+      )
+    ] }),
+    card.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed opacity-90", children: card.description })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    pressable.Pressable,
+    {
+      href: card.href,
+      className: cn(
+        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
+        card.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary",
+        className
+      ),
+      children: contentFirst ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        content,
+        image
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        image,
+        content
+      ] })
+    }
+  );
+};
 var SolutionsMenu = ({
   solutionCards,
   platformItems,
@@ -770,492 +833,458 @@ var SolutionsMenu = ({
   featuredHeroCard,
   optixFlowConfig
 }) => {
-  const featuredCard = featuredHeroCard ? /* @__PURE__ */ jsxRuntime.jsxs(
-    pressable.Pressable,
+  const visibleSolutionCards = solutionCards.filter(Boolean);
+  const visiblePlatformItems = platformItems.filter(Boolean);
+  const hasFeaturedCard = hasFeaturedHeroCardContent(featuredHeroCard);
+  const hasPlatformSection = hasItems(visiblePlatformItems);
+  const hasSolutionSection = hasItems(visibleSolutionCards);
+  const hasRightColumn = hasPlatformSection || hasSolutionSection;
+  if (!hasFeaturedCard && !hasRightColumn) return null;
+  const featuredCard = hasFeaturedCard && featuredHeroCard ? /* @__PURE__ */ jsxRuntime.jsx(
+    FeaturedHeroCardPanel,
     {
-      href: featuredHeroCard.href,
-      className: cn(
-        "group flex h-full min-h-[420px] flex-col overflow-hidden rounded-lg text-primary-foreground",
-        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col justify-between p-5", children: [
-          featuredHeroCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-2 text-xs font-medium tracking-wider uppercase", children: featuredHeroCard.subtitle }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
-              featuredHeroCard.title,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                DynamicIcon,
-                {
-                  name: "lucide/arrow-right",
-                  size: 16,
-                  className: "transition-transform group-hover:translate-x-1"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
-          {
-            src: featuredHeroCard.image,
-            alt: featuredHeroCard.title,
-            className: "h-full w-full object-cover",
-            optixFlowConfig,
-            loading: "eager"
-          }
-        ) })
-      ]
+      card: featuredHeroCard,
+      optixFlowConfig,
+      contentFirst: true,
+      className: cn(featuredHeroCard.image && "min-h-[420px]"),
+      imageContainerClassName: "relative min-h-0 flex-1 overflow-hidden"
     }
   ) : null;
-  const platformSection = platformItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+  const platformSection = hasPlatformSection ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: platformTitle }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: platformItems.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
-      NavigationMenuLink,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        href: technology.href,
-        className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 hover:bg-muted",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DynamicIcon,
-            {
-              name: technology.icon,
-              size: 16,
-              className: "shrink-0"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: technology.title })
-        ]
-      },
-      technology.id
-    )) })
-  ] }) : null;
-  const solutionSection = solutionCards.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "flex min-w-0 flex-col rounded-lg border border-border p-4",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          pressable.Pressable,
-          {
-            href: solution.href,
-            className: "group flex min-w-0 flex-col text-left",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "min-w-0 break-words text-sm font-medium", children: solution.title }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/arrow-right",
-                    size: 14,
-                    className: "shrink-0 transition-transform group-hover:translate-x-1"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: solution.description })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-3 grid gap-2", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
+        className: cn(
+          "grid gap-2",
+          hasFeaturedCard ? "grid-cols-2" : "grid-cols-[repeat(auto-fit,minmax(160px,1fr))]"
+        ),
+        children: visiblePlatformItems.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
           NavigationMenuLink,
           {
-            href: subpage.href,
-            className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+            href: technology.href,
+            className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 hover:bg-muted",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 DynamicIcon,
                 {
-                  name: subpage.icon,
-                  size: 14,
+                  name: technology.icon,
+                  size: 16,
                   className: "shrink-0"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: subpage.title })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: technology.title })
             ]
           },
-          subpage.id
-        )) })
-      ]
-    },
-    solution.id
-  )) }) : null;
-  if (featuredCard) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1200px] max-w-[calc(100vw-4rem)] grid-cols-[minmax(380px,1fr)_minmax(360px,0.95fr)] gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: featuredCard }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [
-        platformSection,
-        solutionSection
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1200px] max-w-[calc(100vw-4rem)] grid-cols-2 gap-4", children: [
-    platformSection,
-    solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 grid grid-cols-4 gap-3", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "flex min-w-0 flex-col rounded-lg border border-border p-4",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            pressable.Pressable,
-            {
-              href: solution.href,
-              className: "group flex min-w-0 flex-col text-left",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "min-w-0 break-words text-sm font-medium", children: solution.title }),
+          technology.id
+        ))
+      }
+    )
+  ] }) : null;
+  const solutionSection = hasSolutionSection ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "grid gap-3",
+        hasFeaturedCard ? "grid-cols-2" : "grid-cols-[repeat(auto-fit,minmax(220px,1fr))]"
+      ),
+      children: visibleSolutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex min-w-0 flex-col rounded-lg border border-border p-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              pressable.Pressable,
+              {
+                href: solution.href,
+                className: "group flex min-w-0 flex-col text-left",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "min-w-0 break-words text-sm font-medium", children: solution.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/arrow-right",
+                        size: 14,
+                        className: "shrink-0 transition-transform group-hover:translate-x-1"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: solution.description })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-3 grid gap-2", children: (solution.subpages ?? []).map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
+              NavigationMenuLink,
+              {
+                href: subpage.href,
+                className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+                children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     DynamicIcon,
                     {
-                      name: "lucide/arrow-right",
+                      name: subpage.icon,
                       size: 14,
-                      className: "shrink-0 transition-transform group-hover:translate-x-1"
+                      className: "shrink-0"
                     }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: solution.description })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-3 grid gap-2", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
-            NavigationMenuLink,
-            {
-              href: subpage.href,
-              className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: subpage.icon,
-                    size: 14,
-                    className: "shrink-0"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: subpage.title })
-              ]
-            },
-            subpage.id
-          )) })
-        ]
-      },
-      solution.id
-    )) })
-  ] });
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: subpage.title })
+                ]
+              },
+              subpage.id
+            )) })
+          ]
+        },
+        solution.id
+      ))
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "grid gap-4",
+        PANEL_MAX_WIDTH_CLASS,
+        hasFeaturedCard && hasRightColumn ? "w-[1200px] grid-cols-[minmax(380px,1fr)_minmax(360px,0.95fr)]" : hasFeaturedCard ? "w-[560px] grid-cols-1" : hasSolutionSection ? "w-[900px] grid-cols-1" : "w-[520px] grid-cols-1"
+      ),
+      children: [
+        featuredCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: featuredCard }),
+        hasRightColumn && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [
+          platformSection,
+          solutionSection
+        ] })
+      ]
+    }
+  );
 };
 var ProductsMenu = ({
   productCategories,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1100px] grid-cols-[320px_1fr] gap-6", children: [
-  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    pressable.Pressable,
+}) => {
+  const visibleCategories = productCategories.filter(
+    (category) => hasItems(category.products)
+  );
+  const hasFeaturedCard = hasFeaturedHeroCardContent(featuredHeroCard);
+  const hasProductContent = hasItems(visibleCategories);
+  if (!hasFeaturedCard && !hasProductContent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
     {
-      href: featuredHeroCard.href,
       className: cn(
-        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
-        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+        "grid gap-6",
+        PANEL_MAX_WIDTH_CLASS,
+        hasFeaturedCard && hasProductContent ? "w-[1100px] grid-cols-[320px_1fr]" : hasProductContent ? "w-[860px] grid-cols-1" : "w-[360px] grid-cols-1"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        hasFeaturedCard && featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          FeaturedHeroCardPanel,
           {
-            src: featuredHeroCard.image,
-            alt: featuredHeroCard.title,
-            className: "h-full w-full object-cover",
-            optixFlowConfig,
-            loading: "eager"
+            card: featuredHeroCard,
+            optixFlowConfig
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
-            featuredHeroCard.title,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DynamicIcon,
-              {
-                name: "lucide/arrow-right",
-                size: 16,
-                className: "transition-transform group-hover:translate-x-1"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
-        ] })
-      ]
-    }
-  ) }),
-  productCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-6", children: productCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid grid-cols-3 gap-3", children: category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsxs(
-      NavigationMenuLink,
-      {
-        href: product.href,
-        className: "group col-span-1 !flex !w-full items-center gap-3 rounded-lg p-3 text-left hover:bg-muted",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded", children: /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
+        hasProductContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex min-w-0 flex-col gap-6", children: visibleCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "menu",
             {
-              src: product.image,
-              alt: product.title,
-              className: "h-full w-full object-cover",
-              optixFlowConfig,
-              loading: "eager"
+              className: cn(
+                "grid gap-3",
+                hasFeaturedCard ? "grid-cols-3" : "grid-cols-[repeat(auto-fit,minmax(220px,1fr))]"
+              ),
+              children: category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsxs(
+                NavigationMenuLink,
+                {
+                  href: product.href,
+                  className: "group col-span-1 !flex !w-full min-w-0 items-center gap-3 rounded-lg p-3 text-left hover:bg-muted",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded bg-muted text-muted-foreground", children: product.image ? /* @__PURE__ */ jsxRuntime.jsx(
+                      img.Img,
+                      {
+                        src: product.image,
+                        alt: product.title,
+                        className: "h-full w-full object-cover",
+                        optixFlowConfig,
+                        loading: "eager"
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/package", size: 18 }) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-medium", children: product.title }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 break-words text-xs text-muted-foreground", children: product.description })
+                    ] })
+                  ]
+                },
+                product.id
+              ))
             }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: product.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: product.description })
-          ] })
-        ]
-      },
-      product.id
-    )) })
-  ] }, category.title)) })
-] });
+          )
+        ] }, category.title)) })
+      ]
+    }
+  );
+};
 var ResourcesMenu = ({
   resourceItems,
   resourcesTitle = "Resources",
   topicGroups,
-  featuredHeroCard
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1100px] grid-cols-[280px_1fr_220px] gap-6", children: [
-  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    pressable.Pressable,
+  featuredHeroCard,
+  optixFlowConfig
+}) => {
+  const visibleTopicGroups = topicGroups.filter(
+    (group) => hasItems(group.topics)
+  );
+  const hasFeaturedCard = hasFeaturedHeroCardContent(featuredHeroCard);
+  const hasResourceContent = hasItems(resourceItems);
+  const hasTopicContent = hasItems(visibleTopicGroups);
+  if (!hasFeaturedCard && !hasResourceContent && !hasTopicContent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
     {
-      href: featuredHeroCard.href,
       className: cn(
-        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
-        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+        "grid gap-6",
+        PANEL_MAX_WIDTH_CLASS,
+        hasFeaturedCard && hasResourceContent && hasTopicContent ? "w-[1100px] grid-cols-[280px_1fr_220px]" : hasFeaturedCard && hasResourceContent ? "w-[900px] grid-cols-[280px_1fr]" : hasFeaturedCard && hasTopicContent ? "w-[560px] grid-cols-[280px_220px]" : hasResourceContent && hasTopicContent ? "w-[900px] grid-cols-[1fr_220px]" : hasResourceContent ? "w-[700px] grid-cols-1" : hasTopicContent ? "w-[280px] grid-cols-1" : "w-[320px] grid-cols-1"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        hasFeaturedCard && featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          FeaturedHeroCardPanel,
           {
-            src: featuredHeroCard.image,
-            alt: featuredHeroCard.title,
-            className: "h-full w-full object-cover invert",
-            loading: "eager"
+            card: featuredHeroCard,
+            optixFlowConfig,
+            imageContainerClassName: "relative aspect-[4/3] w-full overflow-hidden",
+            imageClassName: "invert"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
-            featuredHeroCard.title,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DynamicIcon,
-              {
-                name: "lucide/arrow-right",
-                size: 16,
-                className: "transition-transform group-hover:translate-x-1"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed", children: featuredHeroCard.description })
-        ] })
-      ]
-    }
-  ) }),
-  resourceItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: resourcesTitle }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: resourceItems.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
-      NavigationMenuLink,
-      {
-        href: resource.href,
-        className: "group col-span-1 !flex !w-full items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
-        children: [
+        hasResourceContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: resourcesTitle }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            DynamicIcon,
+            "div",
             {
-              name: resource.icon,
-              size: 18,
-              className: "mt-0.5 shrink-0"
+              className: cn(
+                "grid gap-3",
+                resourceItems.length > 1 ? "grid-cols-2" : "grid-cols-1"
+              ),
+              children: resourceItems.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
+                NavigationMenuLink,
+                {
+                  href: resource.href,
+                  className: "group col-span-1 !flex !w-full min-w-0 items-start gap-3 rounded-lg border border-border p-3 hover:bg-muted",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: resource.icon,
+                        size: 18,
+                        className: "mt-0.5 shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-medium", children: resource.title }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 break-words text-xs text-muted-foreground", children: resource.description })
+                    ] })
+                  ]
+                },
+                resource.id
+              ))
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: resource.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: resource.description })
-          ] })
-        ]
-      },
-      resource.id
-    )) })
-  ] }),
-  topicGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: topicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 last:mb-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.title }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
-      NavigationMenuLink,
-      {
-        href: topic.href,
-        className: "group !flex !w-full items-center gap-2 rounded-lg p-2 hover:bg-muted",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DynamicIcon,
+          )
+        ] }),
+        hasTopicContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 min-w-0", children: visibleTopicGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 last:mb-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.title }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
+            NavigationMenuLink,
             {
-              name: topic.icon,
-              size: 14,
-              className: "shrink-0"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 text-sm font-medium", children: topic.title })
-        ]
-      },
-      topic.id
-    )) })
-  ] }, group.title)) })
-] });
+              href: topic.href,
+              className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  DynamicIcon,
+                  {
+                    name: topic.icon,
+                    size: 14,
+                    className: "shrink-0"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: topic.title })
+              ]
+            },
+            topic.id
+          )) })
+        ] }, group.title)) })
+      ]
+    }
+  );
+};
 var GlobalMenu = ({
   featureCategories,
   regions,
   locationsTitle = "Locations",
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-[1100px]", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[280px_1fr] gap-6", children: [
-    featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      pressable.Pressable,
-      {
-        href: featuredHeroCard.href,
-        className: cn(
-          "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
-          featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: featuredHeroCard.image,
-              alt: featuredHeroCard.title,
-              className: "h-full w-full object-cover",
-              optixFlowConfig,
-              loading: "eager"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
-              featuredHeroCard.title,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                DynamicIcon,
+}) => {
+  const visibleFeatureCategories = featureCategories.filter(
+    (category) => hasItems(category.features)
+  );
+  const visibleRegions = regions.filter((region) => hasItems(region.locations));
+  const hasFeaturedCard = hasFeaturedHeroCardContent(featuredHeroCard);
+  const hasFeatureContent = hasItems(visibleFeatureCategories);
+  const hasRegionContent = hasItems(visibleRegions);
+  if (!hasFeaturedCard && !hasFeatureContent && !hasRegionContent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        PANEL_MAX_WIDTH_CLASS,
+        hasFeatureContent && hasFeaturedCard ? "w-[1100px]" : hasFeatureContent || hasRegionContent ? "w-[900px]" : "w-[320px]"
+      ),
+      children: [
+        (hasFeaturedCard || hasFeatureContent) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "grid gap-6",
+              hasFeaturedCard && hasFeatureContent ? "grid-cols-[280px_1fr]" : "grid-cols-1"
+            ),
+            children: [
+              hasFeaturedCard && featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
                 {
-                  name: "lucide/arrow-right",
-                  size: 16,
-                  className: "transition-transform group-hover:translate-x-1"
+                  className: cn(
+                    "col-span-1 min-w-0",
+                    !hasFeatureContent && hasRegionContent && "max-w-[320px]"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    FeaturedHeroCardPanel,
+                    {
+                      card: featuredHeroCard,
+                      optixFlowConfig,
+                      imageContainerClassName: "relative aspect-[4/3] w-full overflow-hidden"
+                    }
+                  )
                 }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-primary-foreground/85", children: featuredHeroCard.description })
-          ] })
-        ]
-      }
-    ) }),
-    featureCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-6", children: featureCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid grid-cols-3 gap-3", children: category.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
-        NavigationMenuLink,
-        {
-          href: feature.href,
-          className: "group col-span-1 !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 18 }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: feature.title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: feature.description })
-            ] })
-          ]
-        },
-        feature.id
-      )) })
-    ] }, category.title)) })
-  ] }),
-  regions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: locationsTitle }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: regions.map((region) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "col-span-1 flex w-full flex-col gap-3",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left text-xs font-medium text-muted-foreground", children: region.title }),
-          /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-1.5", children: region.locations.map((location) => /* @__PURE__ */ jsxRuntime.jsxs(
-            NavigationMenuLink,
+              ),
+              hasFeatureContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex min-w-0 flex-col gap-6", children: visibleFeatureCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: category.title }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "menu",
+                  {
+                    className: cn(
+                      "grid gap-3",
+                      hasFeaturedCard ? "grid-cols-3" : "grid-cols-[repeat(auto-fit,minmax(220px,1fr))]"
+                    ),
+                    children: category.features.map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      NavigationMenuLink,
+                      {
+                        href: feature.href,
+                        className: "group col-span-1 !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 18 }) }),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-medium", children: feature.title }),
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 break-words text-xs text-muted-foreground", children: feature.description })
+                          ] })
+                        ]
+                      },
+                      feature.id
+                    ))
+                  }
+                )
+              ] }, category.title)) })
+            ]
+          }
+        ),
+        hasRegionContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(hasFeaturedCard || hasFeatureContent ? "mt-6" : ""), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 border-b border-border pb-2 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: locationsTitle }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-4", children: visibleRegions.map((region) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              href: location.href,
-              className: "group !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+              className: "col-span-1 flex w-full min-w-0 flex-col gap-3",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-left text-xs font-medium text-muted-foreground", children: region.title }),
+                /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-1.5", children: region.locations.map((location) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  NavigationMenuLink,
                   {
-                    name: location.icon,
-                    size: 16,
-                    className: "shrink-0"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: location.title })
+                    href: location.href,
+                    className: "group !flex !w-full min-w-0 items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        DynamicIcon,
+                        {
+                          name: location.icon,
+                          size: 16,
+                          className: "shrink-0"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium", children: location.title })
+                    ]
+                  },
+                  location.title
+                )) })
               ]
             },
-            location.title
+            region.title
           )) })
-        ]
-      },
-      region.title
-    )) })
-  ] })
-] });
+        ] })
+      ]
+    }
+  );
+};
 var PartnersMenu = ({
   partnerCards,
   featuredHeroCard,
   optixFlowConfig
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-[1000px] grid-cols-[2fr_1fr] gap-6", children: [
-  featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    pressable.Pressable,
+}) => {
+  const hasFeaturedCard = hasFeaturedHeroCardContent(featuredHeroCard);
+  const hasPartnerContent = hasItems(partnerCards);
+  if (!hasFeaturedCard && !hasPartnerContent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
     {
-      href: featuredHeroCard.href,
       className: cn(
-        "group flex h-full flex-col overflow-hidden rounded-lg text-primary-foreground",
-        featuredHeroCard.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+        "grid gap-6",
+        PANEL_MAX_WIDTH_CLASS,
+        hasFeaturedCard && hasPartnerContent ? "w-[1000px] grid-cols-[2fr_1fr]" : hasPartnerContent ? "w-[680px] grid-cols-1" : "w-[360px] grid-cols-1"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        hasFeaturedCard && featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          FeaturedHeroCardPanel,
           {
-            src: featuredHeroCard.image,
-            alt: featuredHeroCard.title,
-            className: cn(
-              "h-full w-full object-cover",
-              featuredHeroCard.imagePosition === "background" && "invert"
-            ),
+            card: featuredHeroCard,
             optixFlowConfig,
-            loading: "eager"
+            imageClassName: cn(
+              featuredHeroCard.imagePosition === "background" && "invert"
+            )
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-base font-semibold", children: [
-            featuredHeroCard.title,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DynamicIcon,
+        hasPartnerContent && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "col-span-1 min-w-0 gap-3",
+              hasFeaturedCard ? "flex flex-col" : "grid grid-cols-[repeat(auto-fit,minmax(240px,1fr))]"
+            ),
+            children: partnerCards.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
+              NavigationMenuLink,
               {
-                name: "lucide/arrow-right",
-                size: 16,
-                className: "transition-transform group-hover:translate-x-1"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed", children: featuredHeroCard.description })
-        ] })
+                href: card.href,
+                className: "group !flex !w-full min-w-0 items-start gap-3 rounded-lg border border-border p-4 hover:bg-muted",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 28, className: "shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-bold", children: card.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 break-words text-xs text-muted-foreground", children: card.description })
+                  ] })
+                ]
+              },
+              card.title
+            ))
+          }
+        )
       ]
     }
-  ) }),
-  partnerCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-3", children: partnerCards.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
-    NavigationMenuLink,
-    {
-      href: card.href,
-      className: "group !flex !w-full items-start gap-3 rounded-lg border border-border p-4 hover:bg-muted",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 28, className: "shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-bold", children: card.title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: card.description })
-        ] })
-      ]
-    },
-    card.title
-  )) })
-] });
+  );
+};
 var MOBILE_BREAKPOINT = 1024;
 var NavbarEnterpriseMega = ({
   className,
@@ -1425,20 +1454,48 @@ var NavbarEnterpriseMega = ({
     )
   ] });
 };
+var hasItems2 = (items) => Array.isArray(items) && items.length > 0;
+var hasFeaturedHeroCardContent2 = (card) => Boolean(
+  card && (card.title || card.subtitle || card.description || card.image)
+);
+var hasGenericDropdownContent = (item) => hasItems2(item.links) || Boolean(item.dropdownGroups?.some((group) => hasItems2(group.links)));
+var hasLayoutSpecificDropdownContent = (item) => {
+  switch (item.layout) {
+    case "solutions-with-platform":
+      return hasItems2(item.solutionCards) || hasItems2(item.platformItems) || hasFeaturedHeroCardContent2(item.featuredHeroCard);
+    case "products-categorized":
+      return Boolean(
+        item.productCategories?.some(
+          (category) => hasItems2(category.products)
+        )
+      ) || hasFeaturedHeroCardContent2(item.featuredHeroCard);
+    case "features-with-locations":
+      return Boolean(
+        item.featureCategories?.some(
+          (category) => hasItems2(category.features)
+        )
+      ) || Boolean(item.regions?.some((region) => hasItems2(region.locations))) || hasFeaturedHeroCardContent2(item.featuredHeroCard);
+    case "partners-promotional":
+      return hasItems2(item.partnerCards) || hasFeaturedHeroCardContent2(item.featuredHeroCard);
+    case "resources-with-topics":
+      return hasItems2(item.resourceItems) || Boolean(
+        item.topicGroups?.some((group) => hasItems2(group.topics))
+      ) || hasFeaturedHeroCardContent2(item.featuredHeroCard);
+    default:
+      return false;
+  }
+};
+var hasDropdownContent = (item) => hasLayoutSpecificDropdownContent(item) || hasGenericDropdownContent(item);
 var DesktopMenuItem = ({
   item,
   index,
   optixFlowConfig
 }) => {
-  const hasDropdown = Boolean(item.layout);
-  const effectiveLayout = item.layout || "solutions-with-platform";
+  const hasDropdown = hasDropdownContent(item);
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "max-h-[calc(100vh-6rem)] overflow-y-auto rounded-xl! border-0! p-4!", children: renderDropdownContent(
-        { ...item, layout: effectiveLayout },
-        optixFlowConfig
-      ) })
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "max-h-[calc(100vh-6rem)] overflow-y-auto rounded-xl! border-0! p-4!", children: renderDropdownContent(item, optixFlowConfig) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1451,6 +1508,9 @@ var DesktopMenuItem = ({
   ) }, `desktop-menu-item-${index}`);
 };
 var renderDropdownContent = (item, optixFlowConfig) => {
+  if (!hasLayoutSpecificDropdownContent(item)) {
+    return renderGenericDropdownContent(item, optixFlowConfig);
+  }
   switch (item.layout) {
     case "solutions-with-platform":
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1499,73 +1559,287 @@ var renderDropdownContent = (item, optixFlowConfig) => {
           resourceItems: item.resourceItems ?? [],
           resourcesTitle: item.resourcesTitle,
           topicGroups: item.topicGroups ?? [],
-          featuredHeroCard: item.featuredHeroCard
+          featuredHeroCard: item.featuredHeroCard,
+          optixFlowConfig
         }
       );
     default:
-      return null;
+      return renderGenericDropdownContent(item, optixFlowConfig);
   }
 };
-var renderMobileDropdownContent = (item) => {
-  switch (item.layout) {
-    case "solutions-with-platform":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col space-y-2", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          pressable.Pressable,
+var renderGenericDropdownContent = (item, optixFlowConfig) => {
+  const links = item.links ?? [];
+  const groups = (item.dropdownGroups ?? []).filter(
+    (group) => hasItems2(group.links)
+  );
+  const hasLinks = hasItems2(links);
+  const hasGroups = hasItems2(groups);
+  if (!hasLinks && !hasGroups) return null;
+  const renderGenericLink = (link, key) => {
+    const iconName = link.icon ?? link.iconName;
+    const label = typeof link.label === "string" ? link.label : "";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      NavigationMenuLink,
+      {
+        href: getLinkUrl(link),
+        className: "group !flex !w-full min-w-0 items-start gap-3 rounded-lg p-3 text-left hover:bg-muted",
+        children: [
+          link.image ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: link.image,
+              alt: label,
+              className: "h-full w-full object-cover",
+              optixFlowConfig,
+              loading: "eager"
+            }
+          ) }) : iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+            DynamicIcon,
+            {
+              name: iconName,
+              size: 18,
+              className: "mt-0.5 shrink-0"
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-sm font-medium", children: link.label }),
+            link.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 break-words text-xs text-muted-foreground", children: link.description })
+          ] })
+        ]
+      },
+      key
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "grid max-w-[calc(100vw-4rem)] gap-6",
+        hasLinks && hasGroups ? "w-[900px] grid-cols-[minmax(0,1fr)_minmax(220px,0.45fr)]" : hasGroups ? "w-[780px] grid-cols-1" : "w-[420px] grid-cols-1"
+      ),
+      children: [
+        hasGroups && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            href: solution.href,
-            className: "block pt-4 text-sm font-medium",
-            children: solution.title
+            className: cn(
+              "grid min-w-0 gap-5",
+              !hasLinks && groups.length > 1 ? "grid-cols-[repeat(auto-fit,minmax(220px,1fr))]" : "grid-cols-1"
+            ),
+            children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 border-b border-border pb-2 text-left", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.label }),
+                group.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: group.description })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid gap-1.5", children: group.links.map(
+                (link, linkIndex) => renderGenericLink(link, `${groupIndex}-${linkIndex}`)
+              ) })
+            ] }, groupIndex))
           }
         ),
-        solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
+        hasLinks && /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "grid min-w-0 gap-1.5", children: links.map((link, linkIndex) => renderGenericLink(link, linkIndex)) })
+      ]
+    }
+  );
+};
+var renderMobileFeaturedHeroCard = (card) => {
+  if (!hasFeaturedHeroCardContent2(card) || !card) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    pressable.Pressable,
+    {
+      href: card.href,
+      className: cn(
+        "block rounded-lg p-4 text-sm font-medium text-primary-foreground",
+        card.variant === "accent" ? "bg-accent text-accent-foreground" : "bg-primary"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: card.title }),
+        card.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs leading-relaxed opacity-90", children: card.description })
+      ]
+    }
+  );
+};
+var renderMobileDropdownContent = (item) => {
+  if (!hasLayoutSpecificDropdownContent(item)) {
+    return renderMobileGenericDropdownContent(item);
+  }
+  switch (item.layout) {
+    case "solutions-with-platform":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+        renderMobileFeaturedHeroCard(item.featuredHeroCard),
+        item.platformItems?.map((technology) => /* @__PURE__ */ jsxRuntime.jsxs(
           pressable.Pressable,
           {
-            href: subpage.href,
+            href: technology.href,
             className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 14 }),
-              subpage.title
+              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: technology.icon, size: 14 }),
+              technology.title
             ]
           },
-          subpage.id
-        ))
-      ] }, solution.id)) });
+          technology.id
+        )),
+        item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            pressable.Pressable,
+            {
+              href: solution.href,
+              className: "block pt-4 text-sm font-medium",
+              children: solution.title
+            }
+          ),
+          (solution.subpages ?? []).map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
+            pressable.Pressable,
+            {
+              href: subpage.href,
+              className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 14 }),
+                subpage.title
+              ]
+            },
+            subpage.id
+          ))
+        ] }, solution.id))
+      ] });
     case "products-categorized":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.productCategories?.flatMap(
-        (category) => category.products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        renderMobileFeaturedHeroCard(item.featuredHeroCard),
+        item.productCategories?.flatMap(
+          (category) => (category.products ?? []).map((product) => /* @__PURE__ */ jsxRuntime.jsx(
+            pressable.Pressable,
+            {
+              href: product.href,
+              className: "flex items-center pl-4 gap-2 text-sm text-muted-foreground",
+              children: product.title
+            },
+            product.id
+          ))
+        )
+      ] });
+    case "resources-with-topics":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        renderMobileFeaturedHeroCard(item.featuredHeroCard),
+        item.resourceItems?.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
           pressable.Pressable,
           {
-            href: product.href,
+            href: resource.href,
             className: "flex items-center pl-4 gap-2 text-sm text-muted-foreground",
-            children: product.title
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: resource.icon, size: 14 }),
+              resource.title
+            ]
           },
-          product.id
+          resource.id
+        )),
+        item.topicGroups?.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.title }),
+          group.topics.map((topic) => /* @__PURE__ */ jsxRuntime.jsxs(
+            pressable.Pressable,
+            {
+              href: topic.href,
+              className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: topic.icon, size: 14 }),
+                topic.title
+              ]
+            },
+            topic.id
+          ))
+        ] }, group.title))
+      ] });
+    case "features-with-locations":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        renderMobileFeaturedHeroCard(item.featuredHeroCard),
+        item.featureCategories?.flatMap(
+          (category) => (category.features ?? []).map((feature) => /* @__PURE__ */ jsxRuntime.jsxs(
+            pressable.Pressable,
+            {
+              href: feature.href,
+              className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 14 }),
+                feature.title
+              ]
+            },
+            feature.id
+          ))
+        ),
+        item.regions?.map((region) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 text-xs font-medium tracking-wider text-muted-foreground uppercase", children: region.title }),
+          region.locations.map((location) => /* @__PURE__ */ jsxRuntime.jsxs(
+            pressable.Pressable,
+            {
+              href: location.href,
+              className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: location.icon, size: 14 }),
+                location.title
+              ]
+            },
+            location.title
+          ))
+        ] }, region.title))
+      ] });
+    case "partners-promotional":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        renderMobileFeaturedHeroCard(item.featuredHeroCard),
+        item.partnerCards?.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
+          pressable.Pressable,
+          {
+            href: card.href,
+            className: "flex items-start gap-2 pl-4 text-sm text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 14, className: "mt-0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: card.title })
+            ]
+          },
+          card.title
         ))
-      ) });
-    case "resources-with-topics":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.resourceItems?.map((resource) => /* @__PURE__ */ jsxRuntime.jsxs(
+      ] });
+    default:
+      return renderMobileGenericDropdownContent(item);
+  }
+};
+var renderMobileGenericDropdownContent = (item) => {
+  const links = item.links ?? [];
+  const groups = (item.dropdownGroups ?? []).filter(
+    (group) => hasItems2(group.links)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    groups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 text-xs font-medium tracking-wider text-muted-foreground uppercase", children: group.label }),
+      group.links.map((link, linkIndex) => {
+        const iconName = link.icon ?? link.iconName;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          pressable.Pressable,
+          {
+            href: getLinkUrl(link),
+            className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
+            children: [
+              iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconName, size: 14 }),
+              link.label
+            ]
+          },
+          `${groupIndex}-${linkIndex}`
+        );
+      })
+    ] }, groupIndex)),
+    links.map((link, linkIndex) => {
+      const iconName = link.icon ?? link.iconName;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         pressable.Pressable,
         {
-          href: resource.href,
-          className: "flex items-center pl-4 gap-2 text-sm text-muted-foreground",
+          href: getLinkUrl(link),
+          className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: resource.icon, size: 14 }),
-            resource.title
+            iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconName, size: 14 }),
+            link.label
           ]
         },
-        resource.id
-      )) });
-    case "features-with-locations":
-    case "partners-promotional":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs(pressable.Pressable, { href: "#", children: [
-        "View all",
-        " ",
-        typeof item.label === "string" ? item.label.toLowerCase() : "items"
-      ] }) });
-    default:
-      return null;
-  }
+        linkIndex
+      );
+    })
+  ] });
 };
 var MobileNavigationMenu = ({
   open,
@@ -1612,7 +1886,7 @@ var MobileNavigationMenu = ({
       title: "Mobile Navigation",
       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);
+          const hasDropdown = hasDropdownContent(item);
           if (hasDropdown) {
             return /* @__PURE__ */ jsxRuntime.jsxs(
               AccordionItem,