improve page indicator animation

Author: UrAvgCode

app/src/main/java/com/uravgcode/chooser/tutorial/presentation/TutorialScreen.kt

@@ -15,7 +15,6 @@
 
 package com.uravgcode.chooser.tutorial.presentation
 
-import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -50,7 +49,6 @@ import kotlinx.coroutines.launch
 import kotlin.math.absoluteValue
 
 @Composable
-@OptIn(ExperimentalFoundationApi::class)
 fun TutorialScreen(onComplete: () -> Unit) {
     val coroutineScope = rememberCoroutineScope()
     val pagerState = rememberPagerState(pageCount = { pagerContent.size })

app/src/main/java/com/uravgcode/chooser/tutorial/presentation/component/PageIndicator.kt

@@ -15,8 +15,6 @@
 
 package com.uravgcode.chooser.tutorial.presentation.component
 
-import androidx.compose.animation.core.animateDpAsState
-import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -27,9 +25,9 @@ import androidx.compose.foundation.pager.PagerState
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
+import kotlin.math.absoluteValue
 
 @Composable
 fun PageIndicator(
@@ -40,16 +38,15 @@ fun PageIndicator(
         modifier = modifier,
         horizontalArrangement = Arrangement.spacedBy(8.dp)
     ) {
-        repeat(pagerState.pageCount) { index ->
-            val isSelected = pagerState.currentPage == index
+        val page = pagerState.currentPage
+        val offset = pagerState.currentPageOffsetFraction
 
-            val width by animateDpAsState(
-                targetValue = if (isSelected) 18.dp else 8.dp,
-            )
+        repeat(pagerState.pageCount) { index ->
+            val distance = (index - (page + offset)).absoluteValue
+            val percentage = (1f - distance).coerceAtLeast(0f)
 
-            val alpha by animateFloatAsState(
-                targetValue = if (isSelected) 1f else 0.5f,
-            )
+            val width = 8.dp + (10.dp * percentage)
+            val alpha = 0.5f + (0.5f * percentage)
 
             Box(
                 modifier = Modifier