SeekableTransitionState

import androidx.compose.animation.AnimatedContent
import androidx.compose.animation.core.LinearEasing
import androidx.compose.animation.core.SeekableTransitionState
import androidx.compose.animation.core.Transition
import androidx.compose.animation.core.animateFloat
import androidx.compose.animation.core.rememberTransition
import androidx.compose.animation.core.tween
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.togetherWith
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.wrapContentSize
import androidx.compose.foundation.layout.wrapContentWidth
import androidx.compose.foundation.systemGestureExclusion
import androidx.compose.material.Button
import androidx.compose.material.Slider
import androidx.compose.material.Text
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.scale
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.graphicsLayer
import androidx.compose.ui.unit.dp

Column {
    val seekingState = remember { SeekableTransitionState(BoxSize.Small) }
    val scope = rememberCoroutineScope()
    Column {
        Row {
            Button(
                onClick = { scope.launch { seekingState.animateTo(BoxSize.Small) } },
                Modifier.wrapContentWidth().weight(1f)
            ) {
                Text("Animate Small")
            }
            Button(
                onClick = { scope.launch { seekingState.seekTo(0f, BoxSize.Small) } },
                Modifier.wrapContentWidth().weight(1f)
            ) {
                Text("Seek Small")
            }
            Button(
                onClick = { scope.launch { seekingState.seekTo(0f, BoxSize.Medium) } },
                Modifier.wrapContentWidth().weight(1f)
            ) {
                Text("Seek Medium")
            }
            Button(
                onClick = { scope.launch { seekingState.seekTo(0f, BoxSize.Large) } },
                Modifier.wrapContentWidth().weight(1f)
            ) {
                Text("Seek Large")
            }
            Button(
                onClick = { scope.launch { seekingState.animateTo(BoxSize.Large) } },
                Modifier.wrapContentWidth().weight(1f)
            ) {
                Text("Animate Large")
            }
        }
    }
    Slider(
        value = seekingState.fraction,
        modifier = Modifier.systemGestureExclusion().padding(10.dp),
        onValueChange = { value -> scope.launch { seekingState.seekTo(fraction = value) } }
    )
    val transition = rememberTransition(seekingState)

    val scale: Float by
        transition.animateFloat(
            transitionSpec = { tween(easing = LinearEasing) },
            label = "Scale"
        ) { state ->
            when (state) {
                BoxSize.Small -> 1f
                BoxSize.Medium -> 2f
                BoxSize.Large -> 3f
            }
        }

    transition.AnimatedContent(
        transitionSpec = {
            fadeIn(tween(easing = LinearEasing)) togetherWith
                fadeOut(tween(easing = LinearEasing))
        }
    ) { state ->
        if (state == BoxSize.Large) {
            Box(Modifier.size(50.dp).background(Color.Magenta))
        } else {
            Box(Modifier.size(50.dp))
        }
    }
    Box(
        Modifier.fillMaxSize()
            .wrapContentSize(Alignment.Center)
            .size(100.dp)
            .graphicsLayer {
                scaleX = scale
                scaleY = scale
            }
            .background(Color.Blue)
    )
}