Introduce PointerIcon.PlatformPointer

composetheme/src/androidMain/kotlin/com.composables.composetheme/PointerIcon.android.kt

@@ -0,0 +1,5 @@
+package com.composables.composetheme
+
+import androidx.compose.ui.input.pointer.PointerIcon
+
+internal actual val PlatformPointerIcon: PointerIcon = PointerIcon.Default

composetheme/src/commonMain/kotlin/com.composables.composetheme/ComposeTheme.kt

@@ -67,7 +67,7 @@ fun buildComposeTheme(themeBuilder: ThemeBuilder.() -> Unit): ThemeComposable {
     val theme = ResolvedTheme(builder.name, builder.indication, allProperties, builder.themeWrapper)
 
     return { content ->
-        CompositionLocalProvider(LocalTheme provides theme, LocalIndication provides builder.indication, content = {
+        CompositionLocalProvider(LocalTheme provides theme, LocalIndication provides builder.indication, LocalPlatformPointer provides PlatformPointerIcon, content = {
             theme.Extend(content)
         })
     }
@@ -183,4 +183,4 @@ class MutableThemeProperties internal constructor() {
     operator fun <T> set(property: DesignProperty<T>, value: T) {
         entries[property] = value as Any
     }
-}
+}

composetheme/src/commonMain/kotlin/com.composables.composetheme/PointerIcon.kt

@@ -0,0 +1,18 @@
+package com.composables.composetheme
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.input.pointer.PointerIcon
+
+internal val LocalPlatformPointer = staticCompositionLocalOf { PointerIcon.Default }
+internal expect val PlatformPointerIcon: PointerIcon
+
+/**
+ * [PointerIcon] used to indicate the hovered item is interactive. The icon displayed depends on the platform the icon will be used on.
+ *
+ * For example, this will show a [PointerIcon.Hand] icon when used on web vs a [PointerIcon.Default] icon on desktop.
+ */
+val PointerIcon.Companion.PlatformPointer: PointerIcon
+    @Composable get() {
+        return LocalPlatformPointer.current
+    }

composetheme/src/iosMain/kotlin/com.composables.composetheme/PointerIcon.ios.kt

@@ -0,0 +1,5 @@
+package com.composables.composetheme
+
+import androidx.compose.ui.input.pointer.PointerIcon
+
+internal actual val PlatformPointerIcon: PointerIcon = PointerIcon.Default

composetheme/src/jsMain/kotlin/com.composables.composetheme/PointerIcon.js.kt

@@ -0,0 +1,5 @@
+package com.composables.composetheme
+
+import androidx.compose.ui.input.pointer.PointerIcon
+
+internal actual val PlatformPointerIcon: PointerIcon = PointerIcon.Hand

composetheme/src/jvmMain/kotlin/com.composables.composetheme/PointerIcon.jvm.kt

@@ -0,0 +1,5 @@
+package com.composables.composetheme
+
+import androidx.compose.ui.input.pointer.PointerIcon
+
+internal actual val PlatformPointerIcon: PointerIcon = PointerIcon.Default

composetheme/src/wasmJsMain/kotlin/com.composables.composetheme/PointerIcon.wasmJs.kt

@@ -0,0 +1,5 @@
+package com.composables.composetheme
+
+import androidx.compose.ui.input.pointer.PointerIcon
+
+internal actual val PlatformPointerIcon: PointerIcon = PointerIcon.Hand

samples/src/desktopMain/kotlin/Main.kt

@@ -5,7 +5,8 @@ fun main() = singleWindowApplication {
 //    CustomPropertiesDemo()
 //    DefaultsDemo()
 //    DynamicThemeDemo()
-    ExtendDemo()
+//    ExtendDemo()
 //    ExtendMaterial3Demo()
 //    ExtendMaterialDemo()
+//    PointerIconDemo()
 }

samples/src/desktopMain/kotlin/com/composables/composetheme/samples/PointerIconDemo.kt

@@ -0,0 +1,13 @@
+package com.composables.composetheme.samples
+
+import androidx.compose.foundation.text.BasicText
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.input.pointer.PointerIcon
+import androidx.compose.ui.input.pointer.pointerHoverIcon
+import com.composables.composetheme.PlatformPointer
+
+@Composable
+fun PointerIconDemo() {
+    BasicText(text = "Hover over me", modifier = Modifier.pointerHoverIcon(PointerIcon.PlatformPointer))
+}