peachsim 0.1.939 → 0.1.1399

package/kotlin/fixtures/import-scroll/ImportScroll.native.tsx

@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+import { Scroll } from './Scroll.kt'
+
+export default function Index() {
+  const [step, setStep] = useState(0)
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <Scroll title={`Scroll step ${step}`} onStep={setStep} />
+      <Text testID="scroll-react-step">React step: {step}</Text>
+    </View>
+  )
+}

package/kotlin/fixtures/import-scroll/README.md

@@ -0,0 +1,23 @@
+# Imported Compose scrolling
+
+Run One in this fixture, then open its Android bundle in Peach on Pixel 8.
+Build the native Android target on a remote builder. Import the same files in
+Contrast with catalog versions materialized.
+
+Tap `scroll-step` to scroll all five containers through their official state
+APIs. The plain containers move to 180 and 80 physical pixels. LazyColumn,
+LazyRow and LazyVerticalGrid move to index/offset pairs 5/8, 4/4 and 8/6.
+The callback updates React and the imported title while Compose retains count.
+The disabled action must preserve every value. The second enabled tap resets
+every scroll state to zero and advances count to two. Capture all four states,
+including visible indexed content. This fixture claims state and scroll-to
+execution, without drag/fling timing or full-frame pixel fidelity.
+
+RAN, 2026-10-11: fresh One Android API 37, Peach and Contrast Android import
+runs pass the four states with identical offsets and visible item indices.
+The [functional receipt](https://r2.sootsim.com/kotlin-evidence/import-scroll/916c4e8107ef1d5972d87c74dc24d331616d0edab675d9792e06905041b92171/proof.json)
+binds the Kotlin source, compiler, native APK, captures and executed probes.
+All 50 published objects pass SHA256 readback; a wrong offset and a disabled
+callback change reject the saved verdict. Contrast uses the repository's
+`CONTRAST_TEST_STABLE_WATCH=1` setup to preload its known dependencies before
+navigation. Required CI delivery remains separate from this functional proof.

package/kotlin/fixtures/import-scroll/Scroll.d.kt.ts

@@ -0,0 +1,7 @@
+// generated by one typegen; edits will be replaced
+import type { ReactElement } from 'react'
+
+export declare function Scroll(props: {
+  title: string
+  onStep?: ((value0: number) => void) | null
+}): ReactElement

package/kotlin/fixtures/import-scroll/Scroll.kt

@@ -0,0 +1,91 @@
+package dev.contrast.kotlinscroll
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.rememberLazyGridState
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.launch
+
+@Composable
+fun Scroll(title: String, onStep: ((Int) -> Unit)? = null) {
+    var count by remember { mutableStateOf(0) }
+    val vertical = rememberScrollState()
+    val horizontal = rememberScrollState()
+    val column = rememberLazyListState()
+    val row = rememberLazyListState()
+    val grid = rememberLazyGridState()
+    val scope = rememberCoroutineScope()
+    MaterialTheme(colorScheme = lightColorScheme()) {
+        Surface(Modifier.fillMaxSize()) {
+            Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
+                Text(title, Modifier.testTag("scroll-title"))
+                Text("Count: $count", Modifier.testTag("scroll-count"))
+                Column(Modifier.size(280.dp, 64.dp).verticalScroll(vertical).background(Color(0xFFEADDFF))) {
+                    repeat(20) { Text("Vertical $it", Modifier.size(280.dp, 32.dp)) }
+                }
+                Row(Modifier.size(280.dp, 48.dp).horizontalScroll(horizontal).background(Color(0xFFE8DEF8))) {
+                    repeat(20) { Text("Horizontal $it", Modifier.size(100.dp, 48.dp)) }
+                }
+                LazyColumn(Modifier.size(280.dp, 64.dp).background(Color(0xFFEADDFF)), state = column) {
+                    items(30) { Text("Column $it", Modifier.size(280.dp, 32.dp)) }
+                }
+                LazyRow(Modifier.size(280.dp, 48.dp).background(Color(0xFFE8DEF8)), state = row) {
+                    items(30) { Text("Row $it", Modifier.size(100.dp, 48.dp)) }
+                }
+                LazyVerticalGrid(columns = GridCells.Fixed(2), modifier = Modifier.size(280.dp, 64.dp).background(Color(0xFFEADDFF)), state = grid) {
+                    items(30) { Text("Grid $it", Modifier.size(140.dp, 32.dp)) }
+                }
+                Button(
+                    onClick = {
+                        scope.launch {
+                            val next = count + 1
+                            val moved = next % 2 == 1
+                            vertical.scrollTo(if (moved) 180 else 0)
+                            horizontal.scrollTo(if (moved) 80 else 0)
+                            column.scrollToItem(if (moved) 5 else 0, if (moved) 8 else 0)
+                            row.scrollToItem(if (moved) 4 else 0, if (moved) 4 else 0)
+                            grid.scrollToItem(if (moved) 8 else 0, if (moved) 6 else 0)
+                            count = next
+                            onStep?.invoke(next)
+                        }
+                    },
+                    modifier = Modifier.testTag("scroll-step"),
+                ) { Text("Next scroll step") }
+                Button(onClick = { count += 1000; onStep?.invoke(count) }, enabled = false, modifier = Modifier.testTag("scroll-disabled")) {
+                    Text("Disabled scroll step")
+                }
+                Text(
+                    "vertical=${vertical.value};horizontal=${horizontal.value};column=${column.firstVisibleItemIndex},${column.firstVisibleItemScrollOffset};row=${row.firstVisibleItemIndex},${row.firstVisibleItemScrollOffset};grid=${grid.firstVisibleItemIndex},${grid.firstVisibleItemScrollOffset}",
+                    Modifier.testTag("scroll-geometry"),
+                )
+            }
+        }
+    }
+}

package/kotlin/fixtures/import-scroll/app/_layout.tsx

@@ -0,0 +1,4 @@
+import { Slot } from 'one'
+export default function Layout() {
+  return <Slot />
+}

package/kotlin/fixtures/import-scroll/app/index+spa.tsx

@@ -0,0 +1 @@
+export { default } from '../ImportScroll.native'

package/kotlin/fixtures/import-scroll/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "peach-kotlin-import-scroll-fixture",
+  "private": true,
+  "type": "module",
+  "targets": [
+    "native"
+  ],
+  "dependencies": {
+    "@react-navigation/core": "catalog:",
+    "@react-navigation/native": "catalog:",
+    "one": "catalog:",
+    "react": "catalog:",
+    "react-native": "catalog:",
+    "react-native-reanimated": "catalog:",
+    "react-native-screens": "catalog:",
+    "react-native-worklets": "catalog:"
+  },
+  "devDependencies": {
+    "@react-native-community/template": "catalog:",
+    "peachsim": "workspace:*",
+    "vite": "catalog:"
+  }
+}

package/kotlin/fixtures/import-scroll/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "~/*": ["./*"]
+    },
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "rootDir": ".",
+    "module": "Preserve",
+    // allows react-native style imports without path extensions, for compat with platform-specific files
+    "moduleResolution": "Bundler",
+    "preserveSymlinks": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "types": ["node", "react", "vite/client"],
+    "lib": ["dom", "esnext"]
+  },
+  "exclude": ["node_modules", "**/test", "**/dist", "**/types", "**/__tests__"]
+}

package/kotlin/fixtures/import-scroll/vite.config.ts

@@ -0,0 +1,20 @@
+import { one } from 'one/vite'
+import { peachPlugin } from 'peachsim/vite'
+export default {
+  root: import.meta.dirname,
+  plugins: [
+    one({
+      web: { defaultRenderMode: 'spa' },
+      native: {
+        bundler: 'vite',
+        app: {
+          name: 'KotlinScroll',
+          scheme: 'kotlinscroll',
+          android: { applicationId: 'dev.contrast.kotlinscroll' },
+        },
+      },
+    }),
+    peachPlugin(),
+  ],
+  server: { host: '0.0.0.0' },
+}

package/kotlin/fixtures/import-selection/ImportSelection.native.tsx

@@ -0,0 +1,44 @@
+import { useState } from 'react'
+import { Pressable, Text, View } from 'react-native'
+import { Selection } from './Selection.kt'
+
+type SelectionEvent = [string, boolean, number]
+
+export default function Index() {
+  const [title, setTitle] = useState('Imported selection')
+  const [enabled, setEnabled] = useState(true)
+  const [events, setEvents] = useState<SelectionEvent[]>([])
+  return (
+    <View style={{ flex: 1, paddingTop: 48, backgroundColor: '#fff' }}>
+      <View style={{ flex: 1 }}>
+        <Selection
+          title={title}
+          enabled={enabled}
+          onSelection={(source, value, count) =>
+            setEvents((previous) => [...previous, [source, value, count]])
+          }
+        />
+      </View>
+      <View style={{ height: 200, padding: 24 }}>
+        <Text testID="selection-props">{JSON.stringify({ title, enabled })}</Text>
+        <Text testID="selection-events">{JSON.stringify(events)}</Text>
+        <Pressable
+          testID="selection-title"
+          onPress={() =>
+            setTitle((value) =>
+              value === 'Imported selection' ? 'Updated selection' : 'Imported selection',
+            )
+          }
+        >
+          <Text>Update title</Text>
+        </Pressable>
+        <Pressable
+          testID="selection-enabled"
+          onPress={() => setEnabled((value) => !value)}
+        >
+          <Text>{enabled ? 'Disable controls' : 'Enable controls'}</Text>
+        </Pressable>
+      </View>
+    </View>
+  )
+}

package/kotlin/fixtures/import-selection/README.md

@@ -0,0 +1,32 @@
+# Imported Compose selection controls
+
+This fixture imports a public composable into a React Native app and reports
+Switch, Checkbox, and RadioButton callbacks to React. Compose retains its
+selection and callback count when React changes the title or enabled prop.
+
+Run One here with `bunx one dev --port 8081`, then open that port with
+`peach open 8081 --device pixel-8`. Generate native Android with
+`bunx one prebuild --platform android`; build `android/` with
+`./gradlew assembleDebug` on the repository's remote builder.
+
+Toggle the React title twice before touching a native control. Tap Switch,
+update the title, tap Checkbox, then RadioButton. Disable the controls and tap
+Switch: neither Compose state nor React events may change. Enable them and
+tap Checkbox again. The final state is `Updated selection|false|4|true`, and
+`selection-events` contains
+`[["switch",true,1],["checkbox",false,2],["radio",true,3],["checkbox",false,4]]`.
+
+RAN 2026-10-11: Android debug and Kotlin/Wasm builds passed, followed in order
+by One Android, Peach, and Contrast's native bundle producer. All eleven
+observed states and the callback tuples above matched across the three hosts.
+Peach and Contrast reported no preview errors. Contrast compiled `Selection.kt`
+through its Kotlin import route and produced a complete bundle graph.
+
+These runs used One `2.0.0-0.canary.1791724440037`, source
+`65f7d27e6e6cbf33e94e41de7b8667c13c6a6077`, whose HMR socket uses the native
+bundle server's origin. The earlier canary's connection-error toast intercepted
+the React footer tap on Android. A separate direct Android tap now changes the
+title, and the full interaction then passes on the unchanged Android native
+sources. This establishes import and interaction behavior; it does not grade
+pixels or the signed-in editor. Hashes, captures, and receipts are retained in
+task `t-mv3qgkej-1kh0`.

package/kotlin/fixtures/import-selection/Selection.d.kt.ts

@@ -0,0 +1,8 @@
+// generated by one typegen; edits will be replaced
+import type { ReactElement } from 'react'
+
+export declare function Selection(props: {
+  title: string
+  enabled: boolean
+  onSelection?: ((value0: string, value1: boolean, value2: number) => void) | null
+}): ReactElement

package/kotlin/fixtures/import-selection/Selection.kt

@@ -0,0 +1,78 @@
+package dev.contrast.kotlinselection
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Checkbox
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.RadioButton
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Switch
+import androidx.compose.material3.Text
+import androidx.compose.material3.lightColorScheme
+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.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.semantics.contentDescription
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun Selection(
+    title: String,
+    enabled: Boolean,
+    onSelection: ((String, Boolean, Int) -> Unit)? = null,
+) {
+    var selected by remember { mutableStateOf(false) }
+    var changes by remember { mutableStateOf(0) }
+    fun change(source: String, value: Boolean) {
+        selected = value
+        changes += 1
+        onSelection?.invoke(source, value, changes)
+    }
+    MaterialTheme(colorScheme = lightColorScheme()) {
+        Surface(Modifier.fillMaxSize()) {
+            Column(
+                Modifier.fillMaxSize().padding(24.dp),
+                verticalArrangement = Arrangement.spacedBy(16.dp),
+            ) {
+                Text(title, style = MaterialTheme.typography.headlineSmall)
+                Text("$title|$selected|$changes|$enabled", Modifier.testTag("selection-state"))
+                Row(verticalAlignment = Alignment.CenterVertically) {
+                    Switch(
+                        checked = selected,
+                        enabled = enabled,
+                        onCheckedChange = { change("switch", it) },
+                        modifier = Modifier.testTag("selection-switch").semantics { contentDescription = "selection-switch" },
+                    )
+                    Text("Switch")
+                }
+                Row(verticalAlignment = Alignment.CenterVertically) {
+                    Checkbox(
+                        checked = selected,
+                        enabled = enabled,
+                        onCheckedChange = { change("checkbox", it) },
+                        modifier = Modifier.testTag("selection-checkbox").semantics { contentDescription = "selection-checkbox" },
+                    )
+                    Text("Checkbox")
+                }
+                Row(verticalAlignment = Alignment.CenterVertically) {
+                    RadioButton(
+                        selected = selected,
+                        enabled = enabled,
+                        onClick = { change("radio", !selected) },
+                        modifier = Modifier.testTag("selection-radio").semantics { contentDescription = "selection-radio" },
+                    )
+                    Text("Radio button")
+                }
+            }
+        }
+    }
+}

package/kotlin/fixtures/import-selection/app/_layout.tsx

@@ -0,0 +1,4 @@
+import { Slot } from 'one'
+export default function Layout() {
+  return <Slot />
+}

package/kotlin/fixtures/import-selection/app/index+spa.tsx

@@ -0,0 +1 @@
+export { default } from '../ImportSelection.native'

package/kotlin/fixtures/import-selection/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "peach-kotlin-import-selection-fixture",
+  "private": true,
+  "type": "module",
+  "targets": [
+    "native"
+  ],
+  "dependencies": {
+    "@react-navigation/core": "catalog:",
+    "@react-navigation/native": "catalog:",
+    "one": "catalog:",
+    "react": "catalog:",
+    "react-native": "catalog:",
+    "react-native-reanimated": "catalog:",
+    "react-native-screens": "catalog:",
+    "react-native-worklets": "catalog:"
+  },
+  "devDependencies": {
+    "@react-native-community/template": "catalog:",
+    "peachsim": "workspace:*",
+    "vite": "catalog:"
+  }
+}

package/kotlin/fixtures/import-selection/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "~/*": ["./*"]
+    },
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "rootDir": ".",
+    "module": "Preserve",
+    // allows react-native style imports without path extensions, for compat with platform-specific files
+    "moduleResolution": "Bundler",
+    "preserveSymlinks": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "types": ["node", "react", "vite/client"],
+    "lib": ["dom", "esnext"]
+  },
+  "exclude": ["node_modules", "**/test", "**/dist", "**/types", "**/__tests__"]
+}

package/kotlin/fixtures/import-selection/vite.config.ts

@@ -0,0 +1,20 @@
+import { one } from 'one/vite'
+import { peachPlugin } from 'peachsim/vite'
+export default {
+  root: import.meta.dirname,
+  plugins: [
+    one({
+      web: { defaultRenderMode: 'spa' },
+      native: {
+        bundler: 'vite',
+        app: {
+          name: 'KotlinSelection',
+          scheme: 'kotlinselection',
+          android: { applicationId: 'dev.contrast.kotlinselection' },
+        },
+      },
+    }),
+    peachPlugin(),
+  ],
+  server: { host: '0.0.0.0' },
+}

package/kotlin/fixtures/import-surfaces/ImportSurfaces.native.tsx

@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+import { Surfaces } from './Surfaces.kt'
+
+export default function Index() {
+  const [step, setStep] = useState(0)
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <Surfaces title={`Surfaces step ${step}`} onStep={setStep} />
+      <Text testID="surfaces-react-step">React step: {step}</Text>
+    </View>
+  )
+}

package/kotlin/fixtures/import-surfaces/README.md

@@ -0,0 +1,22 @@
+# Imported Compose surfaces
+
+Run One in this fixture, then open its Android bundle in Peach on Pixel 8.
+Build the native Android target on a remote builder. Import the same files in
+Contrast with catalog versions materialized.
+
+Tap `surfaces-step` to alternate Material light and dark color schemes. The
+callback updates React and the imported title while Compose retains count.
+Capture the rounded Surface, cut corner Card and horizontal divider in all
+four states: light zero, dark one, disabled one and restored light two.
+The disabled button must preserve count and every palette value. Read the
+actual color scheme ARGB values on native Android and require both imported
+hosts to match. These checks prove execution and state, without a pixel grade.
+
+RAN, 2026-10-11: fresh One Android API 37, Peach and Contrast Android import
+runs pass all four states with identical palette readbacks and callback values.
+The [functional receipt](https://r2.sootsim.com/kotlin-evidence/import-surfaces/1575299a492a37b497f5e923be69b865c2fae9c81d62b448810bed330596d052/proof.json)
+binds Kotlin source, compiler, native APK, captures and executed probes.
+All 50 published objects pass SHA256 readback. A wrong surface color and a
+disabled callback change reject the saved verdict. Required CI delivery remains
+separate from this functional proof. The existing preview shell chrome and
+native debug HMR warning remain in captures; their fidelity is unclaimed.

package/kotlin/fixtures/import-surfaces/Surfaces.d.kt.ts

@@ -0,0 +1,7 @@
+// generated by one typegen; edits will be replaced
+import type { ReactElement } from 'react'
+
+export declare function Surfaces(props: {
+  title: string
+  onStep?: ((value0: number) => void) | null
+}): ReactElement

package/kotlin/fixtures/import-surfaces/Surfaces.kt

@@ -0,0 +1,64 @@
+package dev.contrast.kotlinsurfaces
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CutCornerShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.lightColorScheme
+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.ui.Modifier
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun Surfaces(title: String, onStep: ((Int) -> Unit)? = null) {
+    var count by remember { mutableStateOf(0) }
+    val dark = count % 2 == 1
+    val scheme = if (dark) darkColorScheme() else lightColorScheme()
+    MaterialTheme(colorScheme = scheme) {
+        Surface(Modifier.fillMaxSize()) {
+            Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
+                Text(title, Modifier.testTag("surfaces-title"))
+                Text("Count: $count", Modifier.testTag("surfaces-count"))
+                Surface(
+                    modifier = Modifier.size(280.dp, 64.dp).testTag("surfaces-rounded"),
+                    shape = RoundedCornerShape(12.dp),
+                    color = scheme.primary,
+                    contentColor = scheme.onPrimary,
+                ) { Text("Rounded surface", Modifier.padding(12.dp)) }
+                Card(
+                    modifier = Modifier.size(280.dp, 64.dp).testTag("surfaces-cut"),
+                    shape = CutCornerShape(8.dp),
+                    colors = CardDefaults.cardColors(containerColor = scheme.secondaryContainer),
+                ) { Text("Cut corner card", Modifier.padding(12.dp)) }
+                HorizontalDivider(Modifier.size(280.dp, 2.dp).testTag("surfaces-divider"), thickness = 2.dp)
+                Button(onClick = { count += 1; onStep?.invoke(count) }, modifier = Modifier.testTag("surfaces-step")) {
+                    Text("Next surfaces step")
+                }
+                Button(onClick = { count += 1000; onStep?.invoke(count) }, enabled = false, modifier = Modifier.testTag("surfaces-disabled")) {
+                    Text("Disabled surfaces step")
+                }
+                Text(
+                    "dark=${if (dark) 1 else 0};surface=${scheme.surface.toArgb()};onSurface=${scheme.onSurface.toArgb()};primary=${scheme.primary.toArgb()};secondaryContainer=${scheme.secondaryContainer.toArgb()}",
+                    Modifier.testTag("surfaces-palette"),
+                )
+            }
+        }
+    }
+}

package/kotlin/fixtures/import-surfaces/app/_layout.tsx

@@ -0,0 +1,4 @@
+import { Slot } from 'one'
+export default function Layout() {
+  return <Slot />
+}

package/kotlin/fixtures/import-surfaces/app/index+spa.tsx

@@ -0,0 +1 @@
+export { default } from '../ImportSurfaces.native'

package/kotlin/fixtures/import-surfaces/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "peach-kotlin-import-surfaces-fixture",
+  "private": true,
+  "type": "module",
+  "targets": [
+    "native"
+  ],
+  "dependencies": {
+    "@react-navigation/core": "catalog:",
+    "@react-navigation/native": "catalog:",
+    "one": "catalog:",
+    "react": "catalog:",
+    "react-native": "catalog:",
+    "react-native-reanimated": "catalog:",
+    "react-native-screens": "catalog:",
+    "react-native-worklets": "catalog:"
+  },
+  "devDependencies": {
+    "@react-native-community/template": "catalog:",
+    "peachsim": "workspace:*",
+    "vite": "catalog:"
+  }
+}

package/kotlin/fixtures/import-surfaces/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "~/*": ["./*"]
+    },
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "rootDir": ".",
+    "module": "Preserve",
+    // allows react-native style imports without path extensions, for compat with platform-specific files
+    "moduleResolution": "Bundler",
+    "preserveSymlinks": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "types": ["node", "react", "vite/client"],
+    "lib": ["dom", "esnext"]
+  },
+  "exclude": ["node_modules", "**/test", "**/dist", "**/types", "**/__tests__"]
+}

package/kotlin/fixtures/import-surfaces/vite.config.ts

@@ -0,0 +1,20 @@
+import { one } from 'one/vite'
+import { peachPlugin } from 'peachsim/vite'
+export default {
+  root: import.meta.dirname,
+  plugins: [
+    one({
+      web: { defaultRenderMode: 'spa' },
+      native: {
+        bundler: 'vite',
+        app: {
+          name: 'KotlinSurfaces',
+          scheme: 'kotlinsurfaces',
+          android: { applicationId: 'dev.contrast.kotlinsurfaces' },
+        },
+      },
+    }),
+    peachPlugin(),
+  ],
+  server: { host: '0.0.0.0' },
+}