@opensite/ui 0.4.3 → 0.4.4
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 +6 -6
- package/dist/navbar-animated-preview.js +6 -6
- package/dist/navbar-centered-menu.cjs +6 -6
- package/dist/navbar-centered-menu.js +6 -6
- package/dist/navbar-dark-icons.cjs +4 -4
- package/dist/navbar-dark-icons.js +4 -4
- package/dist/navbar-dropdown-menu.cjs +6 -6
- package/dist/navbar-dropdown-menu.js +6 -6
- package/dist/navbar-education-platform.cjs +4 -4
- package/dist/navbar-education-platform.js +4 -4
- package/dist/navbar-enterprise-mega.cjs +6 -6
- package/dist/navbar-enterprise-mega.js +6 -6
- package/dist/navbar-feature-grid.cjs +4 -4
- package/dist/navbar-feature-grid.js +4 -4
- package/dist/navbar-floating-pill.cjs +4 -4
- package/dist/navbar-floating-pill.js +4 -4
- package/dist/navbar-icon-links.cjs +3 -3
- package/dist/navbar-icon-links.js +3 -3
- package/dist/navbar-image-preview.cjs +6 -6
- package/dist/navbar-image-preview.js +6 -6
- package/dist/navbar-mega-menu.cjs +14 -21
- package/dist/navbar-mega-menu.js +14 -21
- package/dist/navbar-multi-column-groups.cjs +4 -4
- package/dist/navbar-multi-column-groups.js +4 -4
- package/dist/navbar-platform-resources.cjs +4 -4
- package/dist/navbar-platform-resources.js +4 -4
- package/dist/navbar-search-focused.cjs +3 -3
- package/dist/navbar-search-focused.js +3 -3
- package/dist/navbar-sidebar-mobile.cjs +4 -4
- package/dist/navbar-sidebar-mobile.js +4 -4
- package/dist/navbar-simple-links.cjs +4 -4
- package/dist/navbar-simple-links.js +4 -4
- package/dist/navbar-split-cta.cjs +4 -4
- package/dist/navbar-split-cta.js +4 -4
- package/dist/navbar-sticky-compact.cjs +4 -4
- package/dist/navbar-sticky-compact.js +4 -4
- package/dist/navbar-tabbed-sections.cjs +4 -4
- package/dist/navbar-tabbed-sections.js +4 -4
- package/dist/navbar-transparent-overlay.cjs +3 -3
- package/dist/navbar-transparent-overlay.js +3 -3
- package/dist/registry.cjs +25 -27
- package/dist/registry.js +25 -27
- package/package.json +1 -1
|
@@ -986,7 +986,7 @@ function NavigationMenuList({
|
|
|
986
986
|
{
|
|
987
987
|
"data-slot": "navigation-menu-list",
|
|
988
988
|
className: cn(
|
|
989
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
989
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
990
990
|
className
|
|
991
991
|
),
|
|
992
992
|
...props
|
|
@@ -1007,7 +1007,7 @@ function NavigationMenuItem({
|
|
|
1007
1007
|
);
|
|
1008
1008
|
}
|
|
1009
1009
|
var navigationMenuTriggerStyle = cva(
|
|
1010
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
1010
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
1011
1011
|
);
|
|
1012
1012
|
function NavigationMenuTrigger({
|
|
1013
1013
|
className,
|
|
@@ -1027,7 +1027,7 @@ function NavigationMenuTrigger({
|
|
|
1027
1027
|
DynamicIcon,
|
|
1028
1028
|
{
|
|
1029
1029
|
name: "lucide/chevron-down",
|
|
1030
|
-
className: "relative top-[1px] ml-1 size-
|
|
1030
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1031
1031
|
"aria-hidden": "true"
|
|
1032
1032
|
}
|
|
1033
1033
|
)
|
|
@@ -1085,7 +1085,7 @@ function NavigationMenuLink({
|
|
|
1085
1085
|
{
|
|
1086
1086
|
"data-slot": "navigation-menu-link",
|
|
1087
1087
|
className: cn(
|
|
1088
|
-
"data-[active=true]:focus:bg-
|
|
1088
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1089
1089
|
className
|
|
1090
1090
|
),
|
|
1091
1091
|
...props
|
|
@@ -1008,7 +1008,7 @@ function NavigationMenuList({
|
|
|
1008
1008
|
{
|
|
1009
1009
|
"data-slot": "navigation-menu-list",
|
|
1010
1010
|
className: cn(
|
|
1011
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
1011
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
1012
1012
|
className
|
|
1013
1013
|
),
|
|
1014
1014
|
...props
|
|
@@ -1029,7 +1029,7 @@ function NavigationMenuItem({
|
|
|
1029
1029
|
);
|
|
1030
1030
|
}
|
|
1031
1031
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
1032
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
1032
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
1033
1033
|
);
|
|
1034
1034
|
function NavigationMenuTrigger({
|
|
1035
1035
|
className,
|
|
@@ -1049,7 +1049,7 @@ function NavigationMenuTrigger({
|
|
|
1049
1049
|
DynamicIcon,
|
|
1050
1050
|
{
|
|
1051
1051
|
name: "lucide/chevron-down",
|
|
1052
|
-
className: "relative top-[1px] ml-1 size-
|
|
1052
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1053
1053
|
"aria-hidden": "true"
|
|
1054
1054
|
}
|
|
1055
1055
|
)
|
|
@@ -1107,7 +1107,7 @@ function NavigationMenuLink({
|
|
|
1107
1107
|
{
|
|
1108
1108
|
"data-slot": "navigation-menu-link",
|
|
1109
1109
|
className: cn(
|
|
1110
|
-
"data-[active=true]:focus:bg-
|
|
1110
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1111
1111
|
className
|
|
1112
1112
|
),
|
|
1113
1113
|
...props
|
|
@@ -985,7 +985,7 @@ function NavigationMenuList({
|
|
|
985
985
|
{
|
|
986
986
|
"data-slot": "navigation-menu-list",
|
|
987
987
|
className: cn(
|
|
988
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
988
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
989
989
|
className
|
|
990
990
|
),
|
|
991
991
|
...props
|
|
@@ -1006,7 +1006,7 @@ function NavigationMenuItem({
|
|
|
1006
1006
|
);
|
|
1007
1007
|
}
|
|
1008
1008
|
var navigationMenuTriggerStyle = cva(
|
|
1009
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
1009
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
1010
1010
|
);
|
|
1011
1011
|
function NavigationMenuTrigger({
|
|
1012
1012
|
className,
|
|
@@ -1026,7 +1026,7 @@ function NavigationMenuTrigger({
|
|
|
1026
1026
|
DynamicIcon,
|
|
1027
1027
|
{
|
|
1028
1028
|
name: "lucide/chevron-down",
|
|
1029
|
-
className: "relative top-[1px] ml-1 size-
|
|
1029
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1030
1030
|
"aria-hidden": "true"
|
|
1031
1031
|
}
|
|
1032
1032
|
)
|
|
@@ -1084,7 +1084,7 @@ function NavigationMenuLink({
|
|
|
1084
1084
|
{
|
|
1085
1085
|
"data-slot": "navigation-menu-link",
|
|
1086
1086
|
className: cn(
|
|
1087
|
-
"data-[active=true]:focus:bg-
|
|
1087
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1088
1088
|
className
|
|
1089
1089
|
),
|
|
1090
1090
|
...props
|
|
@@ -954,7 +954,7 @@ function NavigationMenuList({
|
|
|
954
954
|
{
|
|
955
955
|
"data-slot": "navigation-menu-list",
|
|
956
956
|
className: cn(
|
|
957
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
957
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
958
958
|
className
|
|
959
959
|
),
|
|
960
960
|
...props
|
|
@@ -975,7 +975,7 @@ function NavigationMenuItem({
|
|
|
975
975
|
);
|
|
976
976
|
}
|
|
977
977
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
978
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
978
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
979
979
|
);
|
|
980
980
|
function NavigationMenuViewport({
|
|
981
981
|
className,
|
|
@@ -1010,7 +1010,7 @@ function NavigationMenuLink({
|
|
|
1010
1010
|
{
|
|
1011
1011
|
"data-slot": "navigation-menu-link",
|
|
1012
1012
|
className: cn(
|
|
1013
|
-
"data-[active=true]:focus:bg-
|
|
1013
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1014
1014
|
className
|
|
1015
1015
|
),
|
|
1016
1016
|
...props
|
|
@@ -931,7 +931,7 @@ function NavigationMenuList({
|
|
|
931
931
|
{
|
|
932
932
|
"data-slot": "navigation-menu-list",
|
|
933
933
|
className: cn(
|
|
934
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
934
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
935
935
|
className
|
|
936
936
|
),
|
|
937
937
|
...props
|
|
@@ -952,7 +952,7 @@ function NavigationMenuItem({
|
|
|
952
952
|
);
|
|
953
953
|
}
|
|
954
954
|
var navigationMenuTriggerStyle = cva(
|
|
955
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
955
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
956
956
|
);
|
|
957
957
|
function NavigationMenuViewport({
|
|
958
958
|
className,
|
|
@@ -987,7 +987,7 @@ function NavigationMenuLink({
|
|
|
987
987
|
{
|
|
988
988
|
"data-slot": "navigation-menu-link",
|
|
989
989
|
className: cn(
|
|
990
|
-
"data-[active=true]:focus:bg-
|
|
990
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
991
991
|
className
|
|
992
992
|
),
|
|
993
993
|
...props
|
|
@@ -1010,7 +1010,7 @@ function NavigationMenuList({
|
|
|
1010
1010
|
{
|
|
1011
1011
|
"data-slot": "navigation-menu-list",
|
|
1012
1012
|
className: cn(
|
|
1013
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
1013
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
1014
1014
|
className
|
|
1015
1015
|
),
|
|
1016
1016
|
...props
|
|
@@ -1031,7 +1031,7 @@ function NavigationMenuItem({
|
|
|
1031
1031
|
);
|
|
1032
1032
|
}
|
|
1033
1033
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
1034
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
1034
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
1035
1035
|
);
|
|
1036
1036
|
function NavigationMenuTrigger({
|
|
1037
1037
|
className,
|
|
@@ -1051,7 +1051,7 @@ function NavigationMenuTrigger({
|
|
|
1051
1051
|
DynamicIcon,
|
|
1052
1052
|
{
|
|
1053
1053
|
name: "lucide/chevron-down",
|
|
1054
|
-
className: "relative top-[1px] ml-1 size-
|
|
1054
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1055
1055
|
"aria-hidden": "true"
|
|
1056
1056
|
}
|
|
1057
1057
|
)
|
|
@@ -1109,7 +1109,7 @@ function NavigationMenuLink({
|
|
|
1109
1109
|
{
|
|
1110
1110
|
"data-slot": "navigation-menu-link",
|
|
1111
1111
|
className: cn(
|
|
1112
|
-
"data-[active=true]:focus:bg-
|
|
1112
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1113
1113
|
className
|
|
1114
1114
|
),
|
|
1115
1115
|
...props
|
|
@@ -986,7 +986,7 @@ function NavigationMenuList({
|
|
|
986
986
|
{
|
|
987
987
|
"data-slot": "navigation-menu-list",
|
|
988
988
|
className: cn(
|
|
989
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
989
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
990
990
|
className
|
|
991
991
|
),
|
|
992
992
|
...props
|
|
@@ -1007,7 +1007,7 @@ function NavigationMenuItem({
|
|
|
1007
1007
|
);
|
|
1008
1008
|
}
|
|
1009
1009
|
var navigationMenuTriggerStyle = cva(
|
|
1010
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
1010
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
1011
1011
|
);
|
|
1012
1012
|
function NavigationMenuTrigger({
|
|
1013
1013
|
className,
|
|
@@ -1027,7 +1027,7 @@ function NavigationMenuTrigger({
|
|
|
1027
1027
|
DynamicIcon,
|
|
1028
1028
|
{
|
|
1029
1029
|
name: "lucide/chevron-down",
|
|
1030
|
-
className: "relative top-[1px] ml-1 size-
|
|
1030
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1031
1031
|
"aria-hidden": "true"
|
|
1032
1032
|
}
|
|
1033
1033
|
)
|
|
@@ -1085,7 +1085,7 @@ function NavigationMenuLink({
|
|
|
1085
1085
|
{
|
|
1086
1086
|
"data-slot": "navigation-menu-link",
|
|
1087
1087
|
className: cn(
|
|
1088
|
-
"data-[active=true]:focus:bg-
|
|
1088
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1089
1089
|
className
|
|
1090
1090
|
),
|
|
1091
1091
|
...props
|
|
@@ -954,7 +954,7 @@ function NavigationMenuList({
|
|
|
954
954
|
{
|
|
955
955
|
"data-slot": "navigation-menu-list",
|
|
956
956
|
className: cn(
|
|
957
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
957
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
958
958
|
className
|
|
959
959
|
),
|
|
960
960
|
...props
|
|
@@ -975,7 +975,7 @@ function NavigationMenuItem({
|
|
|
975
975
|
);
|
|
976
976
|
}
|
|
977
977
|
classVarianceAuthority.cva(
|
|
978
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
978
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
979
979
|
);
|
|
980
980
|
function NavigationMenuViewport({
|
|
981
981
|
className,
|
|
@@ -1010,7 +1010,7 @@ function NavigationMenuLink({
|
|
|
1010
1010
|
{
|
|
1011
1011
|
"data-slot": "navigation-menu-link",
|
|
1012
1012
|
className: cn(
|
|
1013
|
-
"data-[active=true]:focus:bg-
|
|
1013
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1014
1014
|
className
|
|
1015
1015
|
),
|
|
1016
1016
|
...props
|
|
@@ -1207,7 +1207,7 @@ var NavbarSimpleLinks = ({
|
|
|
1207
1207
|
{
|
|
1208
1208
|
"data-nav-item": item.name,
|
|
1209
1209
|
onClick: () => setActiveItem(item.name),
|
|
1210
|
-
className: `relative cursor-pointer text-sm font-medium hover:bg-
|
|
1210
|
+
className: `relative cursor-pointer rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted ${activeItem === item.name ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
|
|
1211
1211
|
children: item.name
|
|
1212
1212
|
}
|
|
1213
1213
|
) }) }, item.name));
|
|
@@ -931,7 +931,7 @@ function NavigationMenuList({
|
|
|
931
931
|
{
|
|
932
932
|
"data-slot": "navigation-menu-list",
|
|
933
933
|
className: cn(
|
|
934
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
934
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
935
935
|
className
|
|
936
936
|
),
|
|
937
937
|
...props
|
|
@@ -952,7 +952,7 @@ function NavigationMenuItem({
|
|
|
952
952
|
);
|
|
953
953
|
}
|
|
954
954
|
cva(
|
|
955
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
955
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
956
956
|
);
|
|
957
957
|
function NavigationMenuViewport({
|
|
958
958
|
className,
|
|
@@ -987,7 +987,7 @@ function NavigationMenuLink({
|
|
|
987
987
|
{
|
|
988
988
|
"data-slot": "navigation-menu-link",
|
|
989
989
|
className: cn(
|
|
990
|
-
"data-[active=true]:focus:bg-
|
|
990
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
991
991
|
className
|
|
992
992
|
),
|
|
993
993
|
...props
|
|
@@ -1184,7 +1184,7 @@ var NavbarSimpleLinks = ({
|
|
|
1184
1184
|
{
|
|
1185
1185
|
"data-nav-item": item.name,
|
|
1186
1186
|
onClick: () => setActiveItem(item.name),
|
|
1187
|
-
className: `relative cursor-pointer text-sm font-medium hover:bg-
|
|
1187
|
+
className: `relative cursor-pointer rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted ${activeItem === item.name ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`,
|
|
1188
1188
|
children: item.name
|
|
1189
1189
|
}
|
|
1190
1190
|
) }) }, item.name));
|
|
@@ -954,7 +954,7 @@ function NavigationMenuList({
|
|
|
954
954
|
{
|
|
955
955
|
"data-slot": "navigation-menu-list",
|
|
956
956
|
className: cn(
|
|
957
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
957
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
958
958
|
className
|
|
959
959
|
),
|
|
960
960
|
...props
|
|
@@ -975,7 +975,7 @@ function NavigationMenuItem({
|
|
|
975
975
|
);
|
|
976
976
|
}
|
|
977
977
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
978
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
978
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
979
979
|
);
|
|
980
980
|
function NavigationMenuTrigger({
|
|
981
981
|
className,
|
|
@@ -995,7 +995,7 @@ function NavigationMenuTrigger({
|
|
|
995
995
|
DynamicIcon,
|
|
996
996
|
{
|
|
997
997
|
name: "lucide/chevron-down",
|
|
998
|
-
className: "relative top-[1px] ml-1 size-
|
|
998
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
999
999
|
"aria-hidden": "true"
|
|
1000
1000
|
}
|
|
1001
1001
|
)
|
|
@@ -1053,7 +1053,7 @@ function NavigationMenuLink({
|
|
|
1053
1053
|
{
|
|
1054
1054
|
"data-slot": "navigation-menu-link",
|
|
1055
1055
|
className: cn(
|
|
1056
|
-
"data-[active=true]:focus:bg-
|
|
1056
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1057
1057
|
className
|
|
1058
1058
|
),
|
|
1059
1059
|
...props
|
package/dist/navbar-split-cta.js
CHANGED
|
@@ -931,7 +931,7 @@ function NavigationMenuList({
|
|
|
931
931
|
{
|
|
932
932
|
"data-slot": "navigation-menu-list",
|
|
933
933
|
className: cn(
|
|
934
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
934
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
935
935
|
className
|
|
936
936
|
),
|
|
937
937
|
...props
|
|
@@ -952,7 +952,7 @@ function NavigationMenuItem({
|
|
|
952
952
|
);
|
|
953
953
|
}
|
|
954
954
|
var navigationMenuTriggerStyle = cva(
|
|
955
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
955
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
956
956
|
);
|
|
957
957
|
function NavigationMenuTrigger({
|
|
958
958
|
className,
|
|
@@ -972,7 +972,7 @@ function NavigationMenuTrigger({
|
|
|
972
972
|
DynamicIcon,
|
|
973
973
|
{
|
|
974
974
|
name: "lucide/chevron-down",
|
|
975
|
-
className: "relative top-[1px] ml-1 size-
|
|
975
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
976
976
|
"aria-hidden": "true"
|
|
977
977
|
}
|
|
978
978
|
)
|
|
@@ -1030,7 +1030,7 @@ function NavigationMenuLink({
|
|
|
1030
1030
|
{
|
|
1031
1031
|
"data-slot": "navigation-menu-link",
|
|
1032
1032
|
className: cn(
|
|
1033
|
-
"data-[active=true]:focus:bg-
|
|
1033
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1034
1034
|
className
|
|
1035
1035
|
),
|
|
1036
1036
|
...props
|
|
@@ -954,7 +954,7 @@ function NavigationMenuList({
|
|
|
954
954
|
{
|
|
955
955
|
"data-slot": "navigation-menu-list",
|
|
956
956
|
className: cn(
|
|
957
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
957
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
958
958
|
className
|
|
959
959
|
),
|
|
960
960
|
...props
|
|
@@ -975,7 +975,7 @@ function NavigationMenuItem({
|
|
|
975
975
|
);
|
|
976
976
|
}
|
|
977
977
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
978
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
978
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
979
979
|
);
|
|
980
980
|
function NavigationMenuTrigger({
|
|
981
981
|
className,
|
|
@@ -995,7 +995,7 @@ function NavigationMenuTrigger({
|
|
|
995
995
|
DynamicIcon,
|
|
996
996
|
{
|
|
997
997
|
name: "lucide/chevron-down",
|
|
998
|
-
className: "relative top-[1px] ml-1 size-
|
|
998
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
999
999
|
"aria-hidden": "true"
|
|
1000
1000
|
}
|
|
1001
1001
|
)
|
|
@@ -1053,7 +1053,7 @@ function NavigationMenuLink({
|
|
|
1053
1053
|
{
|
|
1054
1054
|
"data-slot": "navigation-menu-link",
|
|
1055
1055
|
className: cn(
|
|
1056
|
-
"data-[active=true]:focus:bg-
|
|
1056
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1057
1057
|
className
|
|
1058
1058
|
),
|
|
1059
1059
|
...props
|
|
@@ -931,7 +931,7 @@ function NavigationMenuList({
|
|
|
931
931
|
{
|
|
932
932
|
"data-slot": "navigation-menu-list",
|
|
933
933
|
className: cn(
|
|
934
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
934
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
935
935
|
className
|
|
936
936
|
),
|
|
937
937
|
...props
|
|
@@ -952,7 +952,7 @@ function NavigationMenuItem({
|
|
|
952
952
|
);
|
|
953
953
|
}
|
|
954
954
|
var navigationMenuTriggerStyle = cva(
|
|
955
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
955
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
956
956
|
);
|
|
957
957
|
function NavigationMenuTrigger({
|
|
958
958
|
className,
|
|
@@ -972,7 +972,7 @@ function NavigationMenuTrigger({
|
|
|
972
972
|
DynamicIcon,
|
|
973
973
|
{
|
|
974
974
|
name: "lucide/chevron-down",
|
|
975
|
-
className: "relative top-[1px] ml-1 size-
|
|
975
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
976
976
|
"aria-hidden": "true"
|
|
977
977
|
}
|
|
978
978
|
)
|
|
@@ -1030,7 +1030,7 @@ function NavigationMenuLink({
|
|
|
1030
1030
|
{
|
|
1031
1031
|
"data-slot": "navigation-menu-link",
|
|
1032
1032
|
className: cn(
|
|
1033
|
-
"data-[active=true]:focus:bg-
|
|
1033
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1034
1034
|
className
|
|
1035
1035
|
),
|
|
1036
1036
|
...props
|
|
@@ -956,7 +956,7 @@ function NavigationMenuList({
|
|
|
956
956
|
{
|
|
957
957
|
"data-slot": "navigation-menu-list",
|
|
958
958
|
className: cn(
|
|
959
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
959
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
960
960
|
className
|
|
961
961
|
),
|
|
962
962
|
...props
|
|
@@ -977,7 +977,7 @@ function NavigationMenuItem({
|
|
|
977
977
|
);
|
|
978
978
|
}
|
|
979
979
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
980
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
980
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
981
981
|
);
|
|
982
982
|
function NavigationMenuTrigger({
|
|
983
983
|
className,
|
|
@@ -997,7 +997,7 @@ function NavigationMenuTrigger({
|
|
|
997
997
|
DynamicIcon,
|
|
998
998
|
{
|
|
999
999
|
name: "lucide/chevron-down",
|
|
1000
|
-
className: "relative top-[1px] ml-1 size-
|
|
1000
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1001
1001
|
"aria-hidden": "true"
|
|
1002
1002
|
}
|
|
1003
1003
|
)
|
|
@@ -1055,7 +1055,7 @@ function NavigationMenuLink({
|
|
|
1055
1055
|
{
|
|
1056
1056
|
"data-slot": "navigation-menu-link",
|
|
1057
1057
|
className: cn(
|
|
1058
|
-
"data-[active=true]:focus:bg-
|
|
1058
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1059
1059
|
className
|
|
1060
1060
|
),
|
|
1061
1061
|
...props
|
|
@@ -932,7 +932,7 @@ function NavigationMenuList({
|
|
|
932
932
|
{
|
|
933
933
|
"data-slot": "navigation-menu-list",
|
|
934
934
|
className: cn(
|
|
935
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
935
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
936
936
|
className
|
|
937
937
|
),
|
|
938
938
|
...props
|
|
@@ -953,7 +953,7 @@ function NavigationMenuItem({
|
|
|
953
953
|
);
|
|
954
954
|
}
|
|
955
955
|
var navigationMenuTriggerStyle = cva(
|
|
956
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
956
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
957
957
|
);
|
|
958
958
|
function NavigationMenuTrigger({
|
|
959
959
|
className,
|
|
@@ -973,7 +973,7 @@ function NavigationMenuTrigger({
|
|
|
973
973
|
DynamicIcon,
|
|
974
974
|
{
|
|
975
975
|
name: "lucide/chevron-down",
|
|
976
|
-
className: "relative top-[1px] ml-1 size-
|
|
976
|
+
className: "relative top-[1px] ml-1 size-2.5 transition duration-300 group-data-[state=open]:rotate-180",
|
|
977
977
|
"aria-hidden": "true"
|
|
978
978
|
}
|
|
979
979
|
)
|
|
@@ -1031,7 +1031,7 @@ function NavigationMenuLink({
|
|
|
1031
1031
|
{
|
|
1032
1032
|
"data-slot": "navigation-menu-link",
|
|
1033
1033
|
className: cn(
|
|
1034
|
-
"data-[active=true]:focus:bg-
|
|
1034
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1035
1035
|
className
|
|
1036
1036
|
),
|
|
1037
1037
|
...props
|
|
@@ -952,7 +952,7 @@ function NavigationMenuList({
|
|
|
952
952
|
{
|
|
953
953
|
"data-slot": "navigation-menu-list",
|
|
954
954
|
className: cn(
|
|
955
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
955
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
956
956
|
className
|
|
957
957
|
),
|
|
958
958
|
...props
|
|
@@ -973,7 +973,7 @@ function NavigationMenuItem({
|
|
|
973
973
|
);
|
|
974
974
|
}
|
|
975
975
|
var navigationMenuTriggerStyle = classVarianceAuthority.cva(
|
|
976
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
976
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
977
977
|
);
|
|
978
978
|
function NavigationMenuViewport({
|
|
979
979
|
className,
|
|
@@ -1008,7 +1008,7 @@ function NavigationMenuLink({
|
|
|
1008
1008
|
{
|
|
1009
1009
|
"data-slot": "navigation-menu-link",
|
|
1010
1010
|
className: cn(
|
|
1011
|
-
"data-[active=true]:focus:bg-
|
|
1011
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
1012
1012
|
className
|
|
1013
1013
|
),
|
|
1014
1014
|
...props
|
|
@@ -930,7 +930,7 @@ function NavigationMenuList({
|
|
|
930
930
|
{
|
|
931
931
|
"data-slot": "navigation-menu-list",
|
|
932
932
|
className: cn(
|
|
933
|
-
"group flex flex-1 list-none items-center justify-center gap-
|
|
933
|
+
"group flex flex-1 list-none items-center justify-center gap-6",
|
|
934
934
|
className
|
|
935
935
|
),
|
|
936
936
|
...props
|
|
@@ -951,7 +951,7 @@ function NavigationMenuItem({
|
|
|
951
951
|
);
|
|
952
952
|
}
|
|
953
953
|
var navigationMenuTriggerStyle = cva(
|
|
954
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-
|
|
954
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-muted data-[state=open]:text-foreground data-[state=open]:focus:bg-muted data-[state=open]:bg-muted/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
955
955
|
);
|
|
956
956
|
function NavigationMenuViewport({
|
|
957
957
|
className,
|
|
@@ -986,7 +986,7 @@ function NavigationMenuLink({
|
|
|
986
986
|
{
|
|
987
987
|
"data-slot": "navigation-menu-link",
|
|
988
988
|
className: cn(
|
|
989
|
-
"data-[active=true]:focus:bg-
|
|
989
|
+
"data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
990
990
|
className
|
|
991
991
|
),
|
|
992
992
|
...props
|