@opensite/ui 1.1.4 → 1.1.5

package/dist/registry.cjs

@@ -58042,7 +58042,10 @@ var NavbarMegaMenu = ({
                 children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks?.map((link, index) => {
                     if (hasDropdownItems(link)) {
-                      const items = link.links || [];
+                      const hasGroups = link.dropdownGroups && link.dropdownGroups.length > 0;
+                      const items = hasGroups ? link.dropdownGroups.flatMap(
+                        (group) => group.links || []
+                      ) : link.links || [];
                       return /* @__PURE__ */ jsxRuntime.jsxs(
                         AccordionItem,
                         {
@@ -58050,24 +58053,63 @@ var NavbarMegaMenu = ({
                           className: "border-b-0",
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: link.label }),
-                            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-                              Pressable,
-                              {
-                                href: getLinkUrl(item),
-                                className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                                children: [
-                                  (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
-                                    DynamicIcon,
-                                    {
-                                      name: item.iconName,
-                                      size: 14
-                                    }
-                                  ) : null),
-                                  item.label
-                                ]
-                              },
-                              `mobile-link-${index}-${itemIndex}`
-                            )) })
+                            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: hasGroups ? (
+                              // Render with group headers
+                              link.dropdownGroups.map(
+                                (group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "div",
+                                  {
+                                    className: "mb-4",
+                                    children: [
+                                      group.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 pl-4 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
+                                      (group.links || []).map(
+                                        (item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                          Pressable,
+                                          {
+                                            href: getLinkUrl(item),
+                                            onClick: () => setOpen(false),
+                                            className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+                                            children: [
+                                              (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+                                                DynamicIcon,
+                                                {
+                                                  name: item.iconName,
+                                                  size: 14
+                                                }
+                                              ) : null),
+                                              item.label
+                                            ]
+                                          },
+                                          `mobile-group-link-${groupIndex}-${itemIndex}`
+                                        )
+                                      )
+                                    ]
+                                  },
+                                  `mobile-group-${groupIndex}`
+                                )
+                              )
+                            ) : (
+                              // Render flat list
+                              items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                                Pressable,
+                                {
+                                  href: getLinkUrl(item),
+                                  onClick: () => setOpen(false),
+                                  className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+                                  children: [
+                                    (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+                                      DynamicIcon,
+                                      {
+                                        name: item.iconName,
+                                        size: 14
+                                      }
+                                    ) : null),
+                                    item.label
+                                  ]
+                                },
+                                `mobile-link-${index}-${itemIndex}`
+                              ))
+                            ) })
                           ]
                         },
                         `mobile-menu-link-${index}`
@@ -58080,6 +58122,7 @@ var NavbarMegaMenu = ({
                       Pressable,
                       {
                         href: link.href,
+                        onClick: () => setOpen(false),
                         className: "flex h-15 items-center text-base font-normal text-foreground",
                         children: link.label
                       },
@@ -58959,11 +59002,11 @@ var NavbarFeatureGrid = ({
                 children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { children: [
                   features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Features" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-[600px] grid-cols-2 space-x-4 space-y-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
                       NavigationMenuLink,
                       {
                         href: feature.href,
-                        className: "rounded-md p-3 transition-colors hover:bg-muted/70",
+                        className: "w-full justify-start rounded-md p-3 transition-colors hover:bg-muted/70",
                         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
@@ -60425,7 +60468,7 @@ var MobileNavigationMenu3 = ({
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
       className: "dark",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map((item, index) => renderMobileMenuItem3(item, index)) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
       ] }) })
@@ -60443,7 +60486,7 @@ var renderMobileMenuItem3 = (item, index) => {
     Pressable,
     {
       href: item.url,
-      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1 nth-last-1:border-0",
+      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1",
       children: item.title
     },
     `nav-link-${index}`
@@ -60673,7 +60716,7 @@ var DesktopMenuItem5 = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", 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: renderDropdownContent2(item, optixFlowConfig) }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full 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: renderDropdownContent2(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -60828,7 +60871,7 @@ var GroupLinks = ({ groupLinks }) => {
   };
   if (!groupLinks) return null;
   let linkIndex = 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 w-full", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-4 w-full", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs", children: group.label }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-4 w-full", children: group.links.map((link, index2) => {
       const idx = linkIndex++;
@@ -62542,7 +62585,7 @@ var MobileNavigationMenu9 = ({
       );
     }) });
   }, [authActionsSlot, authActions]);
-  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full", children: menuSlot ? menuSlot : menu.map(
       (item, index) => item.items ? /* @__PURE__ */ jsxRuntime.jsxs(
         AccordionItem,
@@ -63576,7 +63619,7 @@ var NavbarTabbedSections = ({
             TabsTrigger,
             {
               value: tab.id,
-              className: "-mb-2 rounded-none border-b-2 border-transparent px-4 py-2 data-[state=active]:border-b-primary data-[state=active]:text-primary hover:border-b-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+              className: "rounded-none border-b-2 border-transparent px-4 py-2 data-[state=active]:border-b-primary data-[state=active]:text-primary hover:border-b-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 tab.icon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: tab.icon, size: 16 }),
                 tab.title
@@ -63589,12 +63632,12 @@ var NavbarTabbedSections = ({
               NavigationMenuLink,
               {
                 asChild: true,
-                className: "w-full",
+                className: "w-full justify-start",
                 children: /* @__PURE__ */ jsxRuntime.jsxs(
                   Pressable,
                   {
                     href: link.url,
-                    className: "w-full flex items-start gap-3 rounded-md p-3 hover:bg-muted",
+                    className: "w-full flex items-start justify-start gap-3 rounded-md p-3 hover:bg-muted",
                     children: [
                       link.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 16 }) }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [

package/dist/registry.js

@@ -58002,7 +58002,10 @@ var NavbarMegaMenu = ({
                 children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: menuLinks?.map((link, index) => {
                     if (hasDropdownItems(link)) {
-                      const items = link.links || [];
+                      const hasGroups = link.dropdownGroups && link.dropdownGroups.length > 0;
+                      const items = hasGroups ? link.dropdownGroups.flatMap(
+                        (group) => group.links || []
+                      ) : link.links || [];
                       return /* @__PURE__ */ jsxs(
                         AccordionItem,
                         {
@@ -58010,24 +58013,63 @@ var NavbarMegaMenu = ({
                           className: "border-b-0",
                           children: [
                             /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: link.label }),
-                            /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: items.map((item, itemIndex) => /* @__PURE__ */ jsxs(
-                              Pressable,
-                              {
-                                href: getLinkUrl(item),
-                                className: "flex items-center gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                                children: [
-                                  (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(
-                                    DynamicIcon,
-                                    {
-                                      name: item.iconName,
-                                      size: 14
-                                    }
-                                  ) : null),
-                                  item.label
-                                ]
-                              },
-                              `mobile-link-${index}-${itemIndex}`
-                            )) })
+                            /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: hasGroups ? (
+                              // Render with group headers
+                              link.dropdownGroups.map(
+                                (group, groupIndex) => /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    className: "mb-4",
+                                    children: [
+                                      group.label && /* @__PURE__ */ jsx("div", { className: "mb-2 pl-4 text-xs font-medium tracking-wider uppercase text-muted-foreground", children: group.label }),
+                                      (group.links || []).map(
+                                        (item, itemIndex) => /* @__PURE__ */ jsxs(
+                                          Pressable,
+                                          {
+                                            href: getLinkUrl(item),
+                                            onClick: () => setOpen(false),
+                                            className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+                                            children: [
+                                              (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(
+                                                DynamicIcon,
+                                                {
+                                                  name: item.iconName,
+                                                  size: 14
+                                                }
+                                              ) : null),
+                                              item.label
+                                            ]
+                                          },
+                                          `mobile-group-link-${groupIndex}-${itemIndex}`
+                                        )
+                                      )
+                                    ]
+                                  },
+                                  `mobile-group-${groupIndex}`
+                                )
+                              )
+                            ) : (
+                              // Render flat list
+                              items.map((item, itemIndex) => /* @__PURE__ */ jsxs(
+                                Pressable,
+                                {
+                                  href: getLinkUrl(item),
+                                  onClick: () => setOpen(false),
+                                  className: "flex items-center gap-2 rounded-md px-4 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground",
+                                  children: [
+                                    (item.icon || item.iconName) && (item.icon ? item.icon : item.iconName ? /* @__PURE__ */ jsx(
+                                      DynamicIcon,
+                                      {
+                                        name: item.iconName,
+                                        size: 14
+                                      }
+                                    ) : null),
+                                    item.label
+                                  ]
+                                },
+                                `mobile-link-${index}-${itemIndex}`
+                              ))
+                            ) })
                           ]
                         },
                         `mobile-menu-link-${index}`
@@ -58040,6 +58082,7 @@ var NavbarMegaMenu = ({
                       Pressable,
                       {
                         href: link.href,
+                        onClick: () => setOpen(false),
                         className: "flex h-15 items-center text-base font-normal text-foreground",
                         children: link.label
                       },
@@ -58919,11 +58962,11 @@ var NavbarFeatureGrid = ({
                 children: /* @__PURE__ */ jsxs(NavigationMenuList, { children: [
                   features && features.length > 0 && /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [
                     /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: "Features" }),
-                    /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("div", { className: "grid w-[600px] grid-cols-2 space-x-4 space-y-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsx(
                       NavigationMenuLink,
                       {
                         href: feature.href,
-                        className: "rounded-md p-3 transition-colors hover:bg-muted/70",
+                        className: "w-full justify-start rounded-md p-3 transition-colors hover:bg-muted/70",
                         children: /* @__PURE__ */ jsxs("div", { children: [
                           /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
@@ -60385,7 +60428,7 @@ var MobileNavigationMenu3 = ({
       onClose: () => setOpen(false),
       title: "Mobile Navigation",
       className: "dark",
-      children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between gap-20", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between gap-4", children: [
         /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: navigation.map((item, index) => renderMobileMenuItem3(item, index)) }),
         /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pb-20", children: renderMobileAuthActions })
       ] }) })
@@ -60403,7 +60446,7 @@ var renderMobileMenuItem3 = (item, index) => {
     Pressable,
     {
       href: item.url,
-      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1 nth-last-1:border-0",
+      className: "flex h-15 items-center border-b p-0 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all focus-visible:ring-4 focus-visible:outline-1",
       children: item.title
     },
     `nav-link-${index}`
@@ -60633,7 +60676,7 @@ var DesktopMenuItem5 = ({
   if (hasDropdown) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "container", children: renderDropdownContent2(item, optixFlowConfig) }) }) })
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsx("div", { className: "w-full animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsx("div", { className: "container", children: renderDropdownContent2(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
   return /* @__PURE__ */ jsx(NavigationMenuItem, { value: `${index}`, children: /* @__PURE__ */ jsx(
@@ -60788,7 +60831,7 @@ var GroupLinks = ({ groupLinks }) => {
   };
   if (!groupLinks) return null;
   let linkIndex = 0;
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 w-full", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex items-start gap-4 w-full", children: groupLinks.map((group, index1) => /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs", children: group.label }),
     /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-4 w-full", children: group.links.map((link, index2) => {
       const idx = linkIndex++;
@@ -62502,7 +62545,7 @@ var MobileNavigationMenu9 = ({
       );
     }) });
   }, [authActionsSlot, authActions]);
-  return /* @__PURE__ */ jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ jsx(NavbarMobileMenu, { open, onClose: handleClose, title: "Navigation Menu", children: /* @__PURE__ */ jsx("div", { className: "max-w-screen-sm mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
     /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full", children: menuSlot ? menuSlot : menu.map(
       (item, index) => item.items ? /* @__PURE__ */ jsxs(
         AccordionItem,
@@ -63536,7 +63579,7 @@ var NavbarTabbedSections = ({
             TabsTrigger,
             {
               value: tab.id,
-              className: "-mb-2 rounded-none border-b-2 border-transparent px-4 py-2 data-[state=active]:border-b-primary data-[state=active]:text-primary hover:border-b-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+              className: "rounded-none border-b-2 border-transparent px-4 py-2 data-[state=active]:border-b-primary data-[state=active]:text-primary hover:border-b-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
               children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 tab.icon && /* @__PURE__ */ jsx(DynamicIcon, { name: tab.icon, size: 16 }),
                 tab.title
@@ -63549,12 +63592,12 @@ var NavbarTabbedSections = ({
               NavigationMenuLink,
               {
                 asChild: true,
-                className: "w-full",
+                className: "w-full justify-start",
                 children: /* @__PURE__ */ jsxs(
                   Pressable,
                   {
                     href: link.url,
-                    className: "w-full flex items-start gap-3 rounded-md p-3 hover:bg-muted",
+                    className: "w-full flex items-start justify-start gap-3 rounded-md p-3 hover:bg-muted",
                     children: [
                       link.icon && /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background", children: /* @__PURE__ */ jsx(DynamicIcon, { name: link.icon, size: 16 }) }),
                       /* @__PURE__ */ jsxs("div", { children: [

package/dist/resource-detail-whitepaper-sidebar.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceDetailWhitepaperSidebarSidebar {

package/dist/resource-detail-whitepaper-sidebar.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ResourceDetailWhitepaperSidebarSidebar {

package/dist/resource-list-course-cards.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListCourseCardsAuthor {

package/dist/resource-list-course-cards.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ResourceListCourseCardsAuthor {

package/dist/resource-list-featured-articles.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedArticlesFeaturedPost {

package/dist/resource-list-featured-articles.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedArticlesFeaturedPost {

package/dist/resource-list-featured-grid.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedGridArticle {

package/dist/resource-list-featured-grid.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedGridArticle {

package/dist/resource-list-hero-filter.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

package/dist/resource-list-hero-filter.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

package/dist/resource-list-news-updates.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

package/dist/resource-list-news-updates.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

package/dist/reviews-images-helpful.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-images-helpful.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-list-verified.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-list-verified.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/section.d.cts

@@ -1,9 +1,9 @@
 import React__default from 'react';
-import { S as SectionProps } from './community-initiatives-Bz_A5vLU.cjs';
+import { S as SectionProps } from './community-initiatives-CPyEa7IX.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**