@opensite/ui 0.4.4 → 0.4.5

package/dist/navbar-animated-preview.cjs

@@ -1056,7 +1056,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"
           }
         )
@@ -1368,6 +1368,11 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
+
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
 var MOBILE_BREAKPOINT = 1280;
 var NavbarAnimatedPreview = ({
   className,
@@ -1496,7 +1501,7 @@ var NavbarAnimatedPreview = ({
           NavigationMenu,
           {
             className: cn(
-              "h-20 max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:bg-background after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
+              "h-20 max-w-full border-b border-border/50 shadow-sm after:absolute after:inset-0 after:z-998 after:block after:size-full after:bg-background after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
               navigationMenuClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1744,7 +1749,7 @@ var FeaturedImageLink = ({
   optixFlowConfig
 }) => {
   if (!link) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, className: "w-full max-w-147.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url || "#", className: "w-full max-w-147.5", children: /* @__PURE__ */ jsxRuntime.jsx(
     AspectRatio,
     {
       ratio: 1.77245509,
@@ -1778,7 +1783,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
-      href: link.url,
+      href: getLinkUrl(link),
       className: "group relative flex w-full overflow-hidden rounded-xl bg-muted px-8 py-7",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full items-center gap-6", children: [
@@ -1814,7 +1819,7 @@ var NavLink = React.forwardRef(
       Pressable,
       {
         ref,
-        href: link.url,
+        href: getLinkUrl(link),
         className: "flex w-full gap-2 transition-opacity duration-300",
         onMouseEnter,
         onMouseLeave,
@@ -1828,8 +1833,8 @@ var NavLink = React.forwardRef(
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
-            link.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base leading-normal", children: link.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-normal text-muted-foreground", children: link.description })
+            link.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-normal", children: link.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-normal text-muted-foreground", children: link.description })
           ] })
         ]
       }

package/dist/navbar-animated-preview.d.cts

@@ -2,38 +2,14 @@ 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[];
-}
-/**
- * Featured image link with badge
+ * Featured image link with badge (specific to animated-preview)
  */
 interface IFeaturedImageLink {
     url: string;
@@ -42,35 +18,10 @@ interface IFeaturedImageLink {
 }
 /**
  * Layout types for animated preview dropdown menus
- *
- * 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
- *    - Best for: Product showcases, feature highlights, visual content navigation
- *    - Required data: links[] with label, description, url, image
- *    - Example use case: Product categories where each has a hero image
- *
- * 2. "featured-cards-grid"
- *    - Visual: 2-column grid of featured cards with background images and icons
- *    - Behavior: Static grid, cards have hover effects
- *    - Best for: Highlighting key features or products with visual emphasis
- *    - Required data: featuredLinks[] with label, description, url, iconName, background
- *                     links[] for additional non-featured links
- *    - Example use case: Premium features or flagship products
- *
- * 3. "grouped-links-image"
- *    - Visual: Left side has grouped link sections, right side has single featured image card
- *    - Behavior: Static layout with organized link groups
- *    - Best for: Organized navigation with many links grouped by category
- *    - Required data: groupLinks[] with title and links[]
- *                     imageLink with label, description, url, image, badge (optional)
- *    - Example use case: Developer resources grouped by topic with featured documentation
  */
 type AnimatedPreviewLayout = "animated-image-preview" | "featured-cards-grid" | "grouped-links-image";
 /**
- * Menu link configuration with layout-based dropdown options
+ * Menu link configuration with layout-based dropdown options (specific to animated-preview)
  */
 interface IMenuLink {
     label: React.ReactNode;
@@ -82,16 +33,6 @@ interface IMenuLink {
     groupLinks?: IMenuLinkGroup[];
     imageLink?: IFeaturedImageLink;
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarAnimatedPreview component
  */
@@ -176,4 +117,4 @@ interface NavbarAnimatedPreviewProps {
  */
 declare const NavbarAnimatedPreview: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logo, logoSlot, logoClassName, menuLinks, navigationSlot, actions, actionsSlot, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarAnimatedPreviewProps) => react_jsx_runtime.JSX.Element;
 
-export { type AnimatedPreviewLayout, type IFeaturedImageLink, type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };
+export { type AnimatedPreviewLayout, type IFeaturedImageLink, ILinkItem, type IMenuLink, IMenuLinkGroup, LogoConfig, NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };

package/dist/navbar-animated-preview.d.ts

@@ -2,38 +2,14 @@ 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[];
-}
-/**
- * Featured image link with badge
+ * Featured image link with badge (specific to animated-preview)
  */
 interface IFeaturedImageLink {
     url: string;
@@ -42,35 +18,10 @@ interface IFeaturedImageLink {
 }
 /**
  * Layout types for animated preview dropdown menus
- *
- * 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
- *    - Best for: Product showcases, feature highlights, visual content navigation
- *    - Required data: links[] with label, description, url, image
- *    - Example use case: Product categories where each has a hero image
- *
- * 2. "featured-cards-grid"
- *    - Visual: 2-column grid of featured cards with background images and icons
- *    - Behavior: Static grid, cards have hover effects
- *    - Best for: Highlighting key features or products with visual emphasis
- *    - Required data: featuredLinks[] with label, description, url, iconName, background
- *                     links[] for additional non-featured links
- *    - Example use case: Premium features or flagship products
- *
- * 3. "grouped-links-image"
- *    - Visual: Left side has grouped link sections, right side has single featured image card
- *    - Behavior: Static layout with organized link groups
- *    - Best for: Organized navigation with many links grouped by category
- *    - Required data: groupLinks[] with title and links[]
- *                     imageLink with label, description, url, image, badge (optional)
- *    - Example use case: Developer resources grouped by topic with featured documentation
  */
 type AnimatedPreviewLayout = "animated-image-preview" | "featured-cards-grid" | "grouped-links-image";
 /**
- * Menu link configuration with layout-based dropdown options
+ * Menu link configuration with layout-based dropdown options (specific to animated-preview)
  */
 interface IMenuLink {
     label: React.ReactNode;
@@ -82,16 +33,6 @@ interface IMenuLink {
     groupLinks?: IMenuLinkGroup[];
     imageLink?: IFeaturedImageLink;
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarAnimatedPreview component
  */
@@ -176,4 +117,4 @@ interface NavbarAnimatedPreviewProps {
  */
 declare const NavbarAnimatedPreview: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logo, logoSlot, logoClassName, menuLinks, navigationSlot, actions, actionsSlot, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarAnimatedPreviewProps) => react_jsx_runtime.JSX.Element;
 
-export { type AnimatedPreviewLayout, type IFeaturedImageLink, type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };
+export { type AnimatedPreviewLayout, type IFeaturedImageLink, ILinkItem, type IMenuLink, IMenuLinkGroup, LogoConfig, NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };

package/dist/navbar-animated-preview.js

@@ -1030,7 +1030,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"
           }
         )
@@ -1342,6 +1342,11 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
+
+// components/blocks/navbars/types.ts
+function getLinkUrl(item) {
+  return item.href || item.url || "#";
+}
 var MOBILE_BREAKPOINT = 1280;
 var NavbarAnimatedPreview = ({
   className,
@@ -1470,7 +1475,7 @@ var NavbarAnimatedPreview = ({
           NavigationMenu,
           {
             className: cn(
-              "h-20 max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:bg-background after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
+              "h-20 max-w-full border-b border-border/50 shadow-sm after:absolute after:inset-0 after:z-998 after:block after:size-full after:bg-background after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
               navigationMenuClassName
             ),
             children: /* @__PURE__ */ jsxs(
@@ -1718,7 +1723,7 @@ var FeaturedImageLink = ({
   optixFlowConfig
 }) => {
   if (!link) return null;
-  return /* @__PURE__ */ jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsx(Pressable, { href: link.url, className: "w-full max-w-147.5", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "hidden xl:block", children: /* @__PURE__ */ jsx(Pressable, { href: link.url || "#", className: "w-full max-w-147.5", children: /* @__PURE__ */ jsx(
     AspectRatio,
     {
       ratio: 1.77245509,
@@ -1752,7 +1757,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
   return /* @__PURE__ */ jsxs(
     Pressable,
     {
-      href: link.url,
+      href: getLinkUrl(link),
       className: "group relative flex w-full overflow-hidden rounded-xl bg-muted px-8 py-7",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex w-full items-center gap-6", children: [
@@ -1788,7 +1793,7 @@ var NavLink = forwardRef(
       Pressable,
       {
         ref,
-        href: link.url,
+        href: getLinkUrl(link),
         className: "flex w-full gap-2 transition-opacity duration-300",
         onMouseEnter,
         onMouseLeave,
@@ -1802,8 +1807,8 @@ var NavLink = forwardRef(
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2", children: [
-            link.label && /* @__PURE__ */ jsx("div", { className: "text-base leading-normal", children: link.label }),
-            /* @__PURE__ */ jsx("div", { className: "text-sm leading-normal text-muted-foreground", children: link.description })
+            link.label && /* @__PURE__ */ jsx("div", { className: "text-sm leading-normal", children: link.label }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs leading-normal text-muted-foreground", children: link.description })
           ] })
         ]
       }

package/dist/navbar-centered-menu.cjs

@@ -1028,7 +1028,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"
           }
         )
@@ -1316,56 +1316,65 @@ var NavbarCenteredMenu = ({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "nav",
-          {
-            className: cn("hidden justify-between lg:flex", desktopNavClassName),
-            children: [
-              renderLogo(),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                NavigationMenuWithoutViewport,
-                {
-                  className: navigationMenuClassName,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
-                }
-              ) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container border-b border-border/50 shadow-sm",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "nav",
               {
-                variant: "outline",
-                size: "icon",
-                asButton: true,
-                onClick: () => {
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
+                className: cn("hidden justify-between lg:flex", desktopNavClassName),
+                children: [
+                  renderLogo(),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    NavigationMenuWithoutViewport,
+                    {
+                      className: navigationMenuClassName,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
+                ]
               }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Accordion,
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
                   {
-                    type: "single",
-                    collapsible: true,
-                    className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    variant: "outline",
+                    size: "icon",
+                    asButton: true,
+                    onClick: () => {
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "overflow-y-auto", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: renderLogo() }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Accordion,
+                      {
+                        type: "single",
+                        collapsible: true,
+                        className: "flex w-full flex-col gap-4",
+                        children: renderMobileMenu()
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                  ] })
+                ] })
               ] })
-            ] })
-          ] })
-        ] }) })
-      ] })
+            ] }) })
+          ]
+        }
+      )
     }
   );
 };

package/dist/navbar-centered-menu.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';
@@ -9,6 +10,7 @@ import 'class-variance-authority/types';
 
 /**
  * Menu item interface for navigation
+ * Component-specific type using 'title' and 'url' fields
  */
 interface MenuItem {
     title: string;
@@ -17,16 +19,6 @@ interface MenuItem {
     icon?: string;
     items?: MenuItem[];
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarCenteredMenu component
  */

package/dist/navbar-centered-menu.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';
@@ -9,6 +10,7 @@ import 'class-variance-authority/types';
 
 /**
  * Menu item interface for navigation
+ * Component-specific type using 'title' and 'url' fields
  */
 interface MenuItem {
     title: string;
@@ -17,16 +19,6 @@ interface MenuItem {
     icon?: string;
     items?: MenuItem[];
 }
-/**
- * Logo configuration interface
- */
-interface LogoConfig {
-    url?: string;
-    src?: string;
-    alt?: string;
-    title?: React.ReactNode;
-    className?: string;
-}
 /**
  * Props for the NavbarCenteredMenu component
  */

package/dist/navbar-centered-menu.js

@@ -1004,7 +1004,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"
           }
         )
@@ -1292,56 +1292,65 @@ var NavbarCenteredMenu = ({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxs(
-          "nav",
-          {
-            className: cn("hidden justify-between lg:flex", desktopNavClassName),
-            children: [
-              renderLogo(),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
-                NavigationMenuWithoutViewport,
-                {
-                  className: navigationMenuClassName,
-                  children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
-                }
-              ) }) }),
-              /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxs(Sheet, { children: [
-            /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-              Pressable,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "container border-b border-border/50 shadow-sm",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "nav",
               {
-                variant: "outline",
-                size: "icon",
-                asButton: true,
-                onClick: () => {
-                },
-                children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
+                className: cn("hidden justify-between lg:flex", desktopNavClassName),
+                children: [
+                  renderLogo(),
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
+                    NavigationMenuWithoutViewport,
+                    {
+                      className: navigationMenuClassName,
+                      children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "relative", children: renderMenu() })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", actionsClassName), children: renderAuthActions() })
+                ]
               }
-            ) }),
-            /* @__PURE__ */ jsxs(SheetContent, { className: "overflow-y-auto", children: [
-              /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: renderLogo() }) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
-                /* @__PURE__ */ jsx(
-                  Accordion,
+            ),
+            /* @__PURE__ */ jsx("div", { className: cn("block lg:hidden", mobileNavClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxs(Sheet, { children: [
+                /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  Pressable,
                   {
-                    type: "single",
-                    collapsible: true,
-                    className: "flex w-full flex-col gap-4",
-                    children: renderMobileMenu()
+                    variant: "outline",
+                    size: "icon",
+                    asButton: true,
+                    onClick: () => {
+                    },
+                    children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: 16 })
                   }
-                ),
-                /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                ) }),
+                /* @__PURE__ */ jsxs(SheetContent, { className: "overflow-y-auto", children: [
+                  /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(SheetTitle, { children: renderLogo() }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+                    /* @__PURE__ */ jsx(
+                      Accordion,
+                      {
+                        type: "single",
+                        collapsible: true,
+                        className: "flex w-full flex-col gap-4",
+                        children: renderMobileMenu()
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", actionsClassName), children: renderAuthActions() })
+                  ] })
+                ] })
               ] })
-            ] })
-          ] })
-        ] }) })
-      ] })
+            ] }) })
+          ]
+        }
+      )
     }
   );
 };

package/dist/navbar-dark-icons.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"
           }
         )