@opensite/ui 0.4.2 → 0.4.4

package/dist/media-hover-ctas.js

@@ -335,6 +335,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -354,7 +355,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/navbar-animated-preview.cjs

@@ -892,6 +892,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -911,7 +912,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1014,7 +1015,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
@@ -1035,7 +1036,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,
@@ -1055,7 +1056,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"
           }
         )
@@ -1113,7 +1114,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
@@ -1442,7 +1443,14 @@ var NavbarAnimatedPreview = ({
     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,
         {
@@ -1484,44 +1492,56 @@ var NavbarAnimatedPreview = ({
       pattern,
       patternOpacity,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(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)]!",
-          navigationMenuClassName
-        ), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
-          "relative z-999 container grid w-full grid-cols-2 items-center justify-between gap-8 xl:grid-cols-3",
-          containerClassName
-        ), children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden xl:flex", navClassName), children: renderNavigation() }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("justify-self-end", actionsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: renderActions() }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "xl:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          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)]!",
+              navigationMenuClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
               {
-                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"
-                  }
-                )
+                className: cn(
+                  "relative z-999 container grid w-full grid-cols-2 items-center justify-between gap-8 xl:grid-cols-3",
+                  containerClassName
+                ),
+                children: [
+                  renderLogo(),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden xl:flex", navClassName), children: renderNavigation() }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("justify-self-end", actionsClassName), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden xl:block", children: renderActions() }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "xl: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,
+                          {
+                            name: "lucide/menu",
+                            size: 22,
+                            className: "stroke-foreground"
+                          }
+                        )
+                      }
+                    ) })
+                  ] })
+                ]
               }
-            ) })
-          ] })
-        ] }) }),
+            )
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           MobileNavigationMenu,
           {
@@ -1545,16 +1565,16 @@ var DesktopMenuItem = ({
   );
   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(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: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
     NavigationMenuLink,
     {
-      href: item.url,
-      className: `${navigationMenuTriggerStyle()} bg-transparent px-0 hover:bg-transparent focus:bg-transparent h-fit font-normal text-foreground/60`,
-      children: item.title
+      href: item.href,
+      className: `${navigationMenuTriggerStyle()} bg-transparent px-3 py-2 hover:bg-muted focus:bg-muted h-fit font-normal text-foreground/80`,
+      children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
 };
@@ -1591,7 +1611,10 @@ var renderDropdownContent = (item, optixFlowConfig) => {
       return null;
   }
 };
-var AnimatedImagePreviewDropdown = ({ links, optixFlowConfig }) => {
+var AnimatedImagePreviewDropdown = ({
+  links,
+  optixFlowConfig
+}) => {
   const linksRef = React.useRef([]);
   const imageRefs = React.useRef([]);
   const updateImageClasses = (activeIndex) => {
@@ -1699,7 +1722,7 @@ var GroupLinks = ({ groupLinks }) => {
   if (!groupLinks) return null;
   let linkIndex = 0;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-8", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-8", children: group.links.map((link, index2) => {
       const idx = linkIndex++;
       return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1796,17 +1819,15 @@ var NavLink = React.forwardRef(
         onMouseEnter,
         onMouseLeave,
         children: [
-          (link.icon || link.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 shrink-0 rounded-md border shadow", children: link.icon ? link.icon : link.iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.iconName, size: 14, className: "m-auto" }) }),
+          (link.icon || link.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 shrink-0 rounded-md border shadow", children: link.icon ? link.icon : link.iconName && /* @__PURE__ */ jsxRuntime.jsx(
+            DynamicIcon,
+            {
+              name: link.iconName,
+              size: 14,
+              className: "m-auto"
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
-            link.company && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "block text-base leading-normal xl:hidden", children: link.company.name }),
-            link.company && /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                className: "hidden h-6 xl:block",
-                src: link.company.logo,
-                alt: typeof link.company.name === "string" ? link.company.name : ""
-              }
-            ),
             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 })
           ] })
@@ -1826,7 +1847,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,
         {
@@ -1869,12 +1897,12 @@ var renderMobileMenuItem = (item, index) => {
         value: `nav-${index}`,
         className: "border-b-0",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
           /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "flex flex-col gap-6 p-2", children: [
             item.featuredLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
             item.links && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: item.links.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
             item.groupLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 last:mb-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.title }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }) }, `group-link-${groupIdx}-${linkIdx}`)) })
             ] }, `group-link-${groupIdx}`)) })
           ] })
@@ -1886,9 +1914,9 @@ var renderMobileMenuItem = (item, index) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Pressable,
     {
-      href: item.url,
+      href: item.href,
       className: "flex h-10 items-center rounded-md text-left text-base leading-[3.75] font-normal text-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1 nth-last-1:border-0",
-      children: item.title
+      children: item.label
     },
     `nav-link-${index}`
   );

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

@@ -1,15 +1,18 @@
 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';
 
 /**
- * Base link item for dropdown menus
+ * 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;
@@ -19,16 +22,14 @@ interface ILinkItem {
     iconName?: string;
     image?: string;
     background?: string;
-    company?: {
-        name: React.ReactNode;
-        logo: string;
-    };
 }
 /**
- * Group of links with a title
+ * Group of links with optional metadata
  */
-interface ILinkGroup {
-    title: React.ReactNode;
+interface IMenuLinkGroup {
+    label: React.ReactNode;
+    description?: string;
+    image?: string;
     links: ILinkItem[];
 }
 /**
@@ -69,15 +70,16 @@ interface IFeaturedImageLink {
  */
 type AnimatedPreviewLayout = "animated-image-preview" | "featured-cards-grid" | "grouped-links-image";
 /**
- * Menu link interface with flexible dropdown configuration
+ * Menu link configuration with layout-based dropdown options
  */
 interface IMenuLink {
-    title: React.ReactNode;
-    url?: string;
+    label: React.ReactNode;
+    href?: string;
     layout?: AnimatedPreviewLayout;
     links?: ILinkItem[];
+    dropdownGroups?: IMenuLinkGroup[];
     featuredLinks?: ILinkItem[];
-    groupLinks?: ILinkGroup[];
+    groupLinks?: IMenuLinkGroup[];
     imageLink?: IFeaturedImageLink;
 }
 /**
@@ -153,7 +155,7 @@ interface NavbarAnimatedPreviewProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */
@@ -174,4 +176,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 { NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };
+export { type AnimatedPreviewLayout, type IFeaturedImageLink, type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };

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

@@ -1,15 +1,18 @@
 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';
 
 /**
- * Base link item for dropdown menus
+ * 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;
@@ -19,16 +22,14 @@ interface ILinkItem {
     iconName?: string;
     image?: string;
     background?: string;
-    company?: {
-        name: React.ReactNode;
-        logo: string;
-    };
 }
 /**
- * Group of links with a title
+ * Group of links with optional metadata
  */
-interface ILinkGroup {
-    title: React.ReactNode;
+interface IMenuLinkGroup {
+    label: React.ReactNode;
+    description?: string;
+    image?: string;
     links: ILinkItem[];
 }
 /**
@@ -69,15 +70,16 @@ interface IFeaturedImageLink {
  */
 type AnimatedPreviewLayout = "animated-image-preview" | "featured-cards-grid" | "grouped-links-image";
 /**
- * Menu link interface with flexible dropdown configuration
+ * Menu link configuration with layout-based dropdown options
  */
 interface IMenuLink {
-    title: React.ReactNode;
-    url?: string;
+    label: React.ReactNode;
+    href?: string;
     layout?: AnimatedPreviewLayout;
     links?: ILinkItem[];
+    dropdownGroups?: IMenuLinkGroup[];
     featuredLinks?: ILinkItem[];
-    groupLinks?: ILinkGroup[];
+    groupLinks?: IMenuLinkGroup[];
     imageLink?: IFeaturedImageLink;
 }
 /**
@@ -153,7 +155,7 @@ interface NavbarAnimatedPreviewProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */
@@ -174,4 +176,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 { NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };
+export { type AnimatedPreviewLayout, type IFeaturedImageLink, type ILinkItem, type IMenuLink, type IMenuLinkGroup, type LogoConfig, NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };