@opensite/ui 0.3.4 → 0.4.1

package/dist/navbar-mega-menu.d.cts

@@ -8,25 +8,17 @@ import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
-interface SolutionItem {
+interface IDropdownItem {
     title: string;
-    description: string;
+    description?: string;
     href: string;
-    icon: string;
+    icon?: string;
+    imgUrl?: string;
 }
-interface UseCaseItem {
+interface IMenuLink {
     title: string;
-    href: string;
-    icon: string;
-}
-interface DocumentationLink {
-    title: string;
-    href: string;
-}
-interface ResourceItem {
-    title: string;
-    description: string;
-    href: string;
+    href?: string;
+    dropdownItems?: IDropdownItem[];
 }
 /**
  * Logo configuration interface
@@ -79,29 +71,13 @@ interface NavbarMegaMenuProps {
      */
     logoSlot?: React.ReactNode;
     /**
-     * Solutions for Platform menu
-     */
-    solutions?: SolutionItem[];
-    /**
-     * Use cases for Platform menu
-     */
-    useCases?: UseCaseItem[];
-    /**
-     * Documentation links for Developers menu
-     */
-    documentationLinks?: DocumentationLink[];
-    /**
-     * Resources for Resources menu
-     */
-    resources?: ResourceItem[];
-    /**
-     * Authentication action configurations
+     * Navigation menu links with optional dropdown groups
      */
-    authActions?: ActionConfig[];
+    menuLinks?: IMenuLink[];
     /**
-     * Custom slot for auth actions (overrides authActions array)
+     * Actions rendered on the right side (desktop) and bottom (mobile)
      */
-    authActionsSlot?: React.ReactNode;
+    actions?: ActionConfig[];
     /**
      * Background style for the section
      */
@@ -126,11 +102,11 @@ interface NavbarMegaMenuProps {
 /**
  * NavbarMegaMenu - A comprehensive navigation bar with rich mega-menu dropdowns.
  *
- * Features multiple mega-menu panels for Platform, Use Cases, Developers, and Resources.
- * Each panel contains categorized links with icons, descriptions, and featured content cards.
+ * Features grouped dropdown menus for complex site structures or simple links.
+ * Each dropdown panel contains categorized links with optional icons or images.
  * Includes a full-screen mobile menu with slide-in submenus for each category.
  * Ideal for enterprise applications and complex product offerings.
  */
-declare const NavbarMegaMenu: ({ className, containerClassName, navClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, solutions, useCases, documentationLinks, resources, authActions, authActionsSlot, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarMegaMenuProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarMegaMenu: ({ className, containerClassName, navClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menuLinks, actions, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarMegaMenuProps) => react_jsx_runtime.JSX.Element;
 
-export { NavbarMegaMenu, type NavbarMegaMenuProps };
+export { type IDropdownItem, type IMenuLink, NavbarMegaMenu, type NavbarMegaMenuProps };

package/dist/navbar-mega-menu.d.ts

@@ -8,25 +8,17 @@ import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
-interface SolutionItem {
+interface IDropdownItem {
     title: string;
-    description: string;
+    description?: string;
     href: string;
-    icon: string;
+    icon?: string;
+    imgUrl?: string;
 }
-interface UseCaseItem {
+interface IMenuLink {
     title: string;
-    href: string;
-    icon: string;
-}
-interface DocumentationLink {
-    title: string;
-    href: string;
-}
-interface ResourceItem {
-    title: string;
-    description: string;
-    href: string;
+    href?: string;
+    dropdownItems?: IDropdownItem[];
 }
 /**
  * Logo configuration interface
@@ -79,29 +71,13 @@ interface NavbarMegaMenuProps {
      */
     logoSlot?: React.ReactNode;
     /**
-     * Solutions for Platform menu
-     */
-    solutions?: SolutionItem[];
-    /**
-     * Use cases for Platform menu
-     */
-    useCases?: UseCaseItem[];
-    /**
-     * Documentation links for Developers menu
-     */
-    documentationLinks?: DocumentationLink[];
-    /**
-     * Resources for Resources menu
-     */
-    resources?: ResourceItem[];
-    /**
-     * Authentication action configurations
+     * Navigation menu links with optional dropdown groups
      */
-    authActions?: ActionConfig[];
+    menuLinks?: IMenuLink[];
     /**
-     * Custom slot for auth actions (overrides authActions array)
+     * Actions rendered on the right side (desktop) and bottom (mobile)
      */
-    authActionsSlot?: React.ReactNode;
+    actions?: ActionConfig[];
     /**
      * Background style for the section
      */
@@ -126,11 +102,11 @@ interface NavbarMegaMenuProps {
 /**
  * NavbarMegaMenu - A comprehensive navigation bar with rich mega-menu dropdowns.
  *
- * Features multiple mega-menu panels for Platform, Use Cases, Developers, and Resources.
- * Each panel contains categorized links with icons, descriptions, and featured content cards.
+ * Features grouped dropdown menus for complex site structures or simple links.
+ * Each dropdown panel contains categorized links with optional icons or images.
  * Includes a full-screen mobile menu with slide-in submenus for each category.
  * Ideal for enterprise applications and complex product offerings.
  */
-declare const NavbarMegaMenu: ({ className, containerClassName, navClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, solutions, useCases, documentationLinks, resources, authActions, authActionsSlot, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarMegaMenuProps) => react_jsx_runtime.JSX.Element;
+declare const NavbarMegaMenu: ({ className, containerClassName, navClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menuLinks, actions, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarMegaMenuProps) => react_jsx_runtime.JSX.Element;
 
-export { NavbarMegaMenu, type NavbarMegaMenuProps };
+export { type IDropdownItem, type IMenuLink, NavbarMegaMenu, type NavbarMegaMenuProps };