@opensite/ui 0.4.2 → 0.4.4

package/dist/navbar-enterprise-mega.cjs

@@ -887,6 +887,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -906,7 +907,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1009,7 +1010,7 @@ function NavigationMenuList({
     {
       "data-slot": "navigation-menu-list",
       className: cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
+        "group flex flex-1 list-none items-center justify-center gap-6",
         className
       ),
       ...props
@@ -1030,7 +1031,7 @@ function NavigationMenuItem({
   );
 }
 var navigationMenuTriggerStyle = classVarianceAuthority.cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
   className,
@@ -1050,7 +1051,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -1108,7 +1109,7 @@ function NavigationMenuLink({
     {
       "data-slot": "navigation-menu-link",
       className: cn(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -1234,7 +1235,10 @@ var NavbarEnterpriseMega = ({
       Pressable,
       {
         href: logo.url || "/",
-        className: cn("flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter", logoClassName),
+        className: cn(
+          "flex max-h-8 items-center gap-2 text-lg font-semibold tracking-tighter",
+          logoClassName
+        ),
         children: [
           logo.src && /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
@@ -1254,20 +1258,19 @@ var NavbarEnterpriseMega = ({
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) }, index);
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
@@ -1282,46 +1285,62 @@ var NavbarEnterpriseMega = ({
         ),
         pattern,
         patternOpacity,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-16 items-center justify-between gap-8", navClassName), children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: menuLinks?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            DesktopMenuItem,
-            {
-              item,
-              index,
-              optixFlowConfig
-            },
-            `desktop-link-${index}`
-          )) }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", actionsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions() }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                className: "size-11",
-                variant: "ghost",
-                size: "icon",
-                asButton: true,
-                onClick: handleMobileMenu,
-                children: open ? /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/x",
-                    size: 22,
-                    className: "stroke-foreground"
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex h-16 items-center justify-between gap-8",
+              navClassName
+            ),
+            children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationMenu,
+                {
+                  className: cn("hidden lg:flex", navigationMenuClassName),
+                  viewport: false,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: menuLinks?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                    DesktopMenuItem,
+                    {
+                      item,
+                      index,
+                      optixFlowConfig
+                    },
+                    `desktop-link-${index}`
+                  )) })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", actionsClassName), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3", children: renderActions() }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
                   {
-                    name: "lucide/menu",
-                    size: 22,
-                    className: "stroke-foreground"
+                    className: "size-11",
+                    variant: "ghost",
+                    size: "icon",
+                    asButton: true,
+                    onClick: handleMobileMenu,
+                    children: open ? /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/x",
+                        size: 22,
+                        className: "stroke-foreground"
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/menu",
+                        size: 22,
+                        className: "stroke-foreground"
+                      }
+                    )
                   }
-                )
-              }
-            ) })
-          ] })
-        ] }) })
+                ) })
+              ] })
+            ]
+          }
+        ) })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -1343,18 +1362,22 @@ var DesktopMenuItem = ({
   optixFlowConfig
 }) => {
   const hasDropdown = Boolean(item.layout);
+  const effectiveLayout = item.layout || "solutions-with-platform";
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60", children: item.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(item, optixFlowConfig) }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: item.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(
+        { ...item, layout: effectiveLayout },
+        optixFlowConfig
+      ) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
     NavigationMenuLink,
     {
-      href: item.url,
-      className: "bg-transparent px-0 hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent h-fit font-normal text-foreground/60",
-      children: item.title
+      href: item.href,
+      className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground",
+      children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
 };
@@ -1476,49 +1499,56 @@ var SolutionsMenu = ({
       technology.id
     )) })
   ] }),
-  solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4 lg:gap-8", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border p-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Pressable,
-      {
-        href: solution.href,
-        className: "group flex flex-col text-left",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-sm font-medium", children: solution.title }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DynamicIcon,
-              {
-                name: "lucide/arrow-right",
-                size: 16,
-                className: "ml-1 transition-transform group-hover:translate-x-1"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: solution.description })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-6 grid gap-y-4", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
-      NavigationMenuLink,
-      {
-        href: subpage.href,
-        className: "group flex flex-row items-center space-x-4 text-left text-foreground/85 hover:text-foreground lg:space-x-4 lg:border-0",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 16 }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: subpage.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DynamicIcon,
-            {
-              name: "lucide/arrow-right",
-              size: 16,
-              className: "transition-transform group-hover:translate-x-1 lg:hidden"
-            }
-          )
-        ]
-      },
-      subpage.id
-    )) })
-  ] }, solution.id)) })
+  solutionCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4 lg:gap-8", children: solutionCards.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "rounded-md border border-border p-5",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Pressable,
+          {
+            href: solution.href,
+            className: "group flex flex-col text-left",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-sm font-medium", children: solution.title }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  DynamicIcon,
+                  {
+                    name: "lucide/arrow-right",
+                    size: 16,
+                    className: "ml-1 transition-transform group-hover:translate-x-1"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: solution.description })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("menu", { className: "mt-6 grid gap-y-4", children: solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
+          NavigationMenuLink,
+          {
+            href: subpage.href,
+            className: "group flex flex-row items-center space-x-4 text-left text-foreground/85 hover:text-foreground lg:space-x-4 lg:border-0",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 16 }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: subpage.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                DynamicIcon,
+                {
+                  name: "lucide/arrow-right",
+                  size: 16,
+                  className: "transition-transform group-hover:translate-x-1 lg:hidden"
+                }
+              )
+            ]
+          },
+          subpage.id
+        )) })
+      ]
+    },
+    solution.id
+  )) })
 ] });
 var ProductsMenu = ({
   productCategories,
@@ -1698,7 +1728,11 @@ var GlobalMenu = ({
     )) })
   ] })
 ] });
-var PartnersMenu = ({ partnerCards, featuredHeroCard, optixFlowConfig }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-6 md:grid-cols-2 md:gap-x-6 lg:grid-cols-4", children: [
+var PartnersMenu = ({
+  partnerCards,
+  featuredHeroCard,
+  optixFlowConfig
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-y-6 md:grid-cols-2 md:gap-x-6 lg:grid-cols-4", children: [
   featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
@@ -1722,18 +1756,24 @@ var PartnersMenu = ({ partnerCards, featuredHeroCard, optixFlowConfig }) => /* @
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: featuredHeroCard.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-          "absolute inset-0 top-[32%] md:top-0",
-          featuredHeroCard.imagePosition === "background" && "bg-accent invert"
-        ), children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            src: featuredHeroCard.image,
-            alt: featuredHeroCard.title,
-            className: "object-fit h-full w-full object-top-right opacity-100 md:h-2/3 md:object-top",
-            optixFlowConfig
+            className: cn(
+              "absolute inset-0 top-[32%] md:top-0",
+              featuredHeroCard.imagePosition === "background" && "bg-accent invert"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: featuredHeroCard.image,
+                alt: featuredHeroCard.title,
+                className: "object-fit h-full w-full object-top-right opacity-100 md:h-2/3 md:object-top",
+                optixFlowConfig
+              }
+            )
           }
-        ) })
+        )
       ] })
     }
   ) }),
@@ -1753,7 +1793,11 @@ var PartnersMenu = ({ partnerCards, featuredHeroCard, optixFlowConfig }) => /* @
     card.title
   )) })
 ] });
-var ResourcesMenu = ({ resourceItems, topicGroups, featuredHeroCard }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 lg:grid-cols-3", children: [
+var ResourcesMenu = ({
+  resourceItems,
+  topicGroups,
+  featuredHeroCard
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-8 lg:grid-cols-3", children: [
   featuredHeroCard && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
@@ -1834,14 +1878,7 @@ var renderMobileDropdownContent = (item) => {
   switch (item.layout) {
     case "solutions-with-platform":
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: item.solutionCards?.map((solution) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            href: solution.href,
-            className: "text-sm font-medium",
-            children: solution.title
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: solution.href, className: "text-sm font-medium", children: solution.title }),
         solution.subpages.map((subpage) => /* @__PURE__ */ jsxRuntime.jsxs(
           Pressable,
           {
@@ -1883,8 +1920,9 @@ var renderMobileDropdownContent = (item) => {
     case "features-with-locations":
     case "partners-promotional":
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: "#", children: [
-        "View all ",
-        item.title.toLowerCase()
+        "View all",
+        " ",
+        typeof item.label === "string" ? item.label.toLowerCase() : "items"
       ] }) });
     default:
       return null;
@@ -1902,7 +1940,14 @@ var MobileNavigationMenu = ({
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -1937,21 +1982,21 @@ var MobileNavigationMenu = ({
                 value: `nav-${index}`,
                 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(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) })
                 ]
               },
-              item.title
+              typeof item.label === "string" ? item.label : `nav-${index}`
             );
           }
           return /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
-              href: item.url,
+              href: item.href,
               className: "flex h-15 items-center text-base font-normal text-foreground",
-              children: item.title
+              children: item.label
             },
-            item.title
+            typeof item.label === "string" ? item.label : `nav-${index}`
           );
         }) })
       ] }) })

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

@@ -1,13 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
+/**
+ * SHARED BASE TYPE INTERFACES
+ * These types provide a consistent interface across navbar components
+ */
+/**
+ * Base link item - used across all navbar components
+ */
+interface ILinkItem {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    url: string;
+    icon?: React.ReactNode;
+    iconName?: string;
+    image?: string;
+    background?: string;
+}
+/**
+ * Group of links with optional metadata
+ */
+interface IMenuLinkGroup {
+    label: React.ReactNode;
+    description?: string;
+    image?: string;
+    links: ILinkItem[];
+}
+/**
+ * SPECIALIZED TYPE INTERFACES FOR ENTERPRISE MEGA MENU
+ * These extend the base types for specific layout requirements
+ */
 /**
  * Subpage item for solution cards
  */
@@ -185,9 +213,11 @@ type MegaMenuLayout = "solutions-with-platform" | "products-categorized" | "feat
  * Menu link interface for enterprise mega menu
  */
 interface IMenuLink {
-    title: string;
-    url?: string;
+    label: React.ReactNode;
+    href?: string;
     layout?: MegaMenuLayout;
+    links?: ILinkItem[];
+    dropdownGroups?: IMenuLinkGroup[];
     featuredHeroCard?: IFeaturedHeroCard;
     solutionCards?: ISolutionCard[];
     platformItems?: ITechnologyItem[];
@@ -267,7 +297,7 @@ interface NavbarEnterpriseMegaProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */
@@ -289,4 +319,4 @@ interface NavbarEnterpriseMegaProps {
  */
 declare const NavbarEnterpriseMega: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logoClassName, logo, logoSlot, menuLinks, actions, actionsSlot, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarEnterpriseMegaProps) => react_jsx_runtime.JSX.Element;
 
-export { NavbarEnterpriseMega, type NavbarEnterpriseMegaProps };
+export { type IFeatureCategory, type IFeatureItem, type IFeaturedHeroCard, type ILinkItem, type ILocationItem, type IMenuLink, type IMenuLinkGroup, type IPartnerCard, type IProductCategory, type IProductItem, type IRegionItem, type IResourceItem, type ISolutionCard, type ISubpageItem, type ITechnologyItem, type ITopicGroup, type ITopicItem, type LogoConfig, type MegaMenuLayout, NavbarEnterpriseMega, type NavbarEnterpriseMegaProps };

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

@@ -1,13 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
-import './patternSvgs-c5ZNVoTT.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
+/**
+ * SHARED BASE TYPE INTERFACES
+ * These types provide a consistent interface across navbar components
+ */
+/**
+ * Base link item - used across all navbar components
+ */
+interface ILinkItem {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    url: string;
+    icon?: React.ReactNode;
+    iconName?: string;
+    image?: string;
+    background?: string;
+}
+/**
+ * Group of links with optional metadata
+ */
+interface IMenuLinkGroup {
+    label: React.ReactNode;
+    description?: string;
+    image?: string;
+    links: ILinkItem[];
+}
+/**
+ * SPECIALIZED TYPE INTERFACES FOR ENTERPRISE MEGA MENU
+ * These extend the base types for specific layout requirements
+ */
 /**
  * Subpage item for solution cards
  */
@@ -185,9 +213,11 @@ type MegaMenuLayout = "solutions-with-platform" | "products-categorized" | "feat
  * Menu link interface for enterprise mega menu
  */
 interface IMenuLink {
-    title: string;
-    url?: string;
+    label: React.ReactNode;
+    href?: string;
     layout?: MegaMenuLayout;
+    links?: ILinkItem[];
+    dropdownGroups?: IMenuLinkGroup[];
     featuredHeroCard?: IFeaturedHeroCard;
     solutionCards?: ISolutionCard[];
     platformItems?: ITechnologyItem[];
@@ -267,7 +297,7 @@ interface NavbarEnterpriseMegaProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */
@@ -289,4 +319,4 @@ interface NavbarEnterpriseMegaProps {
  */
 declare const NavbarEnterpriseMega: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logoClassName, logo, logoSlot, menuLinks, actions, actionsSlot, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarEnterpriseMegaProps) => react_jsx_runtime.JSX.Element;
 
-export { NavbarEnterpriseMega, type NavbarEnterpriseMegaProps };
+export { type IFeatureCategory, type IFeatureItem, type IFeaturedHeroCard, type ILinkItem, type ILocationItem, type IMenuLink, type IMenuLinkGroup, type IPartnerCard, type IProductCategory, type IProductItem, type IRegionItem, type IResourceItem, type ISolutionCard, type ISubpageItem, type ITechnologyItem, type ITopicGroup, type ITopicItem, type LogoConfig, type MegaMenuLayout, NavbarEnterpriseMega, type NavbarEnterpriseMegaProps };