@momo-kits/native-kits 0.162.2-sp.7-debug → 0.162.2-sp.8-debug

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

@@ -102,24 +102,8 @@ fun InputMoney(
 ) {
     var isFocused by remember { mutableStateOf(false) }
     var isBlurred = false
-    val disabledColor = AppTheme.current.colors.text.disable
-    var textColor = AppTheme.current.colors.text.default
-    var placeholderColor = AppTheme.current.colors.text.hint
-    var iconTintColor = iconColor
-    val floatingTitleColor = when {
-        disabled -> AppTheme.current.colors.text.disable
-        else -> floatingValueColor
-    }
-    val floatingIconTintColor = when {
-        disabled -> AppTheme.current.colors.text.disable
-        else -> floatingIconColor
-    }
-
-    if (disabled) {
-        textColor = disabledColor
-        placeholderColor = disabledColor
-        iconTintColor = disabledColor
-    }
+    val (textColor, placeholderColor, iconTintColor, floatingTitleColor, floatingIconTintColor) =
+        getInputColors(disabled, iconColor, floatingValueColor, floatingIconColor)
 
     val testId = if (disabled) "input_${floatingValue}_disabled" else "input_$floatingValue"
 
@@ -156,39 +140,14 @@ fun InputMoney(
             },
             decorationBox = { innerTextField ->
                 // Floating Icon
-                if (floatingValue.isNotEmpty() || floatingIcon.isNotEmpty()) {
-                    Box(
-                        modifier = Modifier.wrapContentSize()
-                            .offset(y = (-size.values.height / 2), x = (Spacing.S))
-                            .background(AppTheme.current.colors.background.surface)
-                            .zIndex(10f),
-                    ) {
-                        Row(
-                            modifier = Modifier.padding(horizontal = Spacing.S),
-                        ) {
-                            Text(
-                                floatingValue,
-                                style = Typography.labelSMedium,
-                                color = floatingTitleColor
-                            )
-                            if (required) {
-                                Text(
-                                    "*",
-                                    style = Typography.labelSMedium,
-                                    color = AppTheme.current.colors.error.primary,
-                                )
-                            }
-                            if (floatingIcon.isNotEmpty()) {
-                                Icon(
-                                    source = floatingIcon,
-                                    modifier = Modifier.padding(start = Spacing.XS),
-                                    size = 16.dp,
-                                    color = floatingIconTintColor
-                                )
-                            }
-                        }
-                    }
-                }
+                FloatingLabel(
+                    floatingValue = floatingValue,
+                    floatingIcon = floatingIcon,
+                    titleColor = floatingTitleColor,
+                    iconColor = floatingIconTintColor,
+                    offsetY = -size.values.height / 2,
+                    required = required,
+                )
                 //input box wrapper
                 Box(
                     modifier = Modifier.fillMaxWidth()

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

@@ -1,5 +1,7 @@
 package vn.momo.kits.components
 
+import vn.momo.kits.modifier.InternalApi
+
 import androidx.compose.animation.core.LinearEasing
 import androidx.compose.animation.core.RepeatMode
 import androidx.compose.animation.core.animateFloat
@@ -48,6 +50,7 @@ import vn.momo.kits.const.scaleSize
 import vn.momo.kits.modifier.conditional
 
 @Composable
+@InternalApi
 fun OTPCaret() {
     val duration = 500
     val backgroundColor = AppTheme.current.colors.primary
@@ -66,7 +69,9 @@ fun OTPCaret() {
         )
     )
 
-    Row(verticalAlignment = Alignment.CenterVertically) {
+    Row(
+        verticalAlignment = Alignment.CenterVertically
+    ) {
         Box(
             modifier = Modifier
                 .size(1.dp, scaleSize(12f).dp)

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

@@ -4,23 +4,11 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-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.width
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.onFocusChanged
@@ -32,12 +20,7 @@ import androidx.compose.ui.text.input.KeyboardType
 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.scaleSize
+import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
 
@@ -71,7 +54,7 @@ enum class InputPhoneNumberSize(val values: InputPhoneNumberSizeDetail) {
 }
 
 @Composable
-fun getBorderColor(isFocused: Boolean, error: String): Color {
+private fun getBorderColor(isFocused: Boolean, error: String): Color {
     val theme = AppTheme.current
     return remember(isFocused, error, theme) {
         when {

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

@@ -46,7 +46,7 @@ import vn.momo.kits.modifier.conditional
 import vn.momo.kits.utils.ifTrue
 
 @Composable
-fun RenderRightIconSearch(
+internal fun RenderRightIconSearch(
     loading: Boolean,
     icon: String,
     color: Color,

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

@@ -4,25 +4,11 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-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.width
-import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.onFocusChanged
@@ -33,16 +19,14 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.compose.ui.zIndex
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Spacing
 import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Typography
-import vn.momo.kits.const.scaleSize
+import vn.momo.kits.const.*
+import vn.momo.kits.modifier.InternalApi
 import vn.momo.kits.modifier.conditional
 
+@InternalApi
 const val MAX_LENGTH = 300
-val DEFAULT_HEIGHT = 104.dp
+internal val DEFAULT_HEIGHT = 104.dp
 
 @Composable
 fun InputTextArea(
@@ -71,24 +55,8 @@ fun InputTextArea(
 ) {
     var isFocused by remember { mutableStateOf(false) }
     var isBlurred = false
-    val disabledColor = AppTheme.current.colors.text.disable
-    var textColor = AppTheme.current.colors.text.default
-    var placeholderColor = AppTheme.current.colors.text.hint
-    var iconTintColor = iconColor
-    val floatingTitleColor = when {
-        disabled -> AppTheme.current.colors.text.disable
-        else -> floatingValueColor
-    }
-    val floatingIconTintColor = when {
-        disabled -> AppTheme.current.colors.text.disable
-        else -> floatingIconColor
-    }
-
-    if (disabled) {
-        textColor = disabledColor
-        placeholderColor = disabledColor
-        iconTintColor = disabledColor
-    }
+    val (textColor, placeholderColor, iconTintColor, floatingTitleColor, floatingIconTintColor) =
+        getInputColors(disabled, iconColor, floatingValueColor, floatingIconColor)
 
     val fontSize = 16.sp
     val lineHeight = 24.sp
@@ -125,41 +93,14 @@ fun InputTextArea(
             },
             decorationBox = { innerTextField ->
                 // Floating Icon
-                if (floatingValue.isNotEmpty() || floatingIcon.isNotEmpty()) {
-                    Box(
-                        modifier = Modifier.wrapContentSize()
-                            .offset(y = (-scaleHeight / 2), x = (Spacing.S))
-                            .background(AppTheme.current.colors.background.surface)
-                            .zIndex(10f),
-                    ) {
-                        Row(
-                            modifier = Modifier
-                                .padding(horizontal = Spacing.S),
-                            verticalAlignment = Alignment.CenterVertically
-                        ) {
-                            Text(
-                                floatingValue,
-                                style = Typography.labelSMedium,
-                                color = floatingTitleColor
-                            )
-                            if (required) {
-                                Text(
-                                    "*",
-                                    style = Typography.labelSMedium,
-                                    color = AppTheme.current.colors.error.primary,
-                                )
-                            }
-                            if (floatingIcon.isNotEmpty()) {
-                                Icon(
-                                    source = floatingIcon,
-                                    modifier = Modifier.padding(start = Spacing.XS),
-                                    size = 16.dp,
-                                    color = floatingIconTintColor
-                                )
-                            }
-                        }
-                    }
-                }
+                FloatingLabel(
+                    floatingValue = floatingValue,
+                    floatingIcon = floatingIcon,
+                    titleColor = floatingTitleColor,
+                    iconColor = floatingIconTintColor,
+                    offsetY = -scaleHeight / 2,
+                    required = required,
+                )
                 //input box wrapper
                 Box(
                     modifier = Modifier.fillMaxWidth()

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

@@ -1,39 +1,18 @@
 package vn.momo.kits.components
 
-import androidx.compose.animation.core.LinearEasing
-import androidx.compose.animation.core.RepeatMode
-import androidx.compose.animation.core.animateFloat
-import androidx.compose.animation.core.infiniteRepeatable
-import androidx.compose.animation.core.rememberInfiniteTransition
-import androidx.compose.animation.core.tween
+import androidx.compose.animation.core.*
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.OverscrollEffect
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.FlingBehavior
 import androidx.compose.foundation.gestures.ScrollableDefaults
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.lazy.LazyColumn
-import androidx.compose.foundation.lazy.LazyListLayoutInfo
-import androidx.compose.foundation.lazy.LazyListScope
-import androidx.compose.foundation.lazy.LazyListState
-import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.*
 import androidx.compose.material.ExperimentalMaterialApi
 import androidx.compose.material.pullrefresh.PullRefreshIndicator
 import androidx.compose.material.pullrefresh.pullRefresh
 import androidx.compose.material.pullrefresh.rememberPullRefreshState
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.State
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.snapshotFlow
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.composed
@@ -64,7 +43,7 @@ private const val BOX_KEY = "LazyColumnWithBouncing_BOX_KEY"
 
 @OptIn(ExperimentalMaterialApi::class)
 @Composable
-fun overScrollWithPullToRefresh(
+internal fun overScrollWithPullToRefresh(
     pullRefreshState: PullToRefreshCustomState?,
 ): OverscrollEffect {
     val density = LocalDensity.current

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

@@ -18,7 +18,7 @@ import vn.momo.kits.const.Spacing
 import vn.momo.kits.modifier.conditional
 
 @Composable
-fun Dot(active: Boolean = false, activeColor: Color, modifier: Modifier = Modifier) {
+internal fun Dot(active: Boolean = false, activeColor: Color, modifier: Modifier = Modifier) {
     return if (active) {
         Box(
             modifier = modifier.size(width = 12.dp, height = 4.dp).background(

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

@@ -3,14 +3,7 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-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.width
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
@@ -28,10 +21,9 @@ import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Spacing
 import vn.momo.kits.modifier.conditional
 
-val INDICATOR_WIDTH = 24.dp
-val PROGRESS_WIDTH = 72.dp
+private val INDICATOR_WIDTH = 24.dp
+private val PROGRESS_WIDTH = 72.dp
 
-// Memoized offset calculation to avoid repeated computations during scroll
 private fun calculateOffset(currentPosition: Int, maxBound: Int): Dp {
     return if (maxBound == 0) 0.dp else {
         (PROGRESS_WIDTH - INDICATOR_WIDTH) * (currentPosition / maxBound.toFloat())

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

@@ -4,42 +4,22 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
-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.Spacer
-import androidx.compose.foundation.layout.aspectRatio
-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.width
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.text.TextLayoutResult
+import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Radius
-import vn.momo.kits.const.Spacing
 import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Typography
+import vn.momo.kits.application.LocalLocalize
+import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
-import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.unit.Dp
-import vn.momo.kits.application.AppLanguage
 import kotlin.math.min
 
 data class PopupAction(
@@ -55,9 +35,8 @@ enum class PopupActionDirection {
 
 private fun heightForLines(
     layout: TextLayoutResult,
-    targetLines: Float
 ): Float {
-    val clampedLines = targetLines.coerceAtLeast(1f)
+    val clampedLines = (8.5f).coerceAtLeast(1f)
     val wholeLines = kotlin.math.floor(clampedLines).toInt()
     val fractionalPart = clampedLines - wholeLines
 
@@ -104,14 +83,11 @@ fun PopupNotify(
         }
     }
 
-    val language = AppLanguage.current ?: "vi"
-    val errorCode: Map<String, String> = mapOf("vi" to "Mã lỗi: ", "en" to "Error code: ")
-
     LaunchedEffect(layoutResult.value) {
         layoutResult.value?.let { v ->
             // cap visible height at ~8.5 lines
             val textPx = v.size.height.toFloat()
-            val capPx  = heightForLines(v, 8.5f)
+            val capPx  = heightForLines(v)
 
             isScroll = textPx >= capPx
             scrollHeight = with(density) { min(textPx, capPx).toDp() }
@@ -182,7 +158,7 @@ fun PopupNotify(
                 content(Modifier.padding(top = Spacing.S))
                 if (props.error.isNotEmpty()) {
                     Text(
-                        text = errorCode[language] + props.error,
+                        text = LocalLocalize.current.translate("errorCode") + props.error,
                         style = Typography.descriptionXsRegular,
                         color = AppTheme.current.colors.text.hint,
                         maxLines = 1,
@@ -236,7 +212,7 @@ fun PopupNotify(
 }
 
 @Composable
-fun BuildAction(
+internal fun BuildAction(
     primary: PopupAction?,
     secondary: PopupAction?,
     buttonDirection: PopupActionDirection = PopupActionDirection.ROW,
@@ -246,14 +222,14 @@ fun BuildAction(
     when (buttonDirection) {
         PopupActionDirection.AUTO -> {
             if (secondary != null && (secondary.title.length > 12 || primary?.title?.length!! > 12)) {
-                renderColumn(
+                RenderColumn(
                     secondary = secondary,
                     onAction = onAction,
                     closeAction = closeAction,
                     primary = primary
                 )
             } else {
-                renderRow(
+                RenderRow(
                     secondary = secondary,
                     onAction = onAction,
                     closeAction = closeAction,
@@ -262,14 +238,14 @@ fun BuildAction(
             }
         }
 
-        PopupActionDirection.ROW -> renderRow(
+        PopupActionDirection.ROW -> RenderRow(
             secondary = secondary,
             onAction = onAction,
             closeAction = closeAction,
             primary = primary
         )
 
-        else -> renderColumn(
+        else -> RenderColumn(
             secondary = secondary,
             onAction = onAction,
             closeAction = closeAction,
@@ -279,7 +255,7 @@ fun BuildAction(
 }
 
 @Composable
-fun renderRow(
+internal fun RenderRow(
     secondary: PopupAction?,
     closeAction: MutableState<String>,
     primary: PopupAction?,
@@ -316,7 +292,7 @@ fun renderRow(
 }
 
 @Composable
-fun renderColumn(
+internal fun RenderColumn(
     secondary: PopupAction?,
     closeAction: MutableState<String>,
     primary: PopupAction?,

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

@@ -4,13 +4,7 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.aspectRatio
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
@@ -19,10 +13,10 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.unit.dp
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Radius
 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.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId

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

@@ -18,8 +18,6 @@ import vn.momo.kits.application.IsShowBaseLineDebug
 import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 
-// ─── Data model ───────────────────────────────────────────────────────────────
-
 data class ProgressInfoItem(
     val title: String,
     val description: String? = null,
@@ -29,25 +27,6 @@ enum class ProgressInfoSize { Small, Large }
 
 enum class ProgressInfoAlign { Left, Right, Center, Stretch }
 
-// ─── Public entry-point ───────────────────────────────────────────────────────
-
-/**
- * Display-only step progress indicator migrated from the React Native ProgressInfo component.
- *
- * @param steps           Ordered list of steps; each has a [ProgressInfoItem.title] and an
- *                        optional [ProgressInfoItem.description].
- * @param horizontal      When `true` renders steps in a horizontal row with connector lines;
- *                        when `false` (default) renders a vertical column.
- * @param size            Icon diameter: [ProgressInfoSize.Small] = 16 dp,
- *                        [ProgressInfoSize.Large] = 24 dp (default).
- * @param useNumber       Show the 1-based step index inside the icon instead of the default dot.
- * @param align           Alignment of icon + text for the horizontal variant.
- * @param showTitle       Whether step titles are rendered (default `true`).
- * @param showDescription Whether step descriptions are rendered (default `true`).
- * @param customIcon      Icon source key rendered inside each step circle (overrides the dot;
- *                        itself overridden by [useNumber]).
- * @param modifier        Modifier applied to the root layout.
- */
 @Composable
 fun ProgressInfo(
     steps: List<ProgressInfoItem>,
@@ -84,8 +63,6 @@ fun ProgressInfo(
     }
 }
 
-// ─── Horizontal variant ───────────────────────────────────────────────────────
-
 @Composable
 private fun ProgressInfoHorizontal(
     steps: List<ProgressInfoItem>,
@@ -190,7 +167,6 @@ private fun ProgressInfoHorizontal(
     }
 }
 
-// ─── Vertical variant ─────────────────────────────────────────────────────────
 
 @Composable
 private fun ProgressInfoVertical(
@@ -275,8 +251,6 @@ private fun ProgressInfoVertical(
     }
 }
 
-// ─── Step icon ────────────────────────────────────────────────────────────────
-
 @Composable
 private fun ProgressInfoStepIcon(
     index: Int,
@@ -326,8 +300,6 @@ private fun ProgressInfoStepIcon(
     }
 }
 
-// ─── Horizontal connector line ────────────────────────────────────────────────
-
 @Composable
 private fun ProgressInfoHorizontalLine(modifier: Modifier = Modifier) {
     Box(

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

@@ -1,26 +1,15 @@
 package vn.momo.kits.components
 
 import androidx.compose.foundation.border
-import androidx.compose.foundation.clickable
-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.padding
-import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 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.activeOpacityClickable
 import vn.momo.kits.modifier.conditional
 

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

@@ -4,6 +4,10 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import vn.momo.kits.application.ScaleSizeMaxRate
 
+@Deprecated(
+    "Max font scale is fixed at MAX_FONT_SCALE (1.5); this override is no longer applied. Remove the wrapper.",
+    ReplaceWith("content()"),
+)
 @Composable
 fun ScaleSizeScope(
     scaleSizeMaxRate: Float? = null,