SplitPane not getting affected with Layout dirction changes

[ahmedhosnypro]

Describe the bug
I tried compose splitpane with
CompositionLocalProvider(
LocalLayoutDirection provides LayoutDirection.Rtl
)
but nothing happened

Affected platforms
Select one of the platforms below:

• Desktop
  *didn't checked others

Versions

• Kotlin version*: 1.9.22
• Compose Multiplatform version*: 1.6.0-beta01
• OS version(s)* (required for Desktop and iOS issues): Windows 11 Insider Prerview 26040
• OS architecture (x86 or arm64): x86
• JDK (for desktop issues): openjdk-18 Jetbrains Runtime Version 17.0.8

To Reproduce
followin snippet is from demo

compose-multiplatform/components/SplitPane/demo/src/jvmMain/kotlin/org/jetbrains/compose/splitpane/demo/Main.kt

Line 27 in d6b8681

HorizontalSplitPane(

wrppaed by CompositionLocalProvider

CompositionLocalProvider(
        LocalLayoutDirection provides LayoutDirection.Rtl
    ) {
        MaterialTheme {
            val splitterState = rememberSplitPaneState()
            val hSplitterState = rememberSplitPaneState()
            HorizontalSplitPane(
                splitPaneState = splitterState
            ) {
                first(256.dp) {
                    Box(
                        Modifier.background(Color.Red).fillMaxSize(),
                        contentAlignment = Alignment.Center
                    ) {
                        Text("First")
                    }
                }
                second(50.dp) {
                    VerticalSplitPane(splitPaneState = hSplitterState) {
                        first(50.dp) {
                            Box(
                                Modifier.background(Color.Blue).fillMaxSize(),
                                contentAlignment = Alignment.Center
                            ) {
                                Text("Second-Top")
                            }
                        }
                        second(20.dp) {
                            Box(
                                Modifier.background(Color.Green).fillMaxSize(),
                                contentAlignment = Alignment.Center
                            ) {
                                Text("Second-Bottom")
                            }
                        }
                    }
                }
                splitter {
                    visiblePart {
                        Box(
                            Modifier
                                .width(1.dp)
                                .fillMaxHeight()
                                .background(MaterialTheme.colors.background)
                        )
                    }
                    handle {
                        Box(
                            Modifier
                                .markAsHandle()
                                .cursorForHorizontalResize()
                                .background(SolidColor(Color.Gray), alpha = 0.50f)
                                .width(9.dp)
                                .fillMaxHeight()
                        )
                    }
                }
            }
        }
    }

Expected behavior
all content of HorizontalSplitPane to be alligned to right
SplitPaneScope.first is to right of second

Screenshots
Expected:

Actual:

Additional context
workaround:

@OptIn(ExperimentalSplitPaneApi::class)
@Composable
fun RtlHorizontalSplitPane(
    modifier: Modifier = Modifier,
    splitPaneState: SplitPaneState,
    first: SplitPaneItem = SplitPaneItem(),
    second: SplitPaneItem = SplitPaneItem(),
    splitterVisiblePart: @Composable () -> Unit = {},
    splitterHandle: @Composable HandleScope.() -> Unit,
) {
    val flipModifier = Modifier.graphicsLayer(scaleX = -1f)
    HorizontalSplitPane(
        splitPaneState = splitPaneState,
        modifier = modifier then (flipModifier)
    ) {
        first(first.minSize) {
            Box(modifier = flipModifier) {
                first.content?.invoke()
            }
        }
        second(second.minSize) {
            Box(modifier = flipModifier) {
                second.content?.invoke()
            }
        }
        splitter {
            visiblePart {
                splitterVisiblePart()
            }
            handle {
                splitterHandle()
            }
        }
    }
}

@Stable
@Immutable
data class SplitPaneItem(
    val minSize: Dp = 0.dp,
    val content: @Composable () -> Unit = {}
)

@OptIn(ExperimentalSplitPaneApi::class)
fun main() = singleWindowApplication(
    title = "SplitPane demo"
) {
    val vSplitterState = rememberSplitPaneState()
    val hSplitterState = rememberSplitPaneState()
    CompositionLocalProvider(
        LocalLayoutDirection provides LayoutDirection.Rtl
    ) {
        RtlHorizontalSplitPane(
            splitPaneState = vSplitterState,
            first = SplitPaneItem(minSize = 256.dp) {
                Box(
                    Modifier.background(Color.Red).fillMaxSize(),
                    contentAlignment = Alignment.Center
                ) {
                    Text("First")
                }
            },
            second = SplitPaneItem(minSize = 50.dp) {
                VerticalSplitPane(splitPaneState = hSplitterState) {
                    first(50.dp) {
                        Box(
                            Modifier.background(Color.Blue).fillMaxSize(),
                            contentAlignment = Alignment.Center
                        ) {
                            Text("Second-Top")
                        }
                    }
                    second(20.dp) {
                        Box(
                            Modifier.background(Color.Green).fillMaxSize(),
                            contentAlignment = Alignment.Center
                        ) {
                            Text("Second-Bottom")
                        }
                    }
                }
            },
            splitterVisiblePart = {
                Box(
                    Modifier
                        .width(1.dp)
                        .fillMaxHeight()
                        .background(MaterialTheme.colors.background)
                )
            },
            splitterHandle = {
                Box(
                    Modifier
                        .markAsHandle()
                        .cursorForHorizontalResize()
                        .background(SolidColor(Color.Gray), alpha = 0.50f)
                        .width(9.dp)
                        .fillMaxHeight()
                )
            }
        )
    }
}

[ahmedhosnypro]

I submitted a poll here: #4265

[igordmn]

We'll include it in 1.6.0