@opensite/ui 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/navbar-animated-preview.cjs +16 -16
  2. package/dist/navbar-animated-preview.js +16 -16
  3. package/dist/navbar-centered-menu.cjs +1 -1
  4. package/dist/navbar-centered-menu.js +1 -1
  5. package/dist/navbar-dark-icons.cjs +1 -1
  6. package/dist/navbar-dark-icons.js +1 -1
  7. package/dist/navbar-dropdown-menu.cjs +1 -1
  8. package/dist/navbar-dropdown-menu.js +1 -1
  9. package/dist/navbar-education-platform.cjs +278 -236
  10. package/dist/navbar-education-platform.d.cts +61 -36
  11. package/dist/navbar-education-platform.d.ts +61 -36
  12. package/dist/navbar-education-platform.js +279 -237
  13. package/dist/navbar-enterprise-mega.cjs +6 -6
  14. package/dist/navbar-enterprise-mega.js +6 -6
  15. package/dist/navbar-feature-grid.cjs +1 -1
  16. package/dist/navbar-feature-grid.js +1 -1
  17. package/dist/navbar-icon-links.cjs +2 -1
  18. package/dist/navbar-icon-links.js +2 -1
  19. package/dist/navbar-image-preview.cjs +129 -50
  20. package/dist/navbar-image-preview.js +128 -50
  21. package/dist/navbar-mega-menu.cjs +1 -1
  22. package/dist/navbar-mega-menu.js +1 -1
  23. package/dist/navbar-multi-column-groups.cjs +53 -49
  24. package/dist/navbar-multi-column-groups.js +53 -49
  25. package/dist/navbar-platform-resources.cjs +5 -4
  26. package/dist/navbar-platform-resources.js +5 -4
  27. package/dist/navbar-search-focused.cjs +1 -1
  28. package/dist/navbar-search-focused.js +1 -1
  29. package/dist/navbar-sidebar-mobile.cjs +235 -166
  30. package/dist/navbar-sidebar-mobile.js +236 -167
  31. package/dist/navbar-simple-links.cjs +228 -184
  32. package/dist/navbar-simple-links.d.cts +15 -3
  33. package/dist/navbar-simple-links.d.ts +15 -3
  34. package/dist/navbar-simple-links.js +228 -183
  35. package/dist/navbar-split-cta.cjs +3 -3
  36. package/dist/navbar-split-cta.js +3 -3
  37. package/dist/navbar-sticky-compact.cjs +1 -1
  38. package/dist/navbar-sticky-compact.js +1 -1
  39. package/dist/navbar-tabbed-sections.cjs +1 -1
  40. package/dist/navbar-tabbed-sections.js +1 -1
  41. package/dist/navbar-transparent-overlay.cjs +244 -123
  42. package/dist/navbar-transparent-overlay.d.cts +30 -1
  43. package/dist/navbar-transparent-overlay.d.ts +30 -1
  44. package/dist/navbar-transparent-overlay.js +244 -123
  45. package/dist/registry.cjs +1008 -894
  46. package/dist/registry.js +1008 -894
  47. package/package.json +1 -1
@@ -7,22 +7,51 @@ import 'class-variance-authority';
7
7
  import './button-variants-lRElsmTc.cjs';
8
8
  import 'class-variance-authority/types';
9
9
 
10
- interface FeatureItem {
10
+ /**
11
+ * Link item for menu groups
12
+ */
13
+ interface MenuLinkItem {
14
+ /** Display title */
11
15
  title: string;
12
- description: string;
13
- icon: string;
14
- link: string;
16
+ /** Optional description */
17
+ description?: string;
18
+ /** Icon name for DynamicIcon */
19
+ icon?: string;
20
+ /** Link URL */
21
+ href: string;
15
22
  }
16
- interface DocItem {
17
- title: string;
18
- description: string;
19
- icon: string;
20
- link: string;
23
+ /**
24
+ * Featured image configuration for menu groups
25
+ */
26
+ interface MenuFeaturedImage {
27
+ /** Image source URL */
28
+ src: string;
29
+ /** Alt text for the image */
30
+ alt?: string;
31
+ /** Link URL when clicking the image */
32
+ href?: string;
21
33
  }
22
- interface CompanyItem {
23
- title: string;
24
- icon: string;
25
- link: string;
34
+ /**
35
+ * Group of links within a dropdown menu
36
+ */
37
+ interface MenuGroup {
38
+ /** Group label/title displayed above the links */
39
+ label: string;
40
+ /** Links within this group */
41
+ links: MenuLinkItem[];
42
+ /** Optional featured image for this group */
43
+ featuredImage?: MenuFeaturedImage;
44
+ }
45
+ /**
46
+ * Menu item configuration - can be a simple link or a dropdown with groups
47
+ */
48
+ interface MenuItem {
49
+ /** Display label for the menu item */
50
+ label: React.ReactNode;
51
+ /** Direct link URL (for non-dropdown items) */
52
+ href?: string;
53
+ /** Dropdown groups (if provided, creates a dropdown menu) */
54
+ groups?: MenuGroup[];
26
55
  }
27
56
  /**
28
57
  * Props for the NavbarEducationPlatform component
@@ -65,25 +94,13 @@ interface NavbarEducationPlatformProps {
65
94
  */
66
95
  logoSlot?: React.ReactNode;
67
96
  /**
68
- * Features for Products menu
69
- */
70
- features?: FeatureItem[];
71
- /**
72
- * Documentation items for Support menu
73
- */
74
- docs?: DocItem[];
75
- /**
76
- * Company items for Support menu
97
+ * Navigation menu items - can be simple links or dropdowns with grouped links
77
98
  */
78
- company?: CompanyItem[];
99
+ menu?: MenuItem[];
79
100
  /**
80
- * Featured image for "Latest Updates" section in Products menu
101
+ * Custom slot for navigation menu (overrides menu array)
81
102
  */
82
- featuredImage?: {
83
- src: string;
84
- alt?: string;
85
- href?: string;
86
- };
103
+ menuSlot?: React.ReactNode;
87
104
  /**
88
105
  * Authentication action configurations
89
106
  */
@@ -92,6 +109,14 @@ interface NavbarEducationPlatformProps {
92
109
  * Custom slot for auth actions (overrides authActions array)
93
110
  */
94
111
  authActionsSlot?: React.ReactNode;
112
+ /**
113
+ * Mobile authentication action configurations
114
+ */
115
+ mobileAuthActions?: ActionConfig[];
116
+ /**
117
+ * Custom slot for mobile auth actions (overrides mobileAuthActions array)
118
+ */
119
+ mobileAuthActionsSlot?: React.ReactNode;
95
120
  /**
96
121
  * Background style for the section
97
122
  */
@@ -118,14 +143,14 @@ interface NavbarEducationPlatformProps {
118
143
  optixFlowConfig?: OptixFlowConfig;
119
144
  }
120
145
  /**
121
- * NavbarEducationPlatform - A comprehensive navigation bar designed for education and LMS platforms.
146
+ * NavbarEducationPlatform - A flexible navigation bar designed for education and LMS platforms.
122
147
  *
123
- * Features two main dropdown menus: Products (with tools and quick start sections) and Support
124
- * (with guides and about us sections). Products dropdown includes a featured image card for
125
- * latest updates. Each menu item displays an icon, title, and description with hover animations.
126
- * Mobile view uses accordion navigation with categorized sections. Ideal for e-learning platforms,
127
- * course management systems, and educational technology products.
148
+ * Features configurable dropdown menus with grouped links. Each menu item can be a simple link
149
+ * or a dropdown with multiple groups, where each group can optionally include a featured image.
150
+ * Each menu item displays an icon, title, and description with hover animations.
151
+ * Mobile view uses accordion navigation with the shared NavbarMobileMenu component.
152
+ * Ideal for e-learning platforms, course management systems, and educational technology products.
128
153
  */
129
- declare const NavbarEducationPlatform: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, features, docs, company, featuredImage, authActions, authActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarEducationPlatformProps) => react_jsx_runtime.JSX.Element;
154
+ declare const NavbarEducationPlatform: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menu, menuSlot, authActions, authActionsSlot, mobileAuthActions, mobileAuthActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarEducationPlatformProps) => react_jsx_runtime.JSX.Element;
130
155
 
131
156
  export { NavbarEducationPlatform, type NavbarEducationPlatformProps };
@@ -7,22 +7,51 @@ import 'class-variance-authority';
7
7
  import './button-variants-lRElsmTc.js';
8
8
  import 'class-variance-authority/types';
9
9
 
10
- interface FeatureItem {
10
+ /**
11
+ * Link item for menu groups
12
+ */
13
+ interface MenuLinkItem {
14
+ /** Display title */
11
15
  title: string;
12
- description: string;
13
- icon: string;
14
- link: string;
16
+ /** Optional description */
17
+ description?: string;
18
+ /** Icon name for DynamicIcon */
19
+ icon?: string;
20
+ /** Link URL */
21
+ href: string;
15
22
  }
16
- interface DocItem {
17
- title: string;
18
- description: string;
19
- icon: string;
20
- link: string;
23
+ /**
24
+ * Featured image configuration for menu groups
25
+ */
26
+ interface MenuFeaturedImage {
27
+ /** Image source URL */
28
+ src: string;
29
+ /** Alt text for the image */
30
+ alt?: string;
31
+ /** Link URL when clicking the image */
32
+ href?: string;
21
33
  }
22
- interface CompanyItem {
23
- title: string;
24
- icon: string;
25
- link: string;
34
+ /**
35
+ * Group of links within a dropdown menu
36
+ */
37
+ interface MenuGroup {
38
+ /** Group label/title displayed above the links */
39
+ label: string;
40
+ /** Links within this group */
41
+ links: MenuLinkItem[];
42
+ /** Optional featured image for this group */
43
+ featuredImage?: MenuFeaturedImage;
44
+ }
45
+ /**
46
+ * Menu item configuration - can be a simple link or a dropdown with groups
47
+ */
48
+ interface MenuItem {
49
+ /** Display label for the menu item */
50
+ label: React.ReactNode;
51
+ /** Direct link URL (for non-dropdown items) */
52
+ href?: string;
53
+ /** Dropdown groups (if provided, creates a dropdown menu) */
54
+ groups?: MenuGroup[];
26
55
  }
27
56
  /**
28
57
  * Props for the NavbarEducationPlatform component
@@ -65,25 +94,13 @@ interface NavbarEducationPlatformProps {
65
94
  */
66
95
  logoSlot?: React.ReactNode;
67
96
  /**
68
- * Features for Products menu
69
- */
70
- features?: FeatureItem[];
71
- /**
72
- * Documentation items for Support menu
73
- */
74
- docs?: DocItem[];
75
- /**
76
- * Company items for Support menu
97
+ * Navigation menu items - can be simple links or dropdowns with grouped links
77
98
  */
78
- company?: CompanyItem[];
99
+ menu?: MenuItem[];
79
100
  /**
80
- * Featured image for "Latest Updates" section in Products menu
101
+ * Custom slot for navigation menu (overrides menu array)
81
102
  */
82
- featuredImage?: {
83
- src: string;
84
- alt?: string;
85
- href?: string;
86
- };
103
+ menuSlot?: React.ReactNode;
87
104
  /**
88
105
  * Authentication action configurations
89
106
  */
@@ -92,6 +109,14 @@ interface NavbarEducationPlatformProps {
92
109
  * Custom slot for auth actions (overrides authActions array)
93
110
  */
94
111
  authActionsSlot?: React.ReactNode;
112
+ /**
113
+ * Mobile authentication action configurations
114
+ */
115
+ mobileAuthActions?: ActionConfig[];
116
+ /**
117
+ * Custom slot for mobile auth actions (overrides mobileAuthActions array)
118
+ */
119
+ mobileAuthActionsSlot?: React.ReactNode;
95
120
  /**
96
121
  * Background style for the section
97
122
  */
@@ -118,14 +143,14 @@ interface NavbarEducationPlatformProps {
118
143
  optixFlowConfig?: OptixFlowConfig;
119
144
  }
120
145
  /**
121
- * NavbarEducationPlatform - A comprehensive navigation bar designed for education and LMS platforms.
146
+ * NavbarEducationPlatform - A flexible navigation bar designed for education and LMS platforms.
122
147
  *
123
- * Features two main dropdown menus: Products (with tools and quick start sections) and Support
124
- * (with guides and about us sections). Products dropdown includes a featured image card for
125
- * latest updates. Each menu item displays an icon, title, and description with hover animations.
126
- * Mobile view uses accordion navigation with categorized sections. Ideal for e-learning platforms,
127
- * course management systems, and educational technology products.
148
+ * Features configurable dropdown menus with grouped links. Each menu item can be a simple link
149
+ * or a dropdown with multiple groups, where each group can optionally include a featured image.
150
+ * Each menu item displays an icon, title, and description with hover animations.
151
+ * Mobile view uses accordion navigation with the shared NavbarMobileMenu component.
152
+ * Ideal for e-learning platforms, course management systems, and educational technology products.
128
153
  */
129
- declare const NavbarEducationPlatform: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, features, docs, company, featuredImage, authActions, authActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarEducationPlatformProps) => react_jsx_runtime.JSX.Element;
154
+ declare const NavbarEducationPlatform: ({ className, containerClassName, navClassName, navigationMenuClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menu, menuSlot, authActions, authActionsSlot, mobileAuthActions, mobileAuthActionsSlot, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarEducationPlatformProps) => react_jsx_runtime.JSX.Element;
130
155
 
131
156
  export { NavbarEducationPlatform, type NavbarEducationPlatformProps };