@opensite/ui 0.4.1 → 0.4.3

package/dist/masonry-motion-grid.js

@@ -337,6 +337,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -356,7 +357,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -396,12 +397,15 @@ function MasonryMotionGrid({
 }) {
   const [lightboxOpen, setLightboxOpen] = useState(false);
   const [lightboxIndex, setLightboxIndex] = useState(0);
-  const allImages = useMemo(() => [
-    ...column1Images ?? [],
-    ...column2Images ?? [],
-    ...column3Images ?? [],
-    ...column4Images ?? []
-  ], [column1Images, column2Images, column3Images, column4Images]);
+  const allImages = useMemo(
+    () => [
+      ...column1Images ?? [],
+      ...column2Images ?? [],
+      ...column3Images ?? [],
+      ...column4Images ?? []
+    ],
+    [column1Images, column2Images, column3Images, column4Images]
+  );
   const lightboxItems = useMemo(
     () => allImages.map((img, index) => ({
       id: `masonry-image-${index}`,
@@ -413,18 +417,21 @@ function MasonryMotionGrid({
     })),
     [allImages]
   );
-  const getGlobalIndex = useCallback((columnIndex, imageIndex) => {
-    const col1Len = column1Images?.length ?? 0;
-    const col2Len = column2Images?.length ?? 0;
-    const col3Len = column3Images?.length ?? 0;
-    const columnOffsets = [
-      0,
-      col1Len,
-      col1Len + col2Len,
-      col1Len + col2Len + col3Len
-    ];
-    return columnOffsets[columnIndex] + imageIndex;
-  }, [column1Images?.length, column2Images?.length, column3Images?.length]);
+  const getGlobalIndex = useCallback(
+    (columnIndex, imageIndex) => {
+      const col1Len = column1Images?.length ?? 0;
+      const col2Len = column2Images?.length ?? 0;
+      const col3Len = column3Images?.length ?? 0;
+      const columnOffsets = [
+        0,
+        col1Len,
+        col1Len + col2Len,
+        col1Len + col2Len + col3Len
+      ];
+      return columnOffsets[columnIndex] + imageIndex;
+    },
+    [column1Images?.length, column2Images?.length, column3Images?.length]
+  );
   const handleImageClick = useCallback((globalIndex) => {
     setLightboxIndex(globalIndex);
     setLightboxOpen(true);
@@ -467,7 +474,11 @@ function MasonryMotionGrid({
       children: /* @__PURE__ */ jsx(
         Img,
         {
-          className: cn("h-full w-full rounded-2xl object-cover", imageClassName, image.className),
+          className: cn(
+            "h-full w-full rounded-2xl object-cover",
+            imageClassName,
+            image.className
+          ),
           src: image.src,
           alt: image.alt,
           loading: "lazy",
@@ -512,7 +523,11 @@ function MasonryMotionGrid({
       children: /* @__PURE__ */ jsx(
         Img,
         {
-          className: cn("h-full w-full rounded-2xl object-cover", imageClassName, image.className),
+          className: cn(
+            "h-full w-full rounded-2xl object-cover",
+            imageClassName,
+            image.className
+          ),
           src: image.src,
           alt: image.alt,
           loading: "lazy",
@@ -525,18 +540,33 @@ function MasonryMotionGrid({
   const renderGrid = () => {
     if (gridSlot) return gridSlot;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-2 gap-3 md:grid-cols-4", gridClassName), children: [
-        renderColumn(column1Images ?? [], "up", 0),
-        renderColumn(column2Images ?? [], "down", 1),
-        renderColumn(column3Images ?? [], "up", 2),
-        renderColumn4(column4Images ?? [])
-      ] }),
-      showDuplicateGrid && /* @__PURE__ */ jsxs("div", { className: cn("mt-4 grid grid-cols-2 gap-3 md:grid-cols-4", gridClassName), children: [
-        renderColumn(column1Images ?? [], "up", 0),
-        renderColumn(column2Images ?? [], "down", 1),
-        renderColumn(column3Images ?? [], "up", 2),
-        renderColumn4(column4Images ?? [])
-      ] })
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("grid grid-cols-2 gap-3 md:grid-cols-4", gridClassName),
+          children: [
+            renderColumn(column1Images ?? [], "up", 0),
+            renderColumn(column2Images ?? [], "down", 1),
+            renderColumn(column3Images ?? [], "up", 2),
+            renderColumn4(column4Images ?? [])
+          ]
+        }
+      ),
+      showDuplicateGrid && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "mt-4 grid grid-cols-2 gap-3 md:grid-cols-4",
+            gridClassName
+          ),
+          children: [
+            renderColumn(column1Images ?? [], "up", 0),
+            renderColumn(column2Images ?? [], "down", 1),
+            renderColumn(column3Images ?? [], "up", 2),
+            renderColumn4(column4Images ?? [])
+          ]
+        }
+      )
     ] });
   };
   return /* @__PURE__ */ jsxs(

package/dist/media-hover-ctas.cjs

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

package/dist/media-hover-ctas.d.cts

@@ -1,8 +1,7 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -71,9 +70,9 @@ interface MediaHoverCtasProps {
      */
     spacing?: SectionSpacing;
     /**
-     * Optional background pattern name or URL
+     * Optional background pattern name
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/media-hover-ctas.d.ts

@@ -1,8 +1,7 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -71,9 +70,9 @@ interface MediaHoverCtasProps {
      */
     spacing?: SectionSpacing;
     /**
-     * Optional background pattern name or URL
+     * Optional background pattern name
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName;
     /**
      * Pattern overlay opacity (0-1)
      */

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
             }
           ),
@@ -1380,10 +1381,10 @@ var NavbarAnimatedPreview = ({
   },
   logoSlot,
   logoClassName,
-  navigation,
+  menuLinks,
   navigationSlot,
-  authActions,
-  authActionsSlot,
+  actions,
+  actionsSlot,
   background = "white",
   spacing = "none",
   pattern,
@@ -1438,11 +1439,18 @@ var NavbarAnimatedPreview = ({
       }
     );
   };
-  const renderAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+  const renderActions = () => {
+    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,
         {
@@ -1461,8 +1469,8 @@ var NavbarAnimatedPreview = ({
   };
   const renderNavigation = () => {
     if (navigationSlot) return navigationSlot;
-    if (!navigation || navigation.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    if (!menuLinks || menuLinks.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: menuLinks.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
       DesktopMenuItem,
       {
         item,
@@ -1484,51 +1492,63 @@ 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: renderAuthActions() }),
-            /* @__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,
           {
             open,
-            navigation: navigation ?? [],
-            authActions,
-            authActionsSlot
+            menuLinks: menuLinks ?? [],
+            actions,
+            actionsSlot
           }
         )
       ]
@@ -1540,46 +1560,61 @@ var DesktopMenuItem = ({
   index,
   optixFlowConfig
 }) => {
-  if (item.links || item.featuredLinks || item.groupLinks) {
+  const hasDropdown = Boolean(
+    item.links?.length || item.featuredLinks?.length || item.groupLinks?.length
+  );
+  if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground/60", children: item.title }),
-      /* @__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.jsxs("div", { className: "container", children: [
-        item.id === 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenu1,
-          {
-            links: item.links,
-            optixFlowConfig
-          }
-        ),
-        item.id === 2 && /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenu2,
-          {
-            featuredLinks: item.featuredLinks,
-            links: item.links,
-            optixFlowConfig
-          }
-        ),
-        item.id === 3 && /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenu3,
-          {
-            groupLinks: item.groupLinks,
-            imageLink: item.imageLink,
-            optixFlowConfig
-          }
-        )
-      ] }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent 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()} h-fit bg-transparent font-normal text-foreground/60`,
-      children: item.title
+      href: item.href,
+      className: `${navigationMenuTriggerStyle()} bg-transparent px-0 hover:bg-transparent focus:bg-transparent h-fit font-normal text-foreground/60`,
+      children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
 };
-var DropdownMenu1 = ({ links, optixFlowConfig }) => {
+var renderDropdownContent = (item, optixFlowConfig) => {
+  const layout = item.layout || "animated-image-preview";
+  switch (layout) {
+    case "animated-image-preview":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AnimatedImagePreviewDropdown,
+        {
+          links: item.links,
+          optixFlowConfig
+        }
+      );
+    case "featured-cards-grid":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FeaturedCardsGridDropdown,
+        {
+          featuredLinks: item.featuredLinks,
+          links: item.links,
+          optixFlowConfig
+        }
+      );
+    case "grouped-links-image":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        GroupedLinksImageDropdown,
+        {
+          groupLinks: item.groupLinks,
+          imageLink: item.imageLink,
+          optixFlowConfig
+        }
+      );
+    default:
+      return null;
+  }
+};
+var AnimatedImagePreviewDropdown = ({
+  links,
+  optixFlowConfig
+}) => {
   const linksRef = React.useRef([]);
   const imageRefs = React.useRef([]);
   const updateImageClasses = (activeIndex) => {
@@ -1642,7 +1677,7 @@ var DropdownMenu1 = ({ links, optixFlowConfig }) => {
     )) })
   ] });
 };
-var DropdownMenu2 = ({
+var FeaturedCardsGridDropdown = ({
   links,
   featuredLinks,
   optixFlowConfig
@@ -1660,7 +1695,7 @@ var DropdownMenu2 = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 pt-8", children: links?.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${index}`)) })
   ] });
 };
-var DropdownMenu3 = ({
+var GroupedLinksImageDropdown = ({
   groupLinks,
   imageLink,
   optixFlowConfig
@@ -1687,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(
@@ -1784,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 })
           ] })
@@ -1806,15 +1839,22 @@ var NavLink = React.forwardRef(
 NavLink.displayName = "NavLink";
 var MobileNavigationMenu = ({
   open,
-  navigation,
-  authActions,
-  authActionsSlot
+  menuLinks,
+  actions,
+  actionsSlot
 }) => {
-  const renderMobileAuthActions = () => {
-    if (authActionsSlot) return authActionsSlot;
-    if (!authActions || authActions.length === 0) return null;
-    return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+  const renderMobileActions = () => {
+    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,
         {
@@ -1840,10 +1880,10 @@ var MobileNavigationMenu = ({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container py-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -m-px h-px w-px overflow-hidden border-0 mask-clip-border p-0 text-nowrap whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "text-primary", children: "Mobile Navigation" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-full flex-col gap-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map(
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks.map(
             (item, index) => renderMobileMenuItem(item, index)
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: renderMobileAuthActions() })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: renderMobileActions() })
         ] })
       ] }) })
     }
@@ -1857,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}`)) })
           ] })
@@ -1874,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}`
   );