feat(NavigationMenu): add collapsed prop

src/theme/navigation-menu.ts

@@ -60,9 +60,7 @@ export default (options: Required<ModuleOptions>) => ({
       },
       vertical: {
         root: 'flex-col',
-        link: 'flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0',
-        childList: 'ms-5 border-s border-[var(--ui-border)]',
-        childItem: 'ps-1.5 -ms-px'
+        link: 'flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0'
       }
     },
     active: {
@@ -87,6 +85,9 @@ export default (options: Required<ModuleOptions>) => ({
     },
     level: {
       true: ''
+    },
+    collapsed: {
+      true: ''
     }
   },
   compoundVariants: [{
@@ -216,6 +217,19 @@ export default (options: Required<ModuleOptions>) => ({
     class: {
       link: 'after:bg-[var(--ui-bg-inverted)]'
     }
+  }, {
+    orientation: 'vertical',
+    collapsed: false,
+    class: {
+      childList: 'ms-5 border-s border-[var(--ui-border)]',
+      childItem: 'ps-1.5 -ms-px'
+    }
+  }, {
+    orientation: 'vertical',
+    collapsed: true,
+    class: {
+      link: 'px-1.5'
+    }
   }],
   defaultVariants: {
     color: 'primary',