@momo-kits/native-kits 0.162.2-beta.2-debug → 0.162.2-beta.20-debug

package/.claude/settings.local.json

@@ -0,0 +1,10 @@
+{
+  "permissions": {
+    "allow": [
+      "WebSearch",
+      "Bash(./gradlew assembleDebug 2>&1)",
+      "Bash(./gradlew :sample:androidApp:installDebug 2>&1)",
+      "Bash(./gradlew :compose:compileCommonMainKotlinMetadata -q)"
+    ]
+  }
+}

package/CLAUDE.md

@@ -0,0 +1,78 @@
+# CLAUDE.md
+
+Guidance for working in this repo. Keep it accurate — update it when structure or commands change.
+
+## What this is
+
+`momo-native-kits` — MoMo's design-system / UI-kit as a **Kotlin Multiplatform + Compose Multiplatform** library, published for Android (AAR/Maven) and iOS (static framework + CocoaPods). It is the Compose port of the React Native `momo-kits`. Consumed by mini-apps embedded in the host MoMo app.
+
+- Artifact: `vn.momo.kits:kits` (version in `gradle.properties`). NPM mirror: `@momo-kits/native-kits`.
+- Targets: `androidTarget` (JVM 17, compile/min/target SDK 36/24/36), `iosArm64`, `iosSimulatorArm64` (framework `baseName = "kits"`, `isStatic = true`).
+- Kotlin 2.3.10, Compose MP 1.10.3.
+
+## Modules
+
+- `:compose` — the published library. All real code lives here.
+- `:sample:shared` + `:sample:androidApp` — demo app (`UIKitHome` lists all components). iOS demo in `sample/iosApp` (Xcode).
+
+## Source layout (`compose/src/commonMain/kotlin/vn/momo/kits/`)
+
+- `components/` — ~50 UI components, **one file per component** (`Button.kt`, `Input*.kt`, `PopupNotify.kt`, …).
+- `application/` — app-level context & config: `Context.kt` (CompositionLocals, `MiniAppContext`, `DesignSystemConfig`), `Localize.kt` (i18n: `LocalizationObject`, `Localize`, default dictionary), `Screen.kt`, header pieces. Also holds the **deprecated** `ApplicationContainer`.
+- `navigation/` — `NavigationContainer.kt` (**canonical entry point**), `Navigator.kt`, `Navigation.kt`, `StackScreen.kt`, `bottomtab/`, `component/`, `tracking/`.
+- `const/` — design tokens: `Theme.kt`, `Colors.kt`, `Typography.kt`, `Spacing.kt`, `Radius.kt`.
+- `layout/`, `modifier/`, `utils/`.
+- `platform/` — `Platform.kt` `expect` declarations, actualized in `androidMain` / `iosMain` (`Platform.android.kt`, `Platform.ios.kt`).
+
+## Build & verify
+
+No unit-test suite is configured. Validate changes by compiling the relevant target(s); use the sample app for visual checks.
+
+```bash
+./gradlew :compose:compileCommonMainKotlinMetadata        # validate commonMain (fast, do this first)
+./gradlew :compose:compileDebugKotlinAndroid              # Android target
+./gradlew :compose:linkDebugFrameworkIosSimulatorArm64    # iOS framework (slow)
+./gradlew :sample:androidApp:installDebug                 # run demo on device/emulator
+```
+
+Publishing is automated (`publish.sh` + GitLab CI on `[ci build]` / `main`). Do not publish manually unless asked: `sh publish.sh beta` / `sh publish.sh release` (Maven→GitLab + NPM).
+
+## Architecture essentials
+
+- **Entry point:** wrap content in `NavigationContainer(...)` from `navigation/`. It builds the `Navigator`, takes a host-supplied `Localize` (falls back to an empty one), and provides the CompositionLocals below. **Do not use** `ApplicationContainer` (`application/NavigationContainer.kt`) — deprecated and does **not** wire `LocalLocalize` / `LocalNavigator` / `LocalMaxApi`.
+- **Configuration flows via CompositionLocals**, not params. Public ones: `AppTheme`, `AppStatusBar`, `AppNavigationBar` (`const/Theme.kt`); `ApplicationContext`, `AppConfig`, `AppLanguage`, `LocalLocalize`, `ScaleSizeMaxRate` (`application/`); `LocalNavigator`, `LocalMaxApi` (`navigation/`). Read with `X.current`.
+- **Platform code** goes through `expect`/`actual` in `platform/` — never reference Android/iOS APIs from `commonMain` directly.
+- **Native bridge:** `IMaxApi` (`vn.momo.maxapi`, exposed as `LocalMaxApi`) is the host-app bridge (dismiss, tracking, device info, language).
+- Navigation uses a runtime `DynamicScreenRegistry`; overlays (modal/bottom-sheet/snackbar) go through `Navigator` + `OverplayComponentRegistry`.
+
+## i18n / Localize (port of RN `Localize`)
+
+- `application/Localize.kt`: everything i18n. `LocalizationObject` is a data class with required `vi` / `en` maps (`LocalizationObject(vi = mapOf(…), en = mapOf(…))`). `Localize` constructors take a `LocalizationObject` or a `(vi, en)` map pair; the constructor **merges** the kit defaults with the host data (host wins on key clash). Methods: `translate(key)` (missing/empty → returns the key), `translateData(map)` / `translateData(vi, en)`, `addTranslations` (existing keys win), `changeLanguage(lang)`. Default language `"vi"`, `"en"` only on exact match; language is snapshot state so a switch recomposes consumers.
+- The default dictionary lives **inside `Localize`** (companion `defaultLanguage`), **generated 1:1 from `momo-kits` RN `Assets/language.json`** — do not hand-edit that block; edit the RN source and regenerate.
+- The host creates one `Localize` and passes it in: `NavigationContainer(localize = myLocalize, …)`. There is **no** `language` param and `DesignSystemConfig` carries no translations — overrides go through the `Localize` constructor / `addTranslations`. Switch language at runtime with `myLocalize.changeLanguage("en")`.
+- Access in a `@Composable`: `LocalLocalize.current.translate("errorCode")`. Language is host-controlled, never read from the OS locale. `AppLanguage` is still provided (derived from `Localize.currentLanguage`) for older components that read it.
+- Some older components still do ad-hoc `AppLanguage.current` + `Map` lookups; new/changed code should use `LocalLocalize`.
+
+## Code conventions
+
+- **Tokens, not literals:** use `Colors`, `Typography`, `Spacing`, `Radius` objects and `AppTheme.current` for colors/styles. Per-component sizing is bundled in enums (e.g. `Button.Size(val value: ButtonSpecs)`).
+- **Composable signatures:** required params first, slot lambdas next, `modifier: Modifier = Modifier` **last**; give optional params sensible defaults.
+- **Stability:** annotate token/config data classes `@Stable`/`@Immutable`; memoize derived colors/styles/handlers with `remember(keys) { … }`.
+- **Custom modifiers** are preferred: `conditional(...)`, `setAutomationId(...)`, the `clickable` variants in `modifier/`.
+- Match the surrounding file's style when adding code.
+
+## Writing docs in code (follow this)
+
+Comments are **sparse and in English**. Document only what is **not obvious from the code** — non-obvious behavior, platform quirks, RN-parity semantics, memoization intent, or important gotchas worth flagging. Do **not**:
+
+- write KDoc walls or restate what the signature/code already says;
+- narrate obvious steps or add section-banner noise;
+- use a language other than English in code comments.
+
+Prefer one tight line at the surprising spot over a paragraph. Match the (low) comment density already in the codebase.
+
+## Gotchas
+
+- **Resource qualifier drift:** the generated Compose `Res` namespace is `vn.momo.uikits.resources`, but `utils/Resources.kt` and `platform/Platform.ios.kt` reference `vn.momo.compose.resources`. Keep bundled strings/dictionaries as plain Kotlin (the `defaultLanguage` map in `Localize.kt`), not `composeResources/values`, to avoid iOS framework resource-loading issues.
+- Prefer `NavigationContainer` over the deprecated `ApplicationContainer`; prefer `IMaxApi`/`LocalMaxApi` over the deprecated `PlatformApi`.
+- iOS strings/maps must survive Kotlin/Native framework packaging — keep them compiled-in, not loaded from resource bundles.

package/compose/build.gradle.kts

@@ -12,14 +12,14 @@ plugins {
     kotlin("plugin.serialization")
 }
 
-val gitlabName: String? = findProperty("name") as String? ?: ""
-val gitlabRepo: String? = findProperty("repo") as String? ?: ""
-val gitlabUrl: String? = findProperty("url") as String? ?: ""
-val gitlabGroup: String? = findProperty("group") as String? ?: ""
+val gitlabName: String = findProperty("name") as String? ?: ""
+val gitlabRepo: String = findProperty("repo") as String? ?: ""
+val gitlabUrl: String = findProperty("url") as String? ?: ""
+val gitlabGroup: String = findProperty("group") as String? ?: ""
 val gitlabArtifactId: String = findProperty("artifact.id") as String? ?: ""
-val gitlabVersion: String? = findProperty("version") as String? ?: ""
-val gitlabUser: String? = findProperty("gitlab.user") as String? ?: ""
-val gitlabKey: String? = findProperty("gitlab.password") as String? ?: ""
+val gitlabVersion: String = findProperty("version") as String? ?: ""
+val gitlabUser: String = findProperty("gitlab.user") as String? ?: ""
+val gitlabKey: String = findProperty("gitlab.password") as String? ?: ""
 
 kotlin {
     androidTarget {
@@ -40,7 +40,7 @@ kotlin {
     }
 
     cocoapods {
-        version = "0.162.2-beta.2-debug"
+        version = "0.162.2-beta.20-debug"
         summary = "IOS Shared module"
         homepage = "https://momo.vn"
         ios.deploymentTarget = "15.0"
@@ -58,6 +58,9 @@ kotlin {
     }
 
     sourceSets {
+        all {
+            languageSettings.optIn("vn.momo.kits.modifier.InternalApi")
+        }
         commonMain.dependencies {
             implementation(compose.runtime)
             implementation(compose.material)
@@ -74,6 +77,7 @@ kotlin {
             implementation(libs.kotlinx.datetime)
             api(libs.native.max.api)
             implementation(libs.compottie)
+            implementation(libs.gif.image)
         }
         androidMain.dependencies {
             implementation(libs.ktor.client.okhttp)

package/compose/build.gradle.kts.backup

@@ -12,14 +12,14 @@ plugins {
     kotlin("plugin.serialization")
 }
 
-val gitlabName: String? = findProperty("name") as String? ?: ""
-val gitlabRepo: String? = findProperty("repo") as String? ?: ""
-val gitlabUrl: String? = findProperty("url") as String? ?: ""
-val gitlabGroup: String? = findProperty("group") as String? ?: ""
+val gitlabName: String = findProperty("name") as String? ?: ""
+val gitlabRepo: String = findProperty("repo") as String? ?: ""
+val gitlabUrl: String = findProperty("url") as String? ?: ""
+val gitlabGroup: String = findProperty("group") as String? ?: ""
 val gitlabArtifactId: String = findProperty("artifact.id") as String? ?: ""
-val gitlabVersion: String? = findProperty("version") as String? ?: ""
-val gitlabUser: String? = findProperty("gitlab.user") as String? ?: ""
-val gitlabKey: String? = findProperty("gitlab.password") as String? ?: ""
+val gitlabVersion: String = findProperty("version") as String? ?: ""
+val gitlabUser: String = findProperty("gitlab.user") as String? ?: ""
+val gitlabKey: String = findProperty("gitlab.password") as String? ?: ""
 
 kotlin {
     androidTarget {
@@ -58,6 +58,9 @@ kotlin {
     }
 
     sourceSets {
+        all {
+            languageSettings.optIn("vn.momo.kits.modifier.InternalApi")
+        }
         commonMain.dependencies {
             implementation(compose.runtime)
             implementation(compose.material)
@@ -74,6 +77,7 @@ kotlin {
             implementation(libs.kotlinx.datetime)
             api(libs.native.max.api)
             implementation(libs.compottie)
+            implementation(libs.gif.image)
         }
         androidMain.dependencies {
             implementation(libs.ktor.client.okhttp)

package/compose/compose.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |spec|
     spec.name                     = 'compose'
-    spec.version                  = '0.161.2-beta.15'
+    spec.version                  = '0.162.2-beta.19'
     spec.homepage                 = 'https://momo.vn'
     spec.source                   = { :http=> ''}
     spec.authors                  = ''

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

@@ -1,12 +1,7 @@
 package vn.momo.kits.application
 
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-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.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
@@ -19,7 +14,7 @@ import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Spacing
 
 @Composable
-fun AnimationSearchInput(
+internal fun AnimationSearchInput(
     animations: HeaderAnimations,
     inputSearchProps: InputSearchProps
 ) {

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

@@ -10,7 +10,7 @@ data class FeatureFlags(
 )
 
 @Immutable
-data class KitConfig(
+data class DesignSystemConfig(
     val trustBanner: TrustBannerData? = null,
     val headerBar: String? = null,
     val headerGradient: String? = null,
@@ -90,15 +90,7 @@ data class ComponentInformation(
 
 var IsShowBaseLineDebug = false
 
-val ApplicationContext = staticCompositionLocalOf<MiniAppContext?> {
-    null
-}
-
-val AppConfig = staticCompositionLocalOf<KitConfig?> {
-    null
-}
-
-val AppLanguage = staticCompositionLocalOf<String?> {
+val LocalContext = staticCompositionLocalOf<MiniAppContext?> {
     null
 }
 
@@ -106,4 +98,4 @@ val LocalComponentInformation = staticCompositionLocalOf<ComponentInformation?>
     null
 }
 
-val ScaleSizeMaxRate = staticCompositionLocalOf<Float?> { null }
+val ScaleSizeMaxRate = staticCompositionLocalOf<Float?> { null }

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

@@ -1,37 +1,18 @@
 package vn.momo.kits.application
 
-import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.*
 import androidx.compose.animation.core.CubicBezierEasing
 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.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.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.foundation.layout.*
 import androidx.compose.material3.AlertDialogDefaults.shape
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.FloatingActionButtonDefaults
-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.*
 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
@@ -45,6 +26,7 @@ import kotlinx.coroutines.launch
 import vn.momo.kits.components.Icon
 import vn.momo.kits.components.Text
 import vn.momo.kits.const.Typography
+import kotlin.time.Duration.Companion.milliseconds
 
 enum class FABSize {
     SMALL,
@@ -69,7 +51,7 @@ data class FabProps(
 
 @Deprecated("Use vn.momo.kits.navigation.FloatingButton instead", ReplaceWith("vn.momo.kits.navigation.FloatingButton"))
 @Composable
-fun FloatingButton(
+internal fun FloatingButton(
     scrollPosition: Int,
     bottom: Dp,
     onClick: () -> Unit,
@@ -112,7 +94,7 @@ fun FloatingButton(
                 scrollPositionStateFlow
                     .collectLatest { debouncedScrollPosition ->
                         isExpanded = debouncedScrollPosition > lastScrollPosition
-                        delay(300)
+                        delay(300.milliseconds)
                         lastScrollPosition = debouncedScrollPosition
 
                     }

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

@@ -4,24 +4,9 @@ import androidx.compose.animation.core.animateFloatAsState
 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.BoxWithConstraints
-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.RoundedCornerShape
-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.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
@@ -74,7 +59,7 @@ fun getHeaderColor(animatedHeader: AnimatedHeader?, opacity: Float, tintColor: C
 
 @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
 @Composable
-fun Header(
+internal fun Header(
     headerType: HeaderType = HeaderType.DEFAULT,
     titlePosition: TitlePosition,
     title: String,
@@ -214,7 +199,7 @@ fun Header(
             if (searchAnimationEnable) {
                 AnimationSearchInput(
                     animations = animations,
-                    inputSearchProps = inputSearchProps!!
+                    inputSearchProps = inputSearchProps
                 )
             }
         }

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

@@ -13,7 +13,7 @@ import vn.momo.kits.components.Image
 
 @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
 @Composable
-fun HeaderAnimated(image: String, scrollState: Int = 0) {
+internal fun HeaderAnimated(image: String, scrollState: Int = 0) {
     // Scale animation
     val scale by animateFloatAsState(
         targetValue = when {
@@ -23,15 +23,6 @@ fun HeaderAnimated(image: String, scrollState: Int = 0) {
         }
     )
 
-    // Opacity animation
-    val opacity by animateFloatAsState(
-        targetValue = when {
-            scrollState.toFloat() in 0f..150f -> 1f - (scrollState / 300f)
-            scrollState.toFloat() in 150f..300f -> 0.5f - ((scrollState - 150f) / 300f)
-            else -> 1f
-        }
-    )
-
     // Translation Y animation
 
     Box(modifier = Modifier.fillMaxWidth().height(200.dp)

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

@@ -27,7 +27,7 @@ data class AnimatedHeader(
     val composable: @Composable (scrollState: Int) -> Unit = {}
 )
 
-fun animateColor(start: Color, stop: Color, fraction: Float): Color {
+internal fun animateColor(start: Color, stop: Color, fraction: Float): Color {
     return Color(
         red = start.red + fraction * (stop.red - start.red),
         green = start.green + fraction * (stop.green - start.green),
@@ -38,7 +38,7 @@ fun animateColor(start: Color, stop: Color, fraction: Float): Color {
 
 @Deprecated("Use vn.momo.kits.navigation.component.HeaderBackground instead", ReplaceWith("vn.momo.kits.navigation.component.HeaderBackground"))
 @Composable
-fun HeaderBackground(
+internal fun HeaderBackground(
     headerType: HeaderType = HeaderType.DEFAULT,
     scrollState: Int,
     headerTransparent: Boolean = false,

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

@@ -21,7 +21,7 @@ import vn.momo.kits.utils.bottomBorder
 
 @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
 @Composable
-fun HeaderDefault(
+internal fun HeaderDefault(
     opacityAni: Float,
     statusBarHeight: Dp,
     backgroundColor: Color?,

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

@@ -21,7 +21,7 @@ import vn.momo.kits.utils.bottomBorder
 
 @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
 @Composable
-fun HeaderExtended(
+internal fun HeaderExtended(
     opacityAni: Float,
     statusBarHeight: Dp,
     backgroundColor: Color

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

@@ -3,22 +3,10 @@ package vn.momo.kits.application
 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.Row
-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.layout.*
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.Stable
-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
@@ -108,7 +96,7 @@ private fun getNavigationButtonConfig(
         icon = "navigation_more_icon"
         onClickHandler = onPressMore
     } else if (totalTools == 1 && !headerRight?.tools.isNullOrEmpty()) {
-        val singleTool = headerRight?.tools?.first()?.items?.firstOrNull()
+        val singleTool = headerRight.tools.first().items.firstOrNull()
         if (singleTool != null) {
             icon = singleTool.icon
             onClickHandler = {
@@ -129,7 +117,7 @@ private fun ToolkitHeaderRight(
     var isFavorite by remember { mutableStateOf(false) }
     val isLoading by remember { mutableStateOf(false) }
     val api = PlatformApi.current as? ComposeApi
-    val context = ApplicationContext.current
+    val context = LocalContext.current
 
     fun onPressShortcut() {
         api?.request("onToolAction", mapOf("item" to mapOf("key" to "onFavorite"))) {
@@ -151,7 +139,7 @@ private fun ToolkitHeaderRight(
     }
 
     fun onPressClose() {
-        api?.request("dismissAll", "", { _ -> })
+        api?.request("dismissAll", "")
     }
 
     fun onPressMore() {
@@ -274,6 +262,7 @@ fun NavigationButton(
         modifier = Modifier
             .size(28.dp)
             .clickable(enabled = !disabled, onClick = onClick)
+
     ) {
         Box(
             modifier = Modifier

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

@@ -12,7 +12,7 @@ import vn.momo.kits.const.Typography
 
 @Deprecated("Use vn.momo.kits.navigation.component instead", ReplaceWith("vn.momo.kits.navigation.component"))
 @Composable
-fun HeaderTitle(
+internal fun HeaderTitle(
     title: String = "",
     modifier: Modifier = Modifier,
     textAlign: TextAlign = TextAlign.Start,

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