Fix build

Author: YuKongA

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperDropdown.kt

@@ -1,5 +1,7 @@
 package top.yukonga.miuix.kmp.extra
 
+import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.spring
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -24,6 +26,7 @@ import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.State
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateListOf
 import androidx.compose.runtime.mutableStateOf
@@ -107,16 +110,13 @@ fun SuperDropdown(
     val isDropdownExpanded = remember { mutableStateOf(false) }
     val hapticFeedback = LocalHapticFeedback.current
     val actionColor = if (enabled) MiuixTheme.colorScheme.onSurfaceVariantActions else MiuixTheme.colorScheme.disabledOnSecondaryVariant
+    val targetColor = if (isDropdownExpanded.value) MiuixTheme.colorScheme.onBackground.copy(alpha = 0.15f) else Color.Transparent
+    val touchTint by animateColorAsState(targetValue = targetColor, animationSpec = spring(stiffness = 2000f))
     var alignLeft by rememberSaveable { mutableStateOf(true) }
     var dropdownOffsetXPx by remember { mutableStateOf(0) }
     var dropdownOffsetYPx by remember { mutableStateOf(0) }
     var componentHeightPx by remember { mutableStateOf(0) }
     var componentWidthPx by remember { mutableStateOf(0) }
-    val touchTint = remember { mutableStateOf(Color.Transparent) }
-
-    isDropdownExpanded.value.let {
-        touchTint.value = if (it) MiuixTheme.colorScheme.touchTint else Color.Transparent
-    }
 
     BasicComponent(
         modifier = modifier
@@ -140,7 +140,7 @@ fun SuperDropdown(
                     componentWidthPx = coordinates.size.width
                 }
             }
-            .background(touchTint.value),
+            .background(touchTint),
         insideMargin = insideMargin,
         title = title,
         titleColor = titleColor,
@@ -196,7 +196,7 @@ fun SuperDropdown(
         val captionBarPx by rememberUpdatedState(
             with(density) { WindowInsets.captionBar.asPaddingValues().calculateBottomPadding().toPx() }.roundToInt()
         )
-        val insideWidthPx by rememberUpdatedState(with(density){ insideMargin.width.toPx() }.roundToInt())
+        val insideWidthPx by rememberUpdatedState(with(density) { insideMargin.width.toPx() }.roundToInt())
         val insideHeightPx by rememberUpdatedState(with(density) { insideMargin.height.toPx() }.roundToInt())
         val displayCutoutLeftSize = rememberUpdatedState(with(density) {
             WindowInsets.displayCutout.asPaddingValues(density).calculateLeftPadding(LayoutDirection.Ltr).toPx()
@@ -245,8 +245,10 @@ fun SuperDropdown(
                             }
                             .align(AbsoluteAlignment.TopLeft)
                             .graphicsLayer(
-                                shadowElevation = 18f,
-                                shape = SmoothRoundedCornerShape(18.dp)
+                                shadowElevation = 40f,
+                                shape = SmoothRoundedCornerShape(18.dp),
+                                ambientShadowColor = MiuixTheme.colorScheme.onBackground.copy(alpha = 0.2f),
+                                spotShadowColor =  MiuixTheme.colorScheme.onBackground.copy(alpha = 0.6f)
                             )
                             .clip(SmoothRoundedCornerShape(18.dp))
                             .background(MiuixTheme.colorScheme.surface)
@@ -365,8 +367,8 @@ fun calculateOffsetYPx(
         dropdownOffsetPx + componentHeightPx - insideHeightPx / 2
     } else if (dropdownOffsetPx - statusBarPx > dropdownHeightPx) {
         // Show above
-        dropdownOffsetPx - dropdownHeightPx  + insideHeightPx / 2
-    } else if (windowHeightPx - statusBarPx - captionBarPx - navigationBarPx <= dropdownHeightPx)  {
+        dropdownOffsetPx - dropdownHeightPx + insideHeightPx / 2
+    } else if (windowHeightPx - statusBarPx - captionBarPx - navigationBarPx <= dropdownHeightPx) {
         // Special handling when the height of the popup is maxsize (== windowHeightPx)
         0
     } else if (windowHeightPx - dropdownOffsetPx < dropdownHeightPx / 2 + captionBarPx + navigationBarPx + insideHeightPx + componentHeightPx / 2) {