@opensite/ui 3.4.6 → 3.4.8

package/dist/navbar-animated-preview.cjs

@@ -892,9 +892,16 @@ var NavbarAnimatedPreview = ({
           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: "lucide/chevron-right", size: 16 })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DynamicIcon,
+              {
+                name: iconAfter ?? "lucide/chevron-right",
+                size: 16,
+                className: "shrink-0"
+              }
+            )
           ] })
         },
         index
@@ -1223,14 +1230,14 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
       className: "group relative flex w-full overflow-hidden rounded-xl bg-muted px-4 pt-24 pb-4",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex w-full items-center gap-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 shrink-0 rounded-lg border bg-background shadow-lg", children: link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 shrink-0 rounded-lg border bg-background shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
-              name: link.iconName,
+              name: link.icon || link.iconName,
               size: 20,
               className: "m-auto stroke-white"
             }
-          ) : null }),
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col  text-white text-shadow-lg", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-semibold", children: link.label }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: link.description })
@@ -1260,10 +1267,10 @@ 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(
+          (link.icon || link.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 shrink-0 rounded-md border shadow", children: /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
-              name: link.iconName,
+              name: link.icon || link.iconName,
               size: 14,
               className: "m-auto"
             }
@@ -1304,9 +1311,9 @@ var MobileNavigationMenu = ({
           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-animated-preview.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 { a as ILinkItem, b as IMenuLinkGroup, L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { a as ILinkItem, b as IMenuLinkGroup, 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-animated-preview.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 { a as ILinkItem, b as IMenuLinkGroup, L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
+import { a as ILinkItem, b as IMenuLinkGroup, 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-animated-preview.js

@@ -867,9 +867,16 @@ var NavbarAnimatedPreview = ({
           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: "lucide/chevron-right", size: 16 })
+            /* @__PURE__ */ jsx(
+              DynamicIcon,
+              {
+                name: iconAfter ?? "lucide/chevron-right",
+                size: 16,
+                className: "shrink-0"
+              }
+            )
           ] })
         },
         index
@@ -1198,14 +1205,14 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
       className: "group relative flex w-full overflow-hidden rounded-xl bg-muted px-4 pt-24 pb-4",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex w-full items-center gap-6", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex size-12 shrink-0 rounded-lg border bg-background shadow-lg", children: link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex size-12 shrink-0 rounded-lg border bg-background shadow-lg", children: /* @__PURE__ */ jsx(
             DynamicIcon,
             {
-              name: link.iconName,
+              name: link.icon || link.iconName,
               size: 20,
               className: "m-auto stroke-white"
             }
-          ) : null }),
+          ) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col  text-white text-shadow-lg", children: [
             /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: link.label }),
             /* @__PURE__ */ jsx("div", { className: "font-medium", children: link.description })
@@ -1235,10 +1242,10 @@ var NavLink = forwardRef(
         onMouseEnter,
         onMouseLeave,
         children: [
-          (link.icon || link.iconName) && /* @__PURE__ */ jsx("div", { className: "flex size-6 shrink-0 rounded-md border shadow", children: link.icon ? link.icon : link.iconName && /* @__PURE__ */ jsx(
+          (link.icon || link.iconName) && /* @__PURE__ */ jsx("div", { className: "flex size-6 shrink-0 rounded-md border shadow", children: /* @__PURE__ */ jsx(
             DynamicIcon,
             {
-              name: link.iconName,
+              name: link.icon || link.iconName,
               size: 14,
               className: "m-auto"
             }
@@ -1279,9 +1286,9 @@ var MobileNavigationMenu = ({
           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-centered-menu.cjs

@@ -829,9 +829,9 @@ var NavbarCenteredMenu = ({
           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-centered-menu.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';
@@ -15,7 +17,7 @@ interface MenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
     items?: MenuItem[];
 }
 /**

package/dist/navbar-centered-menu.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';
@@ -15,7 +17,7 @@ interface MenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
     items?: MenuItem[];
 }
 /**

package/dist/navbar-centered-menu.js

@@ -806,9 +806,9 @@ var NavbarCenteredMenu = ({
           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-dark-icons.cjs

@@ -828,9 +828,9 @@ var NavbarDarkIcons = ({
           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
@@ -969,14 +969,14 @@ var MenuSubLink = ({ link }) => {
       className: "flex items-center gap-4 rounded-lg p-2 hover:bg-muted",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5", children: [
-          link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
-              name: link.iconName,
+              name: link.icon || link.iconName,
               size: 20,
               color: link.iconColor
             }
-          ) : null,
+          ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-none", children: link.label }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.2] text-muted-foreground/80", children: link.description })
@@ -1020,9 +1020,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-dark-icons.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,8 +13,8 @@ interface MenuLink {
     label: React.ReactNode;
     description?: React.ReactNode;
     url?: string;
-    icon?: React.ReactNode;
-    iconName?: string;
+    icon?: DynamicIconName;
+    iconName?: DynamicIconName;
     iconColor?: string;
 }
 interface MenuItem {

package/dist/navbar-dark-icons.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,8 +13,8 @@ interface MenuLink {
     label: React.ReactNode;
     description?: React.ReactNode;
     url?: string;
-    icon?: React.ReactNode;
-    iconName?: string;
+    icon?: DynamicIconName;
+    iconName?: DynamicIconName;
     iconColor?: string;
 }
 interface MenuItem {

package/dist/navbar-dark-icons.js

@@ -805,9 +805,9 @@ var NavbarDarkIcons = ({
           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
@@ -946,14 +946,14 @@ var MenuSubLink = ({ link }) => {
       className: "flex items-center gap-4 rounded-lg p-2 hover:bg-muted",
       children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2.5", children: [
-          link.icon ? link.icon : link.iconName ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             DynamicIcon,
             {
-              name: link.iconName,
+              name: link.icon || link.iconName,
               size: 20,
               color: link.iconColor
             }
-          ) : null,
+          ),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
             /* @__PURE__ */ jsx("h3", { className: "text-sm leading-none", children: link.label }),
             /* @__PURE__ */ jsx("p", { className: "text-sm leading-[1.2] text-muted-foreground/80", children: link.description })
@@ -997,9 +997,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-dropdown-menu.cjs

@@ -857,9 +857,9 @@ var NavbarDropdownMenu = ({
           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-dropdown-menu.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';
@@ -15,7 +17,7 @@ interface MenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
     items?: MenuItem[];
 }
 /**

package/dist/navbar-dropdown-menu.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';
@@ -15,7 +17,7 @@ interface MenuItem {
     title: string;
     url: string;
     description?: string;
-    icon?: string;
+    icon?: DynamicIconName;
     items?: MenuItem[];
 }
 /**

package/dist/navbar-dropdown-menu.js

@@ -834,9 +834,9 @@ var NavbarDropdownMenu = ({
           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-education-platform.cjs

@@ -850,9 +850,9 @@ var NavbarEducationPlatform = ({
         ...pressableProps
       } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(pressable.Pressable, { 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);
     });
   }, [authActionsSlot, authActions]);
@@ -1044,9 +1044,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-education-platform.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';
@@ -15,8 +17,8 @@ interface MenuLinkItem {
     title: string;
     /** Optional description */
     description?: string;
-    /** Icon name for DynamicIcon */
-    icon?: string;
+    /** Icon name or element for DynamicIcon */
+    icon?: DynamicIconName;
     /** Link URL */
     href: string;
 }

package/dist/navbar-education-platform.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';
@@ -15,8 +17,8 @@ interface MenuLinkItem {
     title: string;
     /** Optional description */
     description?: string;
-    /** Icon name for DynamicIcon */
-    icon?: string;
+    /** Icon name or element for DynamicIcon */
+    icon?: DynamicIconName;
     /** Link URL */
     href: string;
 }

package/dist/navbar-education-platform.js

@@ -826,9 +826,9 @@ var NavbarEducationPlatform = ({
         ...pressableProps
       } = action;
       return /* @__PURE__ */ jsx(Pressable, { 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);
     });
   }, [authActionsSlot, authActions]);
@@ -1020,9 +1020,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-enterprise-mega.cjs

@@ -1087,7 +1087,14 @@ var GlobalMenu = ({
               href: location.href,
               className: "group !flex !w-full items-center gap-2 rounded-lg p-2 text-left hover:bg-muted",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: location.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  DynamicIcon,
+                  {
+                    name: location.icon,
+                    size: 16,
+                    className: "shrink-0"
+                  }
+                ) }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 text-sm font-medium", children: location.title })
               ]
             },
@@ -1208,9 +1215,9 @@ var NavbarEnterpriseMega = ({
         ...pressableProps
       } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(pressable.Pressable, { 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);
     });
   }, [actionsSlot, actions]);
@@ -1493,9 +1500,9 @@ var MobileNavigationMenu = ({
           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-enterprise-mega.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 { a as ILinkItem, b as IMenuLinkGroup, L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.cjs';
+import { a as ILinkItem, b as IMenuLinkGroup, 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';
@@ -18,7 +20,7 @@ interface ISubpageItem {
     id: string;
     title: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Solution card with bordered layout and subpages
@@ -37,7 +39,7 @@ interface ITechnologyItem {
     id: string;
     title: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Product item with image
@@ -64,7 +66,7 @@ interface IFeatureItem {
     title: string;
     description: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Feature category grouping
@@ -79,7 +81,7 @@ interface IFeatureCategory {
 interface ILocationItem {
     title: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Region grouping for locations
@@ -96,7 +98,7 @@ interface IResourceItem {
     title: string;
     description: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Topic item for sidebar
@@ -105,7 +107,7 @@ interface ITopicItem {
     id: string;
     title: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Topic group for sidebar sections
@@ -133,7 +135,7 @@ interface IPartnerCard {
     title: string;
     description: string;
     href: string;
-    icon: string;
+    icon: DynamicIconName;
 }
 /**
  * Mega menu layout types