Initial implementation

app/.gitignore

@@ -0,0 +1 @@
+/build

app/build.gradle

@@ -0,0 +1,50 @@
+plugins {
+    id 'com.android.application'
+    id 'org.jetbrains.kotlin.android'
+}
+
+android {
+    namespace 'org.fnives.android.compose.learning'
+    compileSdk defaultCompileSdkVersion
+
+    defaultConfig {
+        applicationId "org.fnives.android.compose.learning"
+        minSdk defaultMinSdkVersion
+        targetSdk defaultTargetSdkVersion
+        versionCode defaultVersionCode
+        versionName defaultVersionName
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    buildFeatures {
+        compose true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion composeKotlinCompilerExtensionVersion
+    }
+    compileOptions {
+        sourceCompatibility compileCompatibility
+        targetCompatibility compileCompatibility
+    }
+    kotlinOptions {
+        jvmTarget = kotlinJvmTarget
+    }
+}
+
+dependencies {
+    implementation "androidx.appcompat:appcompat:$appcompat_version"
+    implementation "androidx.activity:activity-compose:$appcompat_version"
+    implementation "androidx.compose.ui:ui-tooling:$compose_version"
+    implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
+
+    debugImplementation "androidx.compose.ui:ui-tooling:$compose_version"
+
+    implementation project(":picker")
+}

app/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

app/src/main/AndroidManifest.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:allowBackup="true"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.AppCompat.DayNight.NoActionBar"
+        tools:targetApi="31">
+
+        <activity
+            android:name="org.fknives.android.compose.learning.MainActivity"
+            android:exported="true"
+            android:configChanges="colorMode|density|fontScale|fontWeightAdjustment|keyboard|keyboardHidden|layoutDirection|locale|mcc|mnc|navigation|orientation|screenLayout|screenSize|smallestScreenSize|touchscreen|uiMode"
+            android:label="Compose AWallet">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+
+    </application>
+
+</manifest>

app/src/main/java/org/fknives/android/compose/learning/MainActivity.kt

@@ -0,0 +1,21 @@
+package org.fknives.android.compose.learning
+
+import android.os.Bundle
+import androidx.activity.compose.setContent
+import androidx.appcompat.app.AppCompatActivity
+import org.fknives.android.compose.learning.navigation.Navigation
+import org.fknives.android.compose.learning.theme.AppTheme
+
+class MainActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            AppTheme {
+                Navigation { onNavigationClick ->
+                    MainContent(onNavigationClick)
+                }
+            }
+        }
+    }
+}

app/src/main/java/org/fknives/android/compose/learning/MainScreen.kt

@@ -0,0 +1,65 @@
+package org.fknives.android.compose.learning
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import org.fknives.android.compose.learning.navigation.Screens
+
+val Screens.text: String
+    get() = when (this) {
+        Screens.NumberPicker -> "Number Picker"
+        Screens.TimePicker -> "Time Picker"
+        Screens.TextPicker -> "Text Picker"
+    }
+
+@Composable
+fun MainContent(
+    onNavigation: (Screens) -> Unit
+) {
+    Surface(
+        modifier = Modifier
+            .fillMaxWidth()
+            .fillMaxHeight()
+    ) {
+        LazyVerticalGrid(
+            modifier = Modifier
+                .fillMaxWidth()
+                .fillMaxHeight(),
+            columns = GridCells.Adaptive(240.dp),
+            verticalArrangement = Arrangement.Bottom,
+            contentPadding = PaddingValues(16.dp)
+        ) {
+            Screens.values().forEach {
+                item {
+                    MainNavigationItem(it, onClick = onNavigation)
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun MainNavigationItem(
+    screens: Screens,
+    onClick: (Screens) -> Unit,
+    text: String = screens.text
+) {
+    Text(
+        text = text,
+        fontSize = MaterialTheme.typography.h5.fontSize,
+        textAlign = TextAlign.Center,
+        modifier = Modifier
+            .padding(8.dp)
+            .clickable {
+                onClick(screens)
+            }
+    )
+}

app/src/main/java/org/fknives/android/compose/learning/navigation/Navigation.kt

@@ -0,0 +1,68 @@
+package org.fknives.android.compose.learning.navigation
+
+import androidx.activity.compose.BackHandler
+import androidx.compose.animation.Crossfade
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.lazy.grid.LazyHorizontalGrid
+import androidx.compose.material.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+import org.fknives.android.compose.learning.pickers.NumberPickerScreen
+import org.fknives.android.compose.learning.pickers.TextPickerScreen
+import org.fknives.android.compose.learning.pickers.TimePickerScreen
+import org.fknives.android.compose.learning.text
+
+@Composable
+fun Navigation(
+    mainScreen: @Composable (onNavigation: (Screens) -> Unit) -> Unit
+) {
+    var screen by remember { mutableStateOf<Screens?>(null) }
+
+    Crossfade(targetState = screen) { currentScreen ->
+        if (currentScreen == null) {
+            mainScreen { selected ->
+                screen = selected
+            }
+        } else {
+            DetailScreen(title = currentScreen.text, onBack = { screen = null }) {
+                when (currentScreen) {
+                    Screens.NumberPicker -> NumberPickerScreen()
+                    Screens.TimePicker -> TimePickerScreen()
+                    Screens.TextPicker -> TextPickerScreen()
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun DetailScreen(
+    title: String,
+    onBack: () -> Unit,
+    content: @Composable () -> Unit
+) {
+    BackHandler(onBack = onBack)
+    Column(
+        Modifier
+            .fillMaxWidth()
+            .fillMaxHeight()
+    ) {
+        TopAppBar {
+            IconButton(onClick = onBack) {
+                Icon(imageVector = Icons.Default.ArrowBack, contentDescription = "Back navigation")
+            }
+            Text(title)
+        }
+        Surface(
+            modifier = Modifier
+                .fillMaxWidth()
+                .weight(1f)
+        ) {
+            content()
+        }
+    }
+}

app/src/main/java/org/fknives/android/compose/learning/navigation/Screens.kt

@@ -0,0 +1,7 @@
+package org.fknives.android.compose.learning.navigation
+
+enum class Screens {
+    TextPicker,
+    NumberPicker,
+    TimePicker
+}

app/src/main/java/org/fknives/android/compose/learning/pickers/LabeledPickers.kt

@@ -0,0 +1,27 @@
+package org.fknives.android.compose.learning.pickers
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material.Surface
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextAlign
+
+@Composable
+fun Labeled(
+    text: String,
+    modifier: Modifier = Modifier,
+    content: @Composable () -> Unit
+) {
+    Surface(modifier = modifier) {
+        Column(horizontalAlignment = Alignment.CenterHorizontally) {
+            Text(
+                text = text,
+                textAlign = TextAlign.Center
+            )
+
+            content()
+        }
+    }
+}

app/src/main/java/org/fknives/android/compose/learning/pickers/NumberPickerScreen.kt

@@ -0,0 +1,131 @@
+package org.fknives.android.compose.learning.pickers
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.ProvideTextStyle
+import androidx.compose.material.Surface
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import org.fknives.android.compose.picker.number.LinedInnerTextPicker
+import org.fknives.android.compose.picker.number.NumberPicker
+import org.fknives.android.compose.picker.number.NumberPickerConfig
+import org.fknives.android.compose.picker.text.TextPicker
+
+
+@Composable
+fun NumberPickerScreen() {
+    Surface(
+        modifier = Modifier
+            .fillMaxWidth()
+            .verticalScroll(rememberScrollState())
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.SpaceEvenly,
+        ) {
+            Labeled(text = "Number Picker", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(0) }
+                NumberPicker(
+                    modifier = Modifier.defaultMinSize(minWidth = 200.dp),
+                    onSelectedChange = {
+                        selected = it
+                    },
+                    textStyle = MaterialTheme.typography.h5,
+                    config = NumberPickerConfig(maximum = 10),
+                    selectedValue = selected
+                )
+            }
+            Labeled(text = "Limited Minute Picker", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(0) }
+                NumberPicker(
+                    config = NumberPickerConfig.configMinutePicker,
+                    selectedValue = selected,
+                    onSelectedChange = { selected = it },
+                    roundAround = false,
+                    textStyle = MaterialTheme.typography.h5
+                )
+            }
+            Labeled(text = "Lined Minute Picker", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(0) }
+                ProvideTextStyle(MaterialTheme.typography.h5) {
+                    NumberPicker(
+                        config = NumberPickerConfig.configMinutePicker,
+                        selectedValue = selected,
+                        onSelectedChange = { selected = it },
+                        timePicker = { LinedInnerTextPicker(modifier = Modifier.defaultMinSize(minWidth = 200.dp)) }
+                    )
+                }
+            }
+
+            Labeled(text = "Custom Hour Picker", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(0) }
+                NumberPicker(
+                    config = NumberPickerConfig.configHourPicker24,
+                    selectedValue = selected,
+                    onSelectedChange = { selected = it }
+                ) {
+                    TextPicker(
+                        modifier = Modifier.defaultMinSize(minWidth = 200.dp),
+                        textStyle = MaterialTheme.typography.h5,
+                        roundAround = false,
+                        textForIndex = textForIndex,
+                        itemCount = itemCount,
+                        selectedIndex = selectedIndex,
+                        onSelectedIndexChange = onSelectedIndexChange,
+                        onIndexDifferenceChanging = onIndexDifferenceChanging,
+                        state = state
+                    )
+                }
+            }
+
+            Labeled(text = "Skipping 1, 1-5 Picker(1,3,5)", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(1) }
+                ProvideTextStyle(MaterialTheme.typography.h5) {
+                    NumberPicker(
+                        config = NumberPickerConfig(maximum = 5, minimum = 1, skipInBetween = 1),
+                        selectedValue = selected,
+                        onSelectedChange = { selected = it }
+                    )
+                }
+            }
+
+            Labeled(text = "Skipping 3, 1-5 Picker(1,4)", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(1) }
+                ProvideTextStyle(MaterialTheme.typography.h5) {
+                    NumberPicker(
+                        config = NumberPickerConfig(maximum = 5, minimum = 1, skipInBetween = 2),
+                        selectedValue = selected,
+                        onSelectedChange = { selected = it }
+                    )
+                }
+            }
+
+            Labeled(text = "Skipping 1, 1-5 Picker(5,3,1) reverse", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(1) }
+                ProvideTextStyle(MaterialTheme.typography.h5) {
+                    NumberPicker(
+                        config = NumberPickerConfig(maximum = 5, minimum = 1, skipInBetween = 1, reversedOrder = true),
+                        selectedValue = selected,
+                        onSelectedChange = { selected = it }
+                    )
+                }
+            }
+
+            Labeled(text = "Skipping 2, 1-5 Picker(5,2) reverse", modifier = Modifier.padding(16.dp)) {
+                var selected by remember { mutableStateOf(1) }
+                ProvideTextStyle(MaterialTheme.typography.h5) {
+                    NumberPicker(
+                        config = NumberPickerConfig(maximum = 5, minimum = 1, skipInBetween = 2, reversedOrder = true),
+                        selectedValue = selected,
+                        roundAround = false,
+                        onSelectedChange = { selected = it },
+                    )
+                }
+            }
+        }
+    }
+}

app/src/main/java/org/fknives/android/compose/learning/pickers/TextPickerScreen.kt

@@ -0,0 +1,73 @@
+package org.fknives.android.compose.learning.pickers
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.defaultMinSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import org.fknives.android.compose.picker.text.LinedTextPicker
+import org.fknives.android.compose.picker.text.TextPicker
+
+@Composable
+fun TextPickerScreen() {
+    Surface(
+        modifier = Modifier
+            .fillMaxWidth()
+            .verticalScroll(rememberScrollState())
+    ) {
+        val text = listOf("Alma", "Banan", "Citrom","Dinnye","Eper","Fuge","Goji","Karfiol")
+
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.SpaceEvenly
+        ) {
+            Labeled(text = "Text Picker") {
+                var selected by remember { mutableStateOf(0) }
+                TextPicker(
+                    modifier = Modifier.defaultMinSize(minWidth = 200.dp),
+                    selectedIndex = selected,
+                    textForIndex = text::get,
+                    onSelectedIndexChange = {
+                        selected = it
+                    },
+                    textStyle = MaterialTheme.typography.h5,
+                    itemCount = text.size
+                )
+            }
+            Labeled(text = "Limited Text Picker") {
+                var selected by remember { mutableStateOf(0) }
+                TextPicker(
+                    modifier = Modifier.defaultMinSize(minWidth = 200.dp),
+                    selectedIndex = selected,
+                    textForIndex = text::get,
+                    onSelectedIndexChange = {
+                        selected = it
+                    },
+                    roundAround = false,
+                    textStyle = MaterialTheme.typography.h5,
+                    itemCount = text.size
+                )
+            }
+            Labeled(text = "Lined Text Picker") {
+                var selected by remember { mutableStateOf(0) }
+                LinedTextPicker(
+                    modifier = Modifier.defaultMinSize(minWidth = 200.dp),
+                    selected = selected,
+                    textForIndex = text::get,
+                    onSelectedChange = {
+                        selected = it
+                    },
+                    textStyle = MaterialTheme.typography.h5,
+                    itemCount = text.size
+                )
+            }
+        }
+    }
+}

app/src/main/java/org/fknives/android/compose/learning/pickers/TimePickerScreen.kt

@@ -0,0 +1,50 @@
+package org.fknives.android.compose.learning.pickers
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import org.fknives.android.compose.picker.time.clock.ClockTimePicker
+import org.fknives.android.compose.picker.time.SelectedTime
+import org.fknives.android.compose.picker.time.TimePicker
+
+@Composable
+fun TimePickerScreen() {
+    Surface(
+        modifier = Modifier
+            .fillMaxWidth()
+            .verticalScroll(rememberScrollState())
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.SpaceEvenly,
+        ) {
+            Labeled(text = "Clock Time Picker") {
+                var selectedTime by remember { mutableStateOf(SelectedTime.get()) }
+
+                ClockTimePicker(
+                    selectedTime = selectedTime,
+                    onSelectedTimeChanged = { selectedTime = it }
+                )
+            }
+
+            Labeled(text = "Standard Time Picker") {
+                var selectedTime by remember { mutableStateOf(SelectedTime.get()) }
+
+                TimePicker(
+                    selectedTime = selectedTime,
+                    onSelectedTimeChanged = { selectedTime = it }
+                )
+            }
+        }
+    }
+}

app/src/main/java/org/fknives/android/compose/learning/theme/AppTheme.kt

@@ -0,0 +1,45 @@
+package org.fknives.android.compose.learning.theme
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.darkColors
+import androidx.compose.material.lightColors
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+
+@Composable
+fun AppTheme(content: @Composable () -> Unit) = MaterialTheme(
+
+    colors = if (isSystemInDarkTheme()) {
+        darkColors(
+            primary = Color(0xFF7C43BD),
+            primaryVariant = Color(0xFF7C43BD),
+            secondary = Color(0xFF50B04A),
+            secondaryVariant = Color(0xFF50B04A),
+            background = Color(0xFF000000),
+            surface = Color(0xFF1A1A1A),
+            error = Color(0xFFFF5050),
+            onPrimary = Color(0xFFFFFFFF),
+            onSecondary = Color(0xFFFFFFFF),
+            onBackground = Color(0xFFFFFFFF),
+            onSurface = Color(0xFFFFFFFF),
+            onError = Color(0xFF000000)
+        )
+    } else {
+        lightColors(
+            primary = Color(0xFF7C43BD),
+            primaryVariant = Color(0xFF7C43BD),
+            secondary = Color(0xFF50B04A),
+            secondaryVariant = Color(0xFF50B04A),
+            background = Color(0xFFFFFFFF),
+            surface = Color(0xFFA1A1A1),
+            error = Color(0xFFFF5050),
+            onPrimary = Color(0xFFFFFFFF),
+            onSecondary = Color(0xFFFFFFFF),
+            onBackground = Color(0xFFFFFFFF),
+            onSurface = Color(0xFFFFFFFF),
+            onError = Color(0xFF000000)
+        )
+    },
+    content = content
+)

app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>

app/src/main/res/drawable/ic_launcher_background.xml

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>

app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

app/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">Compose Learning</string>
+</resources>

app/src/main/res/xml/backup_rules.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older that API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>

app/src/main/res/xml/data_extraction_rules.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>