@momo-kits/native-kits 0.162.2-test.2-debug → 0.162.2-test.21-debug

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

@@ -2,21 +2,12 @@ package vn.momo.kits.components
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.defaultMinSize
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.CircleShape
 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.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.graphics.Color
@@ -27,18 +18,10 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 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.scaleSize
+import vn.momo.kits.const.*
 import vn.momo.kits.modifier.activeOpacityClickable
 import vn.momo.kits.modifier.conditional
 
-// ---------------------------------------------------------------------------
-// Size variant
-// ---------------------------------------------------------------------------
-
 enum class StepperSize {
     LARGE,
     SMALL
@@ -66,10 +49,6 @@ private val stepperSizeSpecs: Map<StepperSize, StepperSizeSpec> = mapOf(
     ),
 )
 
-// ---------------------------------------------------------------------------
-// Private sub-composables
-// ---------------------------------------------------------------------------
-
 @Composable
 private fun StepperButton(
     sign: String = "+",
@@ -157,26 +136,6 @@ private fun StepperNumberView(
     }
 }
 
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-
-/**
- * Stepper — migrated from React Native Stepper.
- *
- * Layout: [− button] [value display] [+ button]
- *
- * @param defaultValue  Initial value (default 0). Clamped to [min]..[max] on first composition.
- * @param min           Minimum allowed value (default 0). Minus button is auto-disabled at this bound.
- * @param max           Maximum allowed value (default 100). Plus button is auto-disabled at this bound.
- * @param step          Amount added/subtracted per button press (default 1).
- * @param disabled      Disable state. Pass `true` to disable everything, or a [BooleanArray] of
- *                      size >= 2 where index 0 = minus button, index 1 = plus button.
- * @param size          Visual size variant: [StepperSize.LARGE] (default) or [StepperSize.SMALL].
- * @param editable      When `true` the number display becomes a direct keyboard input (default false).
- * @param onValueChange Callback invoked with the new [Int] value on every change.
- * @param modifier      Modifier applied to the root [Row].
- */
 @Composable
 fun Stepper(
     defaultValue: Int = 0,
@@ -203,17 +162,19 @@ fun Stepper(
     val disabledPlus: Boolean
     val disabledNumber: Boolean
 
-    when {
-        disabled is BooleanArray && disabled.size >= 2 -> {
+    when (disabled) {
+        is BooleanArray if disabled.size >= 2 -> {
             disabledMinus = disabled[0]
             disabledPlus = disabled[1]
             disabledNumber = disabled[0] && disabled[1]
         }
-        disabled is Boolean && disabled -> {
+
+        is Boolean if disabled -> {
             disabledMinus = true
             disabledPlus = true
             disabledNumber = true
         }
+
         else -> {
             disabledMinus = false
             disabledPlus = false

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

@@ -2,16 +2,7 @@ package vn.momo.kits.components
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
-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.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.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
@@ -23,15 +14,10 @@ import androidx.compose.ui.text.style.TextAlign
 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.activeOpacityClickable
 import vn.momo.kits.modifier.conditional
 
-// ─── Data model ────────────────────────────────────────────────────────────────
 
 data class StepItem(
     val title: String,
@@ -40,13 +26,11 @@ data class StepItem(
     val time: String? = null,
 )
 
-// ─── Enumerations ──────────────────────────────────────────────────────────────
 
 enum class StepsSize { SMALL, LARGE }
 
 enum class StepsAlign { LEFT, RIGHT, CENTER, STRETCH }
 
-// ─── Internal status ───────────────────────────────────────────────────────────
 
 private enum class StepStatus { INCOMPLETE, CURRENT, COMPLETED, ERROR, DISABLED }
 
@@ -63,7 +47,6 @@ private fun resolveStatus(
     else -> StepStatus.INCOMPLETE
 }
 
-// ─── Color helpers ─────────────────────────────────────────────────────────────
 
 @Composable
 private fun resolveIconBgAndBorder(status: StepStatus): Pair<Color, Color> {
@@ -91,8 +74,6 @@ private fun resolveTitleColor(status: StepStatus): Color {
     }
 }
 
-// ─── Step bubble ───────────────────────────────────────────────────────────────
-
 @Composable
 private fun StepBubble(
     index: Int,
@@ -153,7 +134,6 @@ private fun StepBubble(
     }
 }
 
-// ─── Horizontal layout ─────────────────────────────────────────────────────────
 
 @Composable
 private fun StepsHorizontal(
@@ -228,7 +208,7 @@ private fun StepsHorizontal(
                 modifier = Modifier
                     .weight(1f)
                     .then(
-                        if (clickable) Modifier.activeOpacityClickable { onPress?.invoke(item, index) }
+                        if (clickable) Modifier.activeOpacityClickable { onPress.invoke(item, index) }
                         else Modifier
                     ),
                 horizontalAlignment = colAlign,
@@ -318,7 +298,6 @@ private fun StepsHorizontal(
     }
 }
 
-// ─── Vertical layout ───────────────────────────────────────────────────────────
 
 @Composable
 private fun StepsVertical(
@@ -362,7 +341,7 @@ private fun StepsVertical(
                 modifier = Modifier
                     .fillMaxWidth()
                     .then(
-                        if (clickable) Modifier.activeOpacityClickable { onPress?.invoke(item, index) }
+                        if (clickable) Modifier.activeOpacityClickable { onPress.invoke(item, index) }
                         else Modifier
                     ),
             ) {

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

@@ -5,12 +5,7 @@ import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxWidth
-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.runtime.Composable
 import androidx.compose.runtime.remember
@@ -23,11 +18,7 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.withStyle
 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
 import vn.momo.kits.modifier.shadow

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

@@ -5,14 +5,7 @@ import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxHeight
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.offset
-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
@@ -30,8 +23,6 @@ import kotlinx.coroutines.launch
 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.modifier.activeOpacityClickable
 import vn.momo.kits.modifier.conditional
@@ -98,13 +89,6 @@ fun Swipe(
         }
     }
 
-    fun close() {
-        scope.launch {
-            offsetX.animateTo(0f, tween(200))
-            onSwipeableClose()
-        }
-    }
-
     Box(
         modifier = modifier
             .fillMaxWidth()

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

@@ -3,11 +3,7 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Box
-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.runtime.Composable
 import androidx.compose.runtime.remember
@@ -22,7 +18,6 @@ import vn.momo.kits.const.Spacing
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
 
-// Pre-computed shapes to avoid repeated creation
 private val switchShape = RoundedCornerShape(20.dp)
 private val circleShape = RoundedCornerShape(percent = 100)
 

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

@@ -2,34 +2,12 @@ package vn.momo.kits.components
 
 import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.animation.core.tween
-import androidx.compose.foundation.ScrollState
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.horizontalScroll
-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.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.wrapContentWidth
+import androidx.compose.foundation.*
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.pager.HorizontalPager
 import androidx.compose.foundation.pager.rememberPagerState
-import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateListOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.runtime.setValue
-import androidx.compose.runtime.snapshotFlow
+import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -41,18 +19,10 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.launch
 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
 
-// ---------------------------------------------------------------------------
-// Data model
-// ---------------------------------------------------------------------------
-
 data class TabViewItem(
     val title: String,
     val icon: String? = null,
@@ -68,10 +38,6 @@ enum class TabViewType { DEFAULT, CARD }
 
 enum class TabViewDirection { ROW, COLUMN }
 
-// ---------------------------------------------------------------------------
-// Public composable
-// ---------------------------------------------------------------------------
-
 @Composable
 fun TabView(
     modifier: Modifier = Modifier,
@@ -186,10 +152,6 @@ fun TabView(
     }
 }
 
-// ---------------------------------------------------------------------------
-// Default fixed-width tab bar
-// ---------------------------------------------------------------------------
-
 @Composable
 private fun DefaultTabBar(
     tabs: List<TabViewItem>,
@@ -240,24 +202,10 @@ private fun DefaultTabBar(
         }
 
         // Animated underline indicator
-        Box(
-            modifier = Modifier
-                .align(Alignment.BottomStart)
-                .offset(x = indicatorOffsetX)
-                .width(indicatorWidth)
-                .height(2.dp)
-                .background(
-                    color = selectedColor,
-                    shape = RoundedCornerShape(topStart = Radius.XXS, topEnd = Radius.XXS),
-                ),
-        )
+        TabUnderlineIndicator(offsetX = indicatorOffsetX, width = indicatorWidth, color = selectedColor)
     }
 }
 
-// ---------------------------------------------------------------------------
-// Scrollable tab bar
-// ---------------------------------------------------------------------------
-
 @Composable
 private fun ScrollableTabBar(
     tabs: List<TabViewItem>,
@@ -338,24 +286,14 @@ private fun ScrollableTabBar(
         }
 
         // Animated underline indicator aligned to bottom of the bar
-        Box(
-            modifier = Modifier
-                .align(Alignment.BottomStart)
-                .offset(x = animatedX - scrollOffsetDp + Spacing.XS)
-                .width((animatedWidth - Spacing.XS * 2).coerceAtLeast(0.dp))
-                .height(2.dp)
-                .background(
-                    color = selectedColor,
-                    shape = RoundedCornerShape(topStart = Radius.XXS, topEnd = Radius.XXS),
-                ),
+        TabUnderlineIndicator(
+            offsetX = animatedX - scrollOffsetDp + Spacing.XS,
+            width = (animatedWidth - Spacing.XS * 2).coerceAtLeast(0.dp),
+            color = selectedColor,
         )
     }
 }
 
-// ---------------------------------------------------------------------------
-// Card tab bar
-// ---------------------------------------------------------------------------
-
 @Composable
 private fun CardTabBar(
     tabs: List<TabViewItem>,
@@ -394,17 +332,7 @@ private fun CardTabBar(
                 contentAlignment = Alignment.Center,
             ) {
                 Row(verticalAlignment = Alignment.CenterVertically) {
-                    if (tab.renderIcon != null) {
-                        tab.renderIcon.invoke(isActive)
-                        Spacer(modifier = Modifier.width(Spacing.XS))
-                    } else if (tab.icon != null) {
-                        Icon(
-                            source = tab.icon,
-                            size = 18.dp,
-                            color = iconColor,
-                        )
-                        Spacer(modifier = Modifier.width(Spacing.XS))
-                    }
+                    TabLeadingIcon(tab = tab, active = isActive, color = iconColor)
                     Text(
                         text = tab.title,
                         style = if (isActive) Typography.headerSSemibold else Typography.bodyDefaultRegular,
@@ -413,23 +341,13 @@ private fun CardTabBar(
                         overflow = TextOverflow.Ellipsis,
                         modifier = Modifier.weight(1f, fill = false),
                     )
-                    if (tab.showDot) {
-                        Spacer(modifier = Modifier.width(Spacing.XS))
-                        BadgeDot(size = tab.dotSize)
-                    } else if (!tab.badgeValue.isNullOrEmpty()) {
-                        Spacer(modifier = Modifier.width(Spacing.XS))
-                        Badge(label = tab.badgeValue, modifier = Modifier)
-                    }
+                    TabTrailingBadge(tab)
                 }
             }
         }
     }
 }
 
-// ---------------------------------------------------------------------------
-// Shared tab item used by DefaultTabBar and ScrollableTabBar
-// ---------------------------------------------------------------------------
-
 @Composable
 private fun TabItemView(
     modifier: Modifier = Modifier,
@@ -500,17 +418,7 @@ private fun TabItemView(
             horizontalArrangement = Arrangement.Center,
             verticalAlignment = Alignment.CenterVertically,
         ) {
-            if (tab.renderIcon != null) {
-                tab.renderIcon.invoke(active)
-                Spacer(modifier = Modifier.width(Spacing.XS))
-            } else if (tab.icon != null) {
-                Icon(
-                    source = tab.icon,
-                    size = 18.dp,
-                    color = textColor,
-                )
-                Spacer(modifier = Modifier.width(Spacing.XS))
-            }
+            TabLeadingIcon(tab = tab, active = active, color = textColor)
             Text(
                 text = tab.title,
                 style = textStyle,
@@ -519,13 +427,44 @@ private fun TabItemView(
                 overflow = TextOverflow.Ellipsis,
                 modifier = if (scrollable) Modifier else Modifier.weight(1f, fill = false),
             )
-            if (tab.showDot) {
-                Spacer(modifier = Modifier.width(Spacing.XS))
-                BadgeDot(size = tab.dotSize)
-            } else if (!tab.badgeValue.isNullOrEmpty()) {
-                Spacer(modifier = Modifier.width(Spacing.XS))
-                Badge(label = tab.badgeValue, modifier = Modifier)
-            }
+            TabTrailingBadge(tab)
         }
     }
 }
+
+@Composable
+private fun BoxScope.TabUnderlineIndicator(offsetX: Dp, width: Dp, color: Color) {
+    Box(
+        modifier = Modifier
+            .align(Alignment.BottomStart)
+            .offset(x = offsetX)
+            .width(width)
+            .height(2.dp)
+            .background(
+                color = color,
+                shape = RoundedCornerShape(topStart = Radius.XXS, topEnd = Radius.XXS),
+            ),
+    )
+}
+
+@Composable
+private fun TabLeadingIcon(tab: TabViewItem, active: Boolean, color: Color) {
+    if (tab.renderIcon != null) {
+        tab.renderIcon.invoke(active)
+        Spacer(modifier = Modifier.width(Spacing.XS))
+    } else if (tab.icon != null) {
+        Icon(source = tab.icon, size = 18.dp, color = color)
+        Spacer(modifier = Modifier.width(Spacing.XS))
+    }
+}
+
+@Composable
+private fun TabTrailingBadge(tab: TabViewItem) {
+    if (tab.showDot) {
+        Spacer(modifier = Modifier.width(Spacing.XS))
+        BadgeDot(size = tab.dotSize)
+    } else if (!tab.badgeValue.isNullOrEmpty()) {
+        Spacer(modifier = Modifier.width(Spacing.XS))
+        Badge(label = tab.badgeValue, modifier = Modifier)
+    }
+}

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

@@ -13,11 +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.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
 
 enum class TagSize(val height: Float) {

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

@@ -15,11 +15,7 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.TextUnit
 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.Typography
-import vn.momo.kits.const.getFontFamily
-import vn.momo.kits.const.scaleSize
+import vn.momo.kits.const.*
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
 

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

@@ -3,18 +3,7 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.IntrinsicSize
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxHeight
-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.runtime.Composable
 import androidx.compose.ui.Alignment