Added New Components

.androidide/editor/openedFiles.json

@@ -0,0 +1,35 @@
+{
+  "allFiles": [
+    {
+      "file": "/storage/emulated/0/sakura/app/src/main/java/com/syntaxspin/sakura/MainActivity.kt",
+      "selection": {
+        "end": {
+          "column": 19,
+          "index": 2634,
+          "line": 90
+        },
+        "start": {
+          "column": 19,
+          "index": 2634,
+          "line": 90
+        }
+      }
+    },
+    {
+      "file": "/storage/emulated/0/sakura/app/src/main/java/com/syntaxspin/sakura/ui/theme/Type.kt",
+      "selection": {
+        "end": {
+          "column": 31,
+          "index": 507,
+          "line": 12
+        },
+        "start": {
+          "column": 31,
+          "index": 507,
+          "line": 12
+        }
+      }
+    }
+  ],
+  "selectedFile": "/storage/emulated/0/sakura/app/src/main/java/com/syntaxspin/sakura/MainActivity.kt"
+}

app/src/main/java/com/syntaxspin/sakura/MainActivity.kt

@@ -10,33 +10,126 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
-import com.syntaxspin.sakura.ui.theme.MyComposeApplicationTheme
+//ScriptWrap's Shortcuts for code 
+import androidx.compose.ui.*
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.*
+import androidx.compose.ui.res.*
+import androidx.compose.foundation.shape.*
+import androidx.compose.material3.*
 
-class MainActivity : ComponentActivity() {
+//TextField
+
+//Units & Draws
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.unit.dp
+//LazyComponents
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+//icons 
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Search
+
+//Theme
+import com.syntaxspin.sakura.ui.theme.ThemeSakura
 
+class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContent {
-            MyComposeApplicationTheme {
-                // A surface container using the 'background' color from the theme
-                Surface(modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colorScheme.background) {
-                    Greeting("Android")
-                }
-            }
-        }
-    }
+       setContent{
+            ThemeSakura{
+                 Surface( modifier = Modifier.fillMaxSize()){
+                        Column{ Items()
+                         dividerText("SearchBar (TextField)")
+                         searchBar()
+                         }
+                      }
+                                                             }
+                  }
+}
+
+@Composable
+fun Name(name:String){
+Text(
+text= name ,
+style = MaterialTheme.typography.titleMedium
+)
+
+}
+@Composable
+fun Desc(d:String){
+Text(
+text = d ,
+color = MaterialTheme.colorScheme.secondary ,
+style = MaterialTheme.typography.bodyMedium ,
+)
 }
+@Composable 
+fun Items(){
+          Row(modifier = Modifier.padding(all = 8.dp)){
+               Image(
+                      painterResource(R.drawable.pfp),
+                      contentDescription = "Profile Picture" ,
+                      modifier = Modifier 
+                      .size(50.dp)
+                      .clip(CircleShape)
+                     )
+
+          Spacer(modifier = Modifier .width(8.dp) .padding(top = 8.dp))
+          Column{
+           Name("ScriptWrap")
+           Desc("Learning Compose from the Master Of Compose Aquiles Trindade")
+
+                }
+            }    
+          }
+@Composable
+fun dividerText(txt:String){
+Text(
+text = txt ,
+style = MaterialTheme.typography.labelSmall ,
+modifier = Modifier .padding(16.dp)
+)
 
+}
 @Composable
-fun Greeting(name: String, modifier: Modifier = Modifier) {
-    Text(text = "Hello $name!", modifier = modifier)
+fun searchBar (modifier: Modifier = Modifier){
+TextField(
+value="" ,
+onValueChange = {},
+       leadingIcon = {
+           Icon(
+               imageVector = Icons.Default.Search,
+               contentDescription = null
+           )
+       },
+       colors = TextFieldDefaults.colors(
+           unfocusedContainerColor = MaterialTheme.colorScheme.surface,
+           focusedContainerColor = MaterialTheme.colorScheme.surface
+       ),
+       placeholder = {
+           Text(text = "Search")
+       },
+       modifier = modifier
+           .fillMaxWidth()
+           .heightIn(min = 56.dp)
+           .padding(16.dp)
+   )
+
+
 }
 
-@Preview(showBackground = true)
+
+/* Will Learn it Later
 @Composable
-fun GreetingPreview() {
-    MyComposeApplicationTheme {
-        Greeting("Android")
-    }
-}
+fun Listify(itm : List<itm>){
+LazyColumn{
+           items(itm){  itm ->
+                      Items(itm)
+                      }
+           }
+
+}  */        
+  }
+
+

app/src/main/java/com/syntaxspin/sakura/ui/theme/Theme.kt

@@ -23,18 +23,18 @@ private val LightColorScheme =
     lightColorScheme(primary = Purple40, secondary = PurpleGrey40,
         tertiary = Pink40
 
-        /* Other default colors to override
+         /*Other default colors to override
     background = Color(0xFFFFFBFE),
     surface = Color(0xFFFFFBFE),
     onPrimary = Color.White,
     onSecondary = Color.White,
     onTertiary = Color.White,
     onBackground = Color(0xFF1C1B1F),
     onSurface = Color(0xFF1C1B1F),
-    */)
+   */ )
 
 @Composable
-fun MyComposeApplicationTheme(darkTheme: Boolean = isSystemInDarkTheme(),
+fun ThemeSakura(darkTheme: Boolean = isSystemInDarkTheme(),
     // Dynamic color is available on Android 12+
                               dynamicColor: Boolean = true,
                               content: @Composable () -> Unit