@momo-kits/native-kits 0.162.6-debug → 0.163.1-beta.1-debug

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigator.kt

@@ -9,7 +9,6 @@ import androidx.compose.runtime.staticCompositionLocalOf
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.navigation.NavController
-import androidx.navigation.toRoute
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.SupervisorJob
@@ -22,38 +21,30 @@ import vn.momo.kits.components.PopupNotify
 import vn.momo.kits.navigation.BottomHeader.*
 import vn.momo.kits.navigation.component.SnackBar
 import vn.momo.maxapi.IMaxApi
-import kotlin.time.Duration.Companion.milliseconds
 
 class Navigator(
     private val navController: NavController,
-    private val maxApi: IMaxApi?,
-    private val registry: DynamicScreenRegistry
+    private val maxApi: IMaxApi?
 ) {
     private val scope = CoroutineScope(SupervisorJob() + Dispatchers.Main)
 
-    private fun currentScreen(): DynamicScreen? {
-        val entry = navController.currentBackStackEntry ?: return null
-        val id = runCatching { entry.toRoute<DynamicScreenRoute>().id }.getOrNull()
-            ?: runCatching { entry.toRoute<DynamicDialogRoute>().id }.getOrNull()
-            ?: return null
-        return registry.getScreen(id)
-    }
-
     fun push(screenName: String, content: @Composable () -> Unit, options: NavigationOptions? = null) {
-        val route = registry.register(screenName, content, options)
+        val route = DynamicScreenRegistry.register(screenName, content, options)
         navController.navigate(DynamicScreenRoute(route.id))
     }
 
     fun replace(screenName: String, content: @Composable () -> Unit, options: NavigationOptions? = null) {
-        val replacedScreen = currentScreen()
-        replacedScreen?.let { registry.unregisterScreen(it.id) }
-        navController.popBackStack()
-        push(screenName, content, options)
+        if (navController.previousBackStackEntry != null){
+            val latestScreen = DynamicScreenRegistry.getLatestScreen()
+            latestScreen?.let { DynamicScreenRegistry.unregisterScreen(it.id) }
+            navController.popBackStack()
+            push(screenName, content, options)
+        }
     }
 
     fun onBackSafe(callBack: (() -> Unit)? = null) {
-        val currentScreen = currentScreen()
-        val options = currentScreen?.options
+        val latestScreen = DynamicScreenRegistry.getLatestScreen()
+        val options = latestScreen?.options
         if (options?.onBackHandler != null) {
             options.onBackHandler.invoke()
             return
@@ -96,30 +87,31 @@ class Navigator(
     }
     private suspend fun dismissOverplay(isDelay: Boolean = true) {
         OverplayComponentRegistry.clear()
-        if (isDelay) delay(300L.milliseconds)
+        if (isDelay) delay(300L)
         OverplayComponentRegistry.hardClearAfterDismiss()
     }
 
     private suspend fun dismissScreen() {
         if (navController.previousBackStackEntry != null){
-            val dismissing = currentScreen()
             navController.popBackStack()
-            delay(300L.milliseconds)
-            dismissing?.let { registry.unregisterScreen(it.id) }
+            delay(300L)
+            DynamicScreenRegistry.getLatestScreen()?.let { it1 ->
+                DynamicScreenRegistry.unregisterScreen(it1.id)
+            }
         } else {
             maxApi?.dismiss {  }
         }
     }
 
     fun present(screenName: String, content: @Composable () -> Unit, options: NavigationOptions? = null) {
-        val route = registry.register(screenName, content, options)
+        val route = DynamicScreenRegistry.register(screenName, content, options)
         navController.navigate(DynamicDialogRoute(route.id))
     }
 
     fun reset(screenName: String, content: @Composable () -> Unit, options: NavigationOptions? = null) {
-        registry.unregisterAll()
+        DynamicScreenRegistry.unregisterAll()
 
-        val route = registry.register(screenName, content, options)
+        val route = DynamicScreenRegistry.register(screenName, content, options)
         navController.navigate(DynamicScreenRoute(route.id)) {
             popUpTo(0) { inclusive = true }
         }
@@ -130,7 +122,7 @@ class Navigator(
         barrierDismissible: Boolean = true,
         onDismiss: (() -> Unit)? = null
     ){
-        val id = currentScreen()?.id ?: -1
+        val id = DynamicScreenRegistry.getLatestScreen()?.id ?: -1
         OverplayComponentRegistry.registerOverplay(id, content, OverplayComponentType.MODAL, false, barrierDismissible, onDismiss)
     }
 
@@ -141,12 +133,12 @@ class Navigator(
         onDismiss: (() -> Unit)? = null,
         bottomSheetHeader: BottomHeader? = null
     ){
-        val id = currentScreen()?.id ?: -1
+        val id = DynamicScreenRegistry.getLatestScreen()?.id ?: -1
         OverplayComponentRegistry.registerOverplay(id, content, OverplayComponentType.BOTTOM_SHEET, isSurface, barrierDismissible, onDismiss, bottomSheetHeader)
     }
 
     fun showSnackBar(snackBar: SnackBar, onDismiss: (() -> Unit)? = null) {
-        val id = currentScreen()?.id ?: -1
+        val id = DynamicScreenRegistry.getLatestScreen()?.id ?: -1
         scope.launch {
             OverplayComponentRegistry.registerOverplay(
                 id = id,
@@ -162,7 +154,7 @@ class Navigator(
     fun hideSnackBar() {
         scope.launch {
             OverplayComponentRegistry.clear()
-            delay(250L.milliseconds)
+            delay(250L)
             OverplayComponentRegistry.hardClearAfterDismiss()
         }
     }
@@ -189,11 +181,12 @@ data class DynamicScreen(
     var options: NavigationOptions? = null
 )
 
-class DynamicScreenRegistry {
+object DynamicScreenRegistry {
     private val screens = mutableMapOf<Int, DynamicScreen>()
+    private var idCounter = 1
 
     fun register(screenName: String, content: @Composable () -> Unit, options: NavigationOptions?): DynamicScreenRoute {
-        val id = nextGlobalId()
+        val id = idCounter++
         screens[id] = DynamicScreen(
             id = id,
             name = screenName,
@@ -203,7 +196,7 @@ class DynamicScreenRegistry {
         return DynamicScreenRoute(id)
     }
 
-    fun nextId(): Int = nextGlobalId()
+    fun nextId(): Int = idCounter++
 
     fun bind(id: Int, screenName: String, content: @Composable () -> Unit, options: NavigationOptions?) {
         screens[id] = DynamicScreen(
@@ -212,13 +205,17 @@ class DynamicScreenRegistry {
             content = content,
             options = options
         )
-        advanceGlobalIdPast(id) // keep counter ahead after process-death restore
+        if (id >= idCounter) idCounter = id + 1 // keep counter ahead after process-death restore
     }
 
     fun unregisterScreen(id: Int) {
         screens.remove(id)
     }
 
+    fun getLatestScreen(): DynamicScreen?{
+        return screens.entries.lastOrNull()?.value
+    }
+
     fun unregisterAll(){
         val ids = screens.keys.toList()
         for (id in ids) {
@@ -231,20 +228,8 @@ class DynamicScreenRegistry {
     fun setOptions(id: Int, options: NavigationOptions){
         screens[id]?.options = options
     }
-
-    companion object {
-        private var globalIdCounter = 1
-
-        private fun nextGlobalId(): Int = globalIdCounter++
-
-        private fun advanceGlobalIdPast(id: Int) {
-            if (id >= globalIdCounter) globalIdCounter = id + 1
-        }
-    }
 }
 
-val LocalDynamicScreenRegistry = staticCompositionLocalOf<DynamicScreenRegistry?> { null }
-
 
 sealed class OverplayComponentParams {
     class Modal(
@@ -259,7 +244,7 @@ sealed class OverplayComponentParams {
         val bottomSheetHeader: BottomHeader? = null,
     ) : OverplayComponentParams()
 
-    class SnackBar : OverplayComponentParams()
+    class SnackBar() : OverplayComponentParams()
 }
 
 data class OverplayComponent(
@@ -323,7 +308,7 @@ object OverplayComponentRegistry {
     }
 
     @Composable
-    internal fun OverlayComponent(){
+    fun OverlayComponent(){
         val overplay = currentOverlayComponent.value ?: return
 
         when (val params = overplay.params) {

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackScreen.kt

@@ -45,8 +45,8 @@ import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.min
 import androidx.compose.ui.zIndex
-import kotlinx.coroutines.flow.Flow
 import vn.momo.kits.components.InputSearch
 import vn.momo.kits.const.AppNavigationBar
 import vn.momo.kits.const.AppStatusBar
@@ -71,7 +71,6 @@ import vn.momo.kits.navigation.tracking.ScreenTrackingState
 import kotlinx.coroutines.delay
 import vn.momo.kits.application.ApplicationContext
 import kotlin.time.Clock
-import kotlin.time.Duration.Companion.milliseconds
 import kotlin.time.ExperimentalTime
 
 internal val LocalFooterHeightPx = staticCompositionLocalOf { mutableIntStateOf(0) }
@@ -92,15 +91,14 @@ internal fun StackScreen(
     val context = ApplicationContext.current
     val statusBar = AppStatusBar.current
     val density = LocalDensity.current
-    val screenRegistry = LocalDynamicScreenRegistry.current
-    val navigation = remember { Navigation(id = id, bottomTabIndex = bottomTabIndex, initOptions = navigationOptions, registry = screenRegistry) }
+    val navigation = remember { Navigation(id = id, bottomTabIndex = bottomTabIndex, initOptions = navigationOptions) }
 
     val options by navigation.currentOptions
 
     // Auto tracking state
     val trackingState = remember {
         ScreenTrackingState().apply {
-            time = Clock.System.now().toEpochMilliseconds()
+            startTime = Clock.System.now().toEpochMilliseconds()
         }
     }
 
@@ -121,8 +119,8 @@ internal fun StackScreen(
         )
 
         // Track screen displayed after 2 seconds (debounce)
-        delay(2000.milliseconds)
-        val loadTime = Clock.System.now().toEpochMilliseconds() - trackingState.time
+        delay(2000)
+        val loadTime = Clock.System.now().toEpochMilliseconds() - trackingState.startTime
         ScreenTracker.trackScreenDisplayed(
             maxApi = maxApi,
             context = context,
@@ -132,7 +130,7 @@ internal fun StackScreen(
         )
 
         // Track screen interacted after displayed
-        val interactionTime = Clock.System.now().toEpochMilliseconds() - trackingState.time
+        val interactionTime = Clock.System.now().toEpochMilliseconds() - trackingState.startTime
         ScreenTracker.trackScreenInteracted(
             maxApi = maxApi,
             context = context,
@@ -206,9 +204,8 @@ internal fun StackScreen(
     }
 }
 
-@Suppress("FrequentlyChangingValue")
 @Composable
-internal fun FloatingContent() {
+fun FloatingContent() {
     val options = LocalOptions.current
     val density = LocalDensity.current
     val footerHeightPx = LocalFooterHeightPx.current
@@ -232,7 +229,7 @@ internal fun FloatingContent() {
 }
 
 @Composable
-internal fun ColumnScope.MainContent(content: @Composable () -> Unit) {
+fun ColumnScope.MainContent(content: @Composable () -> Unit) {
     val options = LocalOptions.current
     val inputSearchType = getInputSearchType(options)
     val density = LocalDensity.current
@@ -267,7 +264,7 @@ internal fun ColumnScope.MainContent(content: @Composable () -> Unit) {
 }
 
 @Composable
-internal fun ScreenContent(content: @Composable () -> Unit) {
+fun ScreenContent(content: @Composable () -> Unit) {
     val scrollState = LocalScrollState.current
     val options = LocalOptions.current
 
@@ -287,7 +284,7 @@ internal fun ScreenContent(content: @Composable () -> Unit) {
 }
 
 @Composable
-internal fun FooterContent() {
+fun FooterContent() {
     val options = LocalOptions.current
     if (options.footerComponent != null) {
         val keyboardSize = keyboardSizeState()
@@ -297,13 +294,13 @@ internal fun FooterContent() {
 }
 
 @Composable
-internal fun keyboardSizeState(): State<Dp> {
+fun keyboardSizeState(): State<Dp> {
     val bottom = WindowInsets.ime.asPaddingValues()
     return rememberUpdatedState(bottom.calculateBottomPadding())
 }
 
 @Composable
-internal fun OverplayView(bottomTabIndex: Int, id: Int) {
+fun OverplayView(bottomTabIndex: Int, id: Int) {
     val overplayType = OverplayComponentRegistry.getOverplayType()
 
     if (overplayType != null) {
@@ -358,9 +355,8 @@ data class InputSearchLayoutParams(
     val endPadding: Dp
 )
 
-@Suppress("FrequentlyChangingValue")
 @Composable
-internal fun SearchAnimated(
+fun SearchAnimated(
     isScrollInProgress: Boolean
 ) {
     val scrollState = LocalScrollState.current
@@ -473,61 +469,64 @@ private fun quantize(value: Int, stepPx: Int): Int {
 }
 
 @Composable
-internal fun LazyListState.proxyScrollState(
+fun LazyListState.proxyScrollState(
     thresholdPx: Int = 200,
     stepPx: Int = 4
-): Pair<ScrollState, Boolean> = proxyScroll(
-    source = this,
-    thresholdPx = thresholdPx,
-    stepPx = stepPx,
-    isScrollInProgress = { isScrollInProgress },
-    rawTargetFlow = {
-        snapshotFlow {
-            if (firstVisibleItemIndex == 0) firstVisibleItemScrollOffset
-            else SCROLLED_PAST_FIRST_ITEM_THRESHOLD
-        }
-    },
-)
+): Pair<ScrollState, Boolean> {
+    val scrollState = rememberScrollState()
+    val locked = remember { mutableStateOf(false) }
+
+    LaunchedEffect(this, scrollState, thresholdPx, stepPx) {
+        snapshotFlow { firstVisibleItemIndex to firstVisibleItemScrollOffset }
+            .collect { (index, offset) ->
+                val rawTarget = if (index == 0) offset else SCROLLED_PAST_FIRST_ITEM_THRESHOLD
+                val shouldLock = rawTarget > thresholdPx
+                if (locked.value != shouldLock) locked.value = shouldLock
+
+                val desired = if (shouldLock) thresholdPx else quantize(rawTarget, stepPx)
+
+                if (scrollState.value != desired) {
+                    scrollState.scrollTo(desired.coerceAtLeast(0))
+                }
+            }
+    }
+
+    val inProgress = remember { mutableStateOf(false) }
+    LaunchedEffect(this, thresholdPx) {
+        snapshotFlow { isScrollInProgress }
+            .collect { progressing ->
+                inProgress.value = if (locked.value) false else progressing
+            }
+    }
+
+    return scrollState to inProgress.value
+}
 
 @Composable
-internal fun ScrollState.proxyLimitedScrollState(
+fun ScrollState.proxyLimitedScrollState(
     thresholdPx: Int = 200,
     stepPx: Int = 4
-): Pair<ScrollState, Boolean> = proxyScroll(
-    source = this,
-    thresholdPx = thresholdPx,
-    stepPx = stepPx,
-    isScrollInProgress = { isScrollInProgress },
-    rawTargetFlow = { snapshotFlow { value } },
-)
-
-@Composable
-private fun proxyScroll(
-    source: Any,
-    thresholdPx: Int,
-    stepPx: Int,
-    isScrollInProgress: () -> Boolean,
-    rawTargetFlow: () -> Flow<Int>,
 ): Pair<ScrollState, Boolean> {
     val proxy = rememberScrollState()
     val locked = remember { mutableStateOf(false) }
 
-    LaunchedEffect(source, proxy, thresholdPx, stepPx) {
-        rawTargetFlow().collect { rawTarget ->
-            val shouldLock = rawTarget > thresholdPx
-            if (locked.value != shouldLock) locked.value = shouldLock
+    LaunchedEffect(this, proxy, thresholdPx, stepPx) {
+        snapshotFlow { value }
+            .collect { rawTarget ->
+                val shouldLock = rawTarget > thresholdPx
+                if (locked.value != shouldLock) locked.value = shouldLock
 
-            val desired = if (shouldLock) thresholdPx else quantize(rawTarget, stepPx)
+                val desired = if (shouldLock) thresholdPx else quantize(rawTarget, stepPx)
 
-            if (proxy.value != desired) {
-                proxy.scrollTo(desired.coerceAtLeast(0))
+                if (proxy.value != desired) {
+                    proxy.scrollTo(desired.coerceAtLeast(0))
+                }
             }
-        }
     }
 
     val inProgress = remember { mutableStateOf(false) }
-    LaunchedEffect(source, thresholdPx) {
-        snapshotFlow { isScrollInProgress() }
+    LaunchedEffect(this, thresholdPx) {
+        snapshotFlow { isScrollInProgress }
             .collect { progressing ->
                 inProgress.value = if (locked.value) false else progressing
             }

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTab.kt

@@ -6,7 +6,13 @@ import androidx.compose.animation.fadeOut
 import androidx.compose.animation.scaleIn
 import androidx.compose.animation.scaleOut
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.ui.Alignment
@@ -26,12 +32,12 @@ import vn.momo.kits.navigation.component.HeaderType
 import vn.momo.kits.platform.getScreenHeight
 
 private var bottomTabOptionItems : MutableList<NavigationOptions?> = mutableListOf()
-internal fun setBottomTabOption(index: Int, options: NavigationOptions){
+fun setBottomTabOption(index: Int, options: NavigationOptions){
     if (index in bottomTabOptionItems.indices) {
         bottomTabOptionItems[index] = options
     }
 }
-internal fun getBottomTabOption(index: Int): NavigationOptions? {
+fun getBottomTabOption(index: Int): NavigationOptions? {
     return if (index in bottomTabOptionItems.indices) {
         bottomTabOptionItems[index]
     } else null

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTabBar.kt

@@ -5,7 +5,19 @@ import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
@@ -20,20 +32,26 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import androidx.navigation.NavController
 import androidx.navigation.compose.currentBackStackEntryAsState
+import vn.momo.kits.components.Badge
+import vn.momo.kits.components.Icon
+import vn.momo.kits.components.Text
+import vn.momo.kits.const.AppTheme
+import vn.momo.kits.const.Colors
+import vn.momo.kits.const.Radius
+import vn.momo.kits.const.Spacing
 import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.components.*
-import vn.momo.kits.const.*
-import vn.momo.kits.modifier.InternalApi
+import vn.momo.kits.components.BadgeDot
+import vn.momo.kits.components.DotSize
+import vn.momo.kits.const.Typography
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.noFeedbackClickable
 import vn.momo.kits.platform.getScreenDimensions
 
-internal val floatingButtonWidth = 75.dp
-@InternalApi
+val floatingButtonWidth = 75.dp
 const val BOTTOM_TAB_BAR_HEIGHT = 64
 
 @Composable
-internal fun BottomTabBar(
+fun BottomTabBar(
     items: List<BottomTabItem>,
     floatingButton: BottomTabFloatingButton? = null,
     navController: NavController,
@@ -73,11 +91,11 @@ internal fun BottomTabBar(
             horizontalArrangement = Arrangement.SpaceAround,
         ) {
             if (floatingButton == null) {
-                RenderTabBarItem(items, 0, items.size, selectedIndex, onTabSelected)
+                renderTabBarItem(items, 0, items.size, selectedIndex, onTabSelected)
             } else {
-                RenderTabBarItem(items, 0, mid, selectedIndex, onTabSelected)
+                renderTabBarItem(items, 0, mid, selectedIndex, onTabSelected)
                 Spacer(modifier = Modifier.width(floatingButtonWidth).padding(horizontal = Spacing.XXS))
-                RenderTabBarItem(items, mid, items.size, selectedIndex, onTabSelected)
+                renderTabBarItem(items, mid, items.size, selectedIndex, onTabSelected)
             }
         }
 
@@ -106,7 +124,7 @@ internal fun BottomTabBar(
 }
 
 @Composable
-internal fun RowScope.RenderTabBarItem(
+fun RowScope.renderTabBarItem(
     items: List<BottomTabItem>,
     fromIndex: Int,
     toIndex: Int,
@@ -125,7 +143,7 @@ internal fun RowScope.RenderTabBarItem(
 }
 
 @Composable
-internal fun TabBarItem(item: BottomTabItem, selected: Boolean, onClick: () -> Unit) {
+fun TabBarItem(item: BottomTabItem, selected: Boolean, onClick: () -> Unit) {
     fun isNumber(label: String): Boolean {
         val numberRegex = "^\\d+$".toRegex()
         return numberRegex.matches(label)
@@ -185,7 +203,7 @@ internal fun TabBarItem(item: BottomTabItem, selected: Boolean, onClick: () -> U
 }
 
 @Composable
-internal fun FloatingButton(data: BottomTabFloatingButton) {
+fun FloatingButton(data: BottomTabFloatingButton) {
     Column(
         modifier = Modifier
             .width(floatingButtonWidth)

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/CurvedContainer.kt

@@ -17,7 +17,7 @@ import androidx.compose.ui.zIndex
 import vn.momo.kits.const.AppTheme
 
 @Composable
-internal fun CurvedContainer(
+fun CurvedContainer(
     circleSize: Dp = 48.dp,
     tabBarItemIconSize: Dp = 28.dp,
     circleOverSize: Dp = 2.dp,

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/FloatingButton.kt

@@ -1,21 +1,40 @@
 package vn.momo.kits.navigation.component
 
-import androidx.compose.animation.*
+import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.CubicBezierEasing
 import androidx.compose.animation.core.LinearEasing
 import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.animation.core.tween
+import androidx.compose.animation.expandHorizontally
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.shrinkHorizontally
 import androidx.compose.foundation.ScrollState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.sizeIn
+import androidx.compose.foundation.layout.width
 import androidx.compose.material3.AlertDialogDefaults
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.FloatingActionButtonDefaults
 import androidx.compose.material3.FloatingActionButtonElevation
-import androidx.compose.runtime.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -31,7 +50,6 @@ import vn.momo.kits.components.Text
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Typography
 import vn.momo.kits.modifier.conditional
-import kotlin.time.Duration.Companion.milliseconds
 
 enum class FABSize { SMALL, DEFAULT }
 enum class FABPosition { END, CENTER }
@@ -55,7 +73,7 @@ private val FabIconSizeDefault = 24.dp
 private val FabPaddingHorizontal = 12.dp
 
 @Composable
-internal fun FloatingButton(
+fun FloatingButton(
     scrollPosition: Int,
     bottom: Dp,
     onClick: () -> Unit,
@@ -88,7 +106,7 @@ internal fun FloatingButton(
             coroutineScope.launch {
                 scrollStateFlow.collectLatest { newScroll ->
                     isExpanded = newScroll <= lastScrollPosition
-                    delay(100.milliseconds)
+                    delay(100)
                     lastScrollPosition = newScroll
                 }
             }