turbo-native-initializer 0.0.11 → 0.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eb141a7b5a2949e9b65bdf004831663bf43377c858891129cd3a6959d73292f2
-  data.tar.gz: d8636b8bbf702f0483dc737fd49182a887d610d614ae44779fe7191d9391f1c0
+  metadata.gz: f6134975dfb64645d0fe32a2dfcaa61efe0719458540d0e294cffc5547646397
+  data.tar.gz: df7dada5dc6d57ff85e58e2439c86a9e06cc0e4e89fe8a5547509da483493906
 SHA512:
-  metadata.gz: 912afab330194fcaa45897f1f69e92aff243287ada0032322e704163bd6f91be9ab2055df64e635c1ea998de937af603b5b98e8f0add070f7a4507be4d4906f6
-  data.tar.gz: bf237f3895adbc21f9095ea00ca016ac205ecad78d17da223a5227fa31afe2d207fd69c6c358c278654f897be06a6f50b2909a88618d3b8e342be9e25c330f47
+  metadata.gz: 2135c55c9a059bba1907bd90f776e352968d74af49cdc8173d8b6f1d92ecbf5b09e566d3626e02d5842a509fb1dea7b3d7dde0d847046da4cb9740186f5e04b4
+  data.tar.gz: 4c648e53161c6ab00f22787b3dc059cf06d8f259a9eabdd8aad0617e33d56ccac29ca6556f4eaa31fd8eb93fbbf50ad15d2d18e5b9f5fe3d1875369679bae5bc

data/README.md

@@ -12,7 +12,7 @@ A turbo native project generator for iOS and Android.
 - Added `visitable` property in order to avoid visits. (iOS)
 - Added support for tab navigation. (iOS/Android)
 - Added support for flash messages. (iOS/Android)
-- Added navigation bar button component. (iOS/Android)
+- Integrated with the gem [strada-rails](https://github.com/lazaronixon/strada-rails).
 
 ## Installation
 

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/features/web/WebFragment.kt.tt

@@ -25,6 +25,7 @@ open class WebFragment : TurboWebFragment(), NavDestination {
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
+        setupMenu()
         viewLifecycleOwner.lifecycle.addObserver(bridgeDelegate)
     }
 
@@ -59,4 +60,8 @@ open class WebFragment : TurboWebFragment(), NavDestination {
     override fun createErrorView(statusCode: Int): View {
         return layoutInflater.inflate(R.layout.error_web, null)
     }
+
+    private fun setupMenu() {
+        toolbarForNavigation()?.inflateMenu(R.menu.web)
+    }
 }

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt

@@ -6,4 +6,5 @@ val bridgeComponentFactories = listOf(
     BridgeComponentFactory("form", ::FormComponent),
     BridgeComponentFactory("nav-button", ::NavButtonComponent),
     BridgeComponentFactory("flash-message", ::FlashMessageComponent),
+    BridgeComponentFactory("menu", ::MenuComponent)
 )

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponent.kt.tt

@@ -0,0 +1,78 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import android.view.LayoutInflater
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.google.android.material.bottomsheet.BottomSheetDialog
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.base.NavDestination
+import <%= package_name %>.databinding.MenuComponentBottomSheetBinding
+import kotlinx.serialization.Serializable
+
+class MenuComponent(
+    name: String,
+    private val delegate: BridgeDelegate<NavDestination>
+) : BridgeComponent<NavDestination>(name, delegate) {
+
+    private val fragment: Fragment
+        get() = delegate.destination.fragment
+
+    override fun onReceive(message: Message) {
+        if (message.event == "display") {
+            handleDisplayEvent(message)
+        } else {
+            Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleDisplayEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showBottomSheet(data.title, data.items)
+    }
+
+    private fun showBottomSheet(title: String, items: List<Item>) {
+        val view = fragment.view?.rootView ?: return
+        val inflater = LayoutInflater.from(view.context)
+        val bottomSheet = BottomSheetDialog(view.context)
+        val binding = MenuComponentBottomSheetBinding.inflate(inflater)
+
+        binding.toolbar.title = title
+        binding.recyclerView.layoutManager = LinearLayoutManager(view.context)
+        binding.recyclerView.adapter = MenuComponentAdapter().apply {
+            setData(items)
+            setListener {
+                bottomSheet.dismiss()
+                onItemSelected(it)
+            }
+        }
+
+        bottomSheet.apply {
+            setContentView(binding.root)
+            show()
+        }
+    }
+
+    private fun onItemSelected(item: Item) {
+        replyTo("display", SelectionMessageData(item.index))
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String,
+        val items: List<Item>
+    )
+
+    @Serializable
+    data class Item(
+        val title: String,
+        val index: Int
+    )
+
+    @Serializable
+    data class SelectionMessageData(
+        val selectedIndex: Int
+    )
+}

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponentAdapter.kt.tt

@@ -0,0 +1,57 @@
+package <%= package_name %>.strada
+
+import android.annotation.SuppressLint
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.google.android.material.textview.MaterialTextView
+import <%= package_name %>.R
+
+class MenuComponentAdapter : RecyclerView.Adapter<MenuComponentAdapter.ViewHolder>() {
+    private val type = R.layout.menu_component_adapter_row
+    private var action: ((MenuComponent.Item) -> Unit)? = null
+
+    private var items = emptyList<MenuComponent.Item>()
+        @SuppressLint("NotifyDataSetChanged")
+        set(value) {
+            field = value
+            notifyDataSetChanged()
+        }
+
+    fun setData(items: List<MenuComponent.Item>) {
+        this.items = items
+    }
+
+    fun setListener(action: (item: MenuComponent.Item) -> Unit) {
+        this.action = action
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount(): Int {
+        return items.count()
+    }
+
+    override fun getItemViewType(position: Int): Int {
+        return type
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view = LayoutInflater.from(parent.context).inflate(viewType, parent, false)
+        return ViewHolder(view)
+    }
+
+    inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+        private val textView: MaterialTextView = view.findViewById(R.id.title)
+
+        fun bind(item: MenuComponent.Item) {
+            textView.text = item.title
+            itemView.setOnClickListener {
+                action?.invoke(item)
+            }
+        }
+    }
+}

data/lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt

@@ -1,9 +1,6 @@
 package <%= package_name %>.strada
 
 import android.util.Log
-import android.view.LayoutInflater
-import android.view.Menu
-import android.view.MenuItem
 import androidx.appcompat.widget.Toolbar
 import androidx.fragment.app.Fragment
 import dev.hotwire.strada.BridgeComponent
@@ -11,7 +8,6 @@ import dev.hotwire.strada.BridgeDelegate
 import dev.hotwire.strada.Message
 import <%= package_name %>.R
 import <%= package_name %>.base.NavDestination
-import <%= package_name %>.databinding.NavButtonComponentBinding
 import kotlinx.serialization.Serializable
 
 class NavButtonComponent(
@@ -19,8 +15,6 @@ class NavButtonComponent(
     private val delegate: BridgeDelegate<NavDestination>
 ) : BridgeComponent<NavDestination>(name, delegate) {
 
-    private val navButtonItemId = 20
-    private var navButtonMenuItem: MenuItem? = null
     private val fragment: Fragment
         get() = delegate.destination.fragment
     private val toolbar: Toolbar?
@@ -40,27 +34,26 @@ class NavButtonComponent(
     }
 
     private fun showToolbarButton(data: MessageData) {
-        val menu = toolbar?.menu ?: return
-        val inflater = LayoutInflater.from(fragment.requireContext())
-        val binding = NavButtonComponentBinding.inflate(inflater)
-        val order = 999 // Show as the right-most button
+        val toolbar = toolbar ?: return
 
-        binding.navButton.apply {
-            text = data.title
-            setOnClickListener {
-                performAction()
-            }
+        toolbar.menu.findItem(R.id.nav_button)?.apply {
+            isVisible = true
+            title = data.title
         }
 
-        menu.removeItem(navButtonItemId)
-        navButtonMenuItem = menu.add(Menu.NONE, navButtonItemId, order, data.title).apply {
-            actionView = binding.root
-            setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)
+        toolbar.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.nav_button -> {
+                    performClick()
+                    true
+                }
+                else -> false
+            }
         }
     }
 
-    private fun performAction(): Boolean {
-        return replyTo("connect")
+    private fun performClick() {
+        replyTo("connect")
     }
 
     @Serializable

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/menu_component_adapter_row.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?selectableItemBackground">
+
+    <com.google.android.material.textview.MaterialTextView
+        style="@style/TextAppearance.AppCompat.Menu"
+        android:id="@+id/title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:minHeight="48dp"
+        android:paddingLeft="16dp"
+        android:paddingTop="8dp"
+        android:paddingRight="16dp"
+        android:paddingBottom="8dp"
+        android:textSize="18sp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/menu_component_bottom_sheet.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/transparent">
+
+    <com.google.android.material.appbar.AppBarLayout
+        android:id="@+id/app_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@color/transparent"
+        android:stateListAnimator="@null"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.google.android.material.appbar.MaterialToolbar
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+
+    </com.google.android.material.appbar.AppBarLayout>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/app_bar" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/menu/web.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <item
+        android:id="@+id/nav_button"
+        android:orderInCategory="999"
+        android:visible="false"
+        app:showAsAction="always" />
+</menu>

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/features/web/WebFragment.kt.tt

@@ -22,6 +22,7 @@ open class WebFragment : TurboWebFragment(), NavDestination {
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
+        setupMenu()
         viewLifecycleOwner.lifecycle.addObserver(bridgeDelegate)
     }
 
@@ -49,4 +50,8 @@ open class WebFragment : TurboWebFragment(), NavDestination {
     override fun createErrorView(statusCode: Int): View {
         return layoutInflater.inflate(R.layout.error_web, null)
     }
+
+    private fun setupMenu() {
+        toolbarForNavigation()?.inflateMenu(R.menu.web)
+    }
 }

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt

@@ -6,4 +6,5 @@ val bridgeComponentFactories = listOf(
     BridgeComponentFactory("form", ::FormComponent),
     BridgeComponentFactory("nav-button", ::NavButtonComponent),
     BridgeComponentFactory("flash-message", ::FlashMessageComponent),
+    BridgeComponentFactory("menu", ::MenuComponent)
 )

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponent.kt.tt

@@ -0,0 +1,78 @@
+package <%= package_name %>.strada
+
+import android.util.Log
+import android.view.LayoutInflater
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.google.android.material.bottomsheet.BottomSheetDialog
+import dev.hotwire.strada.BridgeComponent
+import dev.hotwire.strada.BridgeDelegate
+import dev.hotwire.strada.Message
+import <%= package_name %>.base.NavDestination
+import <%= package_name %>.databinding.MenuComponentBottomSheetBinding
+import kotlinx.serialization.Serializable
+
+class MenuComponent(
+    name: String,
+    private val delegate: BridgeDelegate<NavDestination>
+) : BridgeComponent<NavDestination>(name, delegate) {
+
+    private val fragment: Fragment
+        get() = delegate.destination.fragment
+
+    override fun onReceive(message: Message) {
+        if (message.event == "display") {
+            handleDisplayEvent(message)
+        } else {
+            Log.w("TurboNative", "Unknown event for message: $message")
+        }
+    }
+
+    private fun handleDisplayEvent(message: Message) {
+        val data = message.data<MessageData>() ?: return
+        showBottomSheet(data.title, data.items)
+    }
+
+    private fun showBottomSheet(title: String, items: List<Item>) {
+        val view = fragment.view?.rootView ?: return
+        val inflater = LayoutInflater.from(view.context)
+        val bottomSheet = BottomSheetDialog(view.context)
+        val binding = MenuComponentBottomSheetBinding.inflate(inflater)
+
+        binding.toolbar.title = title
+        binding.recyclerView.layoutManager = LinearLayoutManager(view.context)
+        binding.recyclerView.adapter = MenuComponentAdapter().apply {
+            setData(items)
+            setListener {
+                bottomSheet.dismiss()
+                onItemSelected(it)
+            }
+        }
+
+        bottomSheet.apply {
+            setContentView(binding.root)
+            show()
+        }
+    }
+
+    private fun onItemSelected(item: Item) {
+        replyTo("display", SelectionMessageData(item.index))
+    }
+
+    @Serializable
+    data class MessageData(
+        val title: String,
+        val items: List<Item>
+    )
+
+    @Serializable
+    data class Item(
+        val title: String,
+        val index: Int
+    )
+
+    @Serializable
+    data class SelectionMessageData(
+        val selectedIndex: Int
+    )
+}

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponentAdapter.kt.tt

@@ -0,0 +1,57 @@
+package <%= package_name %>.strada
+
+import android.annotation.SuppressLint
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.google.android.material.textview.MaterialTextView
+import <%= package_name %>.R
+
+class MenuComponentAdapter : RecyclerView.Adapter<MenuComponentAdapter.ViewHolder>() {
+    private val type = R.layout.menu_component_adapter_row
+    private var action: ((MenuComponent.Item) -> Unit)? = null
+
+    private var items = emptyList<MenuComponent.Item>()
+        @SuppressLint("NotifyDataSetChanged")
+        set(value) {
+            field = value
+            notifyDataSetChanged()
+        }
+
+    fun setData(items: List<MenuComponent.Item>) {
+        this.items = items
+    }
+
+    fun setListener(action: (item: MenuComponent.Item) -> Unit) {
+        this.action = action
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount(): Int {
+        return items.count()
+    }
+
+    override fun getItemViewType(position: Int): Int {
+        return type
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view = LayoutInflater.from(parent.context).inflate(viewType, parent, false)
+        return ViewHolder(view)
+    }
+
+    inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+        private val textView: MaterialTextView = view.findViewById(R.id.title)
+
+        fun bind(item: MenuComponent.Item) {
+            textView.text = item.title
+            itemView.setOnClickListener {
+                action?.invoke(item)
+            }
+        }
+    }
+}

data/lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt

@@ -1,9 +1,6 @@
 package <%= package_name %>.strada
 
 import android.util.Log
-import android.view.LayoutInflater
-import android.view.Menu
-import android.view.MenuItem
 import androidx.appcompat.widget.Toolbar
 import androidx.fragment.app.Fragment
 import dev.hotwire.strada.BridgeComponent
@@ -11,7 +8,6 @@ import dev.hotwire.strada.BridgeDelegate
 import dev.hotwire.strada.Message
 import <%= package_name %>.R
 import <%= package_name %>.base.NavDestination
-import <%= package_name %>.databinding.NavButtonComponentBinding
 import kotlinx.serialization.Serializable
 
 class NavButtonComponent(
@@ -19,8 +15,6 @@ class NavButtonComponent(
     private val delegate: BridgeDelegate<NavDestination>
 ) : BridgeComponent<NavDestination>(name, delegate) {
 
-    private val navButtonItemId = 20
-    private var navButtonMenuItem: MenuItem? = null
     private val fragment: Fragment
         get() = delegate.destination.fragment
     private val toolbar: Toolbar?
@@ -40,27 +34,26 @@ class NavButtonComponent(
     }
 
     private fun showToolbarButton(data: MessageData) {
-        val menu = toolbar?.menu ?: return
-        val inflater = LayoutInflater.from(fragment.requireContext())
-        val binding = NavButtonComponentBinding.inflate(inflater)
-        val order = 999 // Show as the right-most button
+        val toolbar = toolbar ?: return
 
-        binding.navButton.apply {
-            text = data.title
-            setOnClickListener {
-                performAction()
-            }
+        toolbar.menu.findItem(R.id.nav_button)?.apply {
+            isVisible = true
+            title = data.title
         }
 
-        menu.removeItem(navButtonItemId)
-        navButtonMenuItem = menu.add(Menu.NONE, navButtonItemId, order, data.title).apply {
-            actionView = binding.root
-            setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)
+        toolbar.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.nav_button -> {
+                    performClick()
+                    true
+                }
+                else -> false
+            }
         }
     }
 
-    private fun performAction(): Boolean {
-        return replyTo("connect")
+    private fun performClick() {
+        replyTo("connect")
     }
 
     @Serializable

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_adapter_row.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="?selectableItemBackground">
+
+    <com.google.android.material.textview.MaterialTextView
+        style="@style/TextAppearance.AppCompat.Menu"
+        android:id="@+id/title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:minHeight="48dp"
+        android:paddingLeft="16dp"
+        android:paddingTop="8dp"
+        android:paddingRight="16dp"
+        android:paddingBottom="8dp"
+        android:textSize="18sp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_bottom_sheet.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/transparent">
+
+    <com.google.android.material.appbar.AppBarLayout
+        android:id="@+id/app_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="@color/transparent"
+        android:stateListAnimator="@null"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.google.android.material.appbar.MaterialToolbar
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+
+    </com.google.android.material.appbar.AppBarLayout>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/app_bar" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/menu/web.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <item
+        android:id="@+id/nav_button"
+        android:orderInCategory="999"
+        android:visible="false"
+        app:showAsAction="always" />
+</menu>

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Controllers/UIViewController+Toast.swift

@@ -4,22 +4,44 @@ public extension UIViewController {
     func presentToast(_ message: String) {
         guard let root = view.window?.rootViewController else { return }
 
+        removeToastViews(from: root)
+
         let toastView = ToastView(message: message)
         toastView.translatesAutoresizingMaskIntoConstraints = false
 
         root.view.addSubview(toastView)
 
         NSLayoutConstraint.activate([
-            toastView.centerXAnchor.constraint(equalTo: root.view.centerXAnchor),
             toastView.topAnchor.constraint(equalTo: root.view.safeAreaLayoutGuide.topAnchor),
-            toastView.widthAnchor.constraint(equalTo: root.view.safeAreaLayoutGuide.widthAnchor, constant: -10)
+            toastView.centerXAnchor.constraint(equalTo: root.view.centerXAnchor)
+        ])
+
+        let widthConstraint = toastView.widthAnchor.constraint(equalTo: view.widthAnchor, constant: -10)
+        widthConstraint.priority = .defaultHigh
+
+        let maxWidthConstraint = toastView.widthAnchor.constraint(lessThanOrEqualToConstant: 600)
+        maxWidthConstraint.priority = .required
+
+        NSLayoutConstraint.activate([
+            widthConstraint, maxWidthConstraint
         ])
     }
+
+    fileprivate func removeToastViews(from root: UIViewController) {
+        root.view.subviews.filter({ $0 is ToastView }).forEach({ toast in
+            toast.removeFromSuperview()
+        })
+    }
 }
 
 public class ToastView: UIView {
+
+    private var duration = 2.5
+
     convenience init(message: String) {
         self.init(frame: .zero)
+
+        self.alpha = .zero
         self.backgroundColor = .black
         self.layer.cornerRadius = 10
 
@@ -40,17 +62,15 @@ public class ToastView: UIView {
 
         addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(dismiss)))
 
-        self.alpha = .zero
-
-        UIView.animate(withDuration: 0.5, delay: .zero, animations: {
+        UIView.animate(withDuration: 0.5, delay: .zero, options: .curveEaseIn, animations: {
             self.alpha = 0.9
         }, completion: { _ in
-            DispatchQueue.main.asyncAfter(deadline: .now() + 3.0) { self.dismiss() }
+            DispatchQueue.main.asyncAfter(deadline: .now() + self.duration) { self.dismiss() }
         })
     }
 
-    @objc func dismiss() {
-        UIView.animate(withDuration: 0.5, delay: .zero, animations: {
+    @objc private func dismiss() {
+        UIView.animate(withDuration: 0.5, delay: .zero, options: .curveEaseOut, animations: {
             self.alpha = .zero
         }, completion: { _ in
             self.removeFromSuperview()

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/BridgeComponent+App.swift

@@ -3,6 +3,11 @@ import Strada
 
 extension BridgeComponent {
     static var allTypes: [BridgeComponent.Type] {
-        [FormComponent.self, NavButtonComponent.self, FlashMessageComponent.self]
+        [
+            FormComponent.self,
+            NavButtonComponent.self,
+            MenuComponent.self,
+            FlashMessageComponent.self
+        ]
     }
 }

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/MenuComponent.swift

@@ -0,0 +1,77 @@
+import Foundation
+import Strada
+import UIKit
+
+final class MenuComponent: BridgeComponent {
+    override class var name: String { "menu" }
+
+    override func onReceive(message: Message) {
+        guard let event = Event(rawValue: message.event) else {
+            return
+        }
+
+        if event == .display {
+            handleDisplayEvent(message: message)
+        }
+    }
+
+    // MARK: Private
+
+    private var viewController: UIViewController? {
+        delegate.destination as? UIViewController
+    }
+
+    private func handleDisplayEvent(message: Message) {
+        guard let data: MessageData = message.data() else { return }
+        showAlertSheet(with: data.title, items: data.items)
+    }
+
+    private func showAlertSheet(with title: String, items: [Item]) {
+        let alertController = UIAlertController(title: title,
+                                                message: nil,
+                                                preferredStyle: .actionSheet)
+
+        for item in items {
+            let action = UIAlertAction(title: item.title, style: .default) {[weak self] _ in
+                self?.onItemSelected(item: item)
+            }
+            alertController.addAction(action)
+        }
+
+        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel)
+        alertController.addAction(cancelAction)
+
+        viewController?.present(alertController, animated: true)
+    }
+
+    private func onItemSelected(item: Item) {
+        reply(to: Event.display.rawValue,
+              with: SelectionMessageData(selectedIndex: item.index))
+    }
+}
+
+// MARK: Events
+
+private extension MenuComponent {
+    enum Event: String {
+        case display
+    }
+}
+
+// MARK: Message data
+
+private extension MenuComponent {
+    struct MessageData: Decodable {
+        let title: String
+        let items: [Item]
+    }
+
+    struct Item: Decodable {
+        let title: String
+        let index: Int
+    }
+
+    struct SelectionMessageData: Encodable {
+        let selectedIndex:Int
+    }
+}

data/lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject.xcodeproj/project.pbxproj.tt

@@ -14,6 +14,7 @@
 		5D281BB42ABC0CB0001CE599 /* BridgeComponent+App.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D281BB32ABC0CB0001CE599 /* BridgeComponent+App.swift */; };
 		5D281BB62ABC0CB9001CE599 /* FormComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D281BB52ABC0CB9001CE599 /* FormComponent.swift */; };
 		5D91C5402AC538960046D872 /* FlashMessageComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D91C53F2AC538960046D872 /* FlashMessageComponent.swift */; };
+		5DA9C92F2AC7E38100FEA7E6 /* MenuComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DA9C92E2AC7E38100FEA7E6 /* MenuComponent.swift */; };
 		5DAF71B72AC3FB53002D04FE /* UIViewController+Toast.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DAF71B62AC3FB53002D04FE /* UIViewController+Toast.swift */; };
 		5DCC50D42A959DF900B529A0 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D32A959DF900B529A0 /* AppDelegate.swift */; };
 		5DCC50D62A959DF900B529A0 /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D52A959DF900B529A0 /* SceneDelegate.swift */; };
@@ -35,6 +36,7 @@
 		5D281BB32ABC0CB0001CE599 /* BridgeComponent+App.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "BridgeComponent+App.swift"; sourceTree = "<group>"; };
 		5D281BB52ABC0CB9001CE599 /* FormComponent.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FormComponent.swift; sourceTree = "<group>"; };
 		5D91C53F2AC538960046D872 /* FlashMessageComponent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FlashMessageComponent.swift; sourceTree = "<group>"; };
+		5DA9C92E2AC7E38100FEA7E6 /* MenuComponent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MenuComponent.swift; sourceTree = "<group>"; };
 		5DAF71B62AC3FB53002D04FE /* UIViewController+Toast.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UIViewController+Toast.swift"; sourceTree = "<group>"; };
 		5DCC50D02A959DF900B529A0 /* <%= name %>.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = <%= name %>.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		5DCC50D32A959DF900B529A0 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
@@ -70,6 +72,7 @@
 				5D281BB52ABC0CB9001CE599 /* FormComponent.swift */,
 				5D1F2EC02ABEB12300B2819A /* NavButtonComponent.swift */,
 				5D91C53F2AC538960046D872 /* FlashMessageComponent.swift */,
+				5DA9C92E2AC7E38100FEA7E6 /* MenuComponent.swift */,
 			);
 			path = Strada;
 			sourceTree = "<group>";
@@ -224,6 +227,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				5DA9C92F2AC7E38100FEA7E6 /* MenuComponent.swift in Sources */,
 				5DCC50D82A959DF900B529A0 /* TurboWebViewController.swift in Sources */,
 				5DDD58812AA9A8BE00FAC961 /* NumbersViewController.swift in Sources */,
 				5D91C5402AC538960046D872 /* FlashMessageComponent.swift in Sources */,

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Controllers/UIViewController+Toast.swift

@@ -4,22 +4,44 @@ public extension UIViewController {
     func presentToast(_ message: String) {
         guard let root = view.window?.rootViewController else { return }
 
+        removeToastViews(from: root)
+
         let toastView = ToastView(message: message)
         toastView.translatesAutoresizingMaskIntoConstraints = false
 
         root.view.addSubview(toastView)
 
         NSLayoutConstraint.activate([
-            toastView.centerXAnchor.constraint(equalTo: root.view.centerXAnchor),
             toastView.topAnchor.constraint(equalTo: root.view.safeAreaLayoutGuide.topAnchor),
-            toastView.widthAnchor.constraint(equalTo: root.view.safeAreaLayoutGuide.widthAnchor, constant: -10)
+            toastView.centerXAnchor.constraint(equalTo: root.view.centerXAnchor)
+        ])
+
+        let widthConstraint = toastView.widthAnchor.constraint(equalTo: view.widthAnchor, constant: -10)
+        widthConstraint.priority = .defaultHigh
+
+        let maxWidthConstraint = toastView.widthAnchor.constraint(lessThanOrEqualToConstant: 600)
+        maxWidthConstraint.priority = .required
+
+        NSLayoutConstraint.activate([
+            widthConstraint, maxWidthConstraint
         ])
     }
+
+    fileprivate func removeToastViews(from root: UIViewController) {
+        root.view.subviews.filter({ $0 is ToastView }).forEach({ toast in
+            toast.removeFromSuperview()
+        })
+    }
 }
 
 public class ToastView: UIView {
+
+    private var duration = 2.5
+
     convenience init(message: String) {
         self.init(frame: .zero)
+
+        self.alpha = .zero
         self.backgroundColor = .black
         self.layer.cornerRadius = 10
 
@@ -40,17 +62,15 @@ public class ToastView: UIView {
 
         addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(dismiss)))
 
-        self.alpha = .zero
-
-        UIView.animate(withDuration: 0.5, delay: .zero, animations: {
+        UIView.animate(withDuration: 0.5, delay: .zero, options: .curveEaseIn, animations: {
             self.alpha = 0.9
         }, completion: { _ in
-            DispatchQueue.main.asyncAfter(deadline: .now() + 3.0) { self.dismiss() }
+            DispatchQueue.main.asyncAfter(deadline: .now() + self.duration) { self.dismiss() }
         })
     }
 
-    @objc func dismiss() {
-        UIView.animate(withDuration: 0.5, delay: .zero, animations: {
+    @objc private func dismiss() {
+        UIView.animate(withDuration: 0.5, delay: .zero, options: .curveEaseOut, animations: {
             self.alpha = .zero
         }, completion: { _ in
             self.removeFromSuperview()

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/BridgeComponent+App.swift

@@ -3,6 +3,11 @@ import Strada
 
 extension BridgeComponent {
     static var allTypes: [BridgeComponent.Type] {
-        [FormComponent.self, NavButtonComponent.self, FlashMessageComponent.self]
+        [
+            FormComponent.self,
+            NavButtonComponent.self,
+            MenuComponent.self,
+            FlashMessageComponent.self
+        ]
     }
 }

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/MenuComponent.swift

@@ -0,0 +1,77 @@
+import Foundation
+import Strada
+import UIKit
+
+final class MenuComponent: BridgeComponent {
+    override class var name: String { "menu" }
+
+    override func onReceive(message: Message) {
+        guard let event = Event(rawValue: message.event) else {
+            return
+        }
+
+        if event == .display {
+            handleDisplayEvent(message: message)
+        }
+    }
+
+    // MARK: Private
+
+    private var viewController: UIViewController? {
+        delegate.destination as? UIViewController
+    }
+
+    private func handleDisplayEvent(message: Message) {
+        guard let data: MessageData = message.data() else { return }
+        showAlertSheet(with: data.title, items: data.items)
+    }
+
+    private func showAlertSheet(with title: String, items: [Item]) {
+        let alertController = UIAlertController(title: title,
+                                                message: nil,
+                                                preferredStyle: .actionSheet)
+
+        for item in items {
+            let action = UIAlertAction(title: item.title, style: .default) {[weak self] _ in
+                self?.onItemSelected(item: item)
+            }
+            alertController.addAction(action)
+        }
+
+        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel)
+        alertController.addAction(cancelAction)
+
+        viewController?.present(alertController, animated: true)
+    }
+
+    private func onItemSelected(item: Item) {
+        reply(to: Event.display.rawValue,
+              with: SelectionMessageData(selectedIndex: item.index))
+    }
+}
+
+// MARK: Events
+
+private extension MenuComponent {
+    enum Event: String {
+        case display
+    }
+}
+
+// MARK: Message data
+
+private extension MenuComponent {
+    struct MessageData: Decodable {
+        let title: String
+        let items: [Item]
+    }
+
+    struct Item: Decodable {
+        let title: String
+        let index: Int
+    }
+
+    struct SelectionMessageData: Encodable {
+        let selectedIndex:Int
+    }
+}

data/lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject.xcodeproj/project.pbxproj.tt

@@ -15,6 +15,7 @@
 		5D8AB2FC2ABC117F00C6A82F /* BridgeComponent+App.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D8AB2FA2ABC117F00C6A82F /* BridgeComponent+App.swift */; };
 		5D8AB2FE2ABC119900C6A82F /* WKWebViewConfiguration+App.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5D8AB2FD2ABC119900C6A82F /* WKWebViewConfiguration+App.swift */; };
 		5D8AB3012ABC127300C6A82F /* Strada in Frameworks */ = {isa = PBXBuildFile; productRef = 5D8AB3002ABC127300C6A82F /* Strada */; };
+		5DA9C9352AC874D200FEA7E6 /* MenuComponent.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DA9C9342AC874D200FEA7E6 /* MenuComponent.swift */; };
 		5DCC50D42A959DF900B529A0 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D32A959DF900B529A0 /* AppDelegate.swift */; };
 		5DCC50D62A959DF900B529A0 /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D52A959DF900B529A0 /* SceneDelegate.swift */; };
 		5DCC50D82A959DF900B529A0 /* TurboWebViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5DCC50D72A959DF900B529A0 /* TurboWebViewController.swift */; };
@@ -36,6 +37,7 @@
 		5D8AB2F92ABC117F00C6A82F /* FormComponent.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FormComponent.swift; sourceTree = "<group>"; };
 		5D8AB2FA2ABC117F00C6A82F /* BridgeComponent+App.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "BridgeComponent+App.swift"; sourceTree = "<group>"; };
 		5D8AB2FD2ABC119900C6A82F /* WKWebViewConfiguration+App.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "WKWebViewConfiguration+App.swift"; sourceTree = "<group>"; };
+		5DA9C9342AC874D200FEA7E6 /* MenuComponent.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MenuComponent.swift; sourceTree = "<group>"; };
 		5DCC50D02A959DF900B529A0 /* <%= name %>.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = <%= name %>.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		5DCC50D32A959DF900B529A0 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		5DCC50D52A959DF900B529A0 /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = "<group>"; };
@@ -79,6 +81,7 @@
 				5D8AB2F92ABC117F00C6A82F /* FormComponent.swift */,
 				5D1F2EC02ABEB12300B2819A /* NavButtonComponent.swift */,
 				5D2381402AC53D8900FABA1F /* FlashMessageComponent.swift */,
+				5DA9C9342AC874D200FEA7E6 /* MenuComponent.swift */,
 			);
 			path = Strada;
 			sourceTree = "<group>";
@@ -224,6 +227,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				5DA9C9352AC874D200FEA7E6 /* MenuComponent.swift in Sources */,
 				5DCC50D82A959DF900B529A0 /* TurboWebViewController.swift in Sources */,
 				5DDD58812AA9A8BE00FAC961 /* NumbersViewController.swift in Sources */,
 				5D2381412AC53D8900FABA1F /* FlashMessageComponent.swift in Sources */,

data/lib/turbo_native_initializer/version.rb

@@ -1,3 +1,3 @@
 module TurboNativeInitializer
-  VERSION = "0.0.11"
+  VERSION = "0.0.13"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbo-native-initializer
 version: !ruby/object:Gem::Version
-  version: 0.0.11
+  version: 0.0.13
 platform: ruby
 authors:
 - Nixon
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-09-28 00:00:00.000000000 Z
+date: 2023-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thor
@@ -52,6 +52,8 @@ files:
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FlashMessageComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FormComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponentAdapter.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Constants.kt.tt
 - lib/turbo_native_initializer/templates/android_stack/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Extension.kt.tt
@@ -73,7 +75,9 @@ files:
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/form_component_submit.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/fragment_native.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/fragment_web_home.xml
-- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/nav_button_component.xml
+- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/menu_component_adapter_row.xml
+- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/menu_component_bottom_sheet.xml
+- lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/menu/web.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
 - lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/mipmap-xhdpi/ic_launcher.png
@@ -105,6 +109,8 @@ files:
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/BridgeComponentFactories.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FlashMessageComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/FormComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponent.kt.tt
+- lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/MenuComponentAdapter.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/strada/NavButtonComponent.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Constants.kt.tt
 - lib/turbo_native_initializer/templates/android_tabs/app/src/main/java/dev/hotwire/turbo/turbonativeproject/util/Extension.kt.tt
@@ -128,8 +134,10 @@ files:
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/form_component_submit.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/fragment_native.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/fragment_web_home.xml
-- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/nav_button_component.xml
+- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_adapter_row.xml
+- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/menu_component_bottom_sheet.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/menu/bottom_navigation_menu.xml
+- lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/menu/web.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
 - lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/mipmap-xhdpi/ic_launcher.png
@@ -173,6 +181,7 @@ files:
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/BridgeComponent+App.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/FlashMessageComponent.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/FormComponent.swift
+- lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/MenuComponent.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/Strada/NavButtonComponent.swift
 - lib/turbo_native_initializer/templates/ios_stack/TurboNativeProject/TurboNativeProject.swift.tt
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject.xcodeproj/project.pbxproj.tt
@@ -200,6 +209,7 @@ files:
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/BridgeComponent+App.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/FlashMessageComponent.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/FormComponent.swift
+- lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/MenuComponent.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/Strada/NavButtonComponent.swift
 - lib/turbo_native_initializer/templates/ios_tabs/TurboNativeProject/TurboNativeProject.swift.tt
 - lib/turbo_native_initializer/version.rb

data/lib/turbo_native_initializer/templates/android_stack/base/app/src/main/res/layout/nav_button_component.xml

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="wrap_content"
-    android:layout_height="match_parent"
-    android:layout_gravity="end|center_vertical"
-    android:paddingEnd="16dp">
-
-    <com.google.android.material.button.MaterialButton
-        style="@style/Widget.Material3.Button.TextButton"
-        android:id="@+id/nav_button"
-        android:layout_width="wrap_content"
-        android:layout_height="48dp"
-        android:minWidth="0dip" />
-</FrameLayout>

data/lib/turbo_native_initializer/templates/android_tabs/base/app/src/main/res/layout/nav_button_component.xml

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="wrap_content"
-    android:layout_height="match_parent"
-    android:layout_gravity="end|center_vertical"
-    android:paddingEnd="16dp">
-
-    <com.google.android.material.button.MaterialButton
-        style="@style/Widget.Material3.Button.TextButton"
-        android:id="@+id/nav_button"
-        android:layout_width="wrap_content"
-        android:layout_height="48dp"
-        android:minWidth="0dip" />
-</FrameLayout>