fix(NavigationMenu): remove w-full on root slot

Resolves #3000

docs/app/components/content/examples/navigation-menu/NavigationMenuContentSlotExample.vue

@@ -59,7 +59,7 @@ const items = [
 <template>
   <UNavigationMenu
     :items="items"
-    class="justify-center"
+    class="w-full justify-center"
     :ui="{
       viewport: 'sm:w-[var(--reka-navigation-menu-viewport-width)]',
       childList: 'sm:w-96',

docs/app/components/content/examples/navigation-menu/NavigationMenuCustomSlotExample.vue

@@ -19,7 +19,7 @@ const items = [
 </script>
 
 <template>
-  <UNavigationMenu :items="items" class="justify-center">
+  <UNavigationMenu :items="items" class="w-full justify-center">
     <template #components-trailing>
       <UBadge label="44" variant="subtle" size="sm" />
     </template>

docs/app/components/content/examples/navigation-menu/NavigationMenuModelValueExample.vue

@@ -111,5 +111,5 @@ defineShortcuts({
 </script>
 
 <template>
-  <UNavigationMenu v-model="active" :items="items" class="justify-center" />
+  <UNavigationMenu v-model="active" :items="items" class="w-full justify-center" />
 </template>

docs/content/3.components/navigation-menu.md

@@ -115,7 +115,7 @@ props:
     - label: Help
       icon: i-lucide-circle-help
       disabled: true
-  class: 'justify-center'
+  class: 'w-full justify-center'
 ---
 ::
 
@@ -329,7 +329,7 @@ props:
       - label: Help
         icon: i-lucide-circle-help
         disabled: true
-  class: 'data-[orientation=horizontal]:border-b border-[var(--ui-border)] data-[orientation=vertical]:w-48'
+  class: 'data-[orientation=horizontal]:border-b border-[var(--ui-border)] data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-48'
 ---
 ::
 
@@ -349,6 +349,7 @@ Use the `color` prop to change the color of the NavigationMenu.
 ---
 ignore:
   - items
+  - class
 external:
   - items
 props:
@@ -369,6 +370,7 @@ props:
         badge: 3.8k
         to: https://github.com/nuxt/ui
         target: _blank
+  class: 'w-full'
 ---
 ::
 
@@ -380,6 +382,7 @@ Use the `variant` prop to change the variant of the NavigationMenu.
 ---
 ignore:
   - items
+  - class
 external:
   - items
 props:
@@ -402,6 +405,7 @@ props:
         badge: 3.8k
         to: https://github.com/nuxt/ui
         target: _blank
+  class: 'w-full'
 ---
 ::
 
@@ -496,7 +500,7 @@ props:
           icon: i-lucide-file-text
           description: Show a horizontal bar to indicate task progression.
           to: /components/progress
-  class: 'justify-center'
+  class: 'w-full justify-center'
 ---
 ::
 
@@ -596,7 +600,7 @@ props:
           icon: i-lucide-file-text
           description: Show a horizontal bar to indicate task progression.
           to: /components/progress
-  class: 'justify-center'
+  class: 'w-full justify-center'
 ---
 ::
 
@@ -688,7 +692,7 @@ props:
           icon: i-lucide-file-text
           description: Show a horizontal bar to indicate task progression.
           to: /components/progress
-  class: 'justify-center'
+  class: 'w-full justify-center'
 ---
 ::
 

src/theme/navigation-menu.ts

@@ -51,7 +51,7 @@ export default (options: Required<ModuleOptions>) => ({
     },
     orientation: {
       horizontal: {
-        root: 'w-full items-center justify-between',
+        root: 'items-center justify-between',
         list: 'flex items-center',
         item: 'py-2',
         link: 'px-2.5 py-1.5 before:inset-x-px before:inset-y-0',