Feat: Made a Design System in Compose Multiplatform.

app/build.gradle.kts

@@ -47,16 +47,16 @@ val devRoundIcon = "@mipmap/dev_ic_launcher_round"
 
 
 plugins {
-    alias(libs.plugins.android.application)
-    alias(libs.plugins.kotlin.compose)
+    alias(libs.plugins.androidApplication)
+    alias(libs.plugins.composeCompiler)
     alias(libs.plugins.ksp)
-    alias(libs.plugins.jetbrains.kotlin.serialization)
-    alias(libs.plugins.oss.licenses)
+    alias(libs.plugins.kotlinSerialization)
+    alias(libs.plugins.ossLicenses)
 }
 
 kotlin {
     compilerOptions {
-        jvmTarget.set(JvmTarget.JVM_21)
+        jvmTarget = JvmTarget.JVM_21
     }
 }
 
@@ -205,6 +205,7 @@ android {
 
 dependencies {
     // In project library / feature modules
+    implementation(project(":design_system"))
     implementation(project(":core"))
     implementation(project(":database"))
     implementation(project(":password_manager"))

app/src/main/AndroidManifest.xml

@@ -16,7 +16,7 @@
         android:theme="@style/PasscodesTheme.Default"
         tools:targetApi="33" >
 
-        <activity android:name=".ui.MainActivity" />
+        <activity android:name=".MainActivity" />
 
         <activity
             android:name=".oldui.MainActivity"

app/src/main/kotlin/com/jeeldobariya/passcodes/ui/MainActivity.kt → app/src/main/kotlin/com/jeeldobariya/passcodes/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.jeeldobariya.passcodes.ui
+package com.jeeldobariya.passcodes
 
 import android.content.Intent
 import android.os.Bundle
@@ -10,9 +10,9 @@ import androidx.compose.runtime.getValue
 import androidx.compose.ui.platform.LocalContext
 import com.jeeldobariya.passcodes.core.feature_flags.FeatureFlagsSettings
 import com.jeeldobariya.passcodes.core.feature_flags.featureFlagsDatastore
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 import com.jeeldobariya.passcodes.navigation.NavigationRoot
 import com.jeeldobariya.passcodes.oldui.MainActivity
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -36,4 +36,4 @@ class MainActivity : ComponentActivity() {
             }
         }
     }
-}
+}

app/src/main/kotlin/com/jeeldobariya/passcodes/navigation/EntriesProvider.kt

@@ -0,0 +1,39 @@
+package com.jeeldobariya.passcodes.navigation
+
+import androidx.navigation3.runtime.EntryProviderScope
+import androidx.navigation3.runtime.NavKey
+import com.jeeldobariya.passcodes.core.navigation.Route
+import com.jeeldobariya.passcodes.presentation.about_screen.ClassicalAboutScreen
+import com.jeeldobariya.passcodes.presentation.about_screen.ModernAboutScreen
+import com.jeeldobariya.passcodes.presentation.main_screen.ClassicalMainScreen
+import com.jeeldobariya.passcodes.presentation.main_screen.ModernMainScreen
+import com.jeeldobariya.passcodes.presentation.setting_screen.ClassicalSettingsScreen
+import com.jeeldobariya.passcodes.presentation.setting_screen.ModernSettingsScreen
+
+fun EntryProviderScope<NavKey>.modernMainAppEntriesProvider(navigateTo: (Route) -> Unit) {
+    entry<Route.Home> {
+        ModernMainScreen(navigateTo)
+    }
+
+    entry<Route.Settings> {
+        ModernSettingsScreen()
+    }
+
+    entry<Route.AboutUs> {
+        ModernAboutScreen()
+    }
+}
+
+fun EntryProviderScope<NavKey>.classicalMainAppEntriesProvider(navigateTo: (Route) -> Unit) {
+    entry<Route.Home> {
+        ClassicalMainScreen(navigateTo = navigateTo)
+    }
+
+    entry<Route.Settings> {
+        ClassicalSettingsScreen()
+    }
+
+    entry<Route.AboutUs> {
+        ClassicalAboutScreen()
+    }
+}

app/src/main/kotlin/com/jeeldobariya/passcodes/navigation/NavigationRoot.kt

@@ -14,20 +14,8 @@ import androidx.navigation3.ui.NavDisplay
 import com.jeeldobariya.passcodes.core.datastore.AppSettings
 import com.jeeldobariya.passcodes.core.datastore.appDatastore
 import com.jeeldobariya.passcodes.core.navigation.Route
-import com.jeeldobariya.passcodes.password_manager.presentation.load_password.ClassicalLoadPasswordScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.password_manager.ClassicalPasswordManagerScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.password_manager.ModernPasswordManagerScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.save_password.ClassicalSavePasswordScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.save_password.ModernSavePasswordScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.update_password.ClassicalUpdatePasswordScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.update_password.ModernUpdatePasswordScreen
-import com.jeeldobariya.passcodes.password_manager.presentation.view_password.ClassicalViewPasswordScreen
-import com.jeeldobariya.passcodes.presentation.about_screen.ClassicalAboutScreen
-import com.jeeldobariya.passcodes.presentation.main_screen.ClassicalMainScreen
-import com.jeeldobariya.passcodes.presentation.setting_screen.ClassicalSettingsScreen
-import com.jeeldobariya.passcodes.presentation.about_screen.ModernAboutScreen
-import com.jeeldobariya.passcodes.presentation.main_screen.ModernMainScreen
-import com.jeeldobariya.passcodes.presentation.setting_screen.ModernSettingsScreen
+import com.jeeldobariya.passcodes.password_manager.navigation.classicalPasswordManagerEntriesProvider
+import com.jeeldobariya.passcodes.password_manager.navigation.modernPasswordManagerEntriesProvider
 
 
 @Composable
@@ -42,37 +30,8 @@ private fun ModernNavigationRoot(backStack: NavBackStack<NavKey>, navigateTo: (R
             rememberViewModelStoreNavEntryDecorator()
         ),
         entryProvider = entryProvider {
-            entry<Route.Home> {
-                ModernMainScreen(navigateTo)
-            }
-
-            entry<Route.Settings> {
-                ModernSettingsScreen()
-            }
-
-            entry<Route.AboutUs> {
-                ModernAboutScreen()
-            }
-
-            entry<Route.PasswordManager> {
-                ModernPasswordManagerScreen(navigateTo)
-            }
-
-            entry<Route.LoadPassword> {
-                ModernPasswordManagerScreen(navigateTo)
-            }
-
-            entry<Route.SavePassword> {
-                ModernSavePasswordScreen()
-            }
-
-            entry<Route.ViewPassword> { // Theoretically, Should be treated as `UpdatePassword` Route in Modern Layout...
-                ModernUpdatePasswordScreen(it.id)
-            }
-
-            entry<Route.UpdatePassword> {
-                ModernUpdatePasswordScreen(it.id)
-            }
+            modernMainAppEntriesProvider(navigateTo = navigateTo)
+            modernPasswordManagerEntriesProvider(navigateTo = navigateTo)
         }
     )
 }
@@ -89,37 +48,8 @@ private fun ClassicalNavigationRoot(backStack: NavBackStack<NavKey>, navigateTo:
             rememberViewModelStoreNavEntryDecorator()
         ),
         entryProvider = entryProvider {
-            entry<Route.Home> {
-                ClassicalMainScreen(navigateTo = navigateTo)
-            }
-
-            entry<Route.Settings> {
-                ClassicalSettingsScreen()
-            }
-
-            entry<Route.AboutUs> {
-                ClassicalAboutScreen()
-            }
-
-            entry<Route.PasswordManager> {
-                ClassicalPasswordManagerScreen(navigateTo = navigateTo)
-            }
-
-            entry<Route.LoadPassword> {
-                ClassicalLoadPasswordScreen(navigateTo = navigateTo)
-            }
-
-            entry<Route.SavePassword> {
-                ClassicalSavePasswordScreen()
-            }
-
-            entry<Route.ViewPassword> {
-                ClassicalViewPasswordScreen(passwordId = it.id, navigateTo = navigateTo)
-            }
-
-            entry<Route.UpdatePassword> {
-                ClassicalUpdatePasswordScreen(passwordId = it.id)
-            }
+            classicalMainAppEntriesProvider(navigateTo = navigateTo)
+            classicalPasswordManagerEntriesProvider(navigateTo = navigateTo)
         }
     )
 }

app/src/main/kotlin/com/jeeldobariya/passcodes/oldui/MainActivity.kt

@@ -60,7 +60,7 @@ class MainActivity : AppCompatActivity() {
             if (featureFlagsDatastore.data.first().isPreviewLayoutEnabled) {
                 Intent(
                     this@MainActivity,
-                    com.jeeldobariya.passcodes.ui.MainActivity::class.java
+                    com.jeeldobariya.passcodes.MainActivity::class.java
                 ).also {
                     startActivity(it)
                 }

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/about_screen/ClassicalAboutScreen.kt

@@ -38,7 +38,7 @@ import androidx.compose.ui.unit.dp
 import androidx.core.net.toUri
 import com.jeeldobariya.passcodes.Constant
 import com.jeeldobariya.passcodes.R
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 
 @Composable

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/about_screen/ModernAboutScreen.kt

@@ -19,7 +19,7 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.jeeldobariya.passcodes.R
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 @Composable
 fun ModernAboutScreen() {

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/main_screen/ClassicalMainScreen.kt

@@ -31,7 +31,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.jeeldobariya.passcodes.R
 import com.jeeldobariya.passcodes.core.navigation.Route
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 @Composable
 fun ClassicalMainScreen(navigateTo: (Route) -> Unit) {

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/main_screen/ModernMainScreen.kt

@@ -31,7 +31,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.jeeldobariya.passcodes.R
 import com.jeeldobariya.passcodes.core.navigation.Route
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 
 @Composable