@opensite/ui 3.4.6 → 3.4.9

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
@@ -843,20 +843,19 @@ var NavbarSplitCta = ({
                 children: renderAuthActions
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
               pressable.Pressable,
               {
                 variant: "ghost",
                 size: "icon",
                 asButton: true,
-                className: "lg:hidden",
                 onClick: () => setIsOpen(!isOpen),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
                 ]
               }
-            ),
+            ) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               NavbarMobileMenu,
               {

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
@@ -821,20 +821,19 @@ var NavbarSplitCta = ({
                 children: renderAuthActions
               }
             ),
-            /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxs(
               Pressable,
               {
                 variant: "ghost",
                 size: "icon",
                 asButton: true,
-                className: "lg:hidden",
                 onClick: () => setIsOpen(!isOpen),
                 children: [
                   /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
                 ]
               }
-            ),
+            ) }),
             /* @__PURE__ */ jsx(
               NavbarMobileMenu,
               {

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
@@ -915,20 +915,26 @@ var NavbarStickyCompact = ({
                   children: renderAuthActions
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
                 pressable.Pressable,
                 {
                   variant: "ghost",
                   size: isScrolled ? "sm" : "icon",
                   asButton: true,
-                  className: "lg:hidden transition-all duration-300",
+                  className: "transition-all duration-300",
                   onClick: () => setIsOpen(!isOpen),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: isScrolled ? 18 : 20 }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/menu",
+                        size: isScrolled ? 18 : 20
+                      }
+                    ),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
                   ]
                 }
-              )
+              ) })
             ]
           }
         ) }) }) })
@@ -976,9 +982,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
@@ -892,20 +892,26 @@ var NavbarStickyCompact = ({
                   children: renderAuthActions
                 }
               ),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxs(
                 Pressable,
                 {
                   variant: "ghost",
                   size: isScrolled ? "sm" : "icon",
                   asButton: true,
-                  className: "lg:hidden transition-all duration-300",
+                  className: "transition-all duration-300",
                   onClick: () => setIsOpen(!isOpen),
                   children: [
-                    /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: isScrolled ? 18 : 20 }),
+                    /* @__PURE__ */ jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/menu",
+                        size: isScrolled ? 18 : 20
+                      }
+                    ),
                     /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
                   ]
                 }
-              )
+              ) })
             ]
           }
         ) }) }) })
@@ -953,9 +959,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
@@ -1054,20 +1054,19 @@ var NavbarTabbedSections = ({
                 children: renderAuthActions
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
               pressable.Pressable,
               {
                 variant: "ghost",
                 size: "icon",
                 asButton: true,
-                className: "lg:hidden",
                 onClick: () => setIsOpen(!isOpen),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
                 ]
               }
-            ),
+            ) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               NavbarMobileMenu,
               {

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
@@ -1030,20 +1030,19 @@ var NavbarTabbedSections = ({
                 children: renderAuthActions
               }
             ),
-            /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ jsxs(
               Pressable,
               {
                 variant: "ghost",
                 size: "icon",
                 asButton: true,
-                className: "lg:hidden",
                 onClick: () => setIsOpen(!isOpen),
                 children: [
                   /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
                 ]
               }
-            ),
+            ) }),
             /* @__PURE__ */ jsx(
               NavbarMobileMenu,
               {

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
             ]
           },