@momo-kits/native-kits 0.163.1-beta.7-debug → 0.163.1-beta.7

package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt

@@ -1,269 +0,0 @@
-package vn.momo.kits.const
-
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.Immutable
-import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.font.FontFamily
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.style.TextDecoration
-import androidx.compose.ui.unit.*
-import org.jetbrains.compose.resources.Font
-import org.jetbrains.compose.resources.FontResource
-import org.jetbrains.compose.resources.InternalResourceApi
-import vn.momo.kits.application.LocalFontScaleConfig
-import vn.momo.kits.platform.getScreenDimensions
-import vn.momo.uikits.resources.*
-import kotlin.math.max
-import kotlin.math.min
-
-const val DEFAULT_SCREEN_SIZE = 375f
-const val MAX_FONT_SCALE = 1.5f
-const val MAX_DEVICE_SCALE = 5
-
-@Composable
-fun scaleSize(size: Float, userScaleRate: Float? = null): Float {
-    val fontScaleConfig = LocalFontScaleConfig.current
-    val useOSFontScale = fontScaleConfig.useOSFontScale
-    val customRate = userScaleRate ?: fontScaleConfig.userScaleRate ?: 1f
-
-    val deviceScale = getScreenDimensions().width / DEFAULT_SCREEN_SIZE
-    val fontScale = fontScaleConfig.osFontScale ?: LocalDensity.current.fontScale
-
-    if (!useOSFontScale) {
-        return if (customRate > 1f) customRate * size else size
-    }
-
-    var fontSizeScaleDevice = size
-    var fontSizeScaleOS = size
-    if (deviceScale > 1) {
-        fontSizeScaleDevice =
-            min(deviceScale * fontSizeScaleDevice, fontSizeScaleDevice + MAX_DEVICE_SCALE)
-    }
-    if (fontScale > 1f) {
-        fontSizeScaleOS = min(fontScale * fontSizeScaleOS, fontSizeScaleOS * MAX_FONT_SCALE)
-    }
-
-    return max(fontSizeScaleDevice, fontSizeScaleOS)
-}
-
-@Composable
-fun scaleSize(size: TextUnit, userScaleRate: Float? = null): TextUnit {
-    if (!size.isSp) return size
-
-    val density = LocalDensity.current
-
-    val scaled = scaleSize(size.value, userScaleRate)
-    val spValue = scaled / density.fontScale
-
-    return TextUnit(value = spValue, type = TextUnitType.Sp)
-}
-
-@Composable
-fun scaleSize(size: Dp, userScaleRate: Float? = null): Dp {
-    return scaleSize(size.value, userScaleRate).dp
-}
-
-@Composable
-fun scaleSize(textStyle: TextStyle, userScaleRate: Float? = null): TextStyle {
-    return textStyle.copy(
-        fontSize = if (textStyle.fontSize != TextUnit.Unspecified)
-            scaleSize(textStyle.fontSize, userScaleRate)
-        else
-            TextUnit.Unspecified,
-
-        lineHeight = if (textStyle.lineHeight != TextUnit.Unspecified)
-            scaleSize(textStyle.lineHeight, userScaleRate)
-        else
-            TextUnit.Unspecified,
-    )
-}
-
-
-@OptIn(InternalResourceApi::class)
-@Composable
-internal fun getFont(font: FontResource): FontFamily {
-    return FontFamily(Font(font))
-}
-
-@Composable
-fun getFontFamily(fontFamily: String, fontWeight: FontWeight? = FontWeight.Normal): FontFamily {
-    val key = "$fontFamily-${fontWeight?.weight}"
-    val fontMap = mapOf(
-        "SFProText-100" to Res.font.sfprotext_thin,
-        "SFProText-200" to Res.font.sfprotext_ultralight,
-        "SFProText-300" to Res.font.sfprotext_light,
-        "SFProText-400" to Res.font.sfprotext_regular,
-        "SFProText-500" to Res.font.sfprotext_medium,
-        "SFProText-600" to Res.font.sfprotext_semibold,
-        "SFProText-700" to Res.font.sfprotext_bold,
-        "SFProText-800" to Res.font.sfprotext_heavy,
-        "SFProText-900" to Res.font.sfprotext_black,
-
-        "MoMoSignature-100" to Res.font.momosignature,
-        "MoMoSignature-200" to Res.font.momosignature,
-        "MoMoSignature-300" to Res.font.momosignature,
-        "MoMoSignature-400" to Res.font.momosignature,
-        "MoMoSignature-500" to Res.font.momosignature,
-        "MoMoSignature-600" to Res.font.momosignature,
-        "MoMoSignature-700" to Res.font.momosignature,
-        "MoMoSignature-800" to Res.font.momosignature,
-        "MoMoSignature-900" to Res.font.momosignature,
-
-        "MoMoTrustDisplay-100" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-200" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-300" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-400" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-500" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-600" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-700" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-800" to Res.font.momotrustdisplay,
-        "MoMoTrustDisplay-900" to Res.font.momotrustdisplay,
-    )
-    val font = fontMap[key] ?: Res.font.sfprotext_regular
-    return getFont(font)
-}
-
-@Immutable
-class AppTypography internal constructor(
-    val headlineDefaultBold: TextStyle,
-    val headerMBold: TextStyle,
-    val headerDefaultBold: TextStyle,
-    val headerSSemibold: TextStyle,
-    val headerXsSemibold: TextStyle,
-    val bodyDefaultRegular: TextStyle,
-    val bodyDefaultRegularStrikethrough: TextStyle,
-    val descriptionDefaultRegular: TextStyle,
-    val descriptionDefaultRegularStrikethrough: TextStyle,
-    val descriptionXsRegular: TextStyle,
-    val descriptionXsRegularStrikethrough: TextStyle,
-    val labelDefaultMedium: TextStyle,
-    val labelSMedium: TextStyle,
-    val labelXsMedium: TextStyle,
-    val actionDefaultBold: TextStyle,
-    val actionSBold: TextStyle,
-    val actionXsBold: TextStyle,
-    val actionXxsBold: TextStyle,
-) {
-    constructor(
-        default: TextStyle = TextStyle(
-            fontSize = 14.sp,
-            lineHeight = 20.sp,
-            fontWeight = FontWeight.Normal
-        ),
-        headlineDefaultBold: TextStyle = TextStyle(
-            fontSize = 24.sp,
-            lineHeight = 34.sp,
-            fontWeight = FontWeight.Bold
-        ),
-        headerMBold: TextStyle = TextStyle(
-            fontSize = 18.sp,
-            lineHeight = 26.sp,
-            fontWeight = FontWeight.Bold
-        ),
-        headerDefaultBold: TextStyle = TextStyle(
-            fontSize = 16.sp,
-            lineHeight = 22.sp,
-            fontWeight = FontWeight.Bold
-        ),
-        headerSSemibold: TextStyle = TextStyle(
-            fontSize = 14.sp,
-            lineHeight = 20.sp,
-            fontWeight = FontWeight.SemiBold
-        ),
-        headerXsSemibold: TextStyle = TextStyle(
-            fontSize = 12.sp,
-            lineHeight = 18.sp,
-            fontWeight = FontWeight.SemiBold
-        ),
-        bodyDefaultRegular: TextStyle = TextStyle(
-            fontSize = 14.sp,
-            lineHeight = 20.sp,
-            fontWeight = FontWeight.Normal
-        ),
-        bodyDefaultRegularStrikethrough: TextStyle = TextStyle(
-            fontSize = 14.sp,
-            lineHeight = 20.sp,
-            fontWeight = FontWeight.Normal,
-            textDecoration = TextDecoration.LineThrough
-        ),
-        descriptionDefaultRegular: TextStyle = TextStyle(
-            fontSize = 12.sp,
-            lineHeight = 18.sp,
-            fontWeight = FontWeight.Normal
-        ),
-        descriptionDefaultRegularStrikethrough: TextStyle = TextStyle(
-            fontSize = 12.sp,
-            lineHeight = 18.sp,
-            fontWeight = FontWeight.Normal,
-            textDecoration = TextDecoration.LineThrough
-        ),
-        descriptionXsRegular: TextStyle = TextStyle(
-            fontSize = 10.sp,
-            lineHeight = 14.sp,
-            fontWeight = FontWeight.Normal
-        ),
-        descriptionXsRegularStrikethrough: TextStyle = TextStyle(
-            fontSize = 10.sp,
-            lineHeight = 14.sp,
-            fontWeight = FontWeight.Normal,
-            textDecoration = TextDecoration.LineThrough
-        ),
-        labelDefaultMedium: TextStyle = TextStyle(
-            fontSize = 14.sp,
-            lineHeight = 20.sp,
-            fontWeight = FontWeight.Medium
-        ),
-        labelSMedium: TextStyle = TextStyle(
-            fontSize = 12.sp,
-            lineHeight = 18.sp,
-            fontWeight = FontWeight.Medium
-        ),
-        labelXsMedium: TextStyle = TextStyle(
-            fontSize = 10.sp,
-            lineHeight = 14.sp,
-            fontWeight = FontWeight.Medium
-        ),
-        actionDefaultBold: TextStyle = TextStyle(
-            fontSize = 16.sp,
-            lineHeight = 22.sp,
-            fontWeight = FontWeight.Bold
-        ),
-        actionSBold: TextStyle = TextStyle(
-            fontSize = 14.sp,
-            lineHeight = 20.sp,
-            fontWeight = FontWeight.Bold
-        ),
-        actionXsBold: TextStyle = TextStyle(
-            fontSize = 12.sp,
-            lineHeight = 18.sp,
-            fontWeight = FontWeight.Bold
-        ),
-        actionXxsBold: TextStyle = TextStyle(
-            fontSize = 10.sp,
-            lineHeight = 14.sp,
-            fontWeight = FontWeight.Bold
-        ),
-    ) : this(
-        headlineDefaultBold = headlineDefaultBold,
-        headerMBold = headerMBold,
-        headerDefaultBold = headerDefaultBold,
-        headerSSemibold = headerSSemibold,
-        headerXsSemibold = headerXsSemibold,
-        bodyDefaultRegular = bodyDefaultRegular,
-        bodyDefaultRegularStrikethrough = bodyDefaultRegularStrikethrough,
-        descriptionDefaultRegular = descriptionDefaultRegular,
-        descriptionDefaultRegularStrikethrough = descriptionDefaultRegularStrikethrough,
-        descriptionXsRegular = descriptionXsRegular,
-        descriptionXsRegularStrikethrough = descriptionXsRegularStrikethrough,
-        labelDefaultMedium = labelDefaultMedium,
-        labelSMedium = labelSMedium,
-        labelXsMedium = labelXsMedium,
-        actionDefaultBold = actionDefaultBold,
-        actionSBold = actionSBold,
-        actionXsBold = actionXsBold,
-        actionXxsBold = actionXxsBold
-    )
-}
-
-val Typography = AppTypography()

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Card.kt

@@ -1,2 +0,0 @@
-package vn.momo.kits.layout
-

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt

@@ -1,35 +0,0 @@
-package vn.momo.kits.layout
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.Dp
-
-data class GridContext(
-    val numberOfColumns: Number,
-    val gutterSize: Number,
-    val sizePerSpan: Number,
-    val getSizeSpan: (Number) -> Number
-)
-
-@Composable
-fun Item(
-    heightSpan: Number = 1,
-    widthSpan: Number = 1,
-    content: @Composable () -> Unit,
-    modifier: Modifier = Modifier,
-    grid: GridContext
-) {
-
-    val widthItem = grid.getSizeSpan(widthSpan)
-    val heightItem = grid.getSizeSpan(heightSpan)
-
-    Box(
-        modifier = modifier.width(width = Dp(widthItem.toFloat()))
-            .height(height = Dp(heightItem.toFloat()))
-    ) {
-        content()
-    }
-}

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Section.kt

@@ -1,2 +0,0 @@
-package vn.momo.kits.layout
-

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/AutomationId.kt

@@ -1,52 +0,0 @@
-package vn.momo.kits.modifier
-
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.node.ModifierNodeElement
-import androidx.compose.ui.node.SemanticsModifierNode
-import androidx.compose.ui.semantics.SemanticsPropertyReceiver
-import androidx.compose.ui.semantics.contentDescription
-import androidx.compose.ui.semantics.semantics
-import androidx.compose.ui.semantics.testTag
-import vn.momo.kits.platform.getPlatformName
-
-fun Modifier.setAutomationId(accessibilityId: String, mergeDescendants: Boolean = false): Modifier {
-    return if (getPlatformName() == "Android") {
-        semantics {
-            contentDescription = accessibilityId
-        }
-    } else {
-        semantics(mergeDescendants = mergeDescendants) {
-            testTag = accessibilityId
-        }
-    }}
-
-fun Modifier.kitsAutomationId(accessibilityId: String, label: String? = null) =
-    this then KitsAutomationIdElement(accessibilityId, label)
-
-private data class KitsAutomationIdElement(
-    private val accessibilityId: String,
-    private val label: String? = null,
-) : ModifierNodeElement<KitsAutomationIdNode>() {
-    override fun create(): KitsAutomationIdNode {
-        return KitsAutomationIdNode(accessibilityId, label)
-    }
-
-    override fun update(node: KitsAutomationIdNode) {
-        node.accessibilityId = accessibilityId
-        node.label = label
-    }
-}
-
-private class KitsAutomationIdNode(
-    var accessibilityId: String,
-    var label: String?,
-) : Modifier.Node(), SemanticsModifierNode {
-    override fun SemanticsPropertyReceiver.applySemantics() {
-        if (getPlatformName() == "Android") {
-            contentDescription = accessibilityId
-        } else {
-            testTag = accessibilityId
-            contentDescription = label ?: accessibilityId
-        }
-    }
-}

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Clickable.kt

@@ -1,66 +0,0 @@
-package vn.momo.kits.modifier
-
-import androidx.compose.animation.core.animateFloatAsState
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.interaction.collectIsPressedAsState
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.remember
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.composed
-import androidx.compose.ui.graphics.graphicsLayer
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.platform.LocalFocusManager
-import androidx.compose.ui.platform.LocalSoftwareKeyboardController
-import androidx.compose.ui.semantics.Role
-
-fun Modifier.noFeedbackClickable(
-    enabled: Boolean = true, onClickLabel: String? = null, role: Role? = null, onClick: () -> Unit
-): Modifier = composed {
-    clickable(
-        interactionSource = remember { MutableInteractionSource() },
-        indication = null,
-        enabled,
-        onClickLabel,
-        role,
-        onClick
-    )
-}
-
-fun Modifier.activeOpacityClickable(
-    activeOpacity: Float = 0.2f,
-    enabled: Boolean = true,
-    onClickLabel: String? = null,
-    role: Role? = null,
-    onClick: () -> Unit
-): Modifier = composed {
-    val interactionSource = remember { MutableInteractionSource() }
-    val isPressed by interactionSource.collectIsPressedAsState()
-    val animatedAlpha by animateFloatAsState(
-        targetValue = if (isPressed) activeOpacity else 1f,
-        label = "ActiveOpacity"
-    )
-
-    this
-        .graphicsLayer { alpha = animatedAlpha }
-        .clickable(
-            interactionSource = interactionSource,
-            indication = null,
-            enabled,
-            onClickLabel,
-            role,
-            onClick
-        )
-}
-fun Modifier.hideKeyboardOnTap() = composed {
-    val focusManager = LocalFocusManager.current
-    val keyboardManager = LocalSoftwareKeyboardController.current
-
-    pointerInput(Unit) {
-        detectTapGestures {
-            keyboardManager?.hide()
-            focusManager.clearFocus()
-        }
-    }
-}

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Conditional.kt

@@ -1,11 +0,0 @@
-package vn.momo.kits.modifier
-
-import androidx.compose.ui.Modifier
-
-fun Modifier.conditional(condition: Boolean, modifier: Modifier.() -> Modifier): Modifier {
-    return if (condition) {
-        then(modifier(Modifier))
-    } else {
-        this
-    }
-}

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/DeprecatedModifier.kt

@@ -1,104 +0,0 @@
-package vn.momo.kits.modifier
-
-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.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.drawWithContent
-import androidx.compose.ui.geometry.Offset
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.drawscope.clipRect
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.drawText
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.rememberTextMeasurer
-import androidx.compose.ui.unit.sp
-import vn.momo.kits.application.IsShowBaseLineDebug
-import vn.momo.kits.const.Colors
-
-@Suppress("ExperimentalAnnotationRetention")
-@RequiresOptIn(
-    message = "This is internal API of native-kits, become internal in next sprint",
-    level = RequiresOptIn.Level.WARNING,
-)
-@Retention(AnnotationRetention.BINARY)
-@Target(
-    AnnotationTarget.CLASS,
-    AnnotationTarget.FUNCTION,
-    AnnotationTarget.PROPERTY,
-)
-annotation class InternalApi
-
-@Composable
-fun DeprecatedModifier(text: String = "Deprecated component"): Modifier = debugMarker(
-    label = text,
-    background = Colors.red_04.copy(alpha = 0.7f),
-    textColor = Colors.red_01,
-    animationLabel = "deprecatedMarquee",
-)
-
-@Composable
-private fun debugMarker(
-    label: String,
-    background: Color,
-    textColor: Color,
-    animationLabel: String,
-): Modifier {
-    if (!IsShowBaseLineDebug) return Modifier
-
-    val textMeasurer = rememberTextMeasurer()
-    val marquee = rememberInfiniteTransition(label = animationLabel)
-    val progress by marquee.animateFloat(
-        initialValue = 0f,
-        targetValue = 1f,
-        animationSpec = infiniteRepeatable(
-            animation = tween(durationMillis = 4000, easing = LinearEasing),
-            repeatMode = RepeatMode.Restart,
-        ),
-        label = "${animationLabel}Progress",
-    )
-
-    return Modifier.drawWithContent {
-        drawContent()
-        drawRect(color = background)
-
-        if (size.width <= 0f || size.height <= 0f) return@drawWithContent
-
-        val fontPx = (size.width * 0.1f).coerceIn(12.sp.toPx(), 20.sp.toPx())
-        val style = TextStyle(
-            color = textColor,
-            fontSize = fontPx.toSp(),
-            fontWeight = FontWeight.Bold,
-        )
-
-        val intrinsic = textMeasurer.measure(
-            text = label,
-            style = style,
-            maxLines = 1,
-            softWrap = false,
-        )
-        val textW = intrinsic.size.width
-        val textH = intrinsic.size.height
-        val y = (size.height - textH) / 2f
-
-        if (textW <= size.width) {
-            drawText(
-                textLayoutResult = intrinsic,
-                topLeft = Offset((size.width - textW) / 2f, y),
-            )
-        } else {
-            clipRect(right = size.width, bottom = size.height) {
-                val gap = textW * 0.5f
-                val travel = textW + gap
-                val x = -progress * travel
-                drawText(textLayoutResult = intrinsic, topLeft = Offset(x, y))
-                drawText(textLayoutResult = intrinsic, topLeft = Offset(x + travel, y))
-            }
-        }
-    }
-}

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Shadow.kt

@@ -1,48 +0,0 @@
-package vn.momo.kits.modifier
-
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.drawBehind
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.Paint
-import androidx.compose.ui.graphics.drawscope.drawIntoCanvas
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.platform.setColor
-import vn.momo.kits.platform.setMaskFilter
-fun Modifier.shadow(
-    color: Color = Color.Black,
-    borderRadius: Dp = 0.dp,
-    blurRadius: Float = 0f,
-    offsetY: Dp = 0.dp,
-    offsetX: Dp = 0.dp,
-    spread: Dp = 0f.dp,
-    modifier: Modifier = Modifier
-) = this.then(
-    modifier.drawBehind {
-        this.drawIntoCanvas {
-            val paint = Paint()
-            val frameworkPaint = paint.asFrameworkPaint()
-            val spreadPixel = spread.toPx()
-            val leftPixel = (0f - spreadPixel) + offsetX.toPx()
-            val topPixel = (0f - spreadPixel) + offsetY.toPx()
-            val rightPixel = (this.size.width + spreadPixel)
-            val bottomPixel = (0f + spreadPixel) - offsetY.toPx()
-
-            if (blurRadius != 0f) {
-                frameworkPaint.setMaskFilter(blurRadius)
-            }
-
-            frameworkPaint.setColor(color)
-
-            it.drawRoundRect(
-                left = leftPixel,
-                top = topPixel,
-                right = rightPixel,
-                bottom = bottomPixel,
-                radiusX = borderRadius.toPx(),
-                radiusY = borderRadius.toPx(),
-                paint
-            )
-        }
-    }
-)

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Size.kt

@@ -1,51 +0,0 @@
-package vn.momo.kits.modifier
-
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.State
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.layout.Measurable
-import androidx.compose.ui.layout.MeasureResult
-import androidx.compose.ui.layout.MeasureScope
-import androidx.compose.ui.node.LayoutModifierNode
-import androidx.compose.ui.node.ModifierNodeElement
-import androidx.compose.ui.unit.Constraints
-import androidx.compose.ui.unit.IntOffset
-
-@Composable
-fun Modifier.dynamicSize(
-    widthState: State<Int>? = null,
-    heightState: State<Int>? = null,
-) = this then DynamicSizeElement(widthState, heightState)
-
-private data class DynamicSizeElement(
-    val widthState: State<Int>?,
-    val heightState: State<Int>?,
-) : ModifierNodeElement<DynamicSizeNode>() {
-    override fun create(): DynamicSizeNode {
-        return DynamicSizeNode(widthState, heightState)
-    }
-
-    override fun update(node: DynamicSizeNode) {
-        node.widthState = widthState
-        node.heightState = heightState
-    }
-
-}
-
-private class DynamicSizeNode(
-    var widthState: State<Int>?,
-    var heightState: State<Int>?,
-) : Modifier.Node(), LayoutModifierNode {
-    override fun MeasureScope.measure(
-        measurable: Measurable,
-        constraints: Constraints
-    ): MeasureResult {
-        val p = measurable.measure(constraints)
-        return layout(
-            width = widthState?.value ?: p.width,
-            height = heightState?.value ?: p.height,
-        ) {
-            p.place(IntOffset.Zero)
-        }
-    }
-}