@opensite/ui 0.4.4 → 0.4.5

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

@@ -2,83 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
+import { L as LogoConfig, I as IMenuLink } from './types-D2b35ylu.js';
+export { b as ILinkItem, a as IMenuLinkGroup, M as MegaMenuLayout } from './types-D2b35ylu.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
-/**
- * SHARED TYPE INTERFACES FOR ALL NAVBAR COMPONENTS
- * These types provide a consistent interface across all navbar blocks
- */
-/**
- * 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[];
-}
-/**
- * Layout types for mega menu dropdowns
- *
- * LAYOUT OPTIONS FOR AI PAGE BUILDER:
- *
- * 1. "animated-image-preview"
- *    - Visual: Grid layout with large image preview on left (360px wide), links list on right
- *    - Behavior: Image changes on hover based on which link is being hovered over
- *    - Best for: Product showcases, visual content navigation, feature highlights
- *    - Required data: links[] with label, description, url, image
- *    - Example use case: Product categories where each product has a hero image that displays on hover
- *
- * 2. "simple-grid"
- *    - Visual: 2-column responsive grid of cards with icons or images
- *    - Behavior: Static grid with hover effects on cards
- *    - Best for: Feature lists, service offerings, general navigation with icons
- *    - Required data: links[] with label, description, url, icon/iconName OR image
- *    - Example use case: Features menu showing analytics, reports, dashboards with icons
- *
- * 3. "list-with-icons"
- *    - Visual: Single column list of items with small icons on the left
- *    - Behavior: Compact list with hover effects
- *    - Best for: Simple navigation, documentation links, resource lists
- *    - Required data: links[] with label, description (optional), url, icon/iconName
- *    - Example use case: Resources menu with documentation, API reference, guides
- */
-type MegaMenuLayout = "animated-image-preview" | "simple-grid" | "list-with-icons";
-/**
- * Menu link configuration with layout-based dropdown options
- */
-interface IMenuLink {
-    label: React.ReactNode;
-    href?: string;
-    layout?: MegaMenuLayout;
-    links?: ILinkItem[];
-    dropdownGroups?: IMenuLinkGroup[];
-}
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    desktopSrc?: string;
-    mobileSrc?: string;
-    alt?: string;
-    className?: string;
-}
 /**
  * Props for the NavbarMegaMenu component
  */
@@ -158,4 +88,4 @@ interface NavbarMegaMenuProps {
  */
 declare const NavbarMegaMenu: ({ className, containerClassName, navClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menuLinks, actions, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarMegaMenuProps) => react_jsx_runtime.JSX.Element;
 
-export { type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, type MegaMenuLayout, NavbarMegaMenu, type NavbarMegaMenuProps };
+export { IMenuLink, LogoConfig, NavbarMegaMenu, type NavbarMegaMenuProps };

package/dist/navbar-mega-menu.js

@@ -971,7 +971,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -1036,6 +1036,11 @@ function NavigationMenuLink({
     }
   );
 }
+
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
 var DesktopMenuItem = ({
   link,
   index,
@@ -1088,14 +1093,14 @@ var DesktopMenuItem = ({
           /* @__PURE__ */ jsx("ul", { children: link.links.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "flex items-center gap-4 rounded-lg px-4 py-3 hover:bg-muted",
               "data-index": idx,
               onMouseEnter: handleMouseEnter,
               onMouseLeave: handleMouseLeave,
               children: /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h3", { className: "leading-normal font-medium", children: item.label }),
-                item.description && /* @__PURE__ */ jsx("p", { className: "leading-normal text-muted-foreground", children: item.description })
+                /* @__PURE__ */ jsx("h3", { className: "text-sm leading-normal font-medium", children: item.label }),
+                item.description && /* @__PURE__ */ jsx("p", { className: "text-xs leading-normal text-muted-foreground", children: item.description })
               ] })
             }
           ) }, `desktop-nav-sublink-${idx}`)) })
@@ -1106,13 +1111,13 @@ var DesktopMenuItem = ({
   if (layout === "simple-grid" && link.links) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [
       /* @__PURE__ */ 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: link.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[520px] p-6", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
+          href: getLinkUrl(item),
           className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-muted hover:text-foreground",
           children: [
-            item.image && /* @__PURE__ */ jsx("div", { className: "h-16 w-16 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
+            item.image && /* @__PURE__ */ jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
               Img,
               {
                 src: item.image,
@@ -1121,7 +1126,7 @@ var DesktopMenuItem = ({
                 optixFlowConfig
               }
             ) }),
-            !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
+            !item.image && (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: item.label }),
               item.description && /* @__PURE__ */ jsx("div", { className: "text-sm font-normal text-muted-foreground", children: item.description })
@@ -1138,7 +1143,7 @@ var DesktopMenuItem = ({
       /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
+          href: getLinkUrl(item),
           className: "flex items-start gap-3 rounded-lg p-3 hover:bg-muted",
           children: [
             (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-muted/40 text-muted-foreground", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
@@ -1182,7 +1187,7 @@ var MobileSubmenu = ({
           return /* @__PURE__ */ jsxs(
             Pressable,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "flex items-start gap-4 border-b border-border px-8 py-5",
               children: [
                 item.image && /* @__PURE__ */ jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
@@ -1297,7 +1302,7 @@ var NavbarMegaMenu = ({
             navClassName
           ),
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-12 py-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-12 border-b border-border/50 py-4 shadow-sm", children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 (!open || submenuIndex === null) && renderLogo(),
                 open && submenuIndex !== null && /* @__PURE__ */ jsxs(

package/dist/navbar-multi-column-groups.cjs

@@ -1051,7 +1051,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )

package/dist/navbar-multi-column-groups.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
+import { L as LogoConfig } from './types-D2b35ylu.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -23,16 +24,6 @@ interface MenuItem {
     url?: string;
     groups?: MenuGroup[];
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarMultiColumnGroups component
  */

package/dist/navbar-multi-column-groups.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
+import { L as LogoConfig } from './types-D2b35ylu.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -23,16 +24,6 @@ interface MenuItem {
     url?: string;
     groups?: MenuGroup[];
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarMultiColumnGroups component
  */

package/dist/navbar-multi-column-groups.js

@@ -1027,7 +1027,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )

package/dist/navbar-platform-resources.cjs

@@ -1049,7 +1049,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -1118,6 +1118,11 @@ function NavigationMenuLink({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
+
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
 var NavbarPlatformResources = ({
   className,
   containerClassName,
@@ -1170,7 +1175,7 @@ var NavbarPlatformResources = ({
       return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
+          href: getLinkUrl(item),
           className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
           children: [
             item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1199,7 +1204,7 @@ var NavbarPlatformResources = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           NavigationMenuLink,
           {
-            href: featuredItem.url,
+            href: getLinkUrl(featuredItem),
             className: "group w-1/3 p-0 hover:bg-transparent",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-clip rounded-lg border border-input bg-background", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1223,7 +1228,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: gridItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group block p-4",
               children: [
                 (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 group-hover:opacity-60", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
@@ -1244,7 +1249,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: link.dropdownGroups[0].links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group flex flex-row items-center gap-5",
               children: [
                 (item.icon || item.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group-hover:opacity-60", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
@@ -1257,7 +1262,7 @@ var NavbarPlatformResources = ({
         ctaItem && /* @__PURE__ */ jsxRuntime.jsx(
           NavigationMenuLink,
           {
-            href: ctaItem.url,
+            href: getLinkUrl(ctaItem),
             className: "group flex-1 p-0 hover:bg-transparent",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full rounded-lg border border-input bg-background p-0 hover:bg-transparent", children: [
               ctaItem.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2/5 max-w-[310px] shrink-0 overflow-clip rounded-tl-lg rounded-bl-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1291,7 +1296,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-2.5 space-y-2.5", children: listItems.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
               children: [
                 (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null),
@@ -1304,7 +1309,7 @@ var NavbarPlatformResources = ({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[716px] flex-1 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
           NavigationMenuLink,
           {
-            href: showcase.url,
+            href: getLinkUrl(showcase),
             className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
@@ -1338,7 +1343,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: group.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenuLink,
                 {
-                  href: item.url,
+                  href: getLinkUrl(item),
                   className: "flex h-full flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
                   children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-base", children: item.label }),
@@ -1355,7 +1360,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxRuntime.jsxs(
             NavigationMenuLink,
             {
-              href: ctaItem.url,
+              href: getLinkUrl(ctaItem),
               className: "mb-6 flex flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
@@ -1384,7 +1389,7 @@ var NavbarPlatformResources = ({
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
       NavigationMenuLink,
       {
-        href: item.url,
+        href: getLinkUrl(item),
         className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
         children: [
           item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1524,7 +1529,7 @@ var NavbarPlatformResources = ({
                             /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
                               Pressable,
                               {
-                                href: item.url,
+                                href: getLinkUrl(item),
                                 className: "group flex items-start gap-4 rounded-lg p-2 hover:bg-muted",
                                 children: [
                                   item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/navbar-platform-resources.d.cts

@@ -2,36 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
+import { L as LogoConfig, b as ILinkItem, a as IMenuLinkGroup } from './types-D2b35ylu.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
-/**
- * SHARED TYPE INTERFACES FOR ALL NAVBAR COMPONENTS
- * These types provide a consistent interface across all navbar blocks
- */
-/**
- * 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[];
-}
 /**
  * Layout types for dropdown menus
  *
@@ -87,16 +63,6 @@ interface IMenuLink {
     links?: ILinkItem[];
     dropdownGroups?: IMenuLinkGroup[];
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarPlatformResources component
  */
@@ -175,4 +141,4 @@ interface NavbarPlatformResourcesProps {
  */
 declare const NavbarPlatformResources: ({ className, containerClassName, navigationMenuClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menuLinks, actions, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarPlatformResourcesProps) => react_jsx_runtime.JSX.Element;
 
-export { type DropdownLayout, type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, NavbarPlatformResources, type NavbarPlatformResourcesProps };
+export { type DropdownLayout, ILinkItem, type IMenuLink, IMenuLinkGroup, LogoConfig, NavbarPlatformResources, type NavbarPlatformResourcesProps };

package/dist/navbar-platform-resources.d.ts

@@ -2,36 +2,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
+import { L as LogoConfig, b as ILinkItem, a as IMenuLinkGroup } from './types-D2b35ylu.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
-/**
- * SHARED TYPE INTERFACES FOR ALL NAVBAR COMPONENTS
- * These types provide a consistent interface across all navbar blocks
- */
-/**
- * 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[];
-}
 /**
  * Layout types for dropdown menus
  *
@@ -87,16 +63,6 @@ interface IMenuLink {
     links?: ILinkItem[];
     dropdownGroups?: IMenuLinkGroup[];
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarPlatformResources component
  */
@@ -175,4 +141,4 @@ interface NavbarPlatformResourcesProps {
  */
 declare const NavbarPlatformResources: ({ className, containerClassName, navigationMenuClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menuLinks, actions, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarPlatformResourcesProps) => react_jsx_runtime.JSX.Element;
 
-export { type DropdownLayout, type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, NavbarPlatformResources, type NavbarPlatformResourcesProps };
+export { type DropdownLayout, ILinkItem, type IMenuLink, IMenuLinkGroup, LogoConfig, NavbarPlatformResources, type NavbarPlatformResourcesProps };

package/dist/navbar-platform-resources.js

@@ -1026,7 +1026,7 @@ function NavigationMenuTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-2 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -1095,6 +1095,11 @@ function NavigationMenuLink({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
+
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
 var NavbarPlatformResources = ({
   className,
   containerClassName,
@@ -1147,7 +1152,7 @@ var NavbarPlatformResources = ({
       return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxs(
         NavigationMenuLink,
         {
-          href: item.url,
+          href: getLinkUrl(item),
           className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
           children: [
             item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
@@ -1176,7 +1181,7 @@ var NavbarPlatformResources = ({
         /* @__PURE__ */ jsx(
           NavigationMenuLink,
           {
-            href: featuredItem.url,
+            href: getLinkUrl(featuredItem),
             className: "group w-1/3 p-0 hover:bg-transparent",
             children: /* @__PURE__ */ jsxs("div", { className: "overflow-clip rounded-lg border border-input bg-background", children: [
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -1200,7 +1205,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-8", children: gridItems.map((item, itemIndex) => /* @__PURE__ */ jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group block p-4",
               children: [
                 (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "mb-5 group-hover:opacity-60", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 }) : null }),
@@ -1221,7 +1226,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: link.dropdownGroups[0].links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group flex flex-row items-center gap-5",
               children: [
                 (item.icon || item.iconName) && /* @__PURE__ */ jsx("div", { className: "group-hover:opacity-60", children: item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null }),
@@ -1234,7 +1239,7 @@ var NavbarPlatformResources = ({
         ctaItem && /* @__PURE__ */ jsx(
           NavigationMenuLink,
           {
-            href: ctaItem.url,
+            href: getLinkUrl(ctaItem),
             className: "group flex-1 p-0 hover:bg-transparent",
             children: /* @__PURE__ */ jsxs("div", { className: "flex h-full rounded-lg border border-input bg-background p-0 hover:bg-transparent", children: [
               ctaItem.image && /* @__PURE__ */ jsx("div", { className: "w-2/5 max-w-[310px] shrink-0 overflow-clip rounded-tl-lg rounded-bl-lg", children: /* @__PURE__ */ jsx(
@@ -1268,7 +1273,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsx("div", { className: "-ml-2.5 space-y-2.5", children: listItems.map((item, itemIndex) => /* @__PURE__ */ jsxs(
             NavigationMenuLink,
             {
-              href: item.url,
+              href: getLinkUrl(item),
               className: "group flex flex-row items-center gap-2.5 rounded-md p-2.5 focus:text-accent-foreground",
               children: [
                 (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 }) : null),
@@ -1281,7 +1286,7 @@ var NavbarPlatformResources = ({
         /* @__PURE__ */ jsx("div", { className: "max-w-[716px] flex-1 space-y-6", children: showcaseItems.map((showcase, showcaseIndex) => /* @__PURE__ */ jsxs(
           NavigationMenuLink,
           {
-            href: showcase.url,
+            href: getLinkUrl(showcase),
             className: "flex flex-row items-center overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
@@ -1315,7 +1320,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsx("div", { className: "grid flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: group.links.map((item, itemIndex) => /* @__PURE__ */ jsx(
                 NavigationMenuLink,
                 {
-                  href: item.url,
+                  href: getLinkUrl(item),
                   className: "flex h-full flex-col overflow-clip rounded-lg border border-input bg-background p-5 hover:bg-accent hover:text-accent-foreground xl:p-8",
                   children: /* @__PURE__ */ jsxs("div", { className: "mt-auto", children: [
                     /* @__PURE__ */ jsx("div", { className: "mb-2 text-base", children: item.label }),
@@ -1332,7 +1337,7 @@ var NavbarPlatformResources = ({
           /* @__PURE__ */ jsxs(
             NavigationMenuLink,
             {
-              href: ctaItem.url,
+              href: getLinkUrl(ctaItem),
               className: "mb-6 flex flex-row overflow-clip rounded-lg border border-input bg-background p-0 hover:bg-transparent",
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex-1 p-5 xl:p-8", children: [
@@ -1361,7 +1366,7 @@ var NavbarPlatformResources = ({
     return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[640px] p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxs(
       NavigationMenuLink,
       {
-        href: item.url,
+        href: getLinkUrl(item),
         className: "flex flex-row items-start gap-4 rounded-lg border border-input bg-background p-4 hover:bg-accent hover:text-accent-foreground",
         children: [
           item.image && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(
@@ -1501,7 +1506,7 @@ var NavbarPlatformResources = ({
                             /* @__PURE__ */ jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: link.links?.map((item, itemIndex) => /* @__PURE__ */ jsxs(
                               Pressable,
                               {
-                                href: item.url,
+                                href: getLinkUrl(item),
                                 className: "group flex items-start gap-4 rounded-lg p-2 hover:bg-muted",
                                 children: [
                                   item.image && /* @__PURE__ */ jsx("div", { className: "h-10 w-10 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx(

package/dist/navbar-search-focused.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
+import { L as LogoConfig } from './types-D2b35ylu.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -13,16 +14,6 @@ interface NavItem {
     icon?: React.ReactNode;
     iconName?: string;
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarSearchFocused component
  */