@opensite/ui 3.4.5 → 3.4.8

package/dist/navbar-search-focused.js

@@ -692,7 +692,7 @@ var NavbarSearchFocused = ({
         asChild: true,
         className: navigationMenuTriggerStyle(),
         children: /* @__PURE__ */ jsxs(Pressable, { href: item.url, children: [
-          item.icon ?? (item.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 })),
+          /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon || item.iconName, size: 16 }),
           item.title
         ] })
       }
@@ -719,9 +719,9 @@ var NavbarSearchFocused = ({
           "aria-label": ariaLabel,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -740,7 +740,7 @@ var NavbarSearchFocused = ({
           className: "flex items-center gap-2 rounded-md py-2 text-sm",
           onClick: () => setIsOpen(false),
           children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label
           ]
         },
@@ -883,9 +883,9 @@ var MobileNavigationMenu = ({
           onClick: handleClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -900,7 +900,7 @@ var MobileNavigationMenu = ({
         className: "flex h-15 items-center gap-2 rounded-md px-4 text-left text-base leading-[3.75] font-normal text-muted-foreground ring-ring/10 outline-ring/50 transition-all hover:bg-muted focus-visible:ring-4 focus-visible:outline-1",
         onClick: handleClose,
         children: [
-          item.icon ?? (item.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 })),
+          /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon || item.iconName, size: 16 }),
           item.title
         ]
       },

package/dist/navbar-sidebar-mobile.cjs

@@ -827,9 +827,9 @@ var NavbarSidebarMobile = ({
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -996,9 +996,9 @@ var MobileNavigationMenu = ({
           className: cn("w-full", actionClassName),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-sidebar-mobile.d.cts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.cjs';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cgd-IXlI.cjs';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-mWZcgKth.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.cjs';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -11,7 +13,7 @@ interface SubMenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
 }
 interface MenuItem {
     title: string;

package/dist/navbar-sidebar-mobile.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.js';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-hJ2R0GoH.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -11,7 +13,7 @@ interface SubMenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
 }
 interface MenuItem {
     title: string;

package/dist/navbar-sidebar-mobile.js

@@ -804,9 +804,9 @@ var NavbarSidebarMobile = ({
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -973,9 +973,9 @@ var MobileNavigationMenu = ({
           className: cn("w-full", actionClassName),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-simple-links.cjs

@@ -755,9 +755,9 @@ var NavbarSimpleLinks = ({
           className: cn("h-10 py-2.5 text-sm font-normal", actionClassName),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -899,9 +899,9 @@ var MobileNavigationMenu = ({
           onClick: onClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-simple-links.d.cts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cgd-IXlI.cjs';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-mWZcgKth.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.cjs';
+import './dynamic-icon.cjs';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/navbar-simple-links.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-hJ2R0GoH.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
+import './dynamic-icon.js';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/navbar-simple-links.js

@@ -733,9 +733,9 @@ var NavbarSimpleLinks = ({
           className: cn("h-10 py-2.5 text-sm font-normal", actionClassName),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -877,9 +877,9 @@ var MobileNavigationMenu = ({
           onClick: onClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-split-cta.cjs

@@ -742,9 +742,9 @@ var NavbarSplitCta = ({
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-split-cta.d.cts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.cjs';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cgd-IXlI.cjs';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-mWZcgKth.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.cjs';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -11,7 +13,7 @@ interface SubMenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
 }
 interface MenuItem {
     title: string;

package/dist/navbar-split-cta.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.js';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-hJ2R0GoH.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -11,7 +13,7 @@ interface SubMenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
 }
 interface MenuItem {
     title: string;

package/dist/navbar-split-cta.js

@@ -720,9 +720,9 @@ var NavbarSplitCta = ({
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-sticky-compact.cjs

@@ -813,9 +813,9 @@ var NavbarStickyCompact = ({
           className: cn("transition-all duration-300", actionClassName),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -976,9 +976,9 @@ var MobileNavigationMenu = ({
           onClick: handleClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-sticky-compact.d.cts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.cjs';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cgd-IXlI.cjs';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-mWZcgKth.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.cjs';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -10,7 +12,7 @@ import '@opensite/hooks/usePlatformFromUrl';
 interface SubMenuItem {
     title: string;
     url: string;
-    icon?: string;
+    icon?: DynamicIconName;
 }
 interface MenuItem {
     title: string;

package/dist/navbar-sticky-compact.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.js';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-hJ2R0GoH.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -10,7 +12,7 @@ import '@opensite/hooks/usePlatformFromUrl';
 interface SubMenuItem {
     title: string;
     url: string;
-    icon?: string;
+    icon?: DynamicIconName;
 }
 interface MenuItem {
     title: string;

package/dist/navbar-sticky-compact.js

@@ -790,9 +790,9 @@ var NavbarStickyCompact = ({
           className: cn("transition-all duration-300", actionClassName),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -953,9 +953,9 @@ var MobileNavigationMenu = ({
           onClick: handleClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index

package/dist/navbar-tabbed-sections.cjs

@@ -863,9 +863,9 @@ var NavbarTabbedSections = ({
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -960,10 +960,10 @@ var NavbarTabbedSections = ({
             className: "border-b-0",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: tab.id,
+                  value: tab.id || `tab-${idx}`,
                   className: "border-b-0",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -985,7 +985,7 @@ var NavbarTabbedSections = ({
                     )) }) })
                   ]
                 },
-                tab.id
+                tab.id || idx
               )) }) })
             ]
           },

package/dist/navbar-tabbed-sections.d.cts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.cjs';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cgd-IXlI.cjs';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-mWZcgKth.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.cjs';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -10,12 +12,12 @@ import '@opensite/hooks/usePlatformFromUrl';
 interface TabItem {
     id: string;
     title: string;
-    icon?: string;
+    icon?: DynamicIconName;
     links: {
         title: string;
         description?: string;
         url: string;
-        icon?: string;
+        icon?: DynamicIconName;
     }[];
     featured?: {
         title: string;

package/dist/navbar-tabbed-sections.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.js';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-hJ2R0GoH.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';
@@ -10,12 +12,12 @@ import '@opensite/hooks/usePlatformFromUrl';
 interface TabItem {
     id: string;
     title: string;
-    icon?: string;
+    icon?: DynamicIconName;
     links: {
         title: string;
         description?: string;
         url: string;
-        icon?: string;
+        icon?: DynamicIconName;
     }[];
     featured?: {
         title: string;

package/dist/navbar-tabbed-sections.js

@@ -839,9 +839,9 @@ var NavbarTabbedSections = ({
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -936,10 +936,10 @@ var NavbarTabbedSections = ({
             className: "border-b-0",
             children: [
               /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab, idx) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: tab.id,
+                  value: tab.id || `tab-${idx}`,
                   className: "border-b-0",
                   children: [
                     /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -961,7 +961,7 @@ var NavbarTabbedSections = ({
                     )) }) })
                   ]
                 },
-                tab.id
+                tab.id || idx
               )) }) })
             ]
           },

package/dist/navbar-transparent-overlay.cjs

@@ -798,7 +798,7 @@ var NavbarTransparentOverlay = ({
           !isScrolled ? "text-background/90 hover:text-background hover:bg-background/10" : ""
         ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(pressable.Pressable, { href: item.url, children: [
-          item.icon ?? (item.iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 })),
+          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon || item.iconName, size: 16 }),
           item.title
         ] })
       }
@@ -830,9 +830,9 @@ var NavbarTransparentOverlay = ({
           ),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -967,9 +967,9 @@ var MobileNavigationMenu = ({
           onClick: onClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -1009,7 +1009,7 @@ var MobileNavigationMenu = ({
             className: "text-3xl font-medium text-white transition-all duration-300 hover:text-white/80",
             onClick: onClose,
             children: [
-              item.icon ?? (item.iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 24 })),
+              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon || item.iconName, size: 24 }),
               item.title
             ]
           },

package/dist/navbar-transparent-overlay.d.cts

@@ -1,17 +1,19 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.cjs';
 import { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cgd-IXlI.cjs';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-mWZcgKth.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.cjs';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 
 interface NavItem {
     title: React.ReactNode;
     url: string;
-    icon?: React.ReactNode;
-    iconName?: string;
+    icon?: DynamicIconName;
+    iconName?: DynamicIconName;
 }
 /**
  * Social link configuration for transparent overlay navbar

package/dist/navbar-transparent-overlay.d.ts

@@ -1,17 +1,19 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { DynamicIconName } from './dynamic-icon.js';
 import { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
-import { L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { L as LogoConfig, N as NavbarLayoutVariant } from './types-hJ2R0GoH.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DyouPohq.js';
+import '@page-speed/icon';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 
 interface NavItem {
     title: React.ReactNode;
     url: string;
-    icon?: React.ReactNode;
-    iconName?: string;
+    icon?: DynamicIconName;
+    iconName?: DynamicIconName;
 }
 /**
  * Social link configuration for transparent overlay navbar

package/dist/navbar-transparent-overlay.js

@@ -776,7 +776,7 @@ var NavbarTransparentOverlay = ({
           !isScrolled ? "text-background/90 hover:text-background hover:bg-background/10" : ""
         ),
         children: /* @__PURE__ */ jsxs(Pressable, { href: item.url, children: [
-          item.icon ?? (item.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 })),
+          /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon || item.iconName, size: 16 }),
           item.title
         ] })
       }
@@ -808,9 +808,9 @@ var NavbarTransparentOverlay = ({
           ),
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -945,9 +945,9 @@ var MobileNavigationMenu = ({
           onClick: onClose,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
+            /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, className: "shrink-0" }),
             label,
-            iconAfter
+            /* @__PURE__ */ jsx(DynamicIcon, { name: iconAfter, size: 16, className: "shrink-0" })
           ] })
         },
         index
@@ -987,7 +987,7 @@ var MobileNavigationMenu = ({
             className: "text-3xl font-medium text-white transition-all duration-300 hover:text-white/80",
             onClick: onClose,
             children: [
-              item.icon ?? (item.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 24 })),
+              /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon || item.iconName, size: 24 }),
               item.title
             ]
           },