Feature: Vertical alignment option for tab bar

Author: aumchauhan

Sources/MaterialUIKit/Components/Navigation And Structure/TabBar.swift

@@ -17,6 +17,7 @@ public struct TabBar<Content>: View where Content: View {
     // MARK: - PROPERTIES
 
     private let content: Content
+    private let usesVerticalLayout: Bool
 
     @Binding private var selection: TabBarItem
     @State private var tabs: [TabBarItem] = []
@@ -28,20 +29,35 @@ public struct TabBar<Content>: View where Content: View {
     /// - Parameters:
     ///   - selection: Binding to the selected tab item.
     ///   - content: The main content of the view.
-    public init(selection: Binding<TabBarItem>, @ViewBuilder content: () -> Content) {
+    ///   - usesVerticalLayout: A Boolean value indicating whether to use a vertical layout for the tab bar.
+    public init(selection: Binding<TabBarItem>, usesVerticalLayout: Bool = false, @ViewBuilder content: () -> Content) {
         self._selection = selection
         self.content = content()
+        self.usesVerticalLayout = usesVerticalLayout
     }
 
     // MARK: - View BODY
 
     public var body: some View {
-        ZStack(alignment: .bottom) {
-            content
-                .frame(maxWidth: .infinity, maxHeight: .infinity)
-                .ignoresSafeArea(edges: .bottom)
-            
-            TabBarContainer(tabs: tabs, selection: $selection, localSelection: selection)
+        Group {
+            if usesVerticalLayout {
+                VStack(spacing: .zero) {
+                    ZStack(alignment: .bottom) {
+                        content
+                            .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    }
+                    
+                    TabBarContainer(tabs: tabs, selection: $selection, localSelection: selection)
+                }
+            } else {
+                ZStack(alignment: .bottom) {
+                    content
+                        .frame(maxWidth: .infinity, maxHeight: .infinity)
+                        .ignoresSafeArea(edges: .bottom)
+
+                    TabBarContainer(tabs: tabs, selection: $selection, localSelection: selection)
+                }
+            }
         }
         .ignoresSafeArea(.keyboard)
         .onPreferenceChange(TabBarPreferenceKey.self) { value in