@opensite/ui 3.4.9 → 3.5.1

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

@@ -24,6 +24,20 @@ interface MenuItem {
  * Props for the NavbarSidebarMobile component
  */
 interface NavbarSidebarMobileProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarSidebarMobileRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -117,6 +131,6 @@ interface NavbarSidebarMobileProps {
  * header with logo and close button. Ideal for applications that need a more app-like
  * mobile navigation experience.
  */
-declare const NavbarSidebarMobile: ({ logo, logoSlot, logoClassName, menu, menuSlot, mobileExtraLinks, mobileExtraLinksSlot, authActions, authActionsSlot, className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSidebarMobileProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarSidebarMobile: ({ logo, logoSlot, logoClassName, menu, menuSlot, mobileExtraLinks, mobileExtraLinksSlot, authActions, authActionsSlot, className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSidebarMobileRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarSidebarMobile, type NavbarSidebarMobileProps };

package/dist/navbar-sidebar-mobile.js

@@ -831,6 +831,7 @@ var NavbarSidebarMobile = ({
     /* @__PURE__ */ jsx(
       Section,
       {
+        id: "navbar-sidebar-mobile",
         background,
         spacing: spacingOverride ?? spacing,
         className: sectionClasses,

package/dist/navbar-simple-links.cjs

@@ -777,6 +777,7 @@ var NavbarSimpleLinks = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {
+        id: "navbar-simple-links",
         background,
         spacing: spacingOverride ?? spacing,
         className: sectionClasses,

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

@@ -20,6 +20,24 @@ interface NavItem {
  * Props for the NavbarSimpleLinks component
  */
 interface NavbarSimpleLinksProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation items array
+       */
+    navItems?: NavItem[];
+    /**
+       * Initial active item name
+       */
+    defaultActiveItem?: string;
+    /**
+       * Authentication/CTA action configurations
+       */
+    actions?: ActionConfig[];
+}
+interface NavbarSimpleLinksRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -122,6 +140,6 @@ interface NavbarSimpleLinksProps {
  * NavbarMobileMenu component with a fullscreen overlay. Perfect for simple marketing
  * sites and portfolios.
  */
-declare const NavbarSimpleLinks: ({ className, containerClassName, navClassName, navigationMenuClassName, menuListClassName, actionsClassName, mobileMenuClassName, logo, logoSlot, logoClassName, navItems, navItemsSlot, defaultActiveItem, actions, actionsSlot, mobileActions, mobileActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSimpleLinksProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarSimpleLinks: ({ className, containerClassName, navClassName, navigationMenuClassName, menuListClassName, actionsClassName, mobileMenuClassName, logo, logoSlot, logoClassName, navItems, navItemsSlot, defaultActiveItem, actions, actionsSlot, mobileActions, mobileActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSimpleLinksRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarSimpleLinks, type NavbarSimpleLinksProps };

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

@@ -20,6 +20,24 @@ interface NavItem {
  * Props for the NavbarSimpleLinks component
  */
 interface NavbarSimpleLinksProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation items array
+       */
+    navItems?: NavItem[];
+    /**
+       * Initial active item name
+       */
+    defaultActiveItem?: string;
+    /**
+       * Authentication/CTA action configurations
+       */
+    actions?: ActionConfig[];
+}
+interface NavbarSimpleLinksRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -122,6 +140,6 @@ interface NavbarSimpleLinksProps {
  * NavbarMobileMenu component with a fullscreen overlay. Perfect for simple marketing
  * sites and portfolios.
  */
-declare const NavbarSimpleLinks: ({ className, containerClassName, navClassName, navigationMenuClassName, menuListClassName, actionsClassName, mobileMenuClassName, logo, logoSlot, logoClassName, navItems, navItemsSlot, defaultActiveItem, actions, actionsSlot, mobileActions, mobileActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSimpleLinksProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarSimpleLinks: ({ className, containerClassName, navClassName, navigationMenuClassName, menuListClassName, actionsClassName, mobileMenuClassName, logo, logoSlot, logoClassName, navItems, navItemsSlot, defaultActiveItem, actions, actionsSlot, mobileActions, mobileActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSimpleLinksRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarSimpleLinks, type NavbarSimpleLinksProps };

package/dist/navbar-simple-links.js

@@ -755,6 +755,7 @@ var NavbarSimpleLinks = ({
     /* @__PURE__ */ jsx(
       Section,
       {
+        id: "navbar-simple-links",
         background,
         spacing: spacingOverride ?? spacing,
         className: sectionClasses,

package/dist/navbar-split-cta.cjs

@@ -768,7 +768,7 @@ var NavbarSplitCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "navbar-split-cta",
       background,
       spacing: spacingOverride ?? spacing,
       className: sectionClasses,

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

@@ -24,6 +24,20 @@ interface MenuItem {
  * Props for the NavbarSplitCta component
  */
 interface NavbarSplitCtaProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarSplitCtaRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -108,6 +122,6 @@ interface NavbarSplitCtaProps {
  * slide-out sheet with the CTAs prominently displayed at the top. Ideal for SaaS products
  * and services that want to emphasize both login/signup or demo/trial actions.
  */
-declare const NavbarSplitCta: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSplitCtaProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarSplitCta: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSplitCtaRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarSplitCta, type NavbarSplitCtaProps };

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

@@ -24,6 +24,20 @@ interface MenuItem {
  * Props for the NavbarSplitCta component
  */
 interface NavbarSplitCtaProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarSplitCtaRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -108,6 +122,6 @@ interface NavbarSplitCtaProps {
  * slide-out sheet with the CTAs prominently displayed at the top. Ideal for SaaS products
  * and services that want to emphasize both login/signup or demo/trial actions.
  */
-declare const NavbarSplitCta: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSplitCtaProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarSplitCta: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarSplitCtaRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarSplitCta, type NavbarSplitCtaProps };

package/dist/navbar-split-cta.js

@@ -746,7 +746,7 @@ var NavbarSplitCta = ({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "navbar-split-cta",
       background,
       spacing: spacingOverride ?? spacing,
       className: sectionClasses,

package/dist/navbar-sticky-compact.cjs

@@ -875,6 +875,7 @@ var NavbarStickyCompact = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {
+        id: "navbar-sticky-compact",
         background,
         spacing: spacingOverride ?? spacing,
         className: cn(

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

@@ -23,6 +23,20 @@ interface MenuItem {
  * Props for the NavbarStickyCompact component
  */
 interface NavbarStickyCompactProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarStickyCompactRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -101,6 +115,6 @@ interface NavbarStickyCompactProps {
  * Mobile view uses a slide-out sheet from the right. Ideal for content-heavy sites where
  * vertical space is valuable.
  */
-declare const NavbarStickyCompact: ({ logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarStickyCompactProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarStickyCompact: ({ logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarStickyCompactRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarStickyCompact, type NavbarStickyCompactProps };

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

@@ -23,6 +23,20 @@ interface MenuItem {
  * Props for the NavbarStickyCompact component
  */
 interface NavbarStickyCompactProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarStickyCompactRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -101,6 +115,6 @@ interface NavbarStickyCompactProps {
  * Mobile view uses a slide-out sheet from the right. Ideal for content-heavy sites where
  * vertical space is valuable.
  */
-declare const NavbarStickyCompact: ({ logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarStickyCompactProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarStickyCompact: ({ logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarStickyCompactRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarStickyCompact, type NavbarStickyCompactProps };

package/dist/navbar-sticky-compact.js

@@ -852,6 +852,7 @@ var NavbarStickyCompact = ({
     /* @__PURE__ */ jsx(
       Section,
       {
+        id: "navbar-sticky-compact",
         background,
         spacing: spacingOverride ?? spacing,
         className: cn(

package/dist/navbar-tabbed-sections.cjs

@@ -1016,7 +1016,7 @@ var NavbarTabbedSections = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "navbar-tabbed-sections",
       background,
       spacing: spacingOverride ?? spacing,
       className: sectionClasses,

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

@@ -35,6 +35,20 @@ interface MenuItem {
  * Props for the NavbarTabbedSections component
  */
 interface NavbarTabbedSectionsProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarTabbedSectionsRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -115,6 +129,6 @@ interface NavbarTabbedSectionsProps {
  * the same dropdown. Mobile view uses a slide-out sheet with expandable sections. Ideal for
  * products with many features organized into logical categories.
  */
-declare const NavbarTabbedSections: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTabbedSectionsProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarTabbedSections: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTabbedSectionsRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarTabbedSections, type NavbarTabbedSectionsProps };

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

@@ -35,6 +35,20 @@ interface MenuItem {
  * Props for the NavbarTabbedSections component
  */
 interface NavbarTabbedSectionsProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation menu items
+       */
+    menu?: MenuItem[];
+    /**
+       * Authentication action configurations
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarTabbedSectionsRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -115,6 +129,6 @@ interface NavbarTabbedSectionsProps {
  * the same dropdown. Mobile view uses a slide-out sheet with expandable sections. Ideal for
  * products with many features organized into logical categories.
  */
-declare const NavbarTabbedSections: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTabbedSectionsProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarTabbedSections: ({ sectionId, logo, logoSlot, logoClassName, menu, menuSlot, authActions, authActionsSlot, className, containerClassName, navClassName, actionsClassName, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTabbedSectionsRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarTabbedSections, type NavbarTabbedSectionsProps };

package/dist/navbar-tabbed-sections.js

@@ -992,7 +992,7 @@ var NavbarTabbedSections = ({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "navbar-tabbed-sections",
       background,
       spacing: spacingOverride ?? spacing,
       className: sectionClasses,

package/dist/navbar-transparent-overlay.cjs

@@ -852,6 +852,7 @@ var NavbarTransparentOverlay = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {
+        id: "navbar-transparent-overlay",
         background,
         spacing: spacingOverride ?? spacing,
         className: sectionClasses,

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

@@ -30,6 +30,20 @@ interface NavbarTransparentOverlaySocialLink {
  * Props for the NavbarTransparentOverlay component
  */
 interface NavbarTransparentOverlayProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation items
+       */
+    navItems?: NavItem[];
+    /**
+       * Authentication action configurations for desktop
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarTransparentOverlayRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -136,6 +150,6 @@ interface NavbarTransparentOverlayProps {
  * with a staggered effect. The hamburger menu transforms into an X when open. Perfect for
  * landing pages, portfolios, and creative websites with hero sections.
  */
-declare const NavbarTransparentOverlay: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, mobileMenuClassName, socialLinksClassName, logo, logoSlot, logoClassName, navItems, navigationSlot, authActions, authActionsSlot, mobileAuthActions, mobileAuthActionsSlot, socialLinks, socialLinksSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTransparentOverlayProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarTransparentOverlay: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, mobileMenuClassName, socialLinksClassName, logo, logoSlot, logoClassName, navItems, navigationSlot, authActions, authActionsSlot, mobileAuthActions, mobileAuthActionsSlot, socialLinks, socialLinksSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTransparentOverlayRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarTransparentOverlay, type NavbarTransparentOverlayProps };

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

@@ -30,6 +30,20 @@ interface NavbarTransparentOverlaySocialLink {
  * Props for the NavbarTransparentOverlay component
  */
 interface NavbarTransparentOverlayProps {
+    /**
+       * Logo configuration
+       */
+    logo?: LogoConfig;
+    /**
+       * Navigation items
+       */
+    navItems?: NavItem[];
+    /**
+       * Authentication action configurations for desktop
+       */
+    authActions?: ActionConfig[];
+}
+interface NavbarTransparentOverlayRuntimeProps {
     /**
      * Additional CSS classes for the section
      */
@@ -136,6 +150,6 @@ interface NavbarTransparentOverlayProps {
  * with a staggered effect. The hamburger menu transforms into an X when open. Perfect for
  * landing pages, portfolios, and creative websites with hero sections.
  */
-declare const NavbarTransparentOverlay: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, mobileMenuClassName, socialLinksClassName, logo, logoSlot, logoClassName, navItems, navigationSlot, authActions, authActionsSlot, mobileAuthActions, mobileAuthActionsSlot, socialLinks, socialLinksSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTransparentOverlayProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarTransparentOverlay: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, mobileMenuClassName, socialLinksClassName, logo, logoSlot, logoClassName, navItems, navigationSlot, authActions, authActionsSlot, mobileAuthActions, mobileAuthActionsSlot, socialLinks, socialLinksSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarTransparentOverlayRuntimeProps) => react_jsx_runtime.JSX.Element;
 
 export { NavbarTransparentOverlay, type NavbarTransparentOverlayProps };

package/dist/navbar-transparent-overlay.js

@@ -830,6 +830,7 @@ var NavbarTransparentOverlay = ({
     /* @__PURE__ */ jsx(
       Section,
       {
+        id: "navbar-transparent-overlay",
         background,
         spacing: spacingOverride ?? spacing,
         className: sectionClasses,