@momo-kits/native-kits 0.162.0-debug → 0.162.1-beta.1-debug

package/compose/src/commonMain/kotlin/vn/momo/kits/application/LiteScreen.kt

@@ -2,43 +2,16 @@ package vn.momo.kits.application
 
 import androidx.annotation.FloatRange
 import androidx.compose.animation.animateContentSize
-import androidx.compose.foundation.ScrollState
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
+import androidx.compose.foundation.*
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.interaction.FocusInteraction
 import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.WindowInsets
-import androidx.compose.foundation.layout.asPaddingValues
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.ime
-import androidx.compose.foundation.layout.navigationBars
-import androidx.compose.foundation.layout.offset
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.Stable
-import androidx.compose.runtime.State
-import androidx.compose.runtime.derivedStateOf
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.produceState
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberUpdatedState
-import androidx.compose.runtime.snapshotFlow
-import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.composed
@@ -52,25 +25,13 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.layout.Layout
-import androidx.compose.ui.layout.Measurable
-import androidx.compose.ui.layout.MeasurePolicy
-import androidx.compose.ui.layout.MeasureResult
-import androidx.compose.ui.layout.MeasureScope
-import androidx.compose.ui.layout.Placeable
-import androidx.compose.ui.layout.layoutId
+import androidx.compose.ui.layout.*
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.platform.LocalFocusManager
 import androidx.compose.ui.platform.LocalSoftwareKeyboardController
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextOverflow
-import androidx.compose.ui.unit.Constraints
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.IntOffset
-import androidx.compose.ui.unit.LayoutDirection
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.lerp
-import androidx.compose.ui.unit.sp
+import androidx.compose.ui.unit.*
 import kotlinx.coroutines.flow.collectLatest
 import kotlinx.coroutines.flow.mapNotNull
 import vn.momo.kits.components.Icon
@@ -82,7 +43,6 @@ import vn.momo.kits.const.Typography
 import vn.momo.kits.modifier.kitsAutomationId
 import vn.momo.kits.modifier.noFeedbackClickable
 import vn.momo.kits.modifier.setAutomationId
-import vn.momo.kits.modifier.shadow
 import vn.momo.kits.navigation.component.HEADER_HEIGHT
 import vn.momo.kits.utils.getAppStatusBarHeight
 import kotlin.math.max
@@ -123,7 +83,7 @@ fun LiteScreen(
     title: String? = null,
     inputSearchProps: LiteInputSearchProps? = null,
     goBack: (() -> Unit)? = null,
-    headerRight: @Composable() (() -> Unit)? = null,
+    headerRight: @Composable (() -> Unit)? = null,
     useAnimationSearch: Boolean = true,
     titlePosition: TitlePosition = TitlePosition.LEFT,
     headerRightData: HeaderRightData? = null,
@@ -853,61 +813,6 @@ private fun LiteInputSearch(
     }
 }
 
-@Composable
-private fun footerOffset(
-    useAvoidKeyboard: Boolean = true,
-): State<IntOffset> {
-    if (!useAvoidKeyboard) return remember { mutableStateOf(IntOffset.Zero) }
-    val density = LocalDensity.current
-    val navPaddingValue = WindowInsets.navigationBars.asPaddingValues()
-    val keyboardSize = keyboardSizeState()
-
-    return produceState(IntOffset.Zero, density, navPaddingValue) {
-        val navSystemOffset = with(density) { navPaddingValue.calculateBottomPadding().roundToPx() }
-        snapshotFlow { keyboardSize.value }.collectLatest {
-            value = if (it == 0.dp) IntOffset.Zero
-            else IntOffset(
-                x = 0, y = with(density) {
-                    navSystemOffset - it.roundToPx()
-                })
-        }
-    }
-}
-
-@Composable
-fun keyboardSizeState(): State<Dp> {
-    val bottom = WindowInsets.ime.asPaddingValues()
-    return rememberUpdatedState(bottom.calculateBottomPadding())
-}
-
-@Composable
-private fun Footer(
-    useAvoidKeyboard: Boolean,
-    footerContent: (@Composable () -> Unit)?,
-) {
-    footerContent ?: return
-    val theme = AppTheme.current
-    val navPaddingValue = WindowInsets.navigationBars.asPaddingValues()
-    val offsetMove = footerOffset(useAvoidKeyboard)
-
-    Box(
-        modifier = Modifier.padding(navPaddingValue).fillMaxWidth().offset {
-            offsetMove.value
-        }.shadow(
-            color = Colors.black_20.copy(alpha = 0.05f),
-            blurRadius = 24f,
-            offsetX = 0.dp,
-            offsetY = (-4).dp
-        ).background(theme.colors.background.surface).padding(
-            start = Spacing.M,
-            top = Spacing.M,
-            end = Spacing.M,
-        )
-    ) {
-        footerContent()
-    }
-}
-
 fun Modifier.hideKeyboardOnTap() = composed {
     val focusManager = LocalFocusManager.current
     val keyboardManager = LocalSoftwareKeyboardController.current

package/compose/src/commonMain/kotlin/vn/momo/kits/application/NavigationContainer.kt

@@ -1,24 +1,12 @@
 package vn.momo.kits.application
 
 import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.Dp
-import vn.momo.kits.const.AppStatusBar
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Theme
-import vn.momo.kits.const.ThemeAssets
-import vn.momo.kits.const.defaultTheme
-import vn.momo.kits.modifier.DeprecatedModifier
+import vn.momo.kits.const.*
+import vn.momo.kits.utils.Deprecated as DeprecatedKit
 import vn.momo.kits.platform.getStatusBarHeight
 
 @Deprecated("Use IMaxApi instead", ReplaceWith("IMaxApi"))
@@ -113,7 +101,7 @@ fun ApplicationContainer(
         AppConfig provides config,
         AppLanguage provides language,
     ) {
-        Box(Modifier.wrapContentSize().then(DeprecatedModifier())) {
+        Box(Modifier.wrapContentSize().then(DeprecatedKit.deprecatedModifier())) {
             content()
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/application/Screen.kt

@@ -6,32 +6,10 @@ import androidx.compose.animation.core.tween
 import androidx.compose.foundation.ScrollState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.WindowInsets
-import androidx.compose.foundation.layout.asPaddingValues
-import androidx.compose.foundation.layout.aspectRatio
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.ime
-import androidx.compose.foundation.layout.imePadding
-import androidx.compose.foundation.layout.navigationBars
-import androidx.compose.foundation.layout.offset
-import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.compose.runtime.DisposableEffect
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -44,24 +22,20 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.IntOffset
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.zIndex
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.SupervisorJob
-import kotlinx.coroutines.cancel
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.launch
+import kotlinx.coroutines.*
 import vn.momo.kits.components.InputSearchProps
 import vn.momo.kits.const.AppNavigationBar
 import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Spacing
-import vn.momo.kits.modifier.DeprecatedModifier
 import vn.momo.kits.modifier.conditional
+import vn.momo.kits.utils.Deprecated as DeprecatedKit
 import vn.momo.kits.modifier.shadow
 import vn.momo.kits.navigation.component.SnackBar
 import vn.momo.kits.platform.supportsImePadding
 import vn.momo.kits.utils.getAppStatusBarHeight
 import vn.momo.kits.utils.getNavigationBarHeight
+import kotlin.time.Duration.Companion.milliseconds
 
 enum class HeaderType {
     DEFAULT,
@@ -137,7 +111,7 @@ fun Screen(
                 .background(backgroundColor ?: AppTheme.current.colors.background.default)
                 .conditional(useAvoidKeyboard && supportsImePadding()) {
                     imePadding()
-                }.then(DeprecatedModifier())
+                }.then(DeprecatedKit.deprecatedModifier())
         ) {
             val footerHeightPx = remember { mutableStateOf(0) }
 
@@ -281,6 +255,7 @@ fun Footer(
             .onGloballyPositioned {
                 onFooterMeasured?.invoke(it.size.height)
             }
+            
     ) {
         Box(
             Modifier.fillMaxWidth()
@@ -333,7 +308,7 @@ val LocalScreenHelper = staticCompositionLocalOf<ScreenHelper> {
 }
 
 @Composable
-fun ScreenSnackBarHost(footerHeightPx: Int) {
+internal fun ScreenSnackBarHost(footerHeightPx: Int) {
     val helper = LocalScreenHelper.current
     val snackBarData = helper.snackBarState ?: return
     val density = LocalDensity.current
@@ -370,7 +345,7 @@ fun ScreenSnackBarHost(footerHeightPx: Int) {
     LaunchedEffect(snackBarData.type.duration) {
         val duration = snackBarData.type.duration
         if (duration != null) {
-            delay(duration)
+            delay(duration.milliseconds)
             helper.hideSnackBar()
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/application/useHeaderSearchAnimation.kt

@@ -24,7 +24,7 @@ private const val BACK_WIDTH = 28
 
 @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
 @Composable
-fun useHeaderSearchAnimation(
+internal fun useHeaderSearchAnimation(
     opacityAni: Float,
     scrollState: Int,
     headerRightWidth: Dp,

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Badge.kt

@@ -13,12 +13,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.application.IsShowBaseLineDebug
-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.const.Typography
-import vn.momo.kits.const.scaleSize
+import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 
 

package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeRibbon.kt

@@ -70,15 +70,15 @@ fun BadgeRibbon(
         }
 
         if (isRound) {
-            renderRoundContent(label, rotate, theme.colors.warning.primary)
+            RenderRoundContent(label, rotate, theme.colors.warning.primary)
         } else {
-            renderSkewContent(label, rotate, theme.colors.warning.primary)
+            RenderSkewContent(label, rotate, theme.colors.warning.primary)
         }
     }
 }
 
 @Composable
-fun renderRoundContent(label: String, rotate: Float, backgroundColor: Color){
+internal fun RenderRoundContent(label: String, rotate: Float, backgroundColor: Color){
     Box(
         modifier = Modifier
             .height(roundHeight)
@@ -97,7 +97,7 @@ fun renderRoundContent(label: String, rotate: Float, backgroundColor: Color){
 }
 
 @Composable
-fun renderSkewContent(label: String, rotate: Float, backgroundColor: Color){
+internal fun RenderSkewContent(label: String, rotate: Float, backgroundColor: Color){
     Box(
         modifier = Modifier
             .height(skewBodyHeight)
@@ -110,7 +110,7 @@ fun renderSkewContent(label: String, rotate: Float, backgroundColor: Color){
 }
 
 @Composable
-fun Label(label: String, rotate: Float){
+internal fun Label(label: String, rotate: Float){
     Text(
         text = label,
         color = Colors.black_01,
@@ -122,7 +122,7 @@ fun Label(label: String, rotate: Float){
 }
 
 @Composable
-fun UpTail() {
+internal fun UpTail() {
     Image(
         source = "https://static.momocdn.net/app/img/kits/utils/Head_down_4x.png",
         modifier = Modifier
@@ -136,7 +136,7 @@ fun UpTail() {
 }
 
 @Composable
-fun DownTail() {
+internal fun DownTail() {
     Image(
         source = "https://static.momocdn.net/app/img/kits/utils/Head_4x.png",
         modifier = Modifier
@@ -149,7 +149,7 @@ fun DownTail() {
 }
 
 @Composable
-fun RightTail() {
+internal fun RightTail() {
     Image(
         source = "https://static.momocdn.net/app/img/kits/utils/Tail_4x.png",
         modifier = Modifier
@@ -190,10 +190,9 @@ fun RoundedBadgeRibbon(
     val textHeight = with(density) { textLayoutResult.size.height.toDp() }
 
     val minRibbonHeight = (textHeight * 1.2f).coerceAtLeast(16.dp)
-    val paddingBottom = minRibbonHeight / 4f
-    val badgeHeight = minRibbonHeight + paddingBottom
-    val horizontalPadding = paddingBottom
-    val badgeWidth = (textWidth + horizontalPadding * 2).coerceAtLeast(28.dp)
+    val padding = minRibbonHeight / 4f
+    val badgeHeight = minRibbonHeight + padding
+    val badgeWidth = (textWidth + padding * 2).coerceAtLeast(28.dp)
 
     val (rotateZ, scaleY, scaleX) = when (position) {
         RibbonPosition.TopLeft -> Triple(0f, 1f, -1f)
@@ -211,12 +210,12 @@ fun RoundedBadgeRibbon(
                 this.scaleX = scaleX
             }
     ) {
-        val roundedRect = (badgeHeight - paddingBottom) / 2f
+        val roundedRect = (badgeHeight - padding) / 2f
 
         Canvas(modifier = Modifier.matchParentSize()) {
             val width = size.width
             val height = size.height
-            val ribbonHeight = height - paddingBottom.toPx()
+            val ribbonHeight = height - padding.toPx()
             val cornerRadius = roundedRect.toPx()
 
             val mainColor = Color(0xFFFA541C)
@@ -273,7 +272,7 @@ fun RoundedBadgeRibbon(
 
             // Draw bottom tail section
             val tailY = ribbonHeight
-            val tailHeight = paddingBottom.toPx()
+            val tailHeight = padding.toPx()
             val halfHeadWidth = headWidth / 2f
             val tailStartX = rightX + headWidth - halfHeadWidth
 
@@ -284,7 +283,6 @@ fun RoundedBadgeRibbon(
                 size = Size(halfHeadWidth, halfHeadWidth)
             )
 
-            val tailRoundRadius = tailHeight
             val tailRightPath = Path().apply {
                 addRoundRect(
                     RoundRect(
@@ -295,8 +293,8 @@ fun RoundedBadgeRibbon(
                             bottom = tailY + tailHeight
                         ),
                         topLeft = CornerRadius.Zero,
-                        topRight = CornerRadius(tailRoundRadius, tailRoundRadius),
-                        bottomRight = CornerRadius(tailRoundRadius, tailRoundRadius),
+                        topRight = CornerRadius(tailHeight, tailHeight),
+                        bottomRight = CornerRadius(tailHeight, tailHeight),
                         bottomLeft = CornerRadius.Zero
                     )
                 )
@@ -310,8 +308,8 @@ fun RoundedBadgeRibbon(
         Text(
             text = text,
             modifier = Modifier
-                .padding(bottom = paddingBottom)
-                .padding(horizontal = paddingBottom / 2)
+                .padding(bottom = padding)
+                .padding(horizontal = padding / 2)
                 .align(Alignment.Center)
                 .graphicsLayer {
                     rotationZ = rotateZ
@@ -327,14 +325,14 @@ fun RoundedBadgeRibbon(
     }
 }
 
-val ribbonHeight: Dp = 20.dp
-val roundHeight: Dp = 16.dp
-val skewBodyHeight: Dp = 16.dp
-val roundRightRadius: Dp = 12.dp
-val roundPaddingEnd: Dp = 6.dp
-val skewTailWidth: Dp = 8.dp
-val skewTailHeight: Dp = 16.dp
-val headTailWidth: Dp = 5.dp
-val headTailHeight: Dp = 20.dp
+private val ribbonHeight: Dp = 20.dp
+private val roundHeight: Dp = 16.dp
+private val skewBodyHeight: Dp = 16.dp
+private val roundRightRadius: Dp = 12.dp
+private val roundPaddingEnd: Dp = 6.dp
+private val skewTailWidth: Dp = 8.dp
+private val skewTailHeight: Dp = 16.dp
+private val headTailWidth: Dp = 5.dp
+private val headTailHeight: Dp = 20.dp
 
 enum class RibbonPosition {TopLeft, TopRight, BottomLeft, BottomRight}

package/compose/src/commonMain/kotlin/vn/momo/kits/components/BaselineView.kt

@@ -2,17 +2,7 @@ package vn.momo.kits.components
 
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.WindowInsets
-import androidx.compose.foundation.layout.asPaddingValues
-import androidx.compose.foundation.layout.fillMaxHeight
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.navigationBars
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.*
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -21,22 +11,9 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.PathEffect
 import androidx.compose.ui.graphics.StrokeCap
 import androidx.compose.ui.unit.dp
-import io.ktor.util.Platform
-import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.const.Colors
-import vn.momo.kits.modifier.conditional
 import vn.momo.kits.platform.getPlatformName
 import vn.momo.kits.platform.getStatusBarHeight
 
-/**
- * A debug overlay that draws danger/warning baseline guides on top of the screen.
- *
- * Highlights safe-area boundaries, header regions, and bottom navigation zones
- * using colored solid or dotted lines and semi-transparent red zones.
- *
- * @param enabled When `false` the composable renders nothing. Pass `false` when
- *                your QC automation flag is active to suppress the overlay.
- */
 @Composable
 fun BaselineView(enabled: Boolean = true) {
     if (!enabled) return
@@ -169,10 +146,10 @@ fun BaselineView(enabled: Boolean = true) {
     }
 }
 
-enum class BaselineOrientation { Horizontal, Vertical }
+private enum class BaselineOrientation { Horizontal, Vertical }
 
 @Composable
-fun BaselineDottedLine(
+private fun BaselineDottedLine(
     modifier: Modifier = Modifier,
     color: Color = Color.Red,
     orientation: BaselineOrientation = BaselineOrientation.Horizontal,

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Button.kt

@@ -1,5 +1,7 @@
 package vn.momo.kits.components
 
+import vn.momo.kits.utils.Deprecated.InternalApi
+
 import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.animation.core.tween
@@ -8,14 +10,7 @@ import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.interaction.collectIsPressedAsState
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -30,11 +25,7 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.application.IsShowBaseLineDebug
-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.const.Typography
+import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.platform.LottieAnimation
 
@@ -100,32 +91,37 @@ private val iconSpaceCache = mapOf(
     Size.LARGE to Spacing.S
 )
 
-fun getStyle(size: Size): TextStyle {
+private fun getStyle(size: Size): TextStyle {
     return styleCache[size] ?: Typography.actionDefaultBold
 }
 
-fun getIconSize(size: Size): Dp = iconSizeCache[size] ?: 24.dp
-fun getIconSpace(size: Size): Dp = iconSpaceCache[size] ?: Spacing.S
+private fun getIconSize(size: Size): Dp = iconSizeCache[size] ?: 24.dp
+private fun getIconSpace(size: Size): Dp = iconSpaceCache[size] ?: Spacing.S
 
 @Composable
-fun getTextColor(loading: Boolean, type: ButtonType): Color {
+internal fun getTextColor(loading: Boolean, type: ButtonType): Color {
     val theme = AppTheme.current
 
     return remember(type, theme, loading) {
-        when (type) {
-            ButtonType.DISABLED -> theme.colors.text.disable
-            ButtonType.PRIMARY -> Colors.black_01
-            ButtonType.SECONDARY -> theme.colors.text.default
-            ButtonType.OUTLINE -> theme.colors.primary
-            ButtonType.TONAL -> theme.colors.primary
-            ButtonType.DANGER -> Colors.black_01
-            ButtonType.TEXT -> theme.colors.primary
-        }.withLoading(loading)
+        getButtonColor(type, theme).withLoading(loading)
+    }
+}
+
+internal fun getButtonColor(type: ButtonType, theme: Theme): Color {
+    return when (type) {
+        ButtonType.DISABLED -> theme.colors.text.disable
+        ButtonType.PRIMARY -> Colors.black_01
+        ButtonType.SECONDARY -> theme.colors.text.default
+        ButtonType.OUTLINE -> theme.colors.primary
+        ButtonType.TONAL -> theme.colors.primary
+        ButtonType.DANGER -> Colors.black_01
+        ButtonType.TEXT -> theme.colors.primary
     }
 }
 
+
 @Composable
-fun RenderTitle(size: Size, title: String = "", textColor: Color) {
+internal fun RenderTitle(size: Size, title: String = "", textColor: Color) {
     val style = remember(size) { getStyle(size) }
     Text(
         style = style,
@@ -137,6 +133,7 @@ fun RenderTitle(size: Size, title: String = "", textColor: Color) {
 }
 
 @Composable
+@InternalApi
 fun RenderIcon(
     size: Size,
     isIconLeft: Boolean,
@@ -187,7 +184,7 @@ private fun shouldLoadingOnLeft(iconLeft: String, iconRight: String): Boolean {
 }
 
 @Composable
-fun getTypeStyle(
+internal fun getTypeStyle(
     type: ButtonType,
     color: Color? = AppTheme.current.colors.primary,
     size: Size,
@@ -223,7 +220,7 @@ fun getTypeStyle(
 }
 
 @Composable
-fun getButtonBackgroundColor(
+internal fun getButtonBackgroundColor(
     loading: Boolean,
     type: ButtonType
 ): Color {
@@ -242,7 +239,7 @@ fun getButtonBackgroundColor(
     }
 }
 
-fun Color.withLoading(loading: Boolean): Color =
+private fun Color.withLoading(loading: Boolean): Color =
     this.copy(alpha = if (loading) 0.75f else 1f)
 
 @Composable