Add Sample, Change package name

Author: yogeshpaliyal

README.md

@@ -10,13 +10,38 @@
 
 > Android Compose OTP View
 
-Coming soon
+
+![](demo.jpeg)
 
 ## Implementation
 ```groovy
 implementation 'com.yogeshpaliyal:speld:0.0.1-alpha01'
 ```
 
+### Default / Solid Pin View
+```kotlin
+val text = remember { mutableStateOf("") }
+PinInput(value = text.value, obscureText = null) {
+    text.value = it
+}
+```
+
+### Bordered Pin View
+```kotlin
+val text = remember { mutableStateOf("") }
+PinInput(
+    modifier = Modifier.border(
+        BorderStroke(2.dp, Color.Red),
+        shape = RoundedCornerShape(3.dp)
+    ), value = text.value,
+    obscureText = "*",
+    length = 6
+) {
+    text.value = it
+}
+```
+
+
 ## 🏗 Project Status
 
 |![](https://i.giphy.com/media/CwfC5Pv6Rtp66h4coK/giphy.gif) |

app/src/androidTest/java/com/yogeshpaliyal/composeotpview/ExampleInstrumentedTest.kt renamed to app/src/androidTest/java/com/yogeshpaliyal/speld/ExampleInstrumentedTest.kt

@@ -1,4 +1,4 @@
-package com.yogeshpaliyal.composeotpview
+package com.yogeshpaliyal.speld
 
 import androidx.test.platform.app.InstrumentationRegistry
 import androidx.test.ext.junit.runners.AndroidJUnit4

app/src/main/AndroidManifest.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.yogeshpaliyal.composeotpview">
+    package="com.yogeshpaliyal.speld">
 
     <application
         android:allowBackup="true"
@@ -10,7 +10,7 @@
         android:supportsRtl="true"
         android:theme="@style/Theme.AndroidComposeOTPView">
         <activity
-            android:name=".MainActivity"
+            android:name="com.yogeshpaliyal.speld.MainActivity"
             android:exported="true"
             android:label="@string/app_name"
             android:theme="@style/Theme.AndroidComposeOTPView.NoActionBar">

app/src/main/java/com/yogeshpaliyal/composeotpview/MainActivity.kt renamed to app/src/main/java/com/yogeshpaliyal/speld/MainActivity.kt

@@ -1,16 +1,23 @@
-package com.yogeshpaliyal.composeotpview
+package com.yogeshpaliyal.speld
 
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Surface
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
-import com.yogeshpaliyal.composeotpview.ui.theme.AndroidComposeOTPViewTheme
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.yogeshpaliyal.speld.ui.theme.AndroidComposeOTPViewTheme
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -23,9 +30,28 @@ class MainActivity : ComponentActivity() {
 
 
                     Column(modifier = Modifier.fillMaxSize()) {
+
+                        Spacer(modifier = Modifier.height(20.dp))
+
+                        // Solid PIN View
                         PinInput(value = text.value, obscureText = null) {
                             text.value = it
                         }
+
+                        Spacer(modifier = Modifier.height(20.dp))
+
+                        // Bordered PIN View
+                        PinInput(
+                            modifier = Modifier.border(
+                                BorderStroke(2.dp, Color.Red),
+                                shape = RoundedCornerShape(3.dp)
+                            ), value = text.value,
+                            obscureText = "*",
+                            length = 6
+                        ) {
+                            text.value = it
+                        }
+
                     }
 
 

app/src/main/java/com/yogeshpaliyal/composeotpview/ui/theme/Color.kt renamed to app/src/main/java/com/yogeshpaliyal/speld/ui/theme/Color.kt

@@ -1,4 +1,4 @@
-package com.yogeshpaliyal.composeotpview.ui.theme
+package com.yogeshpaliyal.speld.ui.theme
 
 import androidx.compose.ui.graphics.Color
 

app/src/main/java/com/yogeshpaliyal/composeotpview/ui/theme/Shape.kt renamed to app/src/main/java/com/yogeshpaliyal/speld/ui/theme/Shape.kt

@@ -1,4 +1,4 @@
-package com.yogeshpaliyal.composeotpview.ui.theme
+package com.yogeshpaliyal.speld.ui.theme
 
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.Shapes

app/src/main/java/com/yogeshpaliyal/composeotpview/ui/theme/Theme.kt renamed to app/src/main/java/com/yogeshpaliyal/speld/ui/theme/Theme.kt

@@ -1,4 +1,4 @@
-package com.yogeshpaliyal.composeotpview.ui.theme
+package com.yogeshpaliyal.speld.ui.theme
 
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.material.MaterialTheme

app/src/main/java/com/yogeshpaliyal/composeotpview/ui/theme/Type.kt renamed to app/src/main/java/com/yogeshpaliyal/speld/ui/theme/Type.kt

@@ -1,4 +1,4 @@
-package com.yogeshpaliyal.composeotpview.ui.theme
+package com.yogeshpaliyal.speld.ui.theme
 
 import androidx.compose.material.Typography
 import androidx.compose.ui.text.TextStyle

speld/src/test/java/com/yogeshpaliyal/composeotpview/ExampleUnitTest.kt renamed to app/src/test/java/com/yogeshpaliyal/speld/ExampleUnitTest.kt

@@ -1,4 +1,4 @@
-package com.yogeshpaliyal.composeotpview
+package com.yogeshpaliyal.speld
 
 import org.junit.Test