@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.
- package/dist/navbar-animated-preview.cjs +16 -16
- package/dist/navbar-animated-preview.js +16 -16
- package/dist/navbar-centered-menu.cjs +1 -1
- package/dist/navbar-centered-menu.js +1 -1
- package/dist/navbar-dark-icons.cjs +1 -1
- package/dist/navbar-dark-icons.js +1 -1
- package/dist/navbar-dropdown-menu.cjs +1 -1
- package/dist/navbar-dropdown-menu.js +1 -1
- package/dist/navbar-education-platform.cjs +278 -236
- package/dist/navbar-education-platform.d.cts +61 -36
- package/dist/navbar-education-platform.d.ts +61 -36
- package/dist/navbar-education-platform.js +279 -237
- package/dist/navbar-enterprise-mega.cjs +6 -6
- package/dist/navbar-enterprise-mega.js +6 -6
- package/dist/navbar-feature-grid.cjs +1 -1
- package/dist/navbar-feature-grid.js +1 -1
- package/dist/navbar-icon-links.cjs +2 -1
- package/dist/navbar-icon-links.js +2 -1
- package/dist/navbar-image-preview.cjs +129 -50
- package/dist/navbar-image-preview.js +128 -50
- package/dist/navbar-mega-menu.cjs +1 -1
- package/dist/navbar-mega-menu.js +1 -1
- package/dist/navbar-multi-column-groups.cjs +53 -49
- package/dist/navbar-multi-column-groups.js +53 -49
- package/dist/navbar-platform-resources.cjs +5 -4
- package/dist/navbar-platform-resources.js +5 -4
- package/dist/navbar-search-focused.cjs +1 -1
- package/dist/navbar-search-focused.js +1 -1
- package/dist/navbar-sidebar-mobile.cjs +235 -166
- package/dist/navbar-sidebar-mobile.js +236 -167
- package/dist/navbar-simple-links.cjs +228 -184
- package/dist/navbar-simple-links.d.cts +15 -3
- package/dist/navbar-simple-links.d.ts +15 -3
- package/dist/navbar-simple-links.js +228 -183
- package/dist/navbar-split-cta.cjs +3 -3
- package/dist/navbar-split-cta.js +3 -3
- package/dist/navbar-sticky-compact.cjs +1 -1
- package/dist/navbar-sticky-compact.js +1 -1
- package/dist/navbar-tabbed-sections.cjs +1 -1
- package/dist/navbar-tabbed-sections.js +1 -1
- package/dist/navbar-transparent-overlay.cjs +244 -123
- package/dist/navbar-transparent-overlay.d.cts +30 -1
- package/dist/navbar-transparent-overlay.d.ts +30 -1
- package/dist/navbar-transparent-overlay.js +244 -123
- package/dist/registry.cjs +1008 -894
- package/dist/registry.js +1008 -894
- 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
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Link item for menu groups
|
|
12
|
+
*/
|
|
13
|
+
interface MenuLinkItem {
|
|
14
|
+
/** Display title */
|
|
11
15
|
title: string;
|
|
12
|
-
description
|
|
13
|
-
|
|
14
|
-
|
|
16
|
+
/** Optional description */
|
|
17
|
+
description?: string;
|
|
18
|
+
/** Icon name for DynamicIcon */
|
|
19
|
+
icon?: string;
|
|
20
|
+
/** Link URL */
|
|
21
|
+
href: string;
|
|
15
22
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
99
|
+
menu?: MenuItem[];
|
|
79
100
|
/**
|
|
80
|
-
*
|
|
101
|
+
* Custom slot for navigation menu (overrides menu array)
|
|
81
102
|
*/
|
|
82
|
-
|
|
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
|
|
146
|
+
* NavbarEducationPlatform - A flexible navigation bar designed for education and LMS platforms.
|
|
122
147
|
*
|
|
123
|
-
* Features
|
|
124
|
-
*
|
|
125
|
-
*
|
|
126
|
-
* Mobile view uses accordion navigation with
|
|
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,
|
|
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
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Link item for menu groups
|
|
12
|
+
*/
|
|
13
|
+
interface MenuLinkItem {
|
|
14
|
+
/** Display title */
|
|
11
15
|
title: string;
|
|
12
|
-
description
|
|
13
|
-
|
|
14
|
-
|
|
16
|
+
/** Optional description */
|
|
17
|
+
description?: string;
|
|
18
|
+
/** Icon name for DynamicIcon */
|
|
19
|
+
icon?: string;
|
|
20
|
+
/** Link URL */
|
|
21
|
+
href: string;
|
|
15
22
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
99
|
+
menu?: MenuItem[];
|
|
79
100
|
/**
|
|
80
|
-
*
|
|
101
|
+
* Custom slot for navigation menu (overrides menu array)
|
|
81
102
|
*/
|
|
82
|
-
|
|
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
|
|
146
|
+
* NavbarEducationPlatform - A flexible navigation bar designed for education and LMS platforms.
|
|
122
147
|
*
|
|
123
|
-
* Features
|
|
124
|
-
*
|
|
125
|
-
*
|
|
126
|
-
* Mobile view uses accordion navigation with
|
|
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,
|
|
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 };
|